/* ================================================================================ event　ありがとんこつCP
https://fu-ryu.net/event/anniversary/
================================================================================  */
body.body-event-campaign{
	background: #fff100 no-repeat;
	position:relative;
}

body.body-event-campaign:before{
	content:'';
	position:fixed;
	left:0;
	top:0;
	background:url(/assets/images/event/10year/background-1.svg?ab);
	background-repeat: repeat-x;
	width:100%;
	height:600px;
	z-index: -1;
}
.cp-main-wrap{
	position:relative;
}

.cp-main-h1{
	overflow:hidden;
	margin:0 auto;
	background: url(/assets/images/event/10year/head-bkg.png) no-repeat;
	background-size:100%;
}
.cp-img-wrap{
display: inline-block;
}

.cp-img-wrap.n2{
	width:70%;
	float: right;
}


@media (min-width:551px) {
	.cp-img-wrap.n4{
	left:-20px;
	margin-top:-30px;
	}
	.cp-img-wrap.n3{
	width:20%;
	left:60px;
	}
	.cp-img-wrap.n1{
	margin:80px 0 -20px 0;
	}
}

@media (max-width: 551px) {
	.cp-img-wrap.n4{
	left:-10px;
	margin-top:-6px;
	}
	.cp-img-wrap.n3{
	width:20%;
	left:30px;
	top:6px;
	}
	.cp-img-wrap.n1{
	margin:40px 0 -12px 0;
	}
}

/*=======================近日開催========================*/
.cp-kasen{
	border-bottom: dotted 4px orange;
}
.soon-inner{
	text-align: center;
	line-height: 1.2em;
	margin-bottom:5px 0;
}
#soon-date{
	font-size: 2em;
	border-bottom: 1px solid #ddd;
	background-size:100%;
	padding:15px 0 10px 0;
}

.soon-h1,.soon-h2{
	display: inline-block;
	width:80%;
	padding:5px 0;
}
.soon-h-wrap{
	text-align: center;
}
.cp-scroll{
	display: inline-block;
	text-align: center;
}

.soon-h4{
	display: inline-block;
	width:100%;
	padding:15px 0;
	text-align: center;
	margin:5px auto;
	color:#fff;
	font-size: 20px;
	font-weight:600;
	border:#fff solid 1px;
	border-radius: 3x;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;
}
.soon-h4:hover {
	opacity: 0.8 ;
	background-color: red;
}

.soon-head {
	position: relative;
	padding: 10px;
	color: #fff;
	background: #c20000;
	border-radius: 2px 2px 0 0;
	-webkit-border-radius:
		2px 2px 0 0;
	-moz-border-radius: 2px 2px 0 0; 
	}

.soon-row{
	border:3px solid #c20000;
	border-radius: 3px;
	-webkit-border-radius:3px;
	-moz-border-radius: 3px;}

.soon-body{
	padding:0 20px 0;
}
.anniver-span{
	display: inline-block;
}
.shopname{
	padding:0 10px ;
}

@media(min-width: 767px){
	.soon-h3{
		font-size:  20px
	}
	.soon-head{
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	}
}
@media (max-width: 767px) {
	.soon-h1,.soon-h2,.soon-h3{
		text-align: center;
		width:100%;
	}
	.soon-h4{
		font-size: 16px;
	}
	.shopname{
		padding: 0 ;
		display: block;
	}
}
@media (max-width: 551px){
	.cp-note1{
		font-size: 14px;
	}
	.anniver-shop{
		margin: 0 60px 5px;
		display: inline-block;
	}

}

/*===================キャンペーン内容====================*/
.modal-btn:hover{
	opacity: 0.8 ;
}

.box3 img{
	margin:0 0 -3%;
}
.modal-btn{
	position:relative;
}
.close-btn{
	top:50px;
	left:15px;
	font-size:32px;
	color:#ddd;
}
.close-btn:hover{
	cursor: pointer;
}
.open-btn1{
	font-size:16px;
	color:#aaa;
	position: absolute;
	top:70%;
	left:6%;
}
.open-btn2{
	font-size:16px;
	color:#aaa;
	position: absolute;
	top:74%;
	left:6%;
}
.open-btn3{
	font-size:16px;
	color:#aaa;
	position: absolute;
	top:53%;
	left:6%;
}
.modal-wrap{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:9999;
	background: rgba(0,0,0,0.5);
	display: none;
}
.modal-all-wrap{
	position: relative;
}
.modal-bg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:9999;
	background: rgba(0,0,0,0.5);
	display: none;
}
/*
.modal-btn:after{
	content:'\e164';
	top:10px;
	right:10px;
	position: absolute;
}*/
.r400{
	background: url(/assets/images/event/10year/400.png) no-repeat;
	background-size:100% auto;
}
.plus{
	background: url(/assets/images/event/10year/plus.svg) no-repeat;
	background-size:100% auto;
}

.cp-container{
	width: 100%;
}
.r400:before{
	content:'';
	display:block;
	width: 100%;
	height:0;
	padding-top: 97.5382%
}
.plus:before{
	content:'';
	display: block;
	width: 100%;
	height:0;
	padding-top: 103.768%
}

