@charset "shift_jis";
/*content1100pxReset*/
body.min {
min-width: 1100px;
}
contents_inner,
#contents .contents_inner{
max-width: 100%;
padding: 0;
}
.calendarWrap{
width:100%;
min-width:1100px;
color: #000;
}
.calendarWrap img{
vertical-align:top;
}
.calendarWrap a{
display: block;
}
/*mvBlockA01******************************************************/
.calendarWrap .qcMV img{
width: 100%;
}
.mvBlockA01 img{
width: 100%;
}
/*anchorBlock******************************************************/
.calendarWrap .anchorBlock{
padding: 40px 0;
}
.calendarWrap .anchorBlockInner{
width: 950px;
margin: 0 auto;
text-align: center;
}
.calendarWrap .anchorList{
display: flex;
justify-content: space-between;
margin: 40px auto 0;
width: 713px;
}
.calendarWrap .btnCl{
position: relative;
width: 502px;
margin: 0 auto;
border: 2px solid #274198;
padding: 21px 0 20px;
font-size: 22px;
font-weight: 600;
letter-spacing: 0.023em;
border-radius: 36px;
color: #274198;
background: #fff;
text-align: center;
}
.calendarWrap .btnCl:hover{
text-decoration: none;
}
.calendarWrap .btnCl::after{
content: '';
display: block;
position: absolute;
top: 28px;
right: 27px;
margin: auto;
border: solid #274198;
border-width: 0 3px 3px 0;
padding: 5px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.6s;
}
/*rankingBlock******************************************************/
.calendarWrap .rankingBlockArea{
padding: 49px 0 79px;
background: #fcfcd5;
}
.calendarWrap .rankingBlockArea .rankingBlockAreaInner{
width: 950px;
margin: 0 auto;
}
.calendarWrap .rankingBlockArea .rto_view{
background: none;
}
.calendarWrap .rankingBlockArea .rto_view .ttl{
text-align: center;
padding-top: 50px;
position: relative;
}
.calendarWrap .rankingBlockArea .rto_view .ttl::before{
content: '';
background: url('/contents/0018/img/event/020001022/calendar_bg_011_220801.png') no-repeat left top;
position: absolute;
display: block;
width: 149px;
height: 145px;
top: 0;
left: 38px;
}
.calendarWrap .rankingBlockArea .rto_view > div.slideList {
margin-top: 50px;
padding: 0 0 20px 0;
}
.calendarWrap .rto_view > div.slideList > ul.owl-carousel {
width: 100%;
display: flex;
justify-content: space-between;
}



/*
.calendarWrap .rto_view > div.slideList li {
width: 240px;
position: relative;
}
******************************************************/



