@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; /*-webkit-appearance:none;*/ }
select option{ padding:0 5px; }
body{ color:#333; background-color:#fff; font:14px "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; line-height:1.6; -webkit-text-size-adjust:100%; overflow-x:hidden; }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{ position:absolute; }


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#333; text-decoration:underline; }
a:hover{ color:#666; text-decoration:underline; }

a , a img , input.search-btn{ transition:all 0.4s; }
a:hover , a img:hover , input.search-btn:hover{ opacity:0.8; }

a.more{ display:block; width:120px; height:40px; color:#999; text-decoration:none; text-align:center; background:url(../image/listmark_arrow_gray.svg) 15px 12px / 7px 10px no-repeat; border:solid 2px #eee; border-radius:5px; padding:7px 0 0 10px; }
a.more:hover{ border:solid 2px #92c626; }

a.glink{ color:#5fad3c; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:10px; }
.fontS{ font-size:12px; }
.fontL{ font-size:16px; }
.fontLL{ font-size:18px; }
.fontLLL{ font-size:20px; }

/* color */
.txt-gray{ color:#999; }
.txt-green{ color:#5fad3c; }

/*indent */
.idt{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }
.idt3{ padding-left:3.5em; text-indent:-3.5em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }

/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }
.smt55{ margin-top:55px !important; }
.smt60{ margin-top:60px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }
.smb55{ margin-bottom:55px !important; }
.smb60{ margin-bottom:60px !important; }

.sml0{ margin-left:0px !important; }
.sml10{ margin-left:10px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr50{ margin-right:50px !important; }



/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ text-align:center; margin-bottom: 70px; padding-bottom: 20px; border-bottom: solid 2px #eee;}
.header p{ margin-top:20px; }

@media only screen and (max-width: 800px){
.header { padding: 0 5%;}
}


/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ text-align:center;}
.footer p{ margin-top:20px; margin-bottom: 0;}
.footer ul{ display:table; font-size:12px; margin:30px auto 0; }
.footer ul li{ display:table-cell; background:url(../image/arrow.jpg) 8px 5px / 5px 8px no-repeat; padding:0 20px; }
.footer ul li a{ color:#999; text-decoration:none; }
.footer .copy{ background-color:#f6f6f6; font-size:12px; color:#999; padding:20px 0 15px; margin-top:30px; }

@media only screen and (max-width: 800px){
.footer ul li{ background:url(../image/arrow.jpg) 8px 3px / left 10px no-repeat; padding:0 8px 0 20px; }
.footer a img{ width:170px; height:auto; }
.footer ul , .footer ul li{ display:inherit; }
.footer ul{ text-align:center; margin-top:20px; }
.footer ul li{ background:none; border-bottom:solid 1px #eee; padding:0; margin:0; }
.footer ul li:last-child{ border-bottom:none; }
.footer ul li a{ display:block; padding:14px 0 12px; }
.footer .copy{ margin-top:0; }
}