@charset "utf-8";
/* =================================================================================
 Module
================================================================================= */

/* margin
------------------------------------------------------- */
/* margin top */
.mT_5{margin-top:5px !important;}
.mT_10{margin-top:10px !important;}
.mT_20{margin-top:20px !important;}
.mT_30{margin-top:30px !important;}
.mT_40,.mT_40sp30,.mT_40sp20{margin-top:40px !important;}
.mT_50,.mT_50sp30{margin-top:50px !important;}
.mT_60,.mT_60sp40{margin-top:60px !important;}
.mT_80,.mT_80sp60,.mT_80sp40{margin-top:80px !important;}
/* margin right */
.mR_5 {margin-right:5px !important;}
.mR_10 {margin-right:10px !important;}
.mR_20 {margin-right:20px !important;}
.mR_30 {margin-right:30px !important;}
.mR_40,.mR_40spmB_20 {margin-right:40px !important;}
.mR_150 {margin-right:150px !important;}
/* margin bottom */
.mB_5 {margin-bottom:5px !important;}
.mB_10 {margin-bottom:10px !important;}
.mB_20 {margin-bottom:20px !important;}
.mB_30,.mB_30sp20 {margin-bottom:30px !important;}
.mB_40,.mB_40sp20 {margin-bottom:40px !important;}
.mB_50,.mB_50sp20,.mB_50sp30 {margin-bottom:50px !important;}
.mB_60,.mB_60sp40 {margin-bottom:60px !important;}
.mB_70sp20 {margin-bottom:70px !important;}
.mB_80,.mB_80sp60 {margin-bottom:80px !important;}
/* margin left */
.mL_5 {margin-left: 5px !important;}
.mL_10 {margin-left: 10px !important;}
.mL_20 {margin-left: 20px !important;}
.mL_30 {margin-left: 30px !important;}
.mL_40 {margin-left: 40px !important;}

/* padding
------------------------------------------------------- */
/* padding top */
.pT_5 {padding-top: 5px !important;}
.pT_10 {padding-top: 10px !important;}
.pT_20 {padding-top: 20px !important;}
.pT_30 {padding-top: 30px !important;}
/* padding right */
.pR_5 {padding-right: 5px !important;}
.pR_10 {padding-right: 10px !important;}
.pR_20 {padding-right: 20px !important;}
.pR_30 {padding-right: 30px !important;}
/* padding bottom */
.pB_5 {padding-bottom: 5px !important;}
.pB_10 {padding-bottom: 10px !important;}
.pB_20 {padding-bottom: 20px !important;}
.pB_30 {padding-bottom: 30px !important;}
/* padding left */
.pL_5 {padding-left: 5px !important;}
.pL_10 {padding-left: 10px !important;}
.pL_20 {padding-left: 20px !important;}
.pL_30 {padding-left: 30px !important;}

.pTB_30sp20 {padding:30px 0 !important;}

@media only screen and (max-width:640px){
	.pdLR10 {padding:0 10px !important;}
	.mB_40sp20{margin-bottom:20px !important;}
	.mB_50sp30{margin-bottom:30px !important;}
	.mB_60sp40{margin-bottom:40px !important;}
	.mT_40sp20{margin-top:20px !important;}
	.mT_50sp30,.mT_40sp30{margin-top:30px !important;}
	.mT_60sp40,.mT_80sp40{margin-top:40px !important;}
	.mT_80sp60{margin-top:60px !important;}
	.mB_50sp20,.mB_30sp20,.mB_70sp20{margin-bottom:20px !important;}
	.mR_40spmB_20{margin:0 0 20px 0 !important;}
    .mB_80sp60 {margin-bottom:60px !important;}
	.pTB_30sp20 {padding:20px 0 !important;}
}

/*インラインブロック化*/
.dIB{display:inline-block;}

/*pc・spともに非表示*/
.dBN{display:none !important;}

/*pcの時、改行*/
.dB{display:block !important;}

/*spの時、改行*/
.dIB_pc{display:inline-block !important;}

/*pcの時、非表示・spの時、インラインブロック*/
.dIB_sp{display:none !important;}

/*pcの時、非表示・spの時、表示*/
.sp_dbn{display: none !important;}

