@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&display=swap&subset=japanese');
/*-------------------------------------
リセット
---------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,stagtrong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin: 0px;
padding: 0px;
}
h1,h2,h3,h4,h5,h6,th,input,textarea,select {
font-family: inherit;
font-size: 100%;
font-weight: normal;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
table,th,td {
text-align: left;
border: none;
}
ol,ul,li {
list-style: none;
}
img {
border: none;
vertical-align: top;
max-width: 100%;
}
a:hover img { opacity: 0.7; }
input[type=text],
input[type=password],
input[type=button],
input[type=submit],
button,
select,
textarea {
color: inherit;
font-family: inherit;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
outline: none;
}
input::-webkit-input-placeholder { color: #999;}
input:-ms-input-placeholder { color: #999;}
input::-moz-placeholder { color: #999;}
textarea::-webkit-input-placeholder { color: #999;}
textarea:-ms-input-placeholder { color: #999;}
textarea::-moz-placeholder { color: #999;}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
}
button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
cursor: pointer;
}
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;
}
select::-ms-expand{
display:none;
}
/*-------------------------------------
初期設定
---------------------------------------*/
html.s_modalShow{
overflow: hidden;
}
@media screen and (max-width: 767px){
html.s_modalShow,
html.s_modalShow body{
height: 100vh;
overflow: hidden;
}
}
html {font-size:62.5%;}
body {
min-width: 320px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.4rem;
color: #5c5c5c;
background-color: #fff;
line-height: 1.5;
font-feature-settings : "palt" 1;
-webkit-text-size-adjust: 100%;
}
a {
color: inherit;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
em, strong {
font-weight: bold;
}
sub, sup {
white-space: nowrap;
font-size: 1rem;
}
*,
*:before,
*:after{
box-sizing: border-box;
}
/*-------------------------------------
汎用クラス
---------------------------------------*/
.c_fontM { font-size: 1.4rem!important; }
.c_fontL { font-size: 1.6rem!important; }
.c_fontLL { font-size: 1.8rem!important; }
.c_fontXL { font-size: 2.0rem!important; }
.c_fontS { font-size: 1.3rem!important; }
.c_fontSS { font-size: 1.2rem!important; }
.c_fontXS { font-size: 1.0rem!important; }
.c_fontItalic { font-style: italic!important; }
.c_lineL{ line-height: 1.8!important;}
.c_lineM{ line-height: 1.5!important;}
.c_lineS{ line-height: 1.3!important;}
.c_fontBold { font-weight: bold!important; }
.c_fontNormal { font-weight: normal!important; }
.c_colorRed { color: #cc0000!important; }
.c_clearfix { zoom: 1; }
.c_clearfix:after {
content: "";
display: block;
clear: both;
height: 0.01px;
}
.c_ofHidden { overflow: hidden!important; }
.c_ofVisible { overflow: visible!important; }
.c_floatL { float: left!important; }
.c_floatR { float: right!important; }
.c_posStatic { position: static !important;}
.c_posRelative { position: relative!important;}
.c_posAbsolute { position: absolute!important;}
.c_posFixed { position: fixed!important;}
.c_taLeft { text-align: left !important; }
.c_taCenter { text-align: center !important; }
.c_taRight { text-align: right !important; }
.c_tdNon { text-decoration: none !important; }
.c_tdUnder { text-decoration: underline !important; }
.c_tdOver { text-decoration: line-through !important; }
.c_vaTop { vertical-align: top !important; }
.c_vaMdl { vertical-align: middle !important; }
.c_vaBtm { vertical-align: bottom !important; }
.c_mtS { margin-top: 10px !important;}
.c_mtM { margin-top: 20px !important;}
.c_mtL { margin-top: 30px !important;}
.c_mtLL { margin-top: 40px !important;}
.c_mtXL { margin-top: 50px !important;}
.c_mlS { margin-left: 10px !important;}
.c_mlM { margin-left: 20px !important;}
.c_mlL { margin-left: 30px !important;}
.c_mlLL { margin-left: 40px !important;}
.c_mlXL { margin-left: 50px !important;}
.c_mrS { margin-right: 10px !important;}
.c_mrM { margin-right: 20px !important;}
.c_mrL { margin-right: 30px !important;}
.c_mrLL { margin-right: 40px !important;}
.c_mrXL { margin-right: 50px !important;}
.c_mbS { margin-bottom: 10px !important;}
.c_mbM { margin-bottom: 20px !important;}
.c_mbL { margin-bottom: 30px !important;}
.c_mbLL { margin-bottom: 40px !important;}
.c_mbXL { margin-bottom: 50px !important;}
.c_mt0 { margin-top: 0px !important; }
.c_mt3 { margin-top: 3px !important; }
.c_mt5 { margin-top: 5px !important; }
.c_mt10 { margin-top: 10px !important; }
.c_mt15 { margin-top: 15px !important; }
.c_mt20 { margin-top: 20px !important; }
.c_mt25 { margin-top: 25px !important; }
.c_mt30 { margin-top: 30px !important; }
.c_mt35 { margin-top: 35px !important; }
.c_mt40 { margin-top: 40px !important; }
.c_mt45 { margin-top: 45px !important; }
.c_mt50 { margin-top: 50px !important; }
.c_mt60 { margin-top: 60px !important; }
.c_mt70 { margin-top: 70px !important; }
.c_mt80 { margin-top: 80px !important; }
.c_mt90 { margin-top: 90px !important; }
.c_ml0 { margin-left: 0px !important; }
.c_ml3 { margin-left: 3px !important; }
.c_ml5 { margin-left: 5px !important; }
.c_ml10 { margin-left: 10px !important; }
.c_ml15 { margin-left: 15px !important; }
.c_ml20 { margin-left: 20px !important; }
.c_ml25 { margin-left: 25px !important; }
.c_ml30 { margin-left: 30px !important; }
.c_ml35 { margin-left: 35px !important; }
.c_ml40 { margin-left: 40px !important; }
.c_ml45 { margin-left: 45px !important; }
.c_ml50 { margin-left: 50px !important; }
.c_ml60 { margin-left: 60px !important; }
.c_ml70 { margin-left: 70px !important; }
.c_ml80 { margin-left: 80px !important; }
.c_ml90 { margin-left: 90px !important; }
.c_mr0 { margin-right: 0px !important; }
.c_mr3 { margin-right: 3px !important; }
.c_mr5 { margin-right: 5px !important; }
.c_mr10 { margin-right: 10px !important; }
.c_mr15 { margin-right: 15px !important; }
.c_mr20 { margin-right: 20px !important; }
.c_mr25 { margin-right: 25px !important; }
.c_mr30 { margin-right: 30px !important; }
.c_mr35 { margin-right: 35px !important; }
.c_mr40 { margin-right: 40px !important; }
.c_mr45 { margin-right: 45px !important; }
.c_mr50 { margin-right: 50px !important; }
.c_mr60 { margin-right: 60px !important; }
.c_mr70 { margin-right: 70px !important; }
.c_mr80 { margin-right: 80px !important; }
.c_mr90 { margin-right: 90px !important; }
.c_mb0 { margin-bottom: 0px !important; }
.c_mb3 { margin-bottom: 3px !important; }
.c_mb5 { margin-bottom: 5px !important; }
.c_mb10 { margin-bottom: 10px !important; }
.c_mb15 { margin-bottom: 15px !important; }
.c_mb20 { margin-bottom: 20px !important; }
.c_mb25 { margin-bottom: 25px !important; }
.c_mb30 { margin-bottom: 30px !important; }
.c_mb35 { margin-bottom: 35px !important; }
.c_mb40 { margin-bottom: 40px !important; }
.c_mb45 { margin-bottom: 45px !important; }
.c_mb50 { margin-bottom: 50px !important; }
.c_mb60 { margin-bottom: 60px !important; }
.c_mb70 { margin-bottom: 70px !important; }
.c_mb80 { margin-bottom: 80px !important; }
.c_mb90 { margin-bottom: 90px !important; }
@media screen and (max-width:767px) {
.c_mtS { margin-top: 5px !important;}
.c_mtM { margin-top: 10px !important;}
.c_mtL { margin-top: 15px !important;}
.c_mtLL { margin-top: 20px !important;}
.c_mtXL { margin-top: 25px !important;}
.c_mlS { margin-left: 5px !important;}
.c_mlM { margin-left: 10px !important;}
.c_mlL { margin-left: 15px !important;}
.c_mlLL { margin-left: 20px !important;}
.c_mlXL { margin-left: 25px !important;}
.c_mrS { margin-right: 5px !important;}
.c_mrM { margin-right: 10px !important;}
.c_mrL { margin-right: 15px !important;}
.c_mrLL { margin-right: 20px !important;}
.c_mrXL { margin-right: 25px !important;}
.c_mbS { margin-bottom: 5px !important;}
.c_mbM { margin-bottom: 10px !important;}
.c_mbL { margin-bottom: 15px !important;}
.c_mbLL { margin-bottom: 20px !important;}
.c_mbXL { margin-bottom: 25px !important;}
.c_spMt0 { margin-top: 0px !important; }
.c_spMt3 { margin-top: 3px !important; }
.c_spMt5 { margin-top: 5px !important; }
.c_spMt10 { margin-top: 10px !important; }
.c_spMt15 { margin-top: 15px !important; }
.c_spMt20 { margin-top: 20px !important; }
.c_spMt25 { margin-top: 25px !important; }
.c_spMt30 { margin-top: 30px !important; }
.c_spMt35 { margin-top: 35px !important; }
.c_spMt40 { margin-top: 40px !important; }
.c_spMt45 { margin-top: 45px !important; }
.c_spMt50 { margin-top: 50px !important; }
.c_spMt60 { margin-top: 60px !important; }
.c_spMt70 { margin-top: 70px !important; }
.c_spMt80 { margin-top: 80px !important; }
.c_spMt90 { margin-top: 90px !important; }
.c_spMl0 { margin-left: 0px !important; }
.c_spMl3 { margin-left: 3px !important; }
.c_spMl5 { margin-left: 5px !important; }
.c_spMl10 { margin-left: 10px !important; }
.c_spMl15 { margin-left: 15px !important; }
.c_spMl20 { margin-left: 20px !important; }
.c_spMl25 { margin-left: 25px !important; }
.c_spMl30 { margin-left: 30px !important; }
.c_spMl35 { margin-left: 35px !important; }
.c_spMl40 { margin-left: 40px !important; }
.c_spMl45 { margin-left: 45px !important; }
.c_spMl50 { margin-left: 50px !important; }
.c_spMl60 { margin-left: 60px !important; }
.c_spMl70 { margin-left: 70px !important; }
.c_spMl80 { margin-left: 80px !important; }
.c_spMl90 { margin-left: 90px !important; }
.c_spMr0 { margin-right: 0px !important; }
.c_spMr3 { margin-right: 3px !important; }
.c_spMr5 { margin-right: 5px !important; }
.c_spMr10 { margin-right: 10px !important; }
.c_spMr15 { margin-right: 15px !important; }
.c_spMr20 { margin-right: 20px !important; }
.c_spMr25 { margin-right: 25px !important; }
.c_spMr30 { margin-right: 30px !important; }
.c_spMr35 { margin-right: 35px !important; }
.c_spMr40 { margin-right: 40px !important; }
.c_spMr45 { margin-right: 45px !important; }
.c_spMr50 { margin-right: 50px !important; }
.c_spMr60 { margin-right: 60px !important; }
.c_spMr70 { margin-right: 70px !important; }
.c_spMr80 { margin-right: 80px !important; }
.c_spMr90 { margin-right: 90px !important; }
.c_spMb0 { margin-bottom: 0px !important; }
.c_spMb3 { margin-bottom: 3px !important; }
.c_spMb5 { margin-bottom: 5px !important; }
.c_spMb10 { margin-bottom: 10px !important; }
.c_spMb15 { margin-bottom: 15px !important; }
.c_spMb20 { margin-bottom: 20px !important; }
.c_spMb25 { margin-bottom: 25px !important; }
.c_spMb30 { margin-bottom: 30px !important; }
.c_spMb35 { margin-bottom: 35px !important; }
.c_spMb40 { margin-bottom: 40px !important; }
.c_spMb45 { margin-bottom: 45px !important; }
.c_spMb50 { margin-bottom: 50px !important; }
.c_spMb60 { margin-bottom: 60px !important; }
.c_spMb70 { margin-bottom: 70px !important; }
.c_spMb80 { margin-bottom: 80px !important; }
.c_spMb90 { margin-bottom: 90px !important; }
}
.c_ptS { padding-top: 10px !important;}
.c_ptM { padding-top: 20px !important;}
.c_ptL { padding-top: 30px !important;}
.c_ptLL { padding-top: 40px !important;}
.c_ptXL { padding-top: 50px !important;}
.c_plS { padding-left: 10px !important;}
.c_plM { padding-left: 20px !important;}
.c_plL { padding-left: 30px !important;}
.c_plLL { padding-left: 40px !important;}
.c_plXL { padding-left: 50px !important;}
.c_prS { padding-right: 10px !important;}
.c_prM { padding-right: 20px !important;}
.c_prL { padding-right: 30px !important;}
.c_prLL { padding-right: 40px !important;}
.c_prXL { padding-right: 50px !important;}
.c_pbS { padding-bottom: 10px !important;}
.c_pbM { padding-bottom: 20px !important;}
.c_pbL { padding-bottom: 30px !important;}
.c_pbLL { padding-bottom: 40px !important;}
.c_pbXL { padding-bottom: 50px !important;}
.c_pt0 { padding-top: 0px !important; }
.c_pt3 { padding-top: 3px !important; }
.c_pt5 { padding-top: 5px !important; }
.c_pt10 { padding-top: 10px !important; }
.c_pt15 { padding-top: 15px !important; }
.c_pt20 { padding-top: 20px !important; }
.c_pt25 { padding-top: 25px !important; }
.c_pt30 { padding-top: 30px !important; }
.c_pt35 { padding-top: 35px !important; }
.c_pt40 { padding-top: 40px !important; }
.c_pt45 { padding-top: 45px !important; }
.c_pt50 { padding-top: 50px !important; }
.c_pt60 { padding-top: 60px !important; }
.c_pt70 { padding-top: 70px !important; }
.c_pt80 { padding-top: 80px !important; }
.c_pt90 { padding-top: 90px !important; }
.c_pl0 { padding-left: 0px !important; }
.c_pl3 { padding-left: 3px !important; }
.c_pl5 { padding-left: 5px !important; }
.c_pl10 { padding-left: 10px !important; }
.c_pl15 { padding-left: 15px !important; }
.c_pl20 { padding-left: 20px !important; }
.c_pl25 { padding-left: 25px !important; }
.c_pl30 { padding-left: 30px !important; }
.c_pl35 { padding-left: 35px !important; }
.c_pl40 { padding-left: 40px !important; }
.c_pl45 { padding-left: 45px !important; }
.c_pl50 { padding-left: 50px !important; }
.c_pl60 { padding-left: 60px !important; }
.c_pl70 { padding-left: 70px !important; }
.c_pl80 { padding-left: 80px !important; }
.c_pl90 { padding-left: 90px !important; }
.c_pr0 { padding-right: 0px !important; }
.c_pr3 { padding-right: 3px !important; }
.c_pr5 { padding-right: 5px !important; }
.c_pr10 { padding-right: 10px !important; }
.c_pr15 { padding-right: 15px !important; }
.c_pr20 { padding-right: 20px !important; }
.c_pr25 { padding-right: 25px !important; }
.c_pr30 { padding-right: 30px !important; }
.c_pr35 { padding-right: 35px !important; }
.c_pr40 { padding-right: 40px !important; }
.c_pr45 { padding-right: 45px !important; }
.c_pr50 { padding-right: 50px !important; }
.c_pr60 { padding-right: 60px !important; }
.c_pr70 { padding-right: 70px !important; }
.c_pr80 { padding-right: 80px !important; }
.c_pr90 { padding-right: 90px !important; }
.c_pb0 { padding-bottom: 0px !important; }
.c_pb3 { padding-bottom: 3px !important; }
.c_pb5 { padding-bottom: 5px !important; }
.c_pb10 { padding-bottom: 10px !important; }
.c_pb15 { padding-bottom: 15px !important; }
.c_pb20 { padding-bottom: 20px !important; }
.c_pb25 { padding-bottom: 25px !important; }
.c_pb30 { padding-bottom: 30px !important; }
.c_pb35 { padding-bottom: 35px !important; }
.c_pb40 { padding-bottom: 40px !important; }
.c_pb45 { padding-bottom: 45px !important; }
.c_pb50 { padding-bottom: 50px !important; }
.c_pb60 { padding-bottom: 60px !important; }
.c_pb70 { padding-bottom: 70px !important; }
.c_pb80 { padding-bottom: 80px !important; }
.c_pb90 { padding-bottom: 90px !important; }
@media screen and (max-width:767px) {
.c_ptS { padding-top: 5px !important;}
.c_ptM { padding-top: 10px !important;}
.c_ptL { padding-top: 15px !important;}
.c_ptLL { padding-top: 20px !important;}
.c_ptXL { padding-top: 25px !important;}
.c_plS { padding-left: 5px !important;}
.c_plM { padding-left: 10px !important;}
.c_plL { padding-left: 15px !important;}
.c_plLL { padding-left: 20px !important;}
.c_plXL { padding-left: 25px !important;}
.c_prS { padding-right: 5px !important;}
.c_prM { padding-right: 10px !important;}
.c_prL { padding-right: 15px !important;}
.c_prLL { padding-right: 20px !important;}
.c_prXL { padding-right: 25px !important;}
.c_pbS { padding-bottom: 5px !important;}
.c_pbM { padding-bottom: 10px !important;}
.c_pbL { padding-bottom: 15px !important;}
.c_pbLL { padding-bottom: 20px !important;}
.c_pbXL { padding-bottom: 25px !important;}
.c_spMt0 { padding-top: 0px !important; }
.c_spMt3 { padding-top: 3px !important; }
.c_spMt5 { padding-top: 5px !important; }
.c_spMt10 { padding-top: 10px !important; }
.c_spMt15 { padding-top: 15px !important; }
.c_spMt20 { padding-top: 20px !important; }
.c_spMt25 { padding-top: 25px !important; }
.c_spMt30 { padding-top: 30px !important; }
.c_spMt35 { padding-top: 35px !important; }
.c_spMt40 { padding-top: 40px !important; }
.c_spMt45 { padding-top: 45px !important; }
.c_spMt50 { padding-top: 50px !important; }
.c_spMt60 { padding-top: 60px !important; }
.c_spMt70 { padding-top: 70px !important; }
.c_spMt80 { padding-top: 80px !important; }
.c_spMt90 { padding-top: 90px !important; }
.c_spMl0 { padding-left: 0px !important; }
.c_spMl3 { padding-left: 3px !important; }
.c_spMl5 { padding-left: 5px !important; }
.c_spMl10 { padding-left: 10px !important; }
.c_spMl15 { padding-left: 15px !important; }
.c_spMl20 { padding-left: 20px !important; }
.c_spMl25 { padding-left: 25px !important; }
.c_spMl30 { padding-left: 30px !important; }
.c_spMl35 { padding-left: 35px !important; }
.c_spMl40 { padding-left: 40px !important; }
.c_spMl45 { padding-left: 45px !important; }
.c_spMl50 { padding-left: 50px !important; }
.c_spMl60 { padding-left: 60px !important; }
.c_spMl70 { padding-left: 70px !important; }
.c_spMl80 { padding-left: 80px !important; }
.c_spMl90 { padding-left: 90px !important; }
.c_spMr0 { padding-right: 0px !important; }
.c_spMr3 { padding-right: 3px !important; }
.c_spMr5 { padding-right: 5px !important; }
.c_spMr10 { padding-right: 10px !important; }
.c_spMr15 { padding-right: 15px !important; }
.c_spMr20 { padding-right: 20px !important; }
.c_spMr25 { padding-right: 25px !important; }
.c_spMr30 { padding-right: 30px !important; }
.c_spMr35 { padding-right: 35px !important; }
.c_spMr40 { padding-right: 40px !important; }
.c_spMr45 { padding-right: 45px !important; }
.c_spMr50 { padding-right: 50px !important; }
.c_spMr60 { padding-right: 60px !important; }
.c_spMr70 { padding-right: 70px !important; }
.c_spMr80 { padding-right: 80px !important; }
.c_spMr90 { padding-right: 90px !important; }
.c_spMb0 { padding-bottom: 0px !important; }
.c_spMb3 { padding-bottom: 3px !important; }
.c_spMb5 { padding-bottom: 5px !important; }
.c_spMb10 { padding-bottom: 10px !important; }
.c_spMb15 { padding-bottom: 15px !important; }
.c_spMb20 { padding-bottom: 20px !important; }
.c_spMb25 { padding-bottom: 25px !important; }
.c_spMb30 { padding-bottom: 30px !important; }
.c_spMb35 { padding-bottom: 35px !important; }
.c_spMb40 { padding-bottom: 40px !important; }
.c_spMb45 { padding-bottom: 45px !important; }
.c_spMb50 { padding-bottom: 50px !important; }
.c_spMb60 { padding-bottom: 60px !important; }
.c_spMb70 { padding-bottom: 70px !important; }
.c_spMb80 { padding-bottom: 80px !important; }
.c_spMb90 { padding-bottom: 90px !important; }
}
.c_disNon { display: none !important; }
.c_disBlock { display: block!important; }
.c_disInline { display: inline!important; }
.c_disInBlock { display: inline-block!important; }
.c_liquid { width: 100%!important; }
.c_nowrap { white-space: nowrap!important; }
.c_breakall { word-break: break-all!important; }
.f_pageArea:not(.s_touchDevice) .c_over{
transition: opacity 0.5s 0s;
}
.f_pageArea:not(.s_touchDevice) .c_over,
.f_pageArea:not(.s_touchDevice) .c_over:hover,
.f_pageArea:not(.s_touchDevice) .c_over *:hover{
text-decoration: none!important;
}
.f_pageArea:not(.s_touchDevice) .c_over:hover {
opacity: 0.7!important;
}
@media screen and (max-width: 1200px){ .c_ov1200 { display: none !important; } }
@media screen and (max-width: 1100px){ .c_ov1100 { display: none !important; } }
@media screen and (max-width: 1030px){ .c_ov1030 { display: none !important; } }
@media screen and (max-width: 1000px){ .c_ov1000 { display: none !important; } }
@media screen and (max-width: 900px){ .c_ov900 { display: none !important; } }
@media screen and (max-width: 800px){ .c_ov800 { display: none !important; } }
@media screen and (max-width: 767px){ .c_ov767 { display: none !important; } }
@media screen and (max-width: 700px){ .c_ov700 { display: none !important; } }
@media screen and (max-width: 600px){ .c_ov600 { display: none !important; } }
@media screen and (max-width: 500px){ .c_ov500 { display: none !important; } }
@media screen and (max-width: 400px){ .c_ov400 { display: none !important; } }
@media screen and (max-width: 374px){ .c_ov374 { display: none !important; } }
@media screen and (min-width: 1201px){ .c_un1200 { display: none !important; } }
@media screen and (min-width: 1101px){ .c_un1100 { display: none !important; } }
@media screen and (min-width: 1031px){ .c_un1040 { display: none !important; } }
@media screen and (min-width: 1001px){ .c_un1000 { display: none !important; } }
@media screen and (min-width: 901px){ .c_un900 { display: none !important; } }
@media screen and (min-width: 801px){ .c_un800 { display: none !important; } }
@media screen and (min-width: 768px){ .c_un767 { display: none !important; } }
@media screen and (min-width: 701px){ .c_un700 { display: none !important; } }
@media screen and (min-width: 601px){ .c_un600 { display: none !important; } }
@media screen and (min-width: 501px){ .c_un500 { display: none !important; } }
@media screen and (min-width: 401px){ .c_un400 { display: none !important; } }
@media screen and (min-width: 375px){ .c_un374 { display: none !important; } }
/*-------------------------------------------------------
フレーム
-------------------------------------------------------*/
/*.f_pageArea
--------------------*/
.f_pageArea{
/*min-width: 1190px;*//*ヘッダーと幅を同期*/
min-width: 1260px;
overflow: hidden;
position: relative;
z-index: 0;
}
@media screen and (max-width: 768px){
.f_pageArea{
min-width: 0;
}
}
/*.f_main
--------------------*/
.f_main {}
/*.f_contents
--------------------*/
.f_contents {
padding-top: 90px;
background-color: #fff;
}
.f_contents.s_top {
padding-top: 0;
background-color: inherit;
}
@media screen and (max-width: 768px) {
.f_pageArea:not(.s_touchDevice) .f_contents a:hover {
text-decoration: none
}
.f_contents{
padding-top: 20%; /*150px*/
}
}
/*.f_header
--------------------*/
.f_header{
position: absolute;
top: 0;
left: 0;
min-width: 1260px;
width: 100%;
height: 90px;
z-index: 100000;
}
.f_header.s_init {
transform: translateY(-62px);
transition: transform 0.5s linear;
}
.f_header.s_fixed,
.s_lowerHeadFixed .f_header {
position: fixed;
transform: translateY(0);
}
.s_lowerHeadFixed .f_header {
background-color: rgba(255,255,255,0.95);
}
.f_header .p_hdInner {
padding: 20px 0 16px 28px;
position: relative;
z-index: 0;
}
.f_header .p_hdInner .ml_spMenu {
display: none;
}
.f_header.s_fixed .p_hdInner {
background: #fff;
border-bottom: 1px solid #d6d6d6;
}
.f_header .p_hdInner .p_logo {
display: block;
width: 176px;
float: left;
position: relative;
z-index: 10;
}
.f_header .p_hdInner .p_logo img {
filter: drop-shadow(0 0 1px rgba(0,0,0,0.4));
}
.s_lowerHeadFixed .f_header .p_hdInner .p_logo img {
filter: none;
}
.f_header .p_hdInner .p_menu {
display: block;
width: 100%;
float: right;
padding-top: 5px;
margin-left: -176px;
padding-left: 176px;
position: relative;
z-index: 0;
}
.f_header .p_hdInner .p_menu .p_spbox { display: none; }
.f_header .p_hdInner .p_menu .p_left {
display: block;
width: 100%;
height: 40px;
text-align: right;
padding-right: 260px;
margin-right: -260px;
float: left;
position: relative;
z-index: 0;
}
.f_header .p_hdInner .p_menu .p_left ul {
display: inline-block;
width: 100%;
height: 40px;
}
.f_header .p_hdInner .p_menu .p_left ul li {
display: inline-block;
line-height: 40px;
}
.f_header .p_hdInner .p_menu .p_left ul li:last-child {
margin-right: 2.988%; /*20px*/
}
.f_header .p_hdInner .p_menu .p_left ul li:nth-child(1){
display: none;
}
#Top .f_header .p_hdInner .p_menu .p_left ul li:nth-child(1){
display: inline-block;
}
/*
.f_header .p_hdInner .p_menu .p_left ul li:nth-child(1){
width: 210px;
}
.f_header .p_hdInner .p_menu .p_left ul li:nth-child(2){
width: 110px;
}
.f_header .p_hdInner .p_menu .p_left ul li:nth-child(3){
width: 80px;
}
.f_header .p_hdInner .p_menu .p_left ul li:nth-child(4){
width: 110px;
}
.f_header .p_hdInner .p_menu .p_left ul li:nth-child(5){
width: 96px;
}
*/
.f_header .p_hdInner .p_menu .p_left ul li a {
display: table;
height: 40px;
padding: 0 8px;
position: relative;
}
.f_header .p_hdInner .p_menu .p_left ul li a::before {
content: "";
display: block;
width: 0;
height: 2px;
background-color: #d5af2c;
position: absolute;
left: 0;
bottom: 0;
transition: all 0.3s ease-in-out;
}
.f_header .p_hdInner .p_menu .p_left ul li a:hover {
text-decoration: none;
}
.f_header .p_hdInner .p_menu .p_left ul li a:hover::before,
.f_header .p_hdInner .p_menu .p_left ul li a.s_active::before {
width: 100%;
}
.f_header .p_hdInner .p_menu .p_left ul li a span {
display: table-cell;
width: 100%;
text-align: center;
vertical-align: middle;
position: relative;
font-weight: bold;
}
.f_header .p_hdInner .p_menu .p_left ul li a span img {
vertical-align: middle;
}
.f_header .p_hdInner .p_menu .p_right {
display: block;
width: 260px;
float: right;
position: relative;
z-index: 10;
}
.f_header .p_hdInner .p_menu .p_right ul li {
display: block;
width: 130px;
float: left;
}
.f_header .p_hdInner .p_menu .p_right ul li a {
display: table;
width: 100%;
height: 40px;
table-layout: fixed;
position: relative;
transition: opacity 0.2s ease-in-out;
}
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(1) a { background-color: #5c5c5c; }
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(2) a { background-color: #474747; }
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(3) a { background-color: #333333; }
.f_header .p_hdInner .p_menu .p_right ul li a.s_active { background-color: #d5af2c; }
.f_header .p_hdInner .p_menu .p_right ul li a::before {
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
top: 0;
bottom: 0;
left: 12px;
margin: auto;
}
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(1) a::before {
background: url(/common/img/hd_icon1.svg) no-repeat center;
background-size: cover;
}
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(1) a.s_active::before {
background-image: url(/common/img/hd_icon1_on.svg);
}
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(2) a::before {
background: url(/common/img/hd_icon2.svg) no-repeat center;
background-size: cover;
}
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(2) a.s_active::before {
background-image: url(/common/img/hd_icon2_on.svg);
}
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(3) a::before {
background: url(/common/img/hd_icon3.svg) no-repeat center;
background-size: cover;
}
.f_header .p_hdInner .p_menu .p_right ul li:nth-child(3) a.s_active::before {
background-image: url(/common/img/hd_icon3_on.svg);
}
.f_header .p_hdInner .p_menu .p_right ul li a:hover {
text-decoration: none;
opacity: 0.7;
}
.f_header .p_hdInner .p_menu .p_right ul li a span {
display: table-cell;
width: 100%;
vertical-align: middle;
color: #fff;
padding-left: 32px;
font-size: 1.2rem;
}
@media screen and (max-width: 768px){
.f_header{
min-width: 0;
height: auto;
}
.f_header .p_hdInner {
background-color: #fff;
padding: 4% 4% 3.733%; /*30px 30px 28px*/
border-bottom: 1px solid #dadada;
}
.f_header .p_hdInner .p_logo {
width: 44.202%; /*305px*/
}
.f_header .p_hdInner .p_logo img {
filter: none;
}
.f_header .p_hdInner .p_menu {
width: 43.478%; /*300px*/
padding-top: 2.898%; /*20px*/
margin-left: 0;
padding-left: 0;
}
.f_header .p_hdInner .p_menu .p_left,
.f_header .p_hdInner .p_menu .p_right {
display: none;
}
.f_header .p_hdInner .p_menu .p_spbox { display: block; }
.f_header .p_hdInner .p_menu .p_spbox ul li {
display: block;
width: 20%; /*60px*/
float: left;
}
.f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(3){ margin-left: 16.666%; /*50px*/ }
.f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(4){ margin-left: 21.666%; /*65px*/ }
.f_header .p_hdInner .p_menu .p_spbox ul li a {
display: block;
padding: 8.333%; /*5px*/
}
/* SPトップページ用 */
.f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(1){
display: none;
}
#Top .f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(1){
display: block;
}
#Top .f_header .p_hdInner .p_menu {
width: 49%;
padding-top: 2.898%;
margin-left: 0;
padding-left: 0;
}
#Top .f_header .p_hdInner .p_menu .p_spbox ul li {
width: 16.333%;
}
#Top .f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(1){
width: 28%;
}
#Top .f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(1) img {
width: 100%;
}
#Top .f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(2){ margin-left: 6.66%; }
#Top .f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(3){ margin-left: 6.66%; }
#Top .f_header .p_hdInner .p_menu .p_spbox ul li:nth-child(4){ margin-left: 6.66%; }
#Top .f_header .p_hdInner .p_menu .p_spbox ul li a {
display: block;
padding: 8.333%; /*5px*/
}
.f_header .p_hdInner .ml_spMenu {
width: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
display: none;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuHead {
display: flex;
justify-content: space-between;
width: 100%;
padding: 4% 4% 3.733%;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuHead p {
flex: 0 1 44.202%;
width: 44.202%;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuHead .p_spMenuClose {
position: absolute;
width: 6.6%;
height: 6.6vw;
transform: rotate(-45deg);
top: 4.56%;
right: 5.5%;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuHead .p_spMenuClose .top {
position: absolute;
content: '';
top: 50%;
left: 0;
width: 100%;
height: 3px;
transform: translateY(-50%);
background: #d5af2c;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuHead .p_spMenuClose .bottom {
position: absolute;
content: '';
top: 0;
left: 50%;
width: 3px;
height: 100%;
transform: translateX(-50%);
background: #beb5a2;
}
.f_header .p_hdInner .ml_spMenu .p_sepMenuOuter {
overflow: auto;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuList {
margin-top: 6%;
padding-left: 20%;
top: 70px;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuList li {
margin-bottom: 8%;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuList li a {
position: relative;
padding-left: 8%;
font-size: 3.73vw;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuList li a::before {
position: absolute;
content: '＞';
font-weight: bold;
top: 0;
left: 0;
color: #d5af2c;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn {
display: flex;
flex-wrap: wrap;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li {
flex: 1 0 50%;
font-size: 3.733vw;
}
/* .f_header .p_hdInner .ml_spMenu .p_spMenuBtn li:last-child {
flex: 1 0 100%;
} */
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_flow {
background: #5c5c5c;
display: block;
text-align: center;
min-height: 50px;
line-height: 3.3;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_flow span {
position: relative;
color: #ffffff;
padding-left: 15px;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_flow span::before {
position: absolute;
content: '';
top: 50%;
left: 0;
transform: translateY(-50%);
width: 12px;
height: 12px;
background: url(/common/img/hd_icon1.svg) no-repeat center left;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_question {
background: #474747;
display: block;
text-align: center;
min-height: 50px;
line-height: 3.3;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_question span {
position: relative;
color: #ffffff;
padding-left: 15px;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_question span::before {
position: absolute;
content: '';
top: 50%;
left: 0;
transform: translateY(-50%);
width: 12px;
height: 12px;
background: url(/common/img/hd_icon2.svg) no-repeat center left;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_info {
background: #333333;
display: block;
text-align: center;
min-height: 50px;
line-height: 3.3;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_info span {
position: relative;
color: #ffffff;
padding-left: 15px;
}
.f_header .p_hdInner .ml_spMenu .p_spMenuBtn li .p_info span::before {
position: absolute;
content: '';
top: 50%;
left: 0;
transform: translateY(-50%);
width: 12px;
height: 12px;
background: url(/common/img/hd_icon3.svg) no-repeat center left;
}
}
/*.f_sideMenu
--------------------*/
.f_sideMenu{
position: fixed;
top: 26.5%;
right: 0;
z-index: 100000;
}
/*.f_footer
--------------------*/
.f_footer {
background-color: #000;
padding: 0 10px;
position: relative;
}
.f_footer .p_ftInner {
width: 100%;
max-width: 1080px;
margin: 0 auto;
padding: 26px 0 30px;
}
.f_footer .p_ftInner .p_ftHead {
border-bottom: 1px solid #454545;
padding-left: 35px;
padding-bottom: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
.f_footer .p_ftInner .p_ftHead .p_logo img {
width: 200px;
}
.f_footer .p_ftInner .p_ftHead .p_ftHeadChild {
display: flex;
align-items: center;
}
.f_footer .p_ftInner .p_ftHead .p_ftSubLink {
display: flex;
gap: 20px;
}
.f_footer .p_ftInner .p_ftHead .p_ftSns {
display: flex;
gap: 30px;
align-items: center;
color: rgba(255,255,255,0.5);
}
.f_footer .p_ftInner .p_ftHead .p_ftSns > *:first-child {
padding: 10px 0 10px 40px;
margin: 0 10px 0 40px;
}
.f_footer .p_ftInner .p_ftHead .p_ftSns img {
width: 30px;
}
.f_footer .p_ftInner .p_top,
.f_footer .p_ftInner .p_mdl {
display: table;
width: 100%;
table-layout: fixed;
margin-top: 35px;
}
.f_footer .p_ftInner .p_top .p_left,
.f_footer .p_ftInner .p_top .p_right,
.f_footer .p_ftInner .p_mdl .p_left,
.f_footer .p_ftInner .p_mdl .p_right {
display: table-cell;
vertical-align: middle;
padding: 10px 0;
}
.f_footer .p_ftInner .p_top .p_left,
.f_footer .p_ftInner .p_mdl .p_left {
width: 24.79%; /*266px*/
text-align: center;
border-left: 1px solid #454545;
border-right: 1px solid #454545;
padding-left: 5px;
padding-right: 5px;
}
.f_footer .p_ftInner .p_top .p_left p,
.f_footer .p_ftInner .p_mdl .p_left p { color: #fff; }
.f_footer .p_ftInner .p_top .p_left p:nth-of-type(1),
.f_footer .p_ftInner .p_mdl .p_left p:nth-of-type(1) {
font-size: 1.6rem;
padding-bottom: 13px;
position: relative;
}
.f_footer .p_ftInner .p_top .p_left p:nth-of-type(1)::after,
.f_footer .p_ftInner .p_mdl .p_left p:nth-of-type(1)::after {
content: "";
display: block;
width: 140px;
border-bottom: 1px solid #fff;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.f_footer .p_ftInner .p_top .p_left p:nth-of-type(2),
.f_footer .p_ftInner .p_mdl .p_left p:nth-of-type(2) {
font-size: 1.2rem;
font-weight: bold;
padding-top: 10px;
}
.f_footer .p_ftInner .p_top .p_right,
.f_footer .p_ftInner .p_mdl .p_right {
padding-left: 2.77%; /*30px*/
vertical-align: top;
}
.f_footer .p_ftInner .p_top .p_right ul,
.f_footer .p_ftInner .p_mdl .p_right ul {
display: block;
width: 31.887%; /*250px*/
float: left;
}
.f_footer .p_ftInner .p_top .p_right ul li + li,
.f_footer .p_ftInner .p_mdl .p_right ul li + li {
margin-top: 15px;
}
.f_footer .p_ftInner .p_top .p_left > * > a,
.f_footer .p_ftInner .p_mdl .p_left > * > a,
.f_footer .p_ftInner .p_top .p_right ul li a,
.f_footer .p_ftInner .p_mdl .p_right ul li a,
.f_footer .p_ftInner .p_ftHead .p_ftSubLink a {
display: block;
color: #fff;
padding-left: 14px;
position: relative;
z-index: 0;
}
.f_footer .p_ftInner .p_top .p_left > * > a,
.f_footer .p_ftInner .p_mdl .p_left > * > a {
display: inline-block;
}
.f_footer .p_ftInner .p_top .p_left > * > a::before,
.f_footer .p_ftInner .p_mdl .p_left > * > a::before,
.f_footer .p_ftInner .p_top .p_right ul li a::before,
.f_footer .p_ftInner .p_mdl .p_right ul li a::before,
.f_footer .p_ftInner .p_ftHead .p_ftSubLink a::before {
content: "";
display: block;
width: 7px;
height: 7px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto 0;
}
@media screen and (max-width: 768px){
.f_footer {
padding: 0;
}
.f_footer .p_ftInner {
padding: 9.333% 10.666% 5.333%; /*70px 80px 40px*/
}
.f_footer .p_ftInner .p_ftHead {
padding-left: 0;
padding-bottom: 10.84%;
text-align: center;
display: block;
}
.f_footer .p_ftInner .p_ftHead .p_logo img {
width: 67.79%;
}
.f_footer .p_ftInner .p_ftHead .p_ftHeadChild {
justify-content: space-between;
margin-top: 30px;
}
.f_footer .p_ftInner .p_ftHead .p_ftSubLink {
gap: 0px;
white-space: nowrap;
}
.f_footer .p_ftInner .p_ftHead .p_ftSns {
gap: 20px;
}
.f_footer .p_ftInner .p_ftHead .p_ftSns > :first-child {
padding: 10px 0 10px 15px;
}
.f_footer .p_ftInner .p_ftHead .p_ftSns img {
width: 25px;
}
.f_footer .p_ftInner .p_top,
.f_footer .p_ftInner .p_mdl {
display: block;
}
.f_footer .p_ftInner .p_mdl {
margin-top: 20.338%; /*120px*/
}
.f_footer .p_ftInner .p_top .p_left,
.f_footer .p_ftInner .p_top .p_right,
.f_footer .p_ftInner .p_mdl .p_left,
.f_footer .p_ftInner .p_mdl .p_right {
display: block;
padding:0;
}
.f_footer .p_ftInner .p_top .p_left,
.f_footer .p_ftInner .p_mdl .p_left {
width: 100%;
padding: 4.06% 0;
}
.f_footer .p_ftInner .p_top .p_left p:nth-of-type(1),
.f_footer .p_ftInner .p_mdl .p_left p:nth-of-type(1) {
font-size: 16px;
font-size: 4.26vw;
padding-bottom: 3.389%; /*20px*/
}
.f_footer .p_ftInner .p_top .p_left p:nth-of-type(1)::after,
.f_footer .p_ftInner .p_mdl .p_left p:nth-of-type(1)::after {
width: 45.91%;
}
.f_footer .p_ftInner .p_top .p_left p:nth-of-type(2),
.f_footer .p_ftInner .p_mdl .p_left p:nth-of-type(2) {
font-size: 12px;
font-size: 3.2vw;
padding-top: 3.389%; /*20px*/
}
.f_footer .p_ftInner .p_top .p_right,
.f_footer .p_ftInner .p_mdl .p_right {
width: 76.271%; /*450px*/
margin: 0 auto;
padding-top: 11.864%; /*70px*/
padding-left: 0;
}
.f_footer .p_ftInner .p_top .p_right ul,
.f_footer .p_ftInner .p_mdl .p_right ul {
display: block;
width: 100%;
float: none;
}
.f_footer .p_ftInner .p_top .p_right ul + ul,
.f_footer .p_ftInner .p_mdl .p_right ul + ul {
margin-top: 4.44%; /*20px*/
}
.f_footer .p_ftInner .p_top .p_right ul li + li,
.f_footer .p_ftInner .p_mdl .p_right ul li + li {
margin-top: 4.44%; /*20px*/
}
.f_footer .p_ftInner .p_top .p_right ul li a,
.f_footer .p_ftInner .p_mdl .p_right ul li a,
.f_footer .p_ftInner .p_ftHead .p_ftSubLink a {
font-size: 14px;
font-size: 3.733vw;
padding: 2.222%; /*10px*/
}
.f_footer .p_ftInner .p_top .p_right ul li a::before,
.f_footer .p_ftInner .p_mdl .p_right ul li a::before,
.f_footer .p_ftInner .p_ftHead .p_ftSubLink a::before {
content: ">";
display: inline;
width: auto;
height: auto;
border-top-width: 0;
border-right-width: 0;
transform: rotate(0);
position: static;
margin-right: 0.4em;
}
}
.f_footer .p_ftInner .p_btm {
border-top: 1px solid #454545;
margin-top: 35px;
padding-top: 30px;
}
.s_top .f_footer .p_ftInner .p_btm {
padding-top: 156px;
}
.s_top.s_fltBnr .f_footer .p_ftInner .p_btm {
padding-top: 30px;
}
.f_footer .p_ftInner .p_btm .p_left {
width: 100%;
position: relative;
z-index: 10;
float: left;
margin-right: -350px;
padding-right: 350px;
}
.f_footer .p_ftInner .p_btm .p_left ul { display: flex; }
.f_footer .p_ftInner .p_btm .p_left ul li + li { margin-left: 30px; }
.f_footer .p_ftInner .p_btm .p_left ul li a {
font-size: 1.3rem;
color: #fff;
}
.f_footer .p_ftInner .p_btm .p_right {
width: 340px;
text-align: right;
float: right;
position: relative;
z-index: 0;
}
.f_footer .p_ftInner .p_btm .p_right p,
.f_footer .p_ftInner .p_btm .p_right p small {
font-size: 1.2rem;
color: #fff;
}
@media screen and (max-width: 768px){
.f_footer .p_ftInner .p_btm,
.s_top .f_footer .p_ftInner .p_btm,
.s_top.s_fltBnr .f_footer .p_ftInner .p_btm {
margin-top: 22.033%; /*130px*/
padding-top: 6.779%; /*40px*/
}
.f_footer .p_ftInner .p_btm .p_left {
width: 100%;
float: none;
text-align: center;
margin-right: 0;
padding-right: 0;
}
.f_footer .p_ftInner .p_btm .p_left ul,
.f_footer .p_ftInner .p_btm .p_left ul li {
display: inline-block;
vertical-align: top;
}
.f_footer .p_ftInner .p_btm .p_left ul li + li { margin-left: 0; }
.f_footer .p_ftInner .p_btm .p_left ul li:nth-child(2)::after{
content: "\A";
white-space: pre;
}
.f_footer .p_ftInner .p_btm .p_left ul li a {
display: block;
padding: 0.5em 1em;
font-size: 13px;
font-size: 3.46vw;
}
.f_footer .p_ftInner .p_btm .p_right {
width: 100%;
text-align: center;
float: none;
margin-top: 6.779%; /*40px*/
}
.f_footer .p_ftInner .p_btm .p_right p small {
font-size: 11px;
font-size: 2.93vw;
}
}
/* f_pagetop
-----------------------------------------*/
.f_pagetop {
display: block;
z-index: 100;
position: relative;
}
.f_pageTopBtn {
width: 40px;
height: 40px;
background: #232323;
position: fixed;
right: 0;
bottom: 50px;
display: block;
z-index: 80;
}
.f_pageTopBtn::before {
position: absolute;
content: '';
top: 13px;
left: 13px;
width: 15px;
height: 1px;
background: #fff;
}
.f_pageTopBtn::after {
position: absolute;
content: '';
top: 24px;
left: 16px;
width: 10px;
height: 10px;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(-45deg);
}
@media screen and (max-width: 768px){
.f_pageTopBtn {
bottom: 90px;
}
}
/*.f_breadcrumbs
--------------------*/
.f_breadcrumbs {
width: 100%;
margin-bottom: 40px;
}
.f_breadcrumbs > ol{
overflow: hidden;
}
.f_breadcrumbs > ol > li {
float: left;
font-size: 1.2rem;
}
.f_breadcrumbs > ol > li + li:before{
content: "";
display: inline-block;
width: 12px;
height: 12px;
vertical-align: middle;
background: url(/common/img/icon_mk_left2.svg) no-repeat center;
background-size: contain;
transform: rotate(180deg) translateY(1px);
margin: 0 5px;
}
.f_breadcrumbs > ol > li > span {
color: #999999;
}
@media screen and (max-width: 768px){
.f_breadcrumbs {
margin-bottom: 6.84%;
}
}