@charset "utf-8";
/* =================================================================================
 box
================================================================================= */
#container{
	margin-top:70px;
	border-top:20px solid #8dc21f;
}

/*main content*/
#mainCnt{
	width:1000px;
	margin: 0 auto;
	padding: 40px 10px 100px;
}

@media only screen and (max-width:640px){
	#container{
		margin-top:60px;
		border-top:10px solid #8dc21f;
	}

	#mainCnt{
		width:100%;
		padding: 20px 10px 50px;
		box-sizing: border-box;
	}
}

/*main title*/
.mainTtl{margin-bottom:30px;}

.mainTtl .txtArea{
	position: relative;
	width:630px;
}

.txtArea .topTtl{
	font-size:36px;
	line-height: 36px;
	font-family: "Arial Black","メイリオ","Meiryo", sans-serif;
	margin-bottom:20px;
}

.txtArea .topTtl .type{
	display: block;
	font-size:30px;
	color:#d0b24c;
}

.txtArea .middleTtl{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	margin-bottom:20px;
	padding: 10px 0 4px;
	font-size:24px;
	font-weight: bold;
}

.mainTtl .imgArea{
	position: absolute;
	top:0;
	right:-370px;
}

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

	.mainTtl .txtArea{
		width:100%;
		margin-bottom:10px;
	}

	.txtArea .topTtl{
		font-size:29px;
		line-height: 29px;
		font-family: "Arial Black","メイリオ","Meiryo", sans-serif;
		margin-bottom:20px;
	}

	.txtArea .topTtl .type{
		margin-top:7px;
		line-height: 15px;
		font-size:15px;
		color:#d0b24c;
	}

	.txtArea .middleTtl{
		margin-bottom:20px;
		padding: 10px 0 4px;
		font-size:18px;
		text-align: center;
	}

	.mainTtl .imgArea{
		position: static;
		margin-bottom: 10px;
		text-align: center;
	}

	.mainTtl .imgArea img{width:60%;}
}

/*box set*/
.boxSetTtl{
	padding: 7px 40px 5px;
	font-size:35px;
	font-family: "Arial Black","メイリオ","Meiryo", sans-serif;
	color:#fff;
	background:#333;
}

.boxSetTtl .type{
	margin-left:10px;
	font-size:28px;
	color:#f74551;
}

.wrapBoxSet{
	padding: 40px ;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAedJREFUeNo81IttwzAMBNBUtvPff4Pu1A06QJC/Y/dJ51pABIo6Hk8kna/fn+9xHOd5Pp/Pr9drmqbNZmPf7/dfbT2fz67rPp8Pe7vdXi6X3W5XSuEpzsMwJIALkf1wOPCw40QNA+14Op2wuHq/36X+SpH2drtxiQGCduS/3+8AnNfrVULSCAmRrH3SQsiGEjeRDLIfj0cEixGZo5hEQvaYSlvT/8q15EixpBxR1Pc9dbhq2r4vQ1sywzkfj0cKBcgjwBUn8SGSw87mrOXYtMVFkgDEAqIcgodgBkb+AOAXvQhYXFSpZOQ5CiBPgLRgCUAErzoqUl+xPk+29IYRCk/Nm9k8ArQAXZpXg4PjkifVTrbUWS1kS2Ndqcj6zCobX8qbeSKJPJozW46uGI4poWMmok4Y7rSHAQSR5HBy2inK/MJEXSpaM69JnKErXxtSfpG4MqopDWcmcmkYF2h6w/aqua10nor4UaRzPJk5zhI9ma18FXlhapHeKLsSpoXSkJ1ZXjLXQW06Raae0SkDNCPlxTi2FTnFdcICyoV6xu8VQYvkyVBFs6u+aytVtRuytbdeuI5E6p9vY52rpXosOxayPTVD4mEpVb6kZEv9U8saxithmhlcvhtHXECM/CvlswfwLpg/AQYAQZY5WsmX420AAAAASUVORK5CYII=) #d0b24c;
}

.wrapBoxSet .exArea{margin-top:20px;}

.wrapBoxSet .dataArea{
	float:left;
	width:290px;
	padding: 20px;
	background:#fff;
}