/*pc時は改行でsp時は非改行*/
.spBrNone br{display:block;}
/*pc時は非改行でsp時は改行*/
.pcBrNone br{display:none;}

@media only screen and (max-width:640px){
	/*spの時、非表示*/
	.pc_dbn{display: none !important;}

	/*pcの時、非表示・spの時、表示*/
	.sp_dbn{display: block !important;}

	/*spの時、改行*/
	.dIB_pc{display:block !important;}

	.dB/*pcの時、改行*/,
	.dIB_sp/*pcの時、非表示・spの時、インラインブロック*/{display:inline-block !important;}

	/*spの時、改行*/
	.dB_sp{display:block !important;}

	/*バナー用*/
	.imgBnr{display:block !important;}
	.imgBnr,
	.imgBnr img{width:100%;}

	/*pc時は改行でsp時は非改行*/
	.spBrNone br{display:none;}
	/*pc時は非改行でsp時は改行*/
	.pcBrNone br{display:block;}
}

/* text-align
------------------------------------------------------- */
.tACenter,.tACspR,.tACspL{text-align:center!important;}
.tARight ,.tARspC{text-align:right!important;}
.tALeft,.tALspC,.tAJustify{text-align:left!important;}

@media only screen and (max-width:640px){
.tACspR{text-align:right!important;}
.tALspC,.tARspC{text-align:center!important;}
.tACspL{text-align:left!important;}
}

/* vertical-align
------------------------------------------------------- */
.vATop{vertical-align:top;}
.vAMid{vertical-align:middle;}
.vABtm{vertical-align:bottom;}

