@charset "utf-8";
/* CSS Document */

img{ image-rendering: -webkit-optimize-contrast !important; }

.box-basic-campaign{ width:1024px; margin:0 auto;} 
.basic-campaign-inner{ width:860px; margin:0 auto;}

.campaign-head{ margin:0 auto 60px;}
.cp-photo-pc{ display:block;}
.cp-photo-sp{ display:none;}

/*.campaign-info1 p:last-child{ margin:0 auto 0;}*/

.campaign-info2{ margin:0 auto 60px; /*border-bottom:solid 1px #e5e5e4;*/ }
.campaign-info2 p{ margin:0 auto 40px; }
/*
.campaign-info3{ margin:0 auto 60px; border-bottom: solid 1px #e5e5e4;}
.campaign-info3 p{ margin:0 auto 40px; }

.campaign-info4{ margin:0 auto 60px; }
.campaign-info4 div{ margin:0 auto 60px;}
.campaign-info4 div:nth-of-type(2) p:nth-child(2){ font-size:16px; line-height: 1.8; text-align:justify;}
.campaign-info4 div:nth-of-type(3) p:nth-child(1){ margin-bottom:40px;} 
.campaign-info4 div:nth-of-type(4){ display:block; margin:0 auto; text-align:center; }
.campaign-info4 div:nth-of-type(4) a{
	position:relative;
	font-size: 16px;
    width: 260px;
    padding: 12px 10px;
    display: inline-block;
	background-color:#E0E0E0;
	color:#473D3E;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
	}
.campaign-info4 div:nth-child(4) a:before {
    font-size: 16px !important;
	top:50%;
    left: 20px;
    transform: translate(0, -50%);
    position: absolute;
    line-height: normal;
    font-family: 'Material Icons';
    content: 'keyboard_arrow_right';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color:#473D3E;
}
.campaign-info4 div:nth-child(4) a:hover {
    background-color: #666666;
    color: #FBF9F9;
}
.campaign-info4 div:nth-child(4) a:hover:before {
    color: #FBF9F9;
}*/