.wrapBoxSet .priceArea{
	float:right;
	width:550px;
}

.priceArea .normalPrice{
	position: relative;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	margin-bottom:35px;
	padding: 5px 0 2px;
}

.priceArea .normalPrice .price{
	font-size:23px;
	font-weight: bold;
}

.priceArea .normalPrice:after{
    position: absolute;
    bottom: -25px;
    left: 48%;
    border-top: 13px solid #333;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: '';
}

.wrapBoxSet .specialTerm{
	display: table;
	width:100%;
	margin-bottom:15px;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}

.wrapBoxSet .specialTerm .ttl,
.wrapBoxSet .specialTerm .date{
	display: table-cell;
	padding: 5px 0 3px;
	text-align: center;
	font-weight: bold;
}

.wrapBoxSet .specialTerm .ttl{
	width:180px;
	font-size:24px;
	background:#8dc21f;
}

.wrapBoxSet .specialTerm .date{font-size:26px;}

.wrapBoxSet .specialComent{
	position: relative;
	float: left;
	padding: 10px 10px 5px;
	font-size:20px;
	color:#f74551;
	font-weight: bold;
	line-height: 1.2;
	border-radius: 10px;
	background:#fff;
}

.wrapBoxSet .specialComent:before{
    position: absolute;
    top: 43%;
    right: -13px;
    border-top: 10px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
}

.wrapBoxSet .specialPrice{
	float: right;
	margin-top:5px;
	text-align: right;
	font-size:63px;
	font-weight: bold;
	line-height: 63px;
}

.wrapBoxSet .specialPrice .yen{
	font-size:40px;
	font-weight: normal;
}

.wrapBoxSet .specialPrice .zei{
	font-size:23px;
	font-weight: normal;
}

@media only screen and (max-width:640px){
	.boxSetTtl{
		padding: 7px 10px 7px;
		font-size:28px;
		line-height: 1.1;
		text-align: center;
	}

	.boxSetTtl .type{
		display: block;
		margin:10px 0 0 0;
		font-size:20px;
	}

	.wrapBoxSet{padding: 20px 15px ;}

	.wrapBoxSet > img{width:100%;}

	.wrapBoxSet .exArea{margin-top:20px;}

	.wrapBoxSet .dataArea{
		float:none;
		width:100%;
		margin-bottom:15px;
		padding: 10px;
		box-sizing: border-box;
	}

	.wrapBoxSet .priceArea{
		float:none;
		width:100%;
	}

	.priceArea .normalPrice{
		margin-bottom:35px;
		padding: 5px 0 2px;
	}

	.priceArea .normalPrice .price{font-size:23px;}

	.priceArea .normalPrice:after{
	    position: absolute;
	    bottom: -25px;
	    left: 47%;
	    border-top: 13px solid #333;
	    border-left: 12px solid transparent;
	    border-right: 12px solid transparent;
	    content: '';
	}

	.wrapBoxSet .specialTerm{
		display: block;
		margin-bottom:15px;
	}

	.wrapBoxSet .specialTerm .ttl,
	.wrapBoxSet .specialTerm .date{
		display: block;
		padding: 5px 0 3px;
		text-align: center;
		font-weight: bold;
	}

	.wrapBoxSet .specialTerm .ttl{
		width:100%;
		font-size:18px;
	}

	.wrapBoxSet .specialTerm .date{font-size:20px;}

	.wrapBoxSet .specialComent{
		float: none;
		width:160px;
		margin:0 auto 15px;
		padding: 10px 10px 5px;
		font-size:20px;
		text-align: center;
	}

	.wrapBoxSet .specialComent:before{
	    position: absolute;
	    top: auto;
	    bottom:-10px;
	    right: 45%;
	    border-top: 10px solid #fff;
	    border-left: 8px solid transparent;
	    border-right: 8px solid transparent;
	    -webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	    transform: rotate(0deg);
	    content: '';
	}

	.wrapBoxSet .specialPrice{
		float: none;
		margin-top:0;
		text-align: center;
		font-size:50px;
		line-height: 50px;
	}

	.wrapBoxSet .specialPrice .yen{font-size:22px;}

	.wrapBoxSet .specialPrice .zei{font-size:14px;}
}