/* txt
------------------------------------------------------- */
.fWBold {font-weight:bold !important;}
.fWMedium{font-weight:500 !important;}
.fWNormal{font-weight:normal !important;}
.fSize10{font-size:10px !important;}
.fSize12{font-size:12px !important;}
.fSize14{font-size:14px !important;}
.fSize16{font-size:16px !important;}
.fSize17{font-size:18px !important;}
.fSize18{font-size:18px !important;}
.fSize20{font-size:20px !important;}
.fSize14sp12,.fSize14sp10{font-size:14px !important;}
.fSize16sp14{font-size:16px !important;}
.fSize18sp16,.fSize18sp14{font-size:18px !important;}
.fSize22{font-size: 22px !important;}
.fSize24sp18,.fSize24sp16{font-size:24px !important;}
.fSize36sp24{font-size:36px !important;}
.fCRed{color:#e12121 !important;}
.fCYellow{color:#ffea2a !important;}
.fCGray{color:#999 !important;}
.fCBlue{color:#08c2ff !important;}
.fCOrange{color:#ff882e !important;}
.fCPink{color:#ee688c !important;}

@media only screen and (max-width:640px){
	.fSize14sp10{font-size:10px !important;}
	.fSize14sp12{font-size:12px !important;}
	.fSize16sp14,.fSize18sp14{font-size:14px !important;}
	.fSize18sp16,.fSize24sp16{font-size:16px !important;}
	.fSize24sp18{font-size:18px !important;}
	.fSize36sp24{font-size:24px !important;}
}

/* img */
.imgWrap_2,
.imgWrap_1{text-align:center;}
.imgWrap_2 img,
.imgWrap_1 img{max-width:100%;}

@media only screen and (max-width:640px){
	.imgWrap_2 img{max-width:280px;}
}

/* loader */
#loader-bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: -webkit-linear-gradient(left, #fffeff 0%,#d7fffe 100%);
	background: #d7fffe;
	z-index: 1;
}

#loader {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 200px;
	margin-top: -100px;
	margin-left: -100px;
	text-align: center;
	color: #08c2ff;
	z-index: 2;
}

/* common
------------------------------------------------------- */
.pcBrNone br{display:none;}
.w_100{width:100%;}
.spW_100{width:auto;}

.indentLst li {
    padding-left: 1em;
    text-indent: -1em;
}

@media only screen and (max-width:640px){
    .spBrNone br{display:none;}
    .pcBrNone br{display:block;}
    .spW_100{width:100%;}
}

/* clm
------------------------------------------------------- */
.cmnClm{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: -40px;
}

.cmnClm.middle{align-items: center;}

.cmnClm.reverse{flex-direction: row-reverse;}

.cmnClm .clm{
    position: relative;
    width:calc(50% - 20px);
    margin-top: 40px;
}

.cmnClm.three .clm{ width:calc(33% - 30px);}

@media only screen and (max-width:640px){
    .cmnClm{margin-top: -20px;}

    .cmnClm.spSingle{
        display: block;
        margin-top: 0;
    }

    .cmnClm .clm{
        width:calc(50% - 10px);
        margin: 20px 0 0 10px;
    }

    .cmnClm.spSingle .clm{
        width: 100%;
        margin: 40px 0 0;
    }

    .cmnClm.three .clm{
        width:calc(33% - 7px);
        margin: 20px 0 0 10px;
    }

    .cmnClm .clm:nth-child(2n-1),
    .cmnClm.three .clm:nth-child(3n-2){margin-left: 0;}
    
}

.thumbClm{
    display: flex;
    justify-content: space-between;
}

.thumbClm.reverse{flex-direction: row-reverse;}

.thumbClm .img{ width: 280px;}

.thumbClm .txt{ width: calc(100% - 320px);}

@media only screen and (max-width:640px){
    .thumbClm{ display: block;}

    .thumbClm .txt,
    .thumbClm .img{width: 100%;}

    .thumbClm .img{
        margin-bottom: 20px;
        text-align: center;
    }
}

/* cmnAccordionArea
------------------------------------------------------- */
.cmnAccordionArea{
}

.cmnAccordionArea .toggleBtn{
    position: relative;
    padding:10px 20px;
    text-align: center;
    background-color: #b8b8b8;
    color: #fff;
    transition: all .8s;
}

.cmnAccordionArea .toggleBtn:hover{
    background-color: #ff882e;
    cursor: pointer;
}

.cmnAccordionArea .toggleBtn::before{
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -6px;
    width: 6px;
    height: 6px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(135deg);
    content: '';
    transition: all .3s;
}

.cmnAccordionArea .toggleBtn.open::before{transform: rotate(-45deg);}

.cmnAccordionArea .toggleArea{
    display: none;
    padding:10px 20px;
    border: 1px solid #b8b8b8;
    border-top: none;
}

/* ttl
------------------------------------------------------- */
.cmnTtl_1{
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #6f624e;
    font-size: 18px;
}

/*section*/
.wrapConSec{
	margin-bottom:50px;
	padding-top: 30px;
}

#subContainer .wrapConSec{
	margin-bottom:50px;
	padding-top: 0;
}

.wrapConSec .ttlCont{
	position: relative;
	margin:30px 0 55px;
	font-size:58px;
	font-weight: normal;
	line-height: 45px;
	color:#08c2ff;
	text-align: center;
}

.wrapConSec .ttlCont .subTtl{
	display: block;
	font-size:14px;
	font-weight: bold;
	letter-spacing: 3px;
	color:#544e41;
}


/*下層タイトル*/
@media only screen and (max-width:640px){
	.wrapConSec .ttlSecond{
	    height: 90px;
		margin-bottom:20px;
		padding: 20px 20px 10px;
		font-size:30px;
	    background: url(../../images/common/bg_ttl-second-sp.jpg) no-repeat center top;
	}

	.wrapConSec .ttlSecond .subTtl{font-size:14px;}

}

@media only screen and (max-width:640px){
	.wrapTopBnrArea{
		margin:-20px 0 20px 0;
		padding: 20px;
	}

	.wrapTopBnrArea a{width:100%;}

	.wrapTopBnrArea a img{width:100%;}

	.wrapBnrArea{
		width:100%;
		margin:20px auto 0;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.bnrTtl:before {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    border-top: 1px solid #ccc;
	    width: 25%;
	    content: "";
	}

	.bnrTtl:after {
	    position: absolute;
	    top: 50%;
	    right: 0;
	    border-top: 1px solid #ccc;
	    width: 25%;
	    content: "";
	}

	.topBnrArea:hover{opacity: 1.0;}
}

.mainEgTtl{
    position: relative;
    line-height: 1;
    margin-bottom: 30px;
    text-align: center;
}

.mainEgTtl .main{
    color: #ff882e;
    font-size: 50px;
    font-weight: 500;
    letter-spacing: 1px;
}

.mainEgTtl .sub{
    display: block;
    margin-top: 10px;
    font-size: 18px;
    font-weight: bold;
}

@media only screen and (max-width:640px){
    .mainEgTtl{
        margin-bottom: 20px;
    }

    .mainEgTtl .main{
        font-size: 40px;
    }

    .mainEgTtl .sub{
        margin-top: 10px;
        font-size: 16px;
    }
}

.opaBtn{transition: all .8s;}

.opaBtn:hover{opacity: .7;}

.bdrMsg{
	width: 980px;
    margin: 0 auto 30px;
    padding: 20px 40px 15px;
    text-align: center;
    color:#e12121;
	border:1px solid #e12121;
	box-sizing: border-box;
}

.overlapBdrMsg{
    width: 980px;
    margin: 0 auto 30px;
    padding: 12px;
	box-sizing: border-box;
    background-color: #eee;
    text-align: center;
}

.overlapBdrMsg .inner{
    padding: 20px;
    box-shadow: 0 0 3px #ccc;
    background: #fff;
}

.overlapBdrMsg .ttl{
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    font-weight: bold;
}

.mark{
    display: inline-block;
    margin: 0 5px;
    padding: 2px 7px;
    font-size: 14px;
    background-color: #e12121; 
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}

.mark.type_1{background-color: #d49bbe;}
.mark.type_2{background-color: #274993;}
.mark.type_3{background-color: #68af46;}
.mark.type_4{background-color: #e38e29;}
.mark.type_5{background-color: #f69;}
.mark.type_6{background-color: #bca1cc;}
.mark.type_x,
.mark.type_y{
    min-width: 70px;
    background-color: #211c16;
}

.mark.type_x{
    color: #ffd700;
}

.mark.type_y{
    color: #ddd;
}


.clm .rank{
    position: absolute;
    top: -20px;
    left: -20px;
}

.rank{
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 2px solid #fff;
    background-color: #6f624e;
    border-radius: 50%;
    color: #fff;
}

.firstIcon,
.secondIcon,
.thirdIcon,
.rank.first,
.rank.second,
.rank.third{
    top: -35px;
    left: 50%;
    width: 100px;
    height: 66px;
    line-height: 69px;
    background-size: 100%;
    background-color: transparent;
    background-repeat: no-repeat;
    color: #544e41;
    font-weight: bold;
    font-size: 16px;
    border:none;
    text-shadow: 1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff;
    transform: translateX(-50%);
}

.firstIcon,
.secondIcon,
.thirdIcon{
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    transform: none;
    text-align: center;
}

.firstIcon,
.rank.first{
    background-image: url(data:image/png;base64,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);
}

.secondIcon,
.rank.second{background-image: url(data:image/png;base64,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);
}

.thirdIcon,
.rank.third{background-image: url(data:image/png;base64,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);}

@media only screen and (max-width:640px){
    .opaBtn:hover{opacity: 1;}

    .bdrMsg{
        width: 100%;
        margin: 0 auto 20px;
        padding: 10px ;
        text-align: left;
    }

    .overlapBdrMsg{
        width: 100%;
        padding: 10px;
    }

    .overlapBdrMsg .ttl{
        margin-bottom: 15px;
        padding-bottom: 10px;
        font-size: 16px;
        text-align: left;
    }

    .mark{
        padding: 2px 5px;
        font-size: 12px;
    }

    .clm .rank{
        position: absolute;
        top: -15px;
        left: -10px;
    }

    .rank{
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .firstIcon,
    .secondIcon,
    .thirdIcon,
    .rank.first,
    .rank.second,
    .rank.third{
        left: 50%;
        top: -30px;
        width: 80px;
        height: 52px;
        line-height: 52px;
        font-weight: normal;
    }
}

/* lightbox css
------------------------------------------------------- */
#wrapGird{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:transparent;
	z-index: 10001;
}

#imagelightbox{
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 );
}

/* ACTIVITY INDICATION */
#imagelightbox-loading{
	width:16px;
	height:16px;
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	margin: -8px 0 0 -8px;
	z-index: 10000;
}

#imagelightbox-loading div{
	-webkit-animation: imagelightbox-loading .5s ease infinite;
	animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading{
	from { opacity: .5;	-webkit-transform: scale( 1 ); }
	to	 { opacity: .5;	-webkit-transform: scale( 1 ); }
}
@keyframes imagelightbox-loading{
	from { opacity: .5;	transform: scale( 1 ); }
	to	 { opacity: .5;	transform: scale( 1 ); }
}


#imagelightbox-loading .loader{
    width: 32px;
    height: 32px;
    background: url(../../images/common/loader.gif) no-repeat;
    background-size: 22px;
    opacity: .9;

}

/* OVERLAY */
#imagelightbox-overlay{
	background-color: #333;
	background-color: rgba( 0, 0, 0, .7 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* "CLOSE" BUTTON */
#imagelightbox-close{
	display:block;
	width:35px;
	height:35px;
	line-height:35px;
	position: fixed;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:none;
	background-color:#333;
	background-color:rgba(0,0,0,.5 );
	z-index: 10002;
	top:35px;
	right:35px;
	text-align:center;
	font-size:28px;
	color:#fff;
}

#imagelightbox-close:hover{cursor:pointer;}

/* CAPTION */
#imagelightbox-caption{
	position: fixed;
	padding:8px 10px;
	background-color:#333;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	color: #fff;
}

/* ARROWS */
.imagelightbox-arrow{
	display: none;
	position: fixed;
	width:50px;
	height:100px;
	margin-top:-50px;
	border:none;
	-webkit-border-radius:3px;
	border-radius:3px;
	background-color:#333;
	background-color:rgba(0,0,0,.5 );
	vertical-align: middle;
	z-index: 10001;
	top: 50%;
}

.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus{
	background-color:#000;
	background-color: rgba( 0, 0, 0, .75 );
}

.imagelightbox-arrow-left{left:40px;}
.imagelightbox-arrow-right{right:40px;}
.imagelightbox-arrow:before{
	width:0;
	height:0;
	border:1em solid transparent;
	content:'';
	display: inline-block;
	margin-bottom: -2px;
}
.imagelightbox-arrow-left:before{
	border-left: none;
	border-right-color: #fff;
	margin-left: -5px;
}
.imagelightbox-arrow-right:before{
	border-right: none;
	border-left-color: #fff;
	margin-right: -5px;
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow{
	-webkit-animation: fade-in .25s linear;
	animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in{
	from{opacity:0;}
	to{opacity: 1;}
}
@keyframes fade-in{
	from{opacity:0;}
	to{opacity:1;}
}

@media only screen and (max-width:640px){

	#imagelightbox-close{
		top:10px;
		right:10px;
	}

	.imagelightbox-arrow{
		width:35px;
		height:60px;
		margin-top:-30px;
	}
	.imagelightbox-arrow-left{left:0;}
	.imagelightbox-arrow-right{right:0;}
}


/* モーダルウインドウ */

/*モーダルを開くボタン*/
.modal-open{
    display: inline-block;
	width: 16px;
	height: 16px;
    margin-left: 5px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAkCAMAAACkEQocAAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA9t4I+u7oy8ODexfz6uPTubOgf11SLSQSCtbHr6SVbmhJOjIpHxwFm0Q/DkRDOKIAAADiSURBVCjPlZLZsoIwDEADBdlkE1Dcr8t1zf9/n9IEtY2O43lizqFtygDfOEdlnrnhqpkaOnaxZ1A9dTvHV/IJ+8kATRwuc7RJ6aAVvxeURb92REuqTsfJ/UnVPhVFpUnzAxAHPZ+3AELBg3EXhkuQ+F0YSa+87sRQhlhPeBK+Qc3Y0m1E3rW38ZGoDb2dIbMwfI09heH/H966w5J1sAGTVOtsbWneqVSW5m+HfyDY6xDJcCwcx8t28IYkSY7wG9P3ehf6szVI9t6HcUPUXEXgX20rQkChFeHCN5dsgqFbSS25AY8cKXooVWvBAAAAAElFTkSuQmCC) no-repeat #333 center / 8px 12px;
    vertical-align: middle;
	cursor: pointer;
}

.modal-open.txt{
    margin-left: 0;
    width: auto;
    height: auto;
    background: none;
    color: #ff882e;
    vertical-align: top;
    font-weight: 500;
}

.modal-open.btn{
    position: relative;
    width: auto;
    height: auto;
    margin-left: 0;
    padding: 7px 20px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    box-sizing: border-box;
    background: #ffb67e;
    vertical-align: top;
    z-index: 1;
}

.modal-open.btn::after{
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background: #ff882e;
    top: 3px;
    left: 3px;
    z-index: -1;
}

/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 45px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
    z-index: 20;
}

/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}

/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}

/*モーダル枠の指定*/
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 640px;
	width: 90%;
}

/*モーダルを閉じるボタンの指定*/
.modal-close{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -40px;
	right: -40px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}

/*モーダル内のコンテンツの指定*/
.modal-content{
	background: #fff;
	text-align: left;
	padding: 30px;
}

.modal-content .modalImgCnt img{
    width: 100%;
    max-width: 420px;
}

.modal-content .modalImgCnt.bdr img{
    border: 1px solid #ccc;
    box-sizing: border-box;
}

@media only screen and (max-width: 640px){
    .modal-open.btn{font-size: 13px;}
    .modal-content{padding: 25px 20px;}
}


/*movie*/
.imgMovie {
	width:650px;
	margin: 0 auto;
}

.imgMovieIn{
	position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.imgMovie iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
	border:none;
}

@media only screen and (max-width:640px){
	.imgMovie {width:100%;}
}

.itemList .youtubeWrap{
	display: inline-block;
	width: 770px;
	height: 100%;
    margin: 0 0 40px 30px;
    padding: 23px;
    text-align: center;
    vertical-align: top;
    font-size: 14px;
    box-sizing: border-box;
	background-color: #fff5e8;
}

.youtubeTxt{
	width: calc(50% - 38px);
	height: 100%;
	float: left;
}

.youtubeImg{
	position: relative;
    width: calc(52%);
    height: 359px;
    float: right;
}

.youtubeImg iframe{
	position: absolute;
    top: 0;
    right: 0;
	width: 100%;
	height: 100%;
    box-sizing: border-box;
    border: none;
}

.itemList .youtubeWrap:nth-child(3n){margin-left: 0;}

.iconMovieLink{
	display: inline-block;
	padding-left: 20px;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADLklEQVRYhbXXzW8VZRQG8F8nSlpL0Y2AS9MqRE0lxihUN8qmVt3wkagJCVUSF4QF8YuFCxcuoGj0H5DoRk0UF1WRhcSNRRaGkCb4WeOSGDdqwRJM1MU5A7fXe+fO3NYnmdyZO2ee58w57zlz3oHZ2Vk1sRaP4iFswa24Me/9jp9xDl/gU1ysQ3pdDZsxvIQnMdzFZn0e9+NZXMJ7OIKFKvKi4t4gDuM89qX4SRzANmzEUB4b878DaTOcz5xPJwa7iQx0ScEoPhShhreT6Luqt2nBZhG1vXl9Drt1iEanCNyDuRT/Cg9iuoG4tJ3GA8mxBV8md6UDYyKEG/ARtqcz/eI0Hk6uDck91s2BIRH2m/N3J5ZWIF7icnKV3MdT6z8OvIK70+s9qyDcjj0imuOptcyBURzM8xfS69XGZbyY5wdlKso+cAjX4x0RgY54/JuX+1L++I5Xy9PToqL2pua+AiOiyRB13wsntC2khig1nsBIgSnROD5Tr9QeEQ3mqGjPTfF9ag1jqhClRrxZXazB8/hB1PtAQydKre2FWJXwdUMSuAXHRG63Nniu1BovRAXAT304UGJrOvFWOtULpdZogXV58ccKHCDS8LTI8XMiTd1Qaq2r+hr2ixG8JhbqZC/jotWb/8GZbi94NeqFlnyskuhF0U3v1L2yrq67AvN5ce8Khf8RXe52kYIrFbal1nyBU3kxtQLxM5gQPeFCDftS61QhwnRJdLhNDYUv4BkxeJyp+cym1PoTJwos4v28eagmyRW8nmTH8HfN54hRjRhaF8tVehh/ia/URA+Ck7hLtOLFBsLE4DqdWke4ViYLeCPPZ1RMsSJ8PzYUlpxH8/zNkqN1Kh4SeRwX49PuPkSq8AF2iarbJtbAskaxJGa3X9PwuOpI1MVgcu1K7p2leLsDRCom8Qt24HO910QVJpJjR3JOatsbdGqVZ8VeYF6U15xY6ZsbCJfVMZcc88l5tt2wW69eEPu8GbFip/GtmGT24z6xF1yTx/r8b79rk1W52meSq+MesdvWrBW3iWn2KdzQyzixhHdFqVVWTB0HSqzFY5Zvz2/Ke79Zvj3/RM3t+b/tjrMJ8r5nkAAAAABJRU5ErkJggg==) left center / 16px 16px no-repeat;
	font-weight: bold;
}

