@charset "utf-8";

/* ---------------------------------------------------------------- */
@font-face {
font-family: 'ReimY';
font-style: normal;
font-weight:normal;
src: url('../fonts/ReimYonzPro-Light.otf') format('opentype'),
url('../fonts/ReimYonzPro-Light.woff') format('woff'),
url('../fonts/ReimYonzPro-Light.woff2') format('woff2');
}

@font-face {
font-family: 'ReimY';
font-style: normal;
font-weight:bold;
src: url('../fonts/ReimYonzPro-Medium.otf') format('opentype'),
url('../fonts/ReimYonzPro-Medium.woff') format('woff'),
url('../fonts/ReimYonzPro-Medium.woff2') format('woff2');
}



/* ---------------------------------------------------------------- */
@font-face {
font-family: 'TukuGo';
src: url('../fonts/TsukuGoPro-M.woff') format('woff'),
url('../fonts/TsukuGoPro-M.woff2') format('woff2'),
url('../fonts/TsukuGoPro-M.otf') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'TukuGo';
src: url('../fonts/TsukuGoPro-B.woff') format('woff'),
url('../fonts/TsukuGoPro-B.woff2') format('woff2'),
url('../fonts/TsukuGoPro-B.otf') format('opentype');
font-weight: bold;
font-style: normal;
}




/* ---------------------------------------------------------------- */
* {
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-overflow-scrolling: touch;

}

html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset {
margin: 0;
padding: 0;
font-family:'TukuGo', HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
line-height: 180%;
zoom:1;
-ms-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
outline:none;
-ms-font-smoothing:antialiased;
-moz-font-smoothing:antialiased;
-webkit-font-smoothing:antialiased;;
font-smoothing:antialiased;
}

#Wrapper {position: relative; z-index: 1;}

/* ▼img▼*/
img,figure {margin: 0px; padding: 0px;}
a img {	border:none; overflow: hidden; outline: none;	}

/*それ以外の文字を隠すには▼▼これを使ってください。*/

em {font-style: normal;}

/* ▼リンククリック時の点線を消す▼*/
a { outline: none; }

/* ▼リンク色 任意の色に変更してください▼*/
/*float調整は▼これ▼*/
/*以下の要素で「img/space1.gif」を囲んでおけば、WINDOWS IE でも空白が出る事はなくなります。
  ■■ 例：<div class="clearfloat"><img src="img/space1.gif" /></div> ■■ */
.clearfloat {
clear: both;
visibility: hidden;
height: 0;
overflow : hidden;
font-size: 0;
content : "";
}
.clearfloat img {width:1px !important; height:1px !important;}

/* スペース用空白を埋めるのに使用してください */
.space1 {display: block;height: 1px;width: 1px;}
.space1 img {display: block;clear: both;}

.space5 {height: 5px;margin: 0px;padding: 0px;}
.space7 {height: 7px;margin: 0px;padding: 0px;}
.space10 {height: 10px;}
.space20 {height: 20px;}
.space25 {height: 25px;}
.space30 {height: 30px;}
.space40 {height: 40px;}
.space50 {height: 50px;}
.space60 {height: 60px;}
.space70 {height: 70px;}
.space80 {height: 80px;}
.space90 {height: 90px;}
.space100 {height: 100px;}
.space110 {height: 110px;}
.space120 {height: 120px;}
.space130 {height: 130px;}
.space140 {height: 140px;}

/* フォントサイズなど */
.f10 {font-size: 10px !important;}
.f11 {font-size: 11px !important;}
.f12 {font-size: 12px !important;}
.f13 {font-size: 13px !important;}
.f14 {font-size: 14px !important;}
.f15 {font-size: 15px !important;}
.f16 {font-size: 16px !important;}
.f18 {font-size: 18px !important;}
.f20 {font-size: 20px !important;}
.f22 {font-size: 22px !important;}

