@charset "UTF-8";

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html,body { width:100%; }
/* body { font:14px helvetica,sans-serif; letter-spacing:0; color:#000000; line-height:1.7em; min-width:1000px; } */
body { font: 16px "Roboto", "Verdana", sans-serif; letter-spacing:0; color:#000000; line-height:1.7em; min-width:1000px; }

body p { text-align: left; }

@media screen and (min-width:751px){
    .pc_hidden { display: none }
}
@media screen and (max-width:750px){
    .sp_hidden { display: none }
}

/*
body p { text-align: justify; text-justify: inter-ideograph; line-break: strict; word-break: break-word; overflow-wrap: break-word; word-wrap: break-word; } 
*/


/*------------------------------
  a
-------------------------------*/
a { color: #000000; text-decoration: none; cursor: pointer; transition: .5s all; }
img { transition: .5s all; }
a:link { color:#000000; } 
a:visited { color:#000000; }
a:hover { transition: all .3s ease-out; }
/* a:hover { color:#cfbb6e !important; } */
a:active { color:#000000; }
a:hover img { opacity:0.7; filter:alpha(opacity=70); transition: all .3s ease-out; }
a:focus { outline:none; }

/*------------------------------
  float
-------------------------------*/
/* float */
.fLeft { float:left; }
.fRight { float:right; }

/* clearfix */
.cf:before, .cf:after { display:table; content:""; }
.cf:after { clear:both; }
.cf { zoom:1; }

/*------------------------------
  text
-------------------------------*/
.txtCenter { text-align:center !important; }
.txtRight { text-align:right !important; }
.txtLeft { text-align:Left !important; }

.txtBold { font-weight:bold; }
.txtNormal { font-weight:normal; }
.txtIndent { text-indent:1em; }
.txtUnderLine { text-decoration:underline; }

/*------------------------------
  font
-------------------------------*/
.f10 { font-size:72% !important; }
.f11 { font-size:79% !important; }
.f12 { font-size:86% !important; }
.f13 { font-size:93% !important; }
.f14 { font-size:100% !important; }
.f15 { font-size:108% !important; }
.f16 { font-size:115% !important; }
.f17 { font-size:122% !important; }
.f18 { font-size:129% !important; }
.f19 { font-size:136% !important; }
.f20 { font-size:143% !important; }
.f21 { font-size:150% !important; }
.f22 { font-size:158% !important; }

/*------------------------------
  margin
-------------------------------*/
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }

.mr0 { margin-right:0px !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }

.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }

.ml0 { margin-left:0px !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  レイアウト
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* リスト */
ul.atComment { margin-left:0; padding:0; }
ul.atComment li { text-indent:-1em; margin:0 0 0 1em; padding:0; list-style:none; }

/* テキスト */
p.atComment { text-indent:-1em; margin-left:1em; padding:0; }

/* 縦位置 */
.vAlignT { vertical-align:top; }
.vAlignM { vertical-align:middle; }
.vAlignB { vertical-align:bottom; }
.vAlignSub { vertical-align:sub; }
.vAlignSup { vertical-align:super; }

/* 表示 */
.displayBlock { display:block !important; }
.displayInline { display:inline !important; }
.displayNone { display:none !important; }

/*ボタン*/
button { border:none; margin-top:5px; background:none; padding:0; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  コンテンツ部分
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*header*/
#headerWrap { margin-top:25px; }
#headerWrap #headerSearch { float:right; }
#headerWrap #headerSection { clear:both; }
#headerWrap #headerSection h1 { float:left; }
#headerWrap #headerSection h1 img { height: 40px; width: auto; transition: .5s all; }
#headerWrap #headerSection p#spMenu,
#headerWrap #headerSection p#spClose { display:none; }
#headerWrap #headerSection ul#naviList { float: right; display: flex; width: 80%; }
#headerWrap #headerSection ul#naviList > li { border-left: 2px solid #9b090c; position: relative; width: 100%; }
#headerWrap #headerSection ul#naviList > li > ul { display: none; position: absolute; left: -2px; top: 40px; z-index: 10; width: 100%;}
#headerWrap #headerSection ul#naviList > li > ul li { width: calc(100% - 2px); border-left: 2px solid #9b090c; background: #FFF; }
#headerWrap #headerSection ul#naviList > li a { display: block; line-height: 1rem; padding: 12px 0 12px 10px; transition: .5s all; }
#headerWrap #headerSection ul#naviList > li a:hover { background: #9b090c; color: #FFF; }
#headerWrap #headerSection ul#naviList > li:last-child { border: none; }
#headerWrap #headerSection ul#naviList > li:last-child a { padding: 12px 0; text-align: center; color: #FFF; background: #9b090c; }
#headerWrap #headerSection ul#naviList > li:last-child a:hover { background: #000; }



/*footer*/
#footerWrap { background: #9b090c; padding: 30px 0; margin-top: 120px; }
#footerWrap ul { width: 100%; display: flex; flex-direction: row; justify-content: center; }
#footerWrap ul li { width: 15%; text-align: center; border-right: 1px solid #FFF ; }
#footerWrap ul li:last-child { border: none; }
#footerWrap ul li a  { display: block; color: #FFF; font-size: 0.8rem; }
#footerWrap ul li a:hover { opacity: .8;}

#footerWrap img { display: block; width: 15%; margin: 30px auto; }

#footerWrap .footLink ul { display:flex; flex-direction: row; flex-wrap: nowrap; }
#footerWrap .footLink ul li { border: none; width: calc(15% - 5px); margin: 0 10px 0 0; }
#footerWrap .footLink ul li:last-child { margin: 0; }
#footerWrap .footLink ul li a { background: #FFF; color: #9b090c; }

#footerWrap #footerCopyright { margin: 30px 0 0 0; font-size: small; text-align: center!important; color: #FFF; }

/*共通*/
.contentOuter { width: 1000px; margin: 0 auto; position: relative; }
.mainContentWrap { width: 1000px; margin: 60px auto 0; }
.mainContentWrap .pageContentSection { margin-top: 140px; }

/* bx-slider */
.bx-wrapper .bx-pager.bx-default-pager a { width:8px; height:8px; border-radius:14px; margin:0 6px; background: #FFF; opacity: .6; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { opacity: 1; }
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:12px; }