@charset "utf-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;}

body{position:relative;font-family:Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;word-break:break-all;-webkit-text-size-adjust:100%;}
html{overflow-y:scroll;}
a{text-decoration:none;}
blockquote,q{quotes:none;}
blockquote:after,blockquote:before,q:after,q:before{content:"";content:none;}
input,textarea{margin:0;padding:0;}
input,select{vertical-align:middle;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
header{display:block;}
img{vertical-align:middle;}
.clearfix{zoom:1;}
.clearfix:after,.clearfix:before{content:"";display:table;}
.clearfix:after{clear:both;}

body{font-size:100%;line-height:1.6;color:#000;background-color:#fff;}
a,a:active,a:hover,a:link{color:#fcaf1a;text-decoration:underline;}
.get:before,.step__box:not(:last-child):after,.use__read:after{background-image:url(../img/sprite-icon.png?201705301331);background-position:-312.5px -125px;background-size:536px 195px;width:28px;height:15px;}

.totop__link{background-position:0 -158px;width:37px;height:37px;}

.footer{font-size:10px;padding:18px 13px 25px 13px;text-align:center;color:#333;border-top:1px solid #fccb00;}
.footer a{color:#333;}
.footer address{font-style:normal;}
.totop{bottom:40px;right:10px;position:fixed;}
.totop__link{display:inline-block;text-indent:-9999px;}
.js-totop{display:none;}
.icon,.txt{display:inline-block;text-indent:-9999px;}


.cmp_period {margin:0;padding:7px 7px 5px 7px;font-size:60%;line-height:100%;color:#333333;text-align:right;}
.cmp_period img {width:100%;vertical-align:bottom;margin-top:5px;}

.cmp_store {
width:100%;
margin:0;
padding:0 0 15px 0;
font-size:90%;
background-color:#edc920;
text-align:center;
}
.cmp_store img{
vertical-align:bottom;
}
.cmp_store ul{
width:100%;
margin:0;
padding:0;
display:table;
table-layout:fixed;
text-align:center;
list-style:none;
}
.cmp_store ul li{
margin:0;
padding:0;
display:table-cell;
vertical-align:middle;
text-align:center;
}
.cmp_store ul li img{
width:85%;
}

#menu {
width:100%;
margin:0;
padding:0;
text-align:center;
color:#fff;
font-size:95%;
font-weight:bold;
line-height:140%;
background-color:#ea5413;
}
#menu ul{
display:table;
table-layout:fixed;
text-align:center;
width:100%;
list-style:none;
}
#menu ul li {
border-right: 1px solid #fff;
display: table-cell;
vertical-align: middle;
}
#menu ul li:last-child {
border-right:0;
}
#menu ul li a {
color:#fff;
display:block;
text-decoration:none;
background-color:#ea5413;
padding:7px 0 7px 0;
}
#menu ul li a:hover{
color:#fff;
}
#menu ul li.end a {
color:#fff;
display:block;
text-decoration:none;
background-color:#2eaf4a;
}
.fixed {
position:fixed;
top:0;
width:100%;
z-index:10000;
}

#point{
margin:-100px 0 0 0;
padding:100px 0 0 0;
}
.point_title{
margin:25px 13px 0 13px;
padding:0;
}
.point_title img{
width:100%;
vertical-align:bottom;
}
.text_line{
width:200px;
margin:15px auto 15px auto;
height:2px;
background-color:#fccb00 !important;
}

.photobox{
margin:12px 10px 0 10px;
padding:0;
}
#point ul{
width:100%;
margin:0;
padding:0;
display:table;
table-layout:fixed;
text-align:center;
list-style:none;
}
#point ul li{
width:33%;
margin:0;
padding:0;
display:table-cell;
vertical-align:middle;
text-align:center;
}
#point ul li img{
width:95%;
}
.notes{
margin:7px 0 0 0;
padding:0;
text-align:right;
font-size:55%;
color:#666666;
}