/*shop btn*/
.shopLinkArea{
	text-align: center;
	margin-bottom:30px;
}

.shopLinkArea .btnShop{
	display: block;
    position: relative;
    width: 490px;
    margin: 0 auto 10px;
    padding: 17px 10px 12px;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    font-size: 18px;
    background-color: #f74551;
    transition: all .3s;
    font-weight: bold;
}

.shopLinkArea .btnShop:after{
	position: absolute;
    top: 45%;
    right: 15px;
    border-top: 10px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    content: '';
}

.shopLinkArea .btnShop:hover{
	background-color: #d0b24c;
	text-decoration: none;
}

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

	.shopLinkArea .btnShop{
	    width: 100%;
	    padding: 17px 10px 12px;
	    font-size: 18px;
	}
}

.lstBoxSingleEx{
	font-size: 0;
	letter-spacing: 0;
	word-spacing: 0;
	margin-left:-40px;
}

.lstBoxSingleEx li{
	display: inline-block;
	position: relative;
	width:480px;
	min-height: 440px;
	margin:0 0 40px 40px;
	padding: 20px 20px 17px;
	border:1px solid #333;
	box-sizing: border-box;
	font-size: 15px;
	vertical-align: top;
	box-shadow: 0 0 0 5px #ccc inset;
}

.lstBoxSingleEx li:last-child{margin-bottom:0 ;}

.lstBoxSingleEx .wrapImgBox{
	text-align: center;
	margin-bottom: 10px;
}

.wrapImgBox.book img{width:174px;}

.lstBoxSingleEx .SoloExTxt dt{
	font-size: 23px;
	margin-bottom: 10px;
	border-bottom:1px solid #333;
}

.lstBoxSingleEx li .spTxt{
	color: #f74551;
	font-size: 20px;
	font-weight: bold;
}

.lstBoxSingleEx .SoloExTxt dt.spItem{color: #f74551;}

.lstBoxSingleEx .SoloExTxt dt.spItem .sub{font-size: 18px;}

.lstBoxSingleEx li .wrapYT{
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 56.25%;
}

.lstBoxSingleEx li .wrapYT iframe{
	position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

#container .fCRed{color:#f74551 !important;}

@media only screen and (max-width:640px){
	.lstBoxSingleEx{
		margin-left:0;
	}

	.lstBoxSingleEx li{
		display: inline-block;
		position: relative;
		width: 100%;
		min-height: 100%;
		margin:0 0 20px 0;
		padding: 20px 20px 17px;
	}

	.lstBoxSingleEx li:last-child{margin-bottom:0 ;}

	.lstBoxSingleEx .wrapImgBox img{width: 80%;}

	.wrapImgBox.book img{width:174px;}

	.lstBoxSingleEx .SoloExTxt dt{
		font-size: 20px;
		margin-bottom: 10px;
		border-bottom:1px solid #333;
	}

	.lstBoxSingleEx li .spTxt{
		color: #f74551;
		font-size: 20px;
		font-weight: bold;
	}

	.lstBoxSingleEx .SoloExTxt dt.spItem{color: #f74551;}

	.lstBoxSingleEx .SoloExTxt dt.spItem .sub{font-size: 18px;}

	.lstBoxSingleEx li .wrapYT{
	    position: relative;
	    width: 100%;
	    margin-bottom: 10px;
	    padding-top: 56.25%;
	}

	.lstBoxSingleEx li .wrapYT iframe{
		position: absolute;
	    top: 0;
	    right: 0;
	    width: 100% !important;
	    height: 100% !important;
	}
}

.tblEventInfo{width:100%;}

.tblEventInfo th,
.tblEventInfo td{
	padding:10px 0;
	border-bottom:1px solid #ccc;
}

.tblEventInfo th{
	width:240px;
	vertical-align:top;
}

@media only screen and (max-width:640px){
	.tblEventInfo th{
		display:block;
		width:100%;
		border-bottom:none;
		padding:8px 0 0 0;
	}

	.tblEventInfo td{
		display:block;
		width:100%;
		padding:0 0 5px 0;
	}
}


.specialPriceArea:after,
.exArea:after,
.mainTtl:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}