@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
*{font-family: YakuHanJP, 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-size: 16px; word-break: normal; font-weight:normal; -webkit-font-smoothing:subpixel-antialiased; 
}

a:link { color: #65422d;  text-decoration: underline;}
a:visited { color: #65422d; }
a:hover { color: #853f56; text-decoration: none;}
a:active { color: #65422d; }


body{background: #a1806f;}
img{width: auto; max-width: 100%;}
.main_box{width: 100%; max-width: 1000px; margin: 0 auto; background: url(/campaign/2018222cp/img/main_bg.jpg); -moz-background-size:100% auto;  background-size:100% auto; }

.footer{background: #633a26;}

a:hover{filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity:0.65; opacity:0.65;}
.sns{width: 95%; max-width: 200px; margin: 0 auto; padding-top: 10%;}
.sns li{width: 24%; float: left; padding: 0.5%;}

.cpr{width: 95%; max-width: 900; margin: 0 auto; padding: 0 0 3%; color: #cfc5bc; text-align: center; font-size: 12px; padding-top: 20px; line-height:1.61;}

.title{width: 95%; max-width: 900px; margin: 0 auto; padding: 30px 0 10px 0; color: #633a26;}
.txt_box{width: 95%; max-width: 900px; margin: 0 auto; line-height:1.61; color: #633a26;}
.lead{width: 95%; max-width: 900px; margin: 0 auto; line-height:1.61; color: #633a26; font-size: 25px;}

.red{color: #853f5e; font-size: 130%; display:block; padding-top: 15px;}

.sub_title{font-weight: 800; font-size: 20px; border-left: solid 10px #633a26; border-bottom: solid 1px #633a26; padding: 5px; line-height:1.1; color: #633a26;}
.sub_title span{font-size: 16px;}
.itemlist li{padding-bottom: 20px;}

.at_box{border: solid 1px #853f56; padding: 5px; background-color:rgba(255,255,255,0.65); margin-top: 14px;}
.at_box span{font-size: 20px; color: #c7476a;}
.left_box{ width: 25%; max-width: 222px; margin: 0 auto; float: left;}
.right_box{ width: 74%; margin: 0 auto; float: right; padding-top: 14px;}


.at{padding-top: 14px; font-size: 12px; line-height:1.3;}

.an_btn{width: 95%; max-width: 541px; margin: 0 auto; padding: 30px 0 10px 0;}


.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}


.pc_hidden{display:block;}
.sp_hidden{display:none;}


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

.pc_hidden{display:none;}
.sp_hidden{display:block;}
.lead{ font-size: 16px;}
.left_box{ width: 95%; max-width: 222px; float: none;}
.right_box{ width: 95%; float: none; padding-top: 14px;}



}