#present{
margin:-25px 13px 0 13px;
padding:50px 0 0 0;
}
#present p{
font-size:115%;
}
.presentbox{
margin:0;
padding:0 0 15px 0;
border:1px solid #fccb00;
}
.present_title{
margin:0 0 15px 0;
padding:0;
background-color:#fccb00;
}
.present_title img{
width:100%;
vertical-align:bottom;
}
.present_notes{
margin:10px 15px 0 15px;
padding:0;
font-size:65%;
line-height:180%;
color:#666666;
text-align:center;
}

.headline{
margin:0;
padding:0;
font-size:150%;
border-bottom:2px solid #fccb00;
}

#cmp_search {
margin:35px 13px 0 13px;
padding:0;
}
#cmp_search_bottom {
margin:-90px 13px 0 13px;
padding:125px 0 0 0;
}

input[type="text"], textarea, select {
border:0;
width:100%;
padding:10px;
font-size:120%;
color:#333;
border:solid 1px #ccc;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
.selectbox {
margin:15px 0 0 0;
padding:0;
}
.selectbox select {
background: url(../img/arrow_pull.png) right 50% no-repeat;
}

input[type="submit"],
input[type="button"] {
border-radius:0;
-webkit-box-sizing:content-box;
-webkit-appearance:button;
appearance:button;
box-sizing:border-box;
cursor:pointer;
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display:none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset:-2px;
}
input[type=button]{
font-family: FontAwesome;
font-weight:bold;
}

.btn {
display:inline-block;
width:100%;
text-align:center;
text-decoration:none;
padding:17px 0 17px 0;
outline:none;
}
.btn::before,
.btn::after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.btn,
.btn::before,
.btn::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.btn {
color: #fff;
font-size:150%;
line-height:100%;
text-shadow:0 1px 2px #043603;
border:solid 2px #1e6c19;
background:-moz-linear-gradient(top, #47de3b, #26823a);
background:-webkit-gradient(linear, left top, left bottom, from(#47de3b), to(#26823a));
}
.btn:hover {
color:#fff;
text-decoration:none;
text-shadow:0 1px 2px #043603;
border:solid 2px #1e6c19;
background:-moz-linear-gradient(top, #26823a, #47de3b);
background:-webkit-gradient(linear, left top, left bottom, from(#26823a), to(#47de3b));
}
.device {
margin:0;
padding:10px 0;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}



#cmp_join {
margin:-90px 13px 0 13px;
padding:125px 0 0 0;
}
#cmp_join img {
width:100%;
vertical-align:bottom;
}
.flow{
margin:15px 0 0 0;
padding:15px 0;
background-color:#ffffe4;
}
.tokuten{
margin:15px 0 0 0;
padding:15px;
border:1px solid #fccb00;
}


#cmp_rule {
margin:-90px 13px 0 13px;
padding:125px 0 0 0;
}
#cmp_rule p{
margin-top:15px;
font-size:90%;
}
.subline{
margin:0 0 5px 5px;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.caution{margin:15px 0 0 0;padding:12px 10px 10px 10px;background-color:#f9f9f9;}
.caution ul{margin:0 0 0 1.5em;padding:0;list-style-type:disc;} 
.caution ul li {margin:0;padding:0;font-size:90%;} 


.sns{padding:30px 0 15px 0;overflow:hidden;}
.sns img{vertical-align:bottom;}
.sns .sm-fb,.sns .sm-gl,.sns .sm-ln,.sns .sm-mx,.sns .sm-tw{display:block;margin:0;}
.sns__list{width:80%;margin:0 auto;padding:0;text-align:center;}
.sns__item{width:25%;display:inline-block;margin:0;float:right}

.bold{font-weight:bold;}
.center{text-align:center;}
.red{color:#ca141d;}

/* ぐるなび追加 */
.scr { overflow: scroll; width:94%; height: 100px; background-color: #fff; border: #ccc solid 1px; padding:5px; font-size:75%; overflow-x: hidden; margin:10px auto 10px 0;color:#666666;}