.iconMovieLink:hover{opacity: .7;}

/*modal movie*/
[data-id="linkPopMovie"]{
	color:#ff882e;
	cursor: pointer;
}

[data-id="wrapPopMovie"]{
	display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 790px;
    height: 440px;
    transform: translateX(-50%) translateY(-50%) ;
    z-index: 100;
    transition: all .3s;
}

[data-id="wrapPopMovie"] .wrapMovie{
	position: relative;
	padding: 20px;
	background: #fff;
}

[data-id="wrapPopMovie"] .ifMovie {
    width: 750px;
    height: 400px;
}

[data-id="btnClose"]{
	display: block;
	position: absolute;
	bottom:-70px;
	left: 50%;
	width: 50px;
	height: 50px;
	background: #ff882e;
	border-radius: 50%;
	cursor: pointer;
	transform: translateX(-50%);
}

[data-id="btnClose"] .btnCloseIn{
	display: block;
	position: relative;
	height: 100%;
}

[data-id="btnClose"] .btnCloseIn:before,
[data-id="btnClose"] .btnCloseIn:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 2px;
    background: #fff;
    transition: .3s;
    content: "";
}

[data-id="btnClose"] .btnCloseIn:before {
    margin-top: -1px;
    transform: translate(-50%, -50%) rotate(-45deg);
}

