@charset "utf-8";
/* common
------------------------------------------------------------------------------------------------------------- */
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html,body{
width:100%;
}
html{
font-size: 62.5%;
-webkit-tap-highlight-color: rgba(148,34,67,0.1);
-webkit-font-smoothing: antialiased;
height: 100%;
}
body {
font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",verdana,"メイリオ", Meiryo, sans-serif;
font-size:18px;
font-size:1.8rem;
line-height:1;
color:#202020;
background: #ffffff;
min-height: 100%;
}
body.oldie{
min-width:1200px;
}
table{
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
img{
vertical-align: bottom;
height: auto;
line-height: 1;
}
h1, h2, h3, h4, h5, h6{
font-size:10px;
font-size:1.0rem;
}
ol, ul{list-style-type: none;}
.disnon{display: none !important;}
.spOnly{display: none !important;}
.pcOnly{display: block !important;}
@media (max-width: 768px) {
.spOnly{display: none !important;}
.pcOnly{display: none !important;}
}
/*.svg{
display: block;
width: 100%;
height: auto;
}*/
a{
color: #202020;
}
/* clearfix
------------------------------------------------------------------------------------------------------------- */
.cf:after {/*for modern browser*/
content: " ";
display: block;
height: 0;
clear: both;
line-height:0;
visibility: hidden;
}
.cf {
zoom:1; /*for IE 5.5-7*/
}

/* fade
------------------------------------------------------------------------------------------------------------- */
.fade {
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
transition: 0.4s ease;
}
.fade:hover {
opacity: 0.6;
filter: alpha(opacity=60);
}

/* icon font
------------------------------------------------------------------------------------------------------------- */
@font-face {
font-family:'iconfont';
src:url('../font/fontello.eot?61044763');
src:url('../font/fontello.eot?61044763#iefix') format('embedded-opentype'),
    url('../font/fontello.woff?61044763') format('woff'),
    url('../font/fontello.ttf?61044763') format('truetype'),
    url('../font/fontello.svg?61044763#fontello') format('svg');
font-weight:normal;
font-style:normal;
}

/*[class^="icon-"], [class*=" icon-"] {
font-family: 'iconfont';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
 Better Font Rendering =========== 
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}*/

/*.icon-arrow_bottom:before {content: "\e600";}*/



/* txt
------------------------------------------------------------------------------------------------------------- */
.txtC{text-align: center !important;}
.txtR{text-align: right !important;}
.txtL{text-align: left !important;}
.fs08 { font-size: 8px; font-size: 0.8rem !important;} /*renders 9px */
.fs09 { font-size: 9px; font-size: 0.9rem !important;} /*renders 9px */
.fs10 { font-size:10px; font-size: 1rem !important;} /*renders 10px */
.fs11 { font-size:11px; font-size: 1.1rem !important;} /*renders 11px */
.fs12 { font-size:12px; font-size: 1.2rem !important;} /*renders 12px */
.fs13 { font-size:13px; font-size: 1.3rem !important;} /*renders 13px */
.fs14 { font-size:14px; font-size: 1.4rem !important;} /*renders 14px */
.fs15 { font-size:15px; font-size: 1.5rem !important;} /*renders 15px */
.fs16 { font-size:16px; font-size: 1.6rem !important;} /*renders 16px */
.fs17 { font-size:17px; font-size: 1.7rem !important;} /*renders 17px */
.fs18 { font-size:18px; font-size: 1.8rem !important;} /*renders 18px */
.fs19 { font-size:19px; font-size: 1.9rem !important;} /*renders 19px */
.fs20 { font-size:20px; font-size: 2rem !important;} /*renders 20px */
.fs21 { font-size:21px; font-size: 2.1rem !important;} /*renders 21px */
.fs22 { font-size:22px; font-size: 2.2rem !important;} /*renders 22px */
.fs23 { font-size:23px; font-size: 2.3rem !important;} /*renders 23px */
.fs24 { font-size:24px; font-size: 2.4rem !important;} /*renders 24px */
.fs25 { font-size:25px; font-size: 2.5rem !important;} /*renders 25px */
.fs26 { font-size:26px; font-size: 2.6rem !important;} /*renders 26px */
strong{font-weight: bold;}


/* margin
------------------------------------------------------------------------------------------------------------- */
.m0{margin: 0 !important;}
.m10{margin: 10px !important;}
.m20{margin: 20px !important;}
.m30{margin: 30px !important;}
.m40{margin: 40px !important;}
.m50{margin: 50px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}
.mr40{margin-right: 40px !important;}
.mr50{margin-right: 50px !important;}
.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mlr10{margin-left: 10px !important;margin-right:10px !important;}
.mlr20{margin-left: 20px !important;margin-right:20px !important;}
.mlr30{margin-left: 30px !important;margin-right:30px !important;}
.mlr40{margin-left: 40px !important;margin-right:40px !important;}
.mlr50{margin-left: 50px !important;margin-right:50px !important;}
.mtb10{margin-top: 10px !important;margin-bottom:10px !important;}
.mtb20{margin-top: 20px !important;margin-bottom:20px !important;}
.mtb30{margin-top: 30px !important;margin-bottom:30px !important;}
.mtb40{margin-top: 40px !important;margin-bottom:40px !important;}
.mtb50{margin-top: 50px !important;margin-bottom:50px !important;}

/* padding
------------------------------------------------------------------------------------------------------------- */
.p10{padding: 10px !important;}
.p20{padding: 20px !important;}
.p30{padding: 30px !important;}
.p40{padding: 40px !important;}
.p50{padding: 50px !important;}
.pl10{padding-left: 10px !important;}
.pl20{padding-left: 20px !important;}
.pl30{padding-left: 30px !important;}
.pl40{padding-left: 40px !important;}
.pl50{padding-left: 50px !important;}
.pr10{padding-right: 10px !important;}
.pr20{padding-right: 20px !important;}
.pr30{padding-right: 30px !important;}
.pr40{padding-right: 40px !important;}
.pr50{padding-right: 50px !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}
.pb50{padding-bottom: 50px !important;}
.plr10{padding-left: 10px !important;padding-right:10px !important;}
.plr20{padding-left: 20px !important;padding-right:20px !important;}
.plr30{padding-left: 30px !important;padding-right:30px !important;}
.plr40{padding-left: 40px !important;padding-right:40px !important;}
.plr50{padding-left: 50px !important;padding-right:50px !important;}
.ptb10{padding-top: 10px !important;padding-bottom:10px !important;}
.ptb20{padding-top: 20px !important;padding-bottom:20px !important;}
.ptb30{padding-top: 30px !important;padding-bottom:30px !important;}
.ptb40{padding-top: 40px !important;padding-bottom:40px !important;}
.ptb50{padding-top: 50px !important;padding-bottom:50px !important;}