/* フォント色 */
.red10 {color: #f33;font-size: 10px;}
.red {color: #f33 !important;}
.orange {color: #FF6600;}
.blue {color: #0066FF;}
.pink {color: #FF33CC;}
.black {color: #050505;}
.gray {color: #999999;}

/* padding */
.pd0 {padding:0px !important;}
.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:20px;}
.pl30 {padding-left:20px;}

/* margin */
.t5 {margin-top:5px !important;}
.t10 {margin-top:10px !important;}
.t12 {margin-top:12px !important;}
.t15 {margin-top:15px !important;}
.t18 {margin-top:18px !important;}
.t20 {margin-top:20px !important;}
.t25 {margin-top:25px !important;}
.t30 {margin-top:30px !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;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px! important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml12 {margin-left:12px !important;}
.ml15 {margin-left:15px !important;}
.ml18 {margin-left:18px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}


/* 「このページのトップへ」はこれを使用 */
.anchor_top {
font-size: 10px;
text-align: right;
margin-right: auto;
margin-bottom: 20px;
margin-left: auto;
padding-top: 10px;
}

/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/* IE6 */
* htm .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix { height: 1%;}


.ie_hack {display: none;}

@media all and (-ms-high-contrast:none) {
.ie_hack{display: block;}
}


/* rollover */
a {
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}

.indent {text-indent:-1em;	padding-left:1em;}
.bold {font-weight:700;}

.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}

ol, ul {list-style-type:none;}

.d_none {display: none !important;}


/*=========================================================================
BASIC
=========================================================================*/
#Wrapper {position: relative; z-index: 1;}

#Coming {font-family: 'TukuGo', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif"; line-height: 140%; text-align: center; font-weight: 600; }
/*=========================================================================
HEADER
=========================================================================*/


#Header {
bottom:0;
right: 0;
background: #cfb871;
width: 30%;
position: fixed;
z-index: 2;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
/*
-ms-box-shadow: -4px 0px 6px 2px rgba(0,0,0,.3);
-moz-box-shadow: -4px 0px 6px 2px rgba(0,0,0,.3);
-webkit-box-shadow: -4px 0px 6px 2px rgba(0,0,0,.3);
box-shadow: -4px 0px 6px 2px rgba(0,0,0,.3);
*/
}
#headContainer { margin: 0 auto; position: relative; z-index: 1;}

/*----------------------------------------------------------*/
#siteName {position: absolute;height: auto;left: 4%;top: 4%; z-index: 2;}
#siteName a, #siteName img {width: 100%; height: auto; display: block;}
#siteName a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}


/*=========================================================================
HEADER：GLOBAL NAVI
=========================================================================*/
#globalNavi {
overflow: hidden; 
background: #0b2e59;
color: #fff;
position: fixed;
z-index: -99;
transition: all .5s;
-webkit-overflow-scrolling: touch;
opacity: 0;
right:-100%;
height: 100%;
/*
-ms-box-shadow:-4px 0px 6px 2px rgba(0,0,0,.3);
-moz-box-shadow:-4px 0px 6px 2px rgba(0,0,0,.3);
-webkit-box-shadow: -4px 0px 6px 2px rgba(0,0,0,.3);
box-shadow:-4px 0px 6px 2px rgba(0,0,0,.3);
*/
}


#globalNavi.open {opacity: 1; z-index:98 !important; height:auto; right: 0;}

/* ---------------------------------------------------------------- */
.navi_inner {
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
scrollbar-width: thin;
scrollbar-color: #0b2e59 #cfb871;
padding-bottom: 10vh;
}

.navi_inner::-webkit-scrollbar{background: #0b2e59;width: 8px;}
.navi_inner::-webkit-scrollbar-thumb{background: #cfb871;width: 8px; height: 8px;}


/* ---------------------------------------------------------------- */
#menu-trigger {
position:absolute;
cursor: pointer;
z-index: 99;
margin: auto;
right: 0%;
top:0%;
transition: all .5s;
}
#menu-trigger span {
background: #0b2e59;
display: block;
position: absolute;
width:30%;
height: 1px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transform:translateY(-50%);
}
#menu-trigger span:nth-child(1) {top: 45%;}
#menu-trigger span:nth-child(2) {top: 60%;}

#menu-trigger.active span:nth-child(1) , #menu-trigger.active span:nth-child(2) {top: 50%; }
#menu-trigger.active span:nth-child(1) {-webkit-transform: rotate(330deg);transform: rotate(330deg);}
#menu-trigger.active span:nth-child(2) {-webkit-transform: rotate(-330deg);transform: rotate(-330deg);}

/* ---------------------------------------------------------------- */
#menu-trigger:hover span,
#menu-trigger.active:hover span{background: #f20;}

/* ---------------------------------------------------------------- */
ul#naviList {
position: absolute;
left: 50%;
list-style-type: none;
text-align: left;
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

ul#naviList li {
line-height: 140%;
position: relative;
z-index: 1;
width: 100%;
font-family: 'ReimY', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";

}

ul#naviList li a {
display: block;
text-decoration: none;
color: #fff;
position: relative;
z-index: 1;
}
ul#naviList li a:hover,
ul#naviList li span.active{color: #cfb871;}

/* ---------------------------------------------------------------- */
ul#subMenu {
position: absolute;
left: 0;
top: 50%;
list-style-type: none;
margin: 0 auto;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;

align-items: center;

-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}


ul#subMenu li {height: auto; font-family: 'ReimY', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";}
ul#subMenu li a {color: #0e294f; text-decoration: none;}
ul#subMenu li a:hover {color: #f20;}

/* ---------------------------------------------------------------- */
#Header ul#snsLink {
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
z-index: 1;
}


/*=========================================================================
SNSLINK
=========================================================================*/
ul#snsLink {
width: 100%;
height: auto;
position: relative;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}

ul#snsLink li {height: auto;}
ul#snsLink li:last-of-type {margin-right: 0;}
ul#snsLink li a, ul#snsLink li img {width: 100%; height: auto; display: block;}
ul#snsLink li a:hover {filter: alpha(opacity=75); -moz-opacity:.75; opacity:.75;}



