@charset "utf-8";
/*-------------------------------------------------
デスクトップ1024px以上
スマホ　　　320〜740px　を想定
-------------------------------------------------*/
/*-------------------------------------------------
基本
-------------------------------------------------*/
*{ box-sizing:border-box;}
body {font-size:16px; color:#333; line-height: 1.6; word-break: normal; position:relative; -webkit-text-size-adjust: none;
font-family:"Quicksand", "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.min{font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
@media all and (-ms-high-contrast:none){
	/*IE10以上は游明朝は除外し、webフォント優先とする*/
.min{font-family:/*"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , */"ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "min" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
}
/*明朝系WEBフォント*/
@font-face {
font-family: 'min';
src:url('../font/ngtmp.eot') format('eot');/* IE9～ */
src:
/*IE8以下も対応したい場合以下を記述。デメリットとしてIE9以上でページ読み込みがワンテンポ遅くなる。*/
/*url('https://www.jindaiko-honpo.jp/font/AozoraMinchoRegular.eot#iefix') format('embedded-opentype'),*/ /*～IE8*/
url('../font/ngtmp.woff') format('woff'), /* 最新ブラウザ */
url('https://www.jindaiko-honpo.jp/font/ngtmp.ttf') format('truetype'); /* その他ブラウザ */
}

p{ margin:0 0 1em;}
::selection {background: #964743; color:#fff;}
::-moz-selection {background: #964743; color:#fff;}

img{max-width:100%; position:relative; line-height:1; vertical-align:middle;}

a{color:#8B2539; text-decoration: none; -webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
a:hover {}
a img,.bl{-webkit-transition:  all 0.2s ease-out; transition:  all 0.2s ease-out;}
a img:hover,.bl:hover{ opacity:0.8;}.bl:hover img,.bl:hover .button{ opacity:1; text-decoration:none;}
/*タブレット*/
@media(max-width:1024px){
body {}
}
/*スマホ*/
@media(max-width:740px){
body {min-width: 320px; font-size:14px;}
}

body * { font-size:100%; }

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
a.button,input.button,
.buttonstyle{border:none; padding:0.5em 1.5em; font-weight:bold; text-align:center; vertical-align:middle; cursor: pointer; border-radius:3px; position:relative; display:inline-block; text-decoration:none; color:#fff; background:linear-gradient(#CA4465 0%,#8B2539 100%); border:1px solid #8B2539; box-shadow:0 0 0 1px rgba(255,255,255,0.5) inset , 0 0 5px rgba(0,0,0,0.3); text-decoration:none !important;
-webkit-transition:0.2s ease-out; transition:0.2s ease-out;}
.button:hover{ text-decoration:none; opacity:0.8;}
/*ボタン　色分け*/
.button.reverse{color:#8B2539; background:linear-gradient(#fff 50%,#eee 100%); border:1px solid #8B2539;}
.button.white{color:#333; background:linear-gradient(#fff,#eee); box-shadow:0 0 0 1px rgba(255,255,255,1.0) inset , 0 0 5px rgba(0,0,0,0.2);}

.button.block{ display:block; margin:0 0 1.5em;}
.buttonGroup {box-shadow:0 0 5px rgba(0,0,0,0.3); border-radius:6px;}
.buttonGroup .button.block:first-child{ border-radius:6px 6px 0 0;}
.buttonGroup .button.block{ border-radius:0; margin-bottom:-1px; padding:0.5em;}
.buttonGroup .button.block:last-child{ border-radius:0 0 6px 6px;}
a.more{ background:#8B2539; color:#fff; display:inline-block; border-radius:3px; padding:0.2em 0.8em; font-size:85%;}

/* -----------------------------------------------------------
その他
----------------------------------------------------------- */
.left{ text-align:left;}.right{ text-align:right;}.center{ text-align:center;}
hr{ height:1px; background:#ddd; overflow:hidden; clear:none; margin:1.5em 0 1.5em;}
hr.space{ height:2em; background:none; overflow:hidden; margin:0;}
.oh{ overflow:hidden;}
.ib{ display:inline-block;}
.indent{ padding-left:1em; text-indent:-1em;}p.indent{ margin-bottom:0.5em;}.indent.small{ font-size:11px;}
.normal{ font-weight:normal;}
.bold{ font-weight:bold;}
span.red{ color:#FF0000;}
small{ font-size:12px;}
mark{ font-style:normal;}
/*ロングコメント*/
.longComment{ margin-bottom:1em !important;}
.longComment p{ margin:0 !important;}
.noData { color:#df0000; padding:1em; }
.hidden { display: none !important; }

@media(min-width:741px){div.sp,.onlySp,.hiddenPc,.spOnly,.pcHidden{ display:none !important;}/*PCのときに消えるクラス*/}
@media(max-width:740px){div.pc,.onlyPc,.hiddenSp,.pcOnly,.spHidden{ display:none !important;}/*スマホのときに消えるクラス*/}

/* -----------------------------------------------------------
PC調整
----------------------------------------------------------- */
@media(min-width:741px){
a.tel{ pointer-events:none;}
a[href^="tel:"] {pointer-events: none;}
.center-left{ text-align:center;}
.left-center{ text-align:left;}
}
/* -----------------------------------------------------------
スマホ調整
----------------------------------------------------------- */
@media(max-width:740px){
.spWidth100per{ width:100% !important;}
.spWidth90per{ width:90% !important;}
.spWidth80per{ width:80% !important;}
.spWidth70per{ width:70% !important;}
.spWidth60per{ width:60% !important;}
.spWidth50per{ width:50% !important;}
.spWidth45per{ width:45% !important;}
.spWidth40per{ width:40% !important;}
.spWidth30per{ width:30% !important;}
.spWidth20per{ width:20% !important;}
.spWidth10per{ width:10% !important;}
.center-left{ text-align:left;}
.left-center{ text-align:center;}
}

/* -----------------------------------------------------------
ページ
----------------------------------------------------------- */
.page{ position:relative;}
/*スマホ*/
@media(max-width:740px){
}

/* -----------------------------------------------------------
ラッパー　コンテナー
----------------------------------------------------------- */
.wrapper{}
.wrapperInner{ padding:60px 0; margin:0 auto 0; /*overflow:hidden;*/ position:relative; z-index:10;}
.container{ float:left; width:740px;}
.container.oneColumn{ float:none; width:1000px; margin:0 auto 0; padding:0 20px 0;}
.container.oneColumn.wide{ width:inherit; max-width:1280px; min-width:1000px; padding:0 20px 0;}
.container.oneColumn.wide>.inner{ width:960px; margin:0 auto 0;}
.container section,.container article{ margin-bottom:100px; position:relative; z-index:1; /*overflow:hidden;*/}
.container section:last-child,.container article:last-child{ margin-bottom:20px;}
.container a{}
/*スマホ*/
@media(max-width:740px){
.wrapper{}
.wrapperInner{ width:auto; max-width:740px; padding:30px 10px;}
.container{float:none; width:auto;}
.container.oneColumn{width:auto; padding:0;}
.container.oneColumn.wide{width:auto; min-width:inherit; padding:0;}
.container.oneColumn.wide>.inner{ width:auto;}
.container section,.container article{ margin-bottom:50px;}
.container section:last-child,.container article:last-child{ margin-bottom:10px;}
}

/* -----------------------------------------------------------
区切り線
----------------------------------------------------------- */
hr.anc{ background:none; border:none; margin-bottom: 0; margin-top: -160px !important; padding-top: 160px !important; overflow: hidden; position:relative; z-index:-1;}
/*スマホ*/
@media(max-width:740px){
}

/*-------------------------------------------------
画像クリッピング
-------------------------------------------------*/
.image.clip{/* width:100px; height:100px;*/ overflow:hidden;
background-repeat: no-repeat;
background-image:url("../img/blank_logo.jpg");
background-position: center;
background-size:cover;
-webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;
}
.image.clip:hover{ opacity:0.8;}
.image.clip img{opacity:0; width:100%; height:100%; margin:0;}
.image.clip:hover{ opacity:1 !important;}

/* -----------------------------------------------------------
ナビゲーションリスト
----------------------------------------------------------- */
ul.nav{ border-top:1px solid rgba(0,0,0,0.14); margin:0 0 1em; overflow:hidden;}
ul.nav li{ border-bottom:1px solid rgba(0,0,0,0.14); line-height:1.4; padding:10px 10px 10px 10px; overflow:hidden; position:relative; box-sizing:border-box;}
ul.nav li a{ color:#333;}
ul.nav li.bl{padding-right:30px;}
ul.nav li.bl:after,
ul.nav .newslink::after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#8B2539;}
ul.nav li.bl:hover{ background-color:rgba(0,0,0,0.07);}
ul.nav li .image{ float:left; width:20%; text-align:center; margin:0 10px 0 0;}

ul.nav li .text{ overflow:hidden;}
ul.nav li .text h2,ul.nav li .text h3,ul.nav li .text h4, li .text h5{ border:none; padding:0; margin:0 0 0.3em; background:none; font-size:17px; letter-spacing:0;}
ul.nav li .text p{ margin:0; /*font-size:14px;*/}
ul.nav .date{ padding:0 0 0 0.2em; font-size:11px; color:#8B2539;}
ul.nav .date:before{ font-family:fontAwesome; content:"\f017"; margin-right:0.5em;}
ul.nav.grid2>*{ margin-bottom:0;}
/*スマホ*/
@media(max-width:740px){
ul.nav{ margin-left:-10px; margin-right:-10px;}
ul.nav li .text p{ margin:0; font-size:12px;}
}

/* -----------------------------------------------------------
サイドバー　サブナビ
----------------------------------------------------------- */
.sideBar{ float:right; width:260px; font-size:12px;}

.container .snav{ display:none;}
div.eyeCatch+.wrapperInner{ padding-top:10px;}

/*サブナビ*/
.snav ul.nav{ margin-bottom:40px;}
.snav ul.nav li{ padding:1px 0; /*background:linear-gradient(to bottom,#fff, #eee);*/}
.snav ul.nav li a{ display:block; padding:10px 30px 10px 10px; position:relative; color:#8B2539;}
.snav ul.nav li a.current{ background-color:#8B2539 !important; color:#fff !important; font-weight:bold;}
.snav ul.nav li a:after{font-family: FontAwesome; content: "\f054"; display:block; width:14px; height:14px; line-height:14px; font-size:14px; margin-top:-0.5em; position:absolute; top:50%; right:10px; text-align:center; color:#8B2539; font-weight:normal;}
.snav ul.nav li a:hover{ background-color:rgba(0,0,0,0.07);}
.snav ul.nav li p{ margin:0; padding:10px;}
.snav ul.nav li a+p{ border-top:1px dotted rgba(0, 0, 0, 0.14);}
.snav ul.nav li .image{}
.snav ul.nav li .image.clip{ width:64px; height:64px;}
.snav ul.nav li.bl{ padding:10px 30px 10px 10px;}
.snav ul.nav li.bl a{ padding:0px;}
.snav ul.nav li.bl a:after{ display:none;}

/*スマホ*/
@media(max-width:740px){
.sideBar{float:none; width:auto; font-size:14px;}
.container .snav{ display:block; /*margin-left:-10px; margin-right:-10px;*/}
.container .snav ul.nav{ margin-left:0; margin-right:0;}
div.eyeCatch+.wrapperInner{ padding-top:10px;}
.sideBar .snav .trigger{ display:none;}/*コンテンツ下部のサブナビはすでに展開させておくのでトリガーは非表示*/

/*サブナビ（コンテナ内に複製された）*/
.snav .trigger{ position:relative; text-align:center; display:block; margin:0 10px 10px; height:36px; /*border:1px solid #ddd;*/ background:#f5f5f5; color:#8B2539; border-radius:3px; box-sizing:border-box;
-webkit-transition:0.2s ease-out; transition:0.2s ease-out;}
.container .snav .trigger+.inner{ display:none;}
.snav .trigger:before{content:"SUB MENU"; position:absolute; left:0; bottom:4px; right:0; font-size:7px; line-height:1;}
.snav .trigger:after{ content:"\f0c9"; font-family:fontAwesome; font-size:20px; line-height:24px;}
.snav .trigger.open{}
.snav .trigger.open:before{content:"CLOSE";}
.snav .trigger.open:after{ content:"×";}
}

/* -----------------------------------------------------------
サブナビが最初からコンテナ内にあった場合
----------------------------------------------------------- */
.container .snav.float{ display:block; margin:0 0 20px;}
.container .snav.float:first-child{margin:10px 0 20px;}
.container .snav.float ul.nav{ border:none;}
	/*トリガーでナビが非表示になってもPCのとき強制的にナビ表示*/
	@media(min-width:741px){.container .snav.float .inner{ display:block !important;}}
.snav.float div.center.head{ font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.14); padding:0 0 0.5em; margin:0 0 0.5em;}
.container:first-child .snav.float div.center.head{ display:none;}
.container:last-child .snav.float:last-child div.center.head{ display:block;}
/*PCのみ＿インライン中央よせリスト*/
@media(min-width:741px){
.container .snav.float ul.nav{ overflow:hidden; padding:0 0 0; margin:0; text-align:center;}
.container .snav.float ul.nav li{ display:inline-block; border-bottom:none; vertical-align:middle; font-size:15px; padding:0; background:none;}
.container .snav.float ul.nav li a{ padding:15px 30px; border-radius:3px;}
.container .snav.float ul.nav li a:after{ display:none;}
}
/*スマホ*/
@media(max-width:740px){
.container .snav.float{margin:0 -10px 0 !important;}
.container .snav.float ul.nav{ border-top:1px solid rgba(0,0,0,0.14);}
.snav.float div.center.head{border-bottom:none; padding:0 0 0.5em;}
.container:first-child .snav.float div.center.head{ display:block;}
.container:last-child .snav.float div.center.head{ display:block;}
.container:last-child .snav.float:last-child .trigger{ display:none;}
.container:last-child .snav.float:last-child .inner{ display:block;}
}

/* -----------------------------------------------------------
サブサブナビ
----------------------------------------------------------- */
.ssnav{ margin:0 0 2em;}
.ssnav ul{ overflow:hidden; background:linear-gradient(to right,#f5f5f5 50%,#ffffff); padding:5px 10px; border-radius:3px;}
.ssnav li{ float:left; font-size:12px; border-right:1px solid #ddd; margin:2.5px 10px 2.5px 0; padding:0 10px 0 0; line-height:1.4;}
.ssnav li a{ display:block; padding:10px; color:#333;}
.ssnav li a:hover{ background:#eee; color:#C00;}
/*モバイル*/
@media(max-width:740px){
.ssnav ul{ padding:0; margin:0 -10px; border-radius:none;}
.ssnav li{ float:none; font-size:9px; border:none; border-bottom:1px solid #ddd; margin:0; padding:0;}
}

/* -----------------------------------------------------------
ページタイトル的なアイキャッチ文字
----------------------------------------------------------- */
div.eyeCatch{ text-align:center; background:url(../img/slidebg.jpg); color:#6A2B15;}
div.eyeCatch>*{font-weight:bold; font-size:30px; padding:0.8em 0 0.8em 10px; margin:0; letter-spacing:10px; line-height:1.2;}
div.eyeCatch+.wrapper>.wrapperInner:first-child{ padding-top:30px;}
/*スマホ*/
@media(max-width:740px){
div.eyeCatch{background-size:484px 86px;}
div.eyeCatch *{font-size:16px; padding-left:0px; letter-spacing:0px; padding-bottom:0.8em;}
div.eyeCatch+.wrapper>.wrapperInner:first-child{ padding-top:10px;}
}
/* -----------------------------------------------------------
汎用見出し
----------------------------------------------------------- */
h1{ line-height:1.4; font-size:40px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative; letter-spacing:3px;}
h2{ line-height:1.4; font-size:30px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative; letter-spacing:2px;}
h3 { line-height:1.4; font-size:25px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative; letter-spacing:1px;}
h4{ line-height:1.4; font-size:20px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative;}
h5{ line-height:1.4; font-size:18px; font-weight:bold; padding:0; margin:0 0 0.7em; position:relative;}

h1 small,h2 small,h3 small,h4 small{font-size:14px; font-weight:normal; opacity:0.8; display:inline-block; letter-spacing:0;}
h1 small.sub,h2 small.sub,h3 small.sub,h4 small.sub{font-size:14px; font-weight:normal; opacity:0.8; display:block; letter-spacing:0;}
h1 span.right,h2 span.right,h3 span.right,h4 span.right{ float:right; font-size:12px; letter-spacing:0;}

/*主な要素直下の見出しは、上部に適度なマージン*/
p+h1,p+h2,p+h3,p+h4,p+h5,p+h6,
br+h1,br+h2,br+h3,br+h4,br+h5,br+h6,
div+h1,div+h2,div+h3,div+h4,div+h5,div+h6,
table+h1,table+h2,table+h3,table+h4,table+h5,table+h6,
ol+h1,ol+h2,ol+h3,ol+h4,ol+h5,ol+h6,
ul+h1,ul+h2,ul+h3,ul+h4,ul+h5,ul+h6
{ margin-top:2em;}

/*見出しスタイル*/
h2.style{ padding-left:1.2em;}
h2.style:before{ content:""; background:url(../img/dsn00.png) no-repeat center center / contain; display:block; width:0.8em; height:0.8em; position:absolute; top:0.3em; left:0;}

/*pc*/
@media(min-width:741px){
/*グリッド内の見出しはコンパクトに*/
.grid2 h2,.grid3 h2,.grid4 h2,.grid5 h2,.grid6 h2{ font-size:25px; letter-spacing:0;}
.grid2 h3,.grid3 h3,.grid4 h3,.grid5 h3,.grid6 h3{ font-size:20px; letter-spacing:0;}
.grid2 h4,.grid3 h4,.grid4 h4,.grid5 h4,.grid6 h4{ font-size:18px; letter-spacing:0;}
}

/*スマホ*/
@media(max-width:740px){
h1{ font-size:21px; letter-spacing:0;}
h1 small,h2 small,h3 small,h4 small{font-size:11px;}
h1 small.sub,h2 small.sub,h3 small.sub,h4 small.sub{font-size:11px;}

h2{ font-size:19px; letter-spacing:0;}
h3{ font-size:17px; letter-spacing:0;}
h4{ font-size:16px; letter-spacing:0;}
h5{ font-size:15px; letter-spacing:0;}
}
/* -----------------------------------------------------------
リスト
----------------------------------------------------------- */
/*スタイリングリスト*/
ul.style{}
ul.style li{}

/*discリスト*/
ul.disc{ margin:1em 0; padding:0 0 0 1.5em;}
ul.disc li{ list-style:disc outside; line-height:1.4; margin-bottom:1em;}
ul.disc.grid2{ margin:0.5em 0; padding:0 0 0 1.5em;}
ul.disc.grid2 li{ list-style:disc outside; line-height:1.4; margin:0.5em 0;}

/*番号付きリスト*/
ol{ margin:1em 0; padding:0 0 0 2em;}
ol li{ list-style:decimal outside; line-height:1.4; margin:0 0 1em;}
/* -----------------------------------------------------------
フロート操作
----------------------------------------------------------- */
img.center{ display:block; margin-left:auto; margin-right:auto; margin-bottom:1em; max-width:100%;}
.fl,.fl-center{ float:left;}
.fr,.fr-center{ float:right;}
.flm,.flm-center{ float:left; margin:0 1.5em 1.5em 0; clear:left;}
.frm,.frm-center{ float:right; margin:0 0 1.5em 1.5em; clear:right;}
/*スマホ*/
@media(max-width:740px){
.fl-center,.fr-center,.flm-center,.frm-center{float:none; width:auto !important; max-width:100%; display:block; margin:0 auto 1em;}
}
/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
table.style{margin:0 0 1em; padding:0; width:100%;}
table.style small{ font-weight:normal; font-size:11px; display:inline-block;}
table.style th{ border:1px solid #D0D0C3; background:#F0F0E1; padding:0.4em 0.6em; font-weight:bold; vertical-align:middle;}
table.style td{ border:1px solid #ddd; padding:0.4em 0.6em; vertical-align:middle;}
table.style td p{ margin:0.5em 0;}
table.style td th{}
table.style td td{ border:none; padding:0 0.6em;}
/*スマホ*/
@media(max-width:740px){
table.style{ width:100% !important;}
table.style col{ display:none;}
table.style tr{display:block; padding-bottom:1em; margin-left:-10px; margin-right:-10px;}
table.style tr:last-child{border-bottom:1px solid #ddd;}
table.style th{display:block; border:none; padding-bottom:0.2em;}
table.style td{display:block; border:none; padding-top:0.2em;}
table.style td th{ border:none;}
table.style td td{ border:none;}
}
/* -----------------------------------------------------------
テーブル.ボーダー
----------------------------------------------------------- */
table.style.border{ border-top:1px solid #ddd;}
table.style.border th{ border:none; border-bottom:1px solid #ddd; background:inherit; padding:0.2em 0.4em; vertical-align:top;}
table.style.border td{ border:none; border-bottom:1px solid #ddd; background:inherit; padding:0.2em 0.4em; vertical-align:top;}
/*スマホ*/
@media(max-width:740px){
table.style.border{ border-top:none;}
table.style.border tr{ padding:0; margin-bottom:0; border-bottom:1px solid #ddd;}
table.style.border tr:first-child{border-top:1px solid #ddd;}
table.style.border th{ padding-top:0.8em; border-bottom-style:dotted;}
table.style.border td{ padding-bottom:0.8em; border-bottom:none;}
}
/* -----------------------------------------------------------
テーブル.hold（変形させない）
----------------------------------------------------------- */
/*スマホ*/
@media(max-width:740px){
table.style.hold{ font-size:11px;}
table.style.hold col{ display:table-column;}
table.style.hold tr{display:table-row; margin-bottom:0;}
table.style.hold th{display:table-cell; border:1px solid #D0D0C3;}
table.style.hold td{display:table-cell; border:1px solid #ddd;}
}
/* -----------------------------------------------------------
はみ出た分を横スクロール
----------------------------------------------------------- */
/*スマホ*/
@media(max-width:740px){
table.style.hold.overflow-x{ width:800px !important;}
.overflow-x-wrapper{ overflow-x:auto; -webkit-overflow-scrolling: touch;}
.you_can_swipe{ text-align:center; font-size:9px; opacity:0.8; margin:0 0 0.3em;}
}
/* -----------------------------------------------------------
アコーディオン　デフォルト
----------------------------------------------------------- */
.ac{}
.ac .trigger{ cursor:pointer; border-bottom:1px solid #fff; background-color:rgba(0,0,0,0.05); padding:10px 30px 10px 10px; display:block; vertical-align:middle;
-webkit-transition:  all 0.3s ease-out; transition:  all 0.3s ease-out; position:relative;}
.ac .trigger *{ margin:0;}
.ac .trigger h2,.ac .trigger h3,.ac .trigger h4,.ac .trigger h5{ border:none; padding:0; margin:0; background:none; font-size:16px; letter-spacing:0;}
.ac .trigger:hover{background-color:rgba(0,0,0,0.1);}
.ac .trigger.open{ background-color:#ddd; margin-top:20px;}
.ac .trigger:first-child.open{margin-top:0px;}
.ac .trigger:after{font-family: FontAwesome; content: "\f067"; display:block; text-align:center; width:20px; height:20px; line-height:20px; font-size:20px; position:absolute; top:50%; margin-top:-0.5em; right:10px; color:rgba(0,0,0,0.2);}
.ac .trigger.open:after{content: "\f00d"; color:rgba(0,0,0,0.8);}
.ac .trigger+*{ display:none; border:1px solid #ddd; margin-bottom:20px; background:rgba(255,255,255,0.5); padding:19px; position:relative;}
/*スマホ*/
@media(max-width:740px){
.ac .trigger+*{padding:9px;}
}
/* -----------------------------------------------------------
アコーディオン　Q and A
----------------------------------------------------------- */
.ac.qanda .trigger h4{ font-weight:normal; letter-spacing:0;}
.ac.qanda .trigger,.ac.qanda .trigger+*{ padding-left:50px;}
.ac.qanda .trigger:before,.ac.qanda .trigger+*:before{content: "Q"; display:block; font-weight:bold; width:28px; height:28px; line-height:28px; text-align:center; position:absolute; top:20px; left:10px;margin-top:-14px; border-radius:99px; color:#fff; background-color:#ddd;}
.ac.qanda .trigger.open{ background-color:#FFEFEF;}
.ac.qanda .trigger.open:before{background-color:#3D91DA;}
.ac.qanda .trigger+*:before{content: "A"; background-color:#333; top:30px;}
/*スマホ*/
@media(max-width:740px){
.ac.qanda .trigger,.ac.qanda .trigger+*{ padding-left:36px;}
.ac.qanda .trigger:before,.ac.qanda .trigger+*:before{width:16px; height:16px; line-height:16px; font-size:8px; top:26px;}
.ac.qanda .trigger+*:before{content: "A"; background-color:#333;}
}
/* -----------------------------------------------------------
キャッチコピー
----------------------------------------------------------- */
.catch{ font-size:28px; letter-spacing:2px; line-height:1.4;}
.catch.small{ font-size:21px;}
/*モバイル*/
@media(max-width:740px){
.catch{ font-size:18px; letter-spacing:0;}
.catch.small{ font-size:14px;}
}
/* -----------------------------------------------------------
お知らせ
----------------------------------------------------------- */
/*ナビゲーションリスト＿お知らせ用*/
.newsIndex ul.nav{ overflow:hidden;}
.newsIndex ul.nav li{}
.newsIndex ul.nav .category{ display:inline-block; width:96px; font-size:11px; background:#eee; text-align:center;}
.newsIndex ul.nav .date{ display:inline-block; width:96px;}
/*スマホ*/
@media(max-width:740px){
.newsIndex ul.nav{ overflow:hidden;}
.newsIndex ul.nav li{}
.newsIndex ul.nav li a{ display:block; padding:5px 0 0;}
.newsIndex ul.nav .category{}
.newsIndex ul.nav .date{}
}
/*記事*/
h1 span.date{ display:inline-block; font-size:14px; font-weight:normal; letter-spacing:0px;}
h1 span.date:before{ font-family:fontAwesome; content:"\f017"; margin:0 0.5em 0 0;}
body.news article h1{ background:#964743; color:#fff; margin:-30px -100px 30px; padding:1px 100px 30px;}
body.news article{ border:1px solid #ddd; background:#fff; padding:30px 100px 100px; position:relative;}
body.news article .downloadLink{text-align:center;  background:#f5f5f5; padding:20px 0; margin:30px -100px -100px;}
body.news article .downloadLink .button:before{ font-family:fontAwesome; content:"\f019"; margin:0 0.5em 0 0; font-weight:normal;}
body.news article .image { text-align:center;}
body.news article .image a{-webkit-transition:none; transition:none;}
body.news article .image img{margin:0 0 20px; max-width:680px;  max-height:680px; -webkit-transition:none; transition:none;}
body.news article .image.grid2>* img{ max-width:100%;  max-height:287px;}
p.back{ border-top:1px solid #ddd; margin:2em 0 0; padding:2em 0 0;}
p.back .button:before,.button.back:before{ font-family:fontAwesome; content:"\f053"; margin-right:0.5em; font-weight:normal;}
/*モバイル*/
@media(max-width:740px){
h1 span.date{font-size:11px;}
body.news article h1{margin:0 -10px 1em; padding:0.5em 10px 0.5em;}
body.news article{ border-left:none; border-right:none; padding:0 10px; margin:0 -10px 40px;}
body.news article .image img{max-width:100%;}
body.news article .downloadLink{padding:15px 0; margin:10px -10px 0;}
body.news article .image.grid2{ width:auto;}
body.news article .image.grid2>*{width:auto; margin:0;}
}
/* -----------------------------------------------------------
箱
----------------------------------------------------------- */
div.box {background: #f5f5f5;margin: 2em 0;padding: 1em 1em 0.1em;}
div.box.red {background: #FFEFEF;}
div.box.yellow {background: #ffffcc;}
div.box.blue {background: #dfecff;}
div.box.green {background: #d1efd1;}
/* -----------------------------------------------------------
フキダシ
----------------------------------------------------------- */
.fkd { position: relative; background: #964743; color:#fff; padding:0.3em 1em; line-height:1.4; border-radius:5px; display:inline-block; overflow:visible; margin:0 0 0.5em;}
.fkd:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #964743; border-width: 8px; margin-left: -8px; }
.fkd.black{ background-color:#000;}.fkd.black:after { border-top-color:#000;}
.fkd.green{ background-color:#23AC38;}.fkd.green:after { border-top-color:#23AC38;}
/* -----------------------------------------------------------
フォトスワイプ用隠したコンテンツ
----------------------------------------------------------- */
.photoSwipe.text{ position:relative;}
.photoSwipe.text img.photoSwipeDummy{ position:absolute; top:50%; left:50%; opacity:0; margin:0; padding:0; border:none; background:none;}
.photoSwipeHidden{position:fixed; z-index:-9999; top:50%; left:50%; opacity:0; visibility:hidden;}
/* -----------------------------------------------------------
ヘッダー
----------------------------------------------------------- */
header.g{position:relative; z-index:9; width:100%; overflow:visible; font-size:14px;}
header.g .desc{ background:#f5f5f5; font-size:13px;}
	@media(max-width:1280px){
		header.g .desc{font-size:11px;}
	}
header.g .desc .desc_inner{ max-width:1280px; min-width:1000px; margin:0 auto 0; padding:0.5em; position:relative;}
header.g .desc .desc_inner p{ text-align:center; margin:0;}
header.g .inner{ max-width:1280px; min-width:1000px; margin:0 auto 0; padding:15px 20px 0; position:relative; overflow:hidden; min-height:110px;}
header.g .title{}
header.g .title h1{ margin:0; padding:0;}
header.g .title img{ width:220px;}
header.g .trigger{ display:none; font-family:fontAwesome;}
header.g p.desc2{ font-size:13px; position:absolute; top:25px; left:280px; width:360px;}
	@media(max-width:1280px){
		header.g p.desc2{ font-size:11px; width:300px;}
	}
header.g .info{ position:absolute; top:30px; right:20px;}
header.g .info a{ background:#D52B2B; color:#fff; padding:0 1em; border-radius:3px;}
header.g .info .num{ font-size:22px;}
/*スマホ*/
@media(max-width:740px){
header.g{}
header.g .desc{ display:none;}
header.g .inner{ max-width:none; min-width:inherit; min-height:80px; padding:10px 10px 10px;}
header.g .title{ padding:5px 0 0 5px;}
header.g .title img{ width:inherit; height:50px;}
header.g p.desc2{ display:none;}
header.g .info{ display:none;}

header.g .trigger{ cursor:pointer; display:block; width:60px; height:60px; line-height:60px; font-size:40px; background:#8B2539; border:none; color:#fff; border-radius:3px; box-sizing:border-box; text-align:center; position:absolute; top:10px; right:10px; -webkit-transition:0.2s ease-out; transition:0.2s ease-out;}
header.g .trigger:after{ content:"\f0c9";}
header.g .trigger.open{ background:#eee;}
header.g .trigger.open:after{ content:"\f057"; color:#C00;}
}
/* -----------------------------------------------------------
グロナビ
----------------------------------------------------------- */
nav.g{background:#8B2539;}
	@media(max-width:1280px){nav.g{ font-size:13px;}}
	/*トリガーでグロナビが非表示になってもPCのとき強制的にグロナビ表示*/
	@media(min-width:741px){nav.g{ display:block !important;}}
nav.g ul{max-width:1280px; min-width:1000px; margin:0 auto 0; padding:0 20px 0; text-align:center;}
nav.g ul li{ float:left;font-weight:bold;/* border-right:1px solid rgba(0,0,0,0.3);*/}
nav.g ul li:first-child{/*border-left:1px solid rgba(0,0,0,0.3);*/}
nav.g ul li a{ display:block; color:#fff; line-height:1.2; padding:1em 0;}
nav.g ul li a:hover{ background:rgba(255,255,255,0.1);}

nav.g li.blink{animation:blinker 0.4s ease-in-out infinite alternate; }
@keyframes blinker{
	0% { background-color:#A93148; text-shadow:0 0 8px #fff;}
	100%{ background-color:#D5425E; text-shadow:0 0 4px #fff,0 0 8px #fff,0 0 16px #fff;}
}
nav.g li.blink a{ color:#fff;}
nav.g li.blink a:hover{background-color:#D5425E;  text-shadow:0 0 4px #fff,0 0 8px #fff,0 0 16px #fff;}

/*スマホ*/
@media(max-width:740px){
nav.g{ padding:0; display:none;}
nav.g ul{max-width:inherit; min-width:inherit; margin:0 auto 0; padding:0;}
nav.g ul li{ float:none; width:100% !important; border-right:none; border-bottom:1px solid rgba(0,0,0,0.3);}
nav.g ul li:first-child{ border-left:none;}
nav.g ul li a{ line-height:1.2; padding:15px 10px;}
}
/* -----------------------------------------------------------
フッター　カテゴリリンク
----------------------------------------------------------- */
/*スマホ*/
@media(max-width:740px){
.itemCategoryLink>*{ margin-bottom:10px;}
.itemCategoryLink>* img{ margin:0;}
}
/* -----------------------------------------------------------
フッター　ハウツー
----------------------------------------------------------- */
.grid3.howto>*{ background:rgba(255,255,255,0.5); padding:20px; border-top:2px solid #8B253A;}
.grid3.howto>* h3{background:#fff; margin:-20px -20px 1em; padding:10px 20px;}
/* -----------------------------------------------------------
点滅バナー
----------------------------------------------------------- */
img.blink{animation:blinkImage 0.4s ease-in-out infinite alternate; }
@keyframes blinkImage{
	0% { opacity:1.0; filter: contrast(100%) saturate(100%);}
	100%{ opacity:0.8; filter: contrast(150%) saturate(150%);}
}
/* -----------------------------------------------------------
マップ
----------------------------------------------------------- */
iframe.gmap{ margin:2em 0 1em;}
/*スマホ*/
@media(max-width:740px){
iframe.gmap{ margin:0 0 1em; height:400px;}
}
/* -----------------------------------------------------------
フッター
----------------------------------------------------------- */
footer.g{ position:relative; background:#8B2539; color:#fff; text-align:center;}
footer.g .inner{max-width:1280px; min-width:1000px; margin:0 auto 0; padding:60px 20px 60px;}
footer.g h2{ margin-bottom:30px;}
footer.g h2 img{ width:300px;}
/*スマホ*/
@media(max-width:740px){
footer.g{}
footer.g .inner{ max-width:none; min-width:inherit; padding:40px 10px 40px;}
footer.g h2{ margin-bottom:20px;}
footer.g h2 img{ width:200px;}
}
footer.g+nav.g{ display:block;}
/* -----------------------------------------------------------
コピーライト
----------------------------------------------------------- */
address.copyright{ font-style:normal; text-align:center; font-size:12px; margin:0; padding:0.5em; background:#000; color:#ccc;}
/*スマホ*/
@media(max-width:740px){
address.copyright{font-size:9px;}
}
/* -----------------------------------------------------------
ページ先頭へ
----------------------------------------------------------- */
a.pageTopButton{position: fixed; z-index:68; display:block; text-align:center; opacity:0.8;
bottom:-80px; right:80px; width:60px; height:60px; font-size:60px; line-height:60px; color:#fff; background:#8B2539; border-radius:99px; -webkit-transition:0.4s ease-out; transition:0.4s ease-out;}
a.pageTopButton .hidden{ display:none;}
a.pageTopButton:before{font-family: FontAwesome; content: "\f106"; position:relative; top:-4px;}
a.pageTopButton.active{bottom:80px; right:80px;}
a.pageTopButton.active:hover{ opacity:1.0;}
/*スマホ*/
@media(max-width:740px){
a.pageTopButton{bottom:-40px; right:30px; width:40px; height:40px; font-size:40px; line-height:40px;}
a.pageTopButton.active{bottom:30px; right:30px;}
}
/* -----------------------------------------------------------

----------------------------------------------------------- */