@media(min-width: 767px){
	.box2{
		margin:20% 0 0 0 ;
	}
	.box1{
		margin:0 -3% 0 0 ;
		transform:translateX(3%);
	}

	.cp-modal-1,.cp-modal-2,.cp-modal-3{
	position: absolute;
	z-index: 9999;
	width:70%;	
	top:15px;
	right: 0;
	left:50%;
	margin-left:-35%;
	display: none;
	}

	.cp-modal-1.active{
		display: block;
	}
	.cp-modal-2.active{
		display: block;
	}
	.cp-modal-3.active{
		display: block;
	}
}

@media (max-width: 767px) {
	.box2{width: 180px;
		margin: 0 auto 0 auto;
	}
	.cp-img-inner{
		width:90%;
		margin:0 auto;
	}
	.box1{
		transform:translateX(2%);
	}
}

@media(max-width: 767px){
	.cp-modal-1,.cp-modal-2,.cp-modal-3{
	position: absolute;
	z-index: 9999;
	width:90%;
	top:100px;
	left:50%;
	transform:translateX(-50%);
	display: none;
	}
	.cp-modal-1.active{
		display: block;
	}
	.cp-modal-2.active{
		display: block;
	}
	.cp-modal-3.active{
		display: block;
	}
}



/*===================キャラバン日程====================*/
table th, table td {
	border-collapse: collapse;
	text-align: center;
	border: solid 1px #a19600;
	font-size:16px;
	font-weight:600;
}
/*td{
	z-index:-1;
}
*/
table th{
	font-size: 20px;
	background: #ff0;
}
/*table tr:first-child{
		background: #ff0;
		z-index: -1;
}*/
table td{
	background: #fff;
	height:40px;
}

#cp-schedule{
	background-image: url(/assets/images/event/10year/caravan-bkg.jpg);
	background-size: cover;
}
.cp-table{
	width:95%;
	margin-bottom: 20px;
}
.table-inner{
	width:100%;
	border: hidden;
}

#cp-schedule>.row{
	padding:10px;
}

.cp-end-tag{
	display: inline-block;
	position: relative;
	background-color: transparent;
}
/*.cp-table td{
	position: relative;
}*/

.cp-end-tag:before{
	content:'';
	display: block;
	background-image: url(/assets/images/event/10year/cp-end.png);
	width:150px;
	height: 80px;
	top:-30px;
	left:0px;
/*	top:-18px;
*/	background-size: cover;
	position: absolute;
	z-index:9999;
	opacity:.8;
}
/*.cp-end-tag-1:before {top:45px;}*/
/*.cp-end-tag-2:before {top:110px;}
.cp-end-tag-3:before {top:50px;}
.cp-end-tag-4:before {top:130px;}
.cp-end-tag-5:before {top:190px; display:none;}
.cp-end-tag-6:before {top:-10px;}
.cp-end-tag-7:before {top:-10px;}
.cp-end-tag-8:before {top:-10px;}
.cp-end-tag-9:before {top:-10px;}
.cp-end-tag-10:before {top:-10px;}
.cp-end-tag-11:before {top:-10px;}
.cp-end-tag-12:before {top:-10px;}*/

@media (min-width:551px) {
	.cp-sc-h1{
		width:60%;
		margin:10px 0 5px 10px;
	}
}

@media (max-width: 551px) {
	.cp-sc-h1{
		width:100%;
		margin:10px 0 5px 5px;
	}
	.cp-table{
		width: 100%;
	}
}

/*============================================================*/
.cp-ol{
	position:relative;
	margin:2px 22px 0 6px;
}
.cp-ol > li:before{
	content:'';
	width:0.3em;
	height:auto;
	border:3px solid #fff;
	transform:rotate(45deg);
	display: inline-block;
	margin:0 4px 0.2em;
}
.cp-ol li{
	text-indent:-1em;
	padding-left: 1em;
	text-align: justify;
	line-height: 1.4em;
	padding-bottom: 1em;
}

@media ( max-width: 551px){
	.cp-ol li{
		font-size: 14px;
	}
}

/*タブレット*/
@media (min-width: 551px) {
	.txt-year-wrap{
		width:90px;
		bottom:-10px;
		left:35px;
	}
}
/*PC*/
@media (min-width: 1201px) {
	.txt-year-wrap{
		width:130px;
		left:30px;
		bottom:120px;
	}
}
/*スマホ*/
@media (max-width: 551px) {
	.txt-year-wrap{
		width:45px;
		top:40px;
		left:10px;
	}
	.spbr { display: block; }
}



/*div.cp-main-wrap:before{
	content:'';
	position:absolute;
	left:300px;
	top:0;
	background:url(/assets/images/event/10year/head-05.png);
	background-repeat: no-repeat;
	width:100%;
	height:600px;
}*/




.c-red{
	color: #FF0000;
}


.opsans{
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
}

.add_style{
	display: table-cell;
	height:80px;
	vertical-align:middle;
	text-align: center;
}