[data-id="btnClose"] .btnCloseIn:after {
    margin-top: -1px;
    transform: translate(-50%, -50%) rotate(-135deg);
}

[data-id="btnClose"]:hover{
	transition: all .3s;
	opacity: .9;
}

[data-id="bgShadow"]{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6);
    width: 100%;
    height: 100%;
    z-index: 99;
    transition: all .3s;
}

@media only screen and (max-width: 640px){
	[data-id="linkPopMovie"]{font-size:11px;}

	[data-id="wrapPopMovie"]{
        width: calc(100% - 20px);
        height: auto;
        padding: 10px;
    }

    [data-id="wrapPopMovie"] .wrapMovie{
        width: 100%;
        padding: 56.25% 0 0 0;
    }

    .wrapMovie .ifMovie {
        position: absolute;
        width: calc(100% - 10px);
        height: calc(100% - 10px);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

	[data-id="btnClose"]{
	    display: block;
	    position: absolute;
	    bottom: -55px;
	    width: 40px;
	    height: 40px;
    	border-radius: 50%;
		transform: translateX( -50%);
	}

	[data-id="btnClose"] .btnCloseIn:before,
	[data-id="btnClose"] .btnCloseIn:after {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 25px;
		height: 2px;
		background: #fff;
		transition: .3s;
		content: "";
	}

	[data-id="btnClose"] .btnCloseIn:before {
		margin-top: -1px;
		transform: translate(-50%, -50%) rotate(-45deg);
	}

	[data-id="btnClose"] .btnCloseIn:after {
		margin-top: -1px;
		transform: translate(-50%, -50%) rotate(-135deg);
	}

	.itemList .youtubeWrap{
		display: inline-block;
		width: 100%;
		height: auto;
		padding: 11px;
		text-align: center;
		font-size: 14px;
		vertical-align: top;
		background: #fff5e8;
		box-sizing: border-box;
	}

	.youtubeImg,
	.youtubeTxt{width: calc(50% - 5px);}

	.youtubeImg{height: 150px;}

}

/* clear fix
------------------------------------------------------- */
.clear:after,
.wrapper:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

/* EOF */