/*=========================================================================
FOOTER
=========================================================================*/
#Footer {background: #0B2E59; position: relative; z-index: 1;}
#footerContainer {margin: 0 auto; height: auto; position: relative; z-index: 1;}

/* ---------------------------------------------------------------- */
#footerAccessBloc {height: auto; color: #fff;}

/* ---------------------------------------------------------------- */
#foot-companyName {
font-family: 'ReimY', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";
font-weight: 600;
line-height: 140%;
}

/* ---------------------------------------------------------------- */
#foot-Address, #foot-telNum {color: #fff; letter-spacing: 0;line-height: 160%;}
#foot-telNum a {pointer-events: none; text-decoration: none; color: #fff; cursor: default; }
#foot-Address a {color: #fff; text-decoration: underline;}
#foot-Address a:hover {color: #d5c07c;}

/* ---------------------------------------------------------------- */
#Footer ul#snsLink {position: relative;border-top: 1px solid #fff;}

/* ---------------------------------------------------------------- */
#Copy {
color: #a3a3a3;
line-height: 120%;
letter-spacing: 0;
font-family:HelveticaNeue,Helvetica,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif ;
}




/*=========================================================================
PAGE TOP
=========================================================================*/
#page-top {
position: fixed;
bottom:5%;
right: 0px;
z-index:99;
text-align:center;
}

#page-top a {
display: block;
text-decoration:none !important;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
/*filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;*/
}

#page-top a:hover {text-decoration:none !important;}


/*=========================================================================
PAGER
=========================================================================*/
a.page-numbers, .pager .current {font-weight: 400;}

.pager {
height: auto !important;
width: 100%;
margin: 0 auto;
padding: 5px 0 ;
text-align: center;
max-width: 1200px;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: baseline;
}
.pager p {border:1px solid #0b2e59; border-right: 0; display: block;position: relative; z-index: 1;}
.pager p:last-of-type {border-right:1px solid #0b2e59;}
.pager p a:hover {background: #d5c07c !important;}

a.page-numbers{
color:#0b2e59;
background: #fff !Important;
text-decoration:none;
position: relative;
z-index: 1;
display: block;
}
.pager .current{color: #0b2e59; background: transparent !Important;display: block;}
 
/*-------------------------------------------------------------------------------------------------------------------------*/
.pager p span,
.pager p span:after {
position: absolute;
z-index: 1;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
background: #0b2e59;
}
.pager p span {
height: 1px;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.pager p span:after {content: "";width: 1px;}


.prev a span:after {
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.next a span:after {
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


/*-------------------------------------------------------------------------------------------------------------------------*/
#pagination {margin: 0 auto; position:relative; height:auto; width: 100%;}
#pagination li {display:block;position:absolute;	top:0;max-height: 100%;}
#pagination li#btnPrev {left:0;}
#pagination li#btnBack {
left: 50%;
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
#pagination li#btnNext {right:0; }

#pagination li a{color:#0b2e59; position: relative; z-index: 1; line-height: 100%; letter-spacing: 0;max-height: 100%;}

#pagination li#btnPrev a,
#pagination li#btnNext a {background: #fff; border: 1px solid #0b2e59; text-align:center; display:block;text-decoration:none;}

#pagination li#btnPrev a {padding-left: 3em; padding-right: 1em;}
#pagination li#btnNext a {padding-right: 3em; padding-left: 1em;}

#pagination li#btnPrev a:hover,
#pagination li#btnNext a:hover {color:#f4f5f7; background: #0b2e59;}
#pagination li#btnBack a:hover {color:#d5c07c; text-decoration: none;}


 
/*-------------------------------------------------------------------------------------------------------------------------*/
#pagination li a span,
#pagination li a span:after {
position: absolute;
z-index: 1;
-o-transition: .2s;
-ms-transition: .2s;
-moz-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
background: #0b2e59;
}
#pagination li a span {
height: 1px;
width: 2em;
top: 55%;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}

#pagination li a span:after {content: "";width: 1px; height: .5em;}
#pagination li#btnPrev a span:after {
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#pagination li#btnNext a span:after {
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


#pagination li#btnPrev a span {left: .5em;}
#pagination li#btnNext a span {right: .5em;}

#pagination li#btnPrev a:hover span,
#pagination li#btnPrev a:hover span:after,
#pagination li#btnNext a:hover span,
#pagination li#btnNext a:hover span:after{background: #fff;}


/*=========================================================================
NO PAGE
=========================================================================*/
#no_pagebox { width: 90%; margin: 0 auto; max-width: 1000px; height: auto;}
#notfoud {
line-height: 180%;
color: #0b2e59;
font-weight: 600;
font-family: 'ReimY', YuMincho, "Yu Mincho","Hiragino Mincho ProN", "serif";

}
#notfont_kana {line-height: 180%; color: #0b2e59; font-weight: 600;}

#no_pagebox p { line-height: 180%; color:#0b2e59;}