.campaign-info1{ margin:0 auto 60px; border-bottom:solid 1px #e5e5e4; }
.campaign-info1 p{ margin:0 auto 60px; }
.campaign-info1 p:nth-child(1) {
    letter-spacing: 0.2em;
    text-align: center;
	font-size:15px;
}
.campaign-info1 p:nth-child(1) span{ display:block; }
.campaign-info1 p:nth-child(2){ text-align:center; }
.campaign-info1 p:nth-child(2) a{
	position:relative;
    display: inline-block;
    text-align: center;
    background-color: #5D4334;
    color: #fff;
    font-family: 'Noto Serif Japanese';
    font-size: 24px;
    line-height: 1.6;
    padding: 10px;
    width: 40%;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.4);
}
.campaign-info1 p:nth-child(2) a:hover{ background-color:#d5ac8f; }
.campaign-info1 p:nth-child(2) a:before {
    position: absolute;
    font-size: 16px !important;
    line-height: normal;
	transform: translate(20px, -50%);
    top: 50%;
	left:0;
    font-family: 'Material Icons';
    content: 'keyboard_arrow_right';
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: #fff;
}
.campaign-info1 p:nth-child(3){ width:80%; margin-bottom:40px; }
.campaign-info1 p:nth-child(4){ border:solid 1px #9B8855; font-weight: 700; padding:15px; border-radius:30px; text-align:center; width:80%; color:#9B8855; font-size:18px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important;}
.campaign-info1 p:nth-child(4) br{ display:none;}

.cp-txt1{ text-align:center; font-family: 'Noto Serif Japanese'; color:#396631; font-size:24px; line-height:1.8; letter-spacing:0.1em; }
.cp-txt1 span{ display:block; margin-bottom:16px;}
.cp-txt1 span:nth-child(1){}
.cp-txt1 span:nth-child(2){ font-size:14px;}
.cp-txt1 span:nth-child(3){}

.campaign-info2{ margin:0 auto 60px; }
.campaign-info2 p:nth-child(1) {
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.campaign-info2 p:nth-child(1) img{ height:80px;}
.campaign-info2 p:nth-child(2){ text-align:center; font-family: 'Noto Serif Japanese'; }
.campaign-info2 p:nth-child(2) span{ display:block; line-height:1.6; letter-spacing:0.05em;}
.campaign-info2 p:nth-child(2) span:nth-child(1){ font-size:17px; margin-bottom:16px;}
.campaign-info2 p:nth-child(2) span:nth-child(2){ font-size:21px; color:#D16973; font-weight:700;}
.campaign-info2 p:nth-child(3){ overflow:hidden;}
.campaign-info2 p:nth-child(3) span:nth-child(1){ float:left; width:50%; }
.campaign-info2 p:nth-child(3) span:nth-child(2){ float:right; width:50%; }
.campaign-info2 p:nth-child(4){ font-size:16px; text-align:center; margin-bottom:40px; }
.campaign-info2 p:nth-child(4) span{ display:block; margin-bottom:12px;}
.campaign-info2 p:nth-child(4) span:last-child{ margin-bottom:0px;}
.campaign-info2 p:nth-child(4) span strong{ color:#AD8843; font-weight:700;}
.campaign-info2 p:nth-child(4) span em{ display:inline-block; background-color:#AD8843; color:#fff; padding:6px 4px 4px 4px; line-height:1; margin-right:6px; font-weight:700;}
.campaign-info2 p:nth-child(5){ font-size:14px; text-align:center;} 

.campaign-shop{ margin:0 auto 60px; /*border-bottom: solid 1px #e5e5e4;*/}
/*.campaign-shop p{ margin:0 auto 60px; }*/

.cp-title1{ text-align:center; font-family: 'Noto Serif Japanese'; color:#595757; font-size:34px; line-height:1.8; position:relative; margin: 0 auto 60px;} 
.cp-title1:after {
    position: absolute;
    bottom: -25px;
    left: 50%;
    content: "";
    width: 50px;
    height: 2px;
    margin-left: -25px;
    background-color: #bb9d51;
}
.cp-title2{ text-align:center; font-family: 'Noto Serif Japanese'; font-size:24px; line-height:1.6; letter-spacing:0.02em; margin-bottom:40px;}
.cp-title2 br{ display:none; }
.cp-title2 span{ display:block; font-size:16px; color:#ad8842; letter-spacing:2px;}

.cp-info{ overflow:hidden; background-color: #f2f2f2; margin-bottom:60px; } 
.cp-info div{ font-feature-settings: "palt" 1; line-height:2;}
.cp-info div:nth-child(1){ width:45%; float:right; }
.cp-info div:nth-child(2){ width:55%; float:left; background-color:#F2F2F2; padding:30px;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.cp-info div:nth-child(2) p:nth-child(1){ font-size:16px; margin-bottom:16px;}
.cp-info div:nth-child(2) p:nth-child(2){ font-size:14px;}
.cp-info div:nth-child(2) ul li:nth-child(3) div{ overflow:hidden; width:100%; display:block; }
.cp-info div:nth-child(2) ul li:nth-child(3) div p:nth-child(1){ float:left; margin-right:10px; }
.cp-info div:nth-child(2) ul li:nth-child(3) div p:nth-child(2){ float:left; }

.cp-info div:nth-child(2) ul li a{ color:#333; text-decoration:underline; }
.cp-info div:nth-child(2) ul li a:hover{ text-decoration:none; }

hr.cp-line {
    position: relative;
    overflow: visible;
    text-align: center;
    color: #e5e5e4;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #e5e5e4;
	width:50% !important;
}
hr.cp-line::after {
	position: absolute;
	top: -0.7em;
	left: 50%;
	display: inline-block;
	content: '♢';
	background: #ffffff;
	transform: translate(-50%, 0);
}



/*.cp-txt1 em{ font-style:normal; font-size:16px; display:block; margin:10px auto 0;}
.cp-txt2{ text-align:center; font-family: 'Noto Serif Japanese'; font-size:18px; line-height:1.6; }
.cp-txt3{ text-align:center; font-family: 'Noto Serif Japanese'; font-size:14px; line-height:1.6; }
.cp-txt4{ text-align:center; font-family: 'Noto Serif Japanese'; font-size:24px; line-height:1.6; letter-spacing:0.2em;}
.cp-txt4 span{ display:block; font-size:16px; color:#ad8842; letter-spacing:2px;}*/

/*
.cp-list{ overflow:hidden; margin:0 -5.3333% 0 0; }
.cp-list p{ float:left; width:28%; margin:0 5.3333% 5.3333% 0;}
.cp-list p span{ color:#b25554; text-align:center; display:block; margin:10px auto 0;}

.cp-shop{ border:solid 1px #ccc; padding:40px; font-size:16px; line-height:1.8; margin: 0 auto 60px;
	-webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;}
.cp-shop p{ margin:0 auto 30px !important;}
.cp-shop p:last-child{ margin:0 auto 0px;}
.cp-shop ul{}
.cp-shop ul li a{ color:#333; text-decoration:underline;}
.cp-shop ul li a:hover{ text-decoration:none;}*/

.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index:1000;
	}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
	}
.modal__content{
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
	}

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

.box-basic-campaign{ width:100%;} 

.modal__content{
	padding: 20px;
	width: 100%;
	}

}

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

.basic-campaign-inner{ width:90%;} 

.campaign-head {
    margin: 0 auto 0px;
}
.campaign-info1 p:nth-child(3) { width:100%; }
.campaign-info1 p:nth-child(4) { width:100%; }
.cp-info div:nth-child(2) p:nth-child(1) br{ display:none; }
.cp-info div {
    line-height: 1.6;
}

}

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

.cp-photo-pc{ display:none;}
.cp-photo-sp{ display:block;}

.campaign-head{ margin:0 auto 24px;}
.campaign-info1{ margin:0 auto 40px; }
.campaign-info1 p{ margin:0 auto 30px; }
.campaign-info2{ margin:0 auto 30px; }
.campaign-info2 p{ margin:0 auto 30px; }
.campaign-info3{ margin:0 auto 40px; }
.campaign-info3 p{ margin:0 auto 30px; }

.cp-txt1 { font-size: 13px; }
.cp-txt1 span{ display:block;}
.cp-txt1 span br{ display:none; }
.cp-txt1 span em{ display:block;}
.cp-txt1 span:nth-child(2){ font-size: 12px; }
/*.cp-txt1 em { font-size: 12px;}*/
.cp-parts1{ width:100%; }

.cp-title1 { font-size: 18px; margin: 0 auto 40px; }
.cp-title1:after {
    bottom: -20px;}
.cp-txt2 { font-size: 12px;}
.cp-txt2 span{ display:block; }

.cp-list{ margin:0 -5% 0 0; }
.cp-list p{ float:left; width:45%; margin:0 5% 5% 0;}

.cp-txt3 { font-size: 12px; }
.cp-txt3 span{ display:block;}

.cp-title2 { font-size: 16px; margin-bottom:30px;}
.cp-title2 br{ display:block; }
.cp-title2 span {font-size: 12px; letter-spacing: 0.05em;}

.cp-shop {
    padding: 20px;
    font-size: 13px;
    line-height: 1.8;
	margin:0 auto 40px;}
	
.cp-shop p{ margin:0 auto 16px !important; text-align:justify;}
.cp-shop p br{ display:none;}

.cp-photo { margin: 0 auto 24px !important; }
.campaign-info1 p:nth-child(1) {
    letter-spacing: 0;
    text-align: center;
    font-size: 12px;
}
.campaign-info1 p:nth-child(2) a {
    font-size: 16px;
    width: 60%;}
.campaign-info1 p:nth-child(3) { margin-bottom: 20px; }
.campaign-info1 p:nth-child(4) { padding: 10px 8px 8px 8px; font-size: 13px; line-height: 1.4;}
.campaign-info1 p:nth-child(4) br{ display:block;}

.campaign-info4 { margin: 0 auto 40px; }
.campaign-info4 div { margin: 0 auto 24px; }
.campaign-info4 div:nth-of-type(2) p:nth-child(2) { font-size: 13px;}
.campaign-info4 div:nth-of-type(4) a { font-size: 12px; width: 220px;}
.campaign-info4 div:nth-of-type(4) a:after { font-size: 12px !important; }

.campaign-info2 p:nth-child(1) img { height: 60px; }
.campaign-info2 p:nth-child(2) span:nth-child(1) { font-size: 14px; margin-bottom: 10px;}
.campaign-info2 p:nth-child(2) span:nth-child(1) br{ display:none; }
.campaign-info2 p:nth-child(2){ text-align:justify; }
.campaign-info2 p:nth-child(2) span:nth-child(2) br{ display:none;}
.campaign-info2 p:nth-child(2) span:nth-child(2) { font-size: 16px; letter-spacing: 0;}
.campaign-info2 p:nth-child(3) span:nth-child(1) { float: none; width: 100%; display:block;}
.campaign-info2 p:nth-child(3) span:nth-child(2) { float: none; width: 100%; display:block;}
.campaign-info2 p:nth-child(4) {
    font-size: 13px;
    text-align: justify;
    margin-bottom: 20px;
	letter-spacing: 0.05em;
	line-height:1.8;
}
.campaign-info2 p:nth-child(4) span { display: inline; margin-bottom: 4px; text-align: justify;}
.campaign-info2 p:nth-child(4) span:last-child{ display:block;}
.campaign-info2 p:nth-child(4) span em { padding: 4px 3px 3px 3px; line-height: 0.8; display: inline;}
.campaign-info2 p:nth-child(5) { font-size: 13px; text-align:justify;}

.cp-info{ margin-bottom:0px;}
.cp-info div:nth-child(2) ul li:nth-child(3) div{ font-size:13px;}
.cp-info div:nth-child(1) {
    width: 100%;
    float: none;
    display: block;
}
.cp-info div:nth-child(1) img{
	width: 100%;
  height: 200px;
  object-fit: cover;}
.cp-info div:nth-child(2) {
	padding: 20px;
    width: 100%;
    float: none;
    display: block;
}
.cp-info div:nth-child(2) p:nth-child(1) {
    font-size: 13px;
    text-align: justify;
    margin-bottom: 10px;
}
.cp-info div:nth-child(2) p:nth-child(2){ font-size:12px;}
.cp-info div:nth-child(2) ul{ font-size:12px;}
.campaign-shop {
    margin: 0 auto 40px;}

.modal__content{ padding: 10px; }

}