.calendarWrap .rto_view > div.slideList p.rt_item_name{
font-size: 14px;
line-height: 1.375;
padding: 0.5em 2em 0 2em;
}
.calendarWrap .rto_view > div.slideList p.rt_item_price{
font-size: 14px;
font-weight: bold;
padding: 0.8em 1em 1.35em 1em;
text-align: right;
letter-spacing: 0.044em;
}
/*productBlock******************************************************/
.calendarWrap .productBlock{
padding-bottom: 100px;
position: relative;
z-index: 1;
}
.calendarWrap .productBlock.recomB{
background-color: #bbe2f5;
}
.calendarWrap .productBlock01Inner{
width: 950px;
margin: 0 auto;
}
.calendarWrap .productBlock01Inner .ttl2{
padding: 100px 0 60px;
position: relative;
text-align: center;
}
.calendarWrap .productBlock01Inner .ttl2::after{
content: '';
background: url('/contents/0018/img/event/020001022/calendar_bg_001_220801.png') no-repeat top center;
display: block;
position: absolute;
width: 956px;
height: 509px;
top: 48px;
left: 38px;
}
.calendarWrap .productBlock .blockContent{
position: relative;
background: #fff;
padding: 81px 79px 68px 80px;
margin-bottom: 30px;
border-radius: 40px;
display: flex;
justify-content: space-between;
z-index: 1;
}
.calendarWrap .productBlock .blockContent .img{
width: 340px;
text-align: center;
}
.calendarWrap .productBlock .blockContent .content{
margin-top: -12px;
width: 395px;
}
.calendarWrap .productBlock .blockContent .content .title{
font-size: 20px;
line-height: 1.5;
font-weight: bold;
/*text-transform: uppercase;*/
letter-spacing: 0.025em;
}
.calendarWrap .productBlock .blockContent .content .listSup1{
font-size: 15px;
line-height: 2;
margin-top: 26px;
}
.calendarWrap .productBlock .blockContent .content .listSup2{
font-size: 13px;
line-height: 1.54;
margin-top: 5px;
}
.calendarWrap .productBlock .blockContent .content .description{
font-size: 15px;
line-height: 2;
margin-top: 36px;
}
.calendarWrap .productBlock .blockContent .content .price{
font-size: 20px;
text-align: right;
margin-top: 17px;
margin-bottom: 27px;
font-weight: bold;
}
.calendarWrap .btnIt{
position: relative;
width: 242px;
color: #fff;
text-align: center;
background: #fa6604;
font-size: 15px;
padding: 22px 0 18px;
margin-left: auto;
}
.calendarWrap .btnIt:hover{
text-decoration: none;
}
.calendarWrap .btnIt::after{
content: '';
display: block;
position: absolute;
top: 27px;
right: 23px;
margin: auto;
border: solid #fff;
border-width: 0 2px 2px 0;
padding: 3px;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transition: all 0.6s;
}
.calendarWrap .productBlock::after{
content: '';
background: url('/contents/0018/img/event/020001022/calendar_bg_002_220801.png') no-repeat top center;
display: block;
position: absolute;
width: 148px;
height: 261px;
top: 46.7%;
right: 0;
z-index: 0;
}
.calendarWrap .productBlock01{
position: relative;
}
.calendarWrap .productBlock::before{
content: '';
background: url('/contents/0018/img/event/020001022/calendar_bg_004_220801.png') no-repeat top center;
display: block;
position: absolute;
width: 328px;
height: 730px;
bottom: -1px;
left: 0;
}
.calendarWrap .recomB .blockContent:nth-child(3) .content{
margin-top: -6px;
}
.calendarWrap .recomB .blockContent:nth-child(3) .content .listSup1 li:nth-child(1){
text-indent: -70px;
margin-left: 70px;
}
.calendarWrap .recomB .blockContent:nth-child(3) .content .listSup1 li:nth-child(3){
text-indent: -35px;
margin-left: 35px;
}
.calendarWrap .recomB .blockContent:nth-child(3) .content .price{
margin-top: 48px;
}
.calendarWrap .recomB .blockContent:nth-child(3) .content .btnIt{
margin-right: 24px;
}
.calendarWrap .recomB .blockContent:nth-child(3){
padding-bottom: 80px;
}
.calendarWrap .productBlock .blockContent:last-child{
margin-bottom: 0;
}
.calendarWrap .productBlock .blockArtist{
background: url('/contents/0018/img/event/020001022/calendar_bg_009_220801.png') repeat-x right top, url('/contents/0018/img/event/020001022/calendar_bg_010_220801.png') repeat-x right bottom;
background-color: #30a8e5;
position: relative;
padding: 75px 46px 70px;
}
.calendarWrap .productBlock .blockArtistTop{
display: flex;
background: #fff;
}
.calendarWrap .productBlock .blockArtistTop .listContent{
padding: 38px 30px 30px 50px;
font-size: 15px;
line-height: 2.8;
letter-spacing: 0.03em;
}
.calendarWrap .productBlock .blockArtistTop .listContent li{
border-top: 1px solid #c8c8c8;
}
.calendarWrap .productBlock .blockArtistTop .listContent li:last-child{
border-bottom: 1px solid #c8c8c8;
}
.calendarWrap .productBlock .blockArtistBot .title{
margin-top: 29px;
}
.calendarWrap .productBlock .blockArtistBot p{
color: #fff;
}
.calendarWrap .productBlock .blockArtistBot .text{
font-size: 13px;
line-height: 1.54;
margin-top: 14px;
}
/*landscape******************************************************/
.calendarWrap .productBlock.landscape{
background-color: #30a8e5;
border-bottom-right-radius: 230px;
}
.calendarWrap .landscape .productBlock01Inner .ttl2{
padding: 100px 0 55px;
}
.calendarWrap .landscape .productBlock01Inner .ttl2::after{
background: url('/contents/0018/img/event/020001022/calendar_bg_005_220801.png') no-repeat top center;
}
.calendarWrap .productBlock.landscape .blockContent .img{
width: 100%;
text-align: left;
}
.calendarWrap .productBlock.landscape .blockContent{
padding: 75px 80px 76px;
margin-bottom: 22px;
}
.calendarWrap .productBlock.landscape::after{
background: url('/contents/0018/img/event/020001022/calendar_bg_006_220801.png') no-repeat top center;
height: 263px;
top: 35%;
}
.calendarWrap .productBlock.landscape::before{
background: url('/contents/0018/img/event/020001022/calendar_bg_007_220801.png') no-repeat top center;
height: 851px;
bottom: 28px;
}
.calendarWrap .productBlock.landscape .blockContent .blockImg{
display: flex;
width: 340px;
justify-content: space-between;
}
.calendarWrap .productBlock .blockContent .blockImg .imageDetail{
display: flex;
justify-content: space-between;
margin-top: 11px;
}
.calendarWrap .productBlock.landscape .blockContent .blockImg .imageDetail{
width: 106px;
display: block;
margin-top: 0;
}
.calendarWrap .productBlock.landscape .blockContent .blockImg .imageDetail img:first-child{
margin-bottom: 13px;
}
.calendarWrap .clTop{
position: absolute;
text-align: right;
font-size: 16px;
color: #000;
text-decoration: underline;
bottom: 40px;
right: 151px;
}
.calendarWrap .productBlock.landscape .blockContent .content{
margin-top: -6px;
}
.calendarWrap .productBlock.landscape .blockContent .content .description{
margin-top: 26px;
}
.calendarWrap .productBlock.landscape .blockContent .content .price{
margin-top: 48px;
}
.calendarWrap .productBlock .itemBlockList{
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.calendarWrap .productBlock .itemBlockList li{
width: 302px;
background: #fff;
border-radius: 40px;
padding: 30px 0;
margin-right: 22px;
margin-bottom: 22px;
}
.calendarWrap .productBlock .itemBlockList li:nth-child(3n){
margin-right: 0;
}
.calendarWrap .productBlock .itemBlockList li .img{
padding: 0 11px;
}
.calendarWrap .productBlock .itemBlockList li .content{
padding: 26px 20px 15px;
}
.calendarWrap .productBlock .itemBlockList li .title{
font-size: 20px;
font-weight: bold;
line-height: 1.5;
letter-spacing: 0.010em;
}
.calendarWrap .productBlock .itemBlockList li .txt{
font-weight: bold;
margin-top: 17px;
}
.calendarWrap .productBlock .itemBlockList li .price{
font-size: 20px;
font-weight: bold;
line-height: 1.5;
text-align: right;
margin-top: 17px;
}
.calendarWrap .productBlock .itemBlockList .btnIt{
margin: 0 auto;
}
.calendarWrap .productBlock.landscape .btnCl{
margin-top: 62px;
width: 602px;
letter-spacing: -0.023em;
}

.calendarWrap .productBlock.landscape .clTop{
color: #fff;
}
/*yaiba******************************************************/
.calendarWrap .productBlock.yaiba{
background-color: #fcfcd5;
margin-top: -210px;
z-index: 0;
padding-top: 210px;
padding-bottom: 78px;
}
.calendarWrap .productBlock.yaiba::before{
background: url('/contents/0018/img/event/020001022/calendar_bg_008_220801.png') no-repeat top center;
}
.calendarWrap .productBlock.yaiba::after{
top: 57.4%;
}
.calendarWrap .productBlock.yaiba .blockContent{
padding: 74px 80px 76px 62px;
margin-bottom: 23px;
}
.calendarWrap .productBlock.yaiba .blockContent .img{
width: 100%;
}
.calendarWrap .productBlock .blockContent .blockImg{
width: 358px;
}
.calendarWrap .productBlock .blockContent .blockImg .cap{
font-size: 13px;
}
.calendarWrap .productBlock.yaiba .blockContent .content{
margin-top: -6px;
}
.calendarWrap .productBlock.yaiba .blockContent .content .description{
margin-top: 27px;
}
.calendarWrap .productBlock .itemBlockList li .cap{
padding: 8px 0 0 26px;
font-size: 11px;
}
.calendarWrap .productBlock.yaiba .itemBlockList li{
padding: 30px 0 40px;
}
.calendarWrap .productBlock.yaiba .itemBlockList li .content{
padding: 23px 20px 15px;
}
/*airplane******************************************************/
.calendarWrap .productBlock.airplane{
background-color: #bbe2f5;
border-bottom-right-radius: 230px;
padding-bottom: 98px;
}
.calendarWrap .productBlock.airplane::before{
background: url('/contents/0018/img/event/020001022/calendar_bg_003_220801.png') no-repeat top center;
bottom: -20px;
height: 851px;
}
.calendarWrap .productBlock.airplane .productBlock01::before{
content: '';
background: url('/contents/0018/img/event/020001022/calendar_bg_003_220801.png') no-repeat top center;
display: block;
position: absolute;
width: 328px;
height: 851px;
top: 45.7%;
left: 0;
}
.calendarWrap .productBlock.airplane .productBlock01::after{
content: '';
background: url('/contents/0018/img/event/020001022/calendar_bg_002_220801.png') no-repeat top center;
display: block;
position: absolute;
width: 148px;
height: 261px;
top: 68.65%;
right: 0;
z-index: 0;
}
.calendarWrap .productBlock.airplane .productBlock01Inner .ttl2{
padding: 100px 0 56px;
}
.calendarWrap .productBlock.airplane::after{
top: 18.55%;
}
.calendarWrap .productBlock.airplane .blockContent{
margin-top: 60px;
padding: 74px 80px 82px 62px;
margin-bottom: 21px;
}
.calendarWrap .productBlock.airplane .blockContent .img{
width: 100%;
}
.calendarWrap .productBlock.airplane .blockContent .blockImg .imageDetail{
margin-top: 17px;
}
.calendarWrap .productBlock.airplane .blockContent .content{
margin-top: -6px;
}
.calendarWrap .productBlock.airplane .blockContent .content .description{
margin-top: 27px;
}
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(4) .title,
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(5) .title,
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(6) .title{
height: 50px;
}
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(7) .title{
min-height: 90px;
}
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(7) .price,
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(8) .price,
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(9) .price{
margin-top: 6px;
}
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(11) .title,
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(12) .title{
min-height: 90px;
}
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(10) .price,
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(11) .price,
.calendarWrap .productBlock.airplane .itemBlockList li:nth-child(12) .price{
margin-top: 6px;
}
.calendarWrap .productBlock.airplane .btnCl{
margin-top: 59px;
width: 602px;
}
/*planner******************************************************/
.calendarWrap .productBlock.planner{
background: #fff;
padding-bottom: 148px;
}
.calendarWrap .productBlock.planner::before,
.calendarWrap .productBlock.planner .productBlock01Inner .ttl2::after{
content: none;
}
.calendarWrap .productBlock.planner::after{
top: 31.2%;
}
.calendarWrap .productBlock.planner .productBlock01Inner .ttl2::before{
content: '';
background: url('/contents/0018/img/event/020001022/calendar_bg_011_220801.png') no-repeat left top;
position: absolute;
display: block;
width: 149px;
height: 145px;
top: 50px;
left: 38px;
}
.calendarWrap .itemBlockList.border li{
border: 1px solid #e3e3e3;
margin-right: 18px;
}
.calendarWrap .itemBlockList.border li:nth-child(3n){
margin-right: 0;
}
.calendarWrap .productBlock.planner .itemBlockList li .price{
margin-top: 6px;
}

 /* cpn */
.calendarWrap .cpnBlockA01 {
text-align: center;
background: #ff6600;
}

.calendarWrap .productBlock.yaiba .btnCl{
margin-top: 59px;
width: 602px;
}