@charset "utf-8";
/*-------------------------------------------------
基本
-------------------------------------------------*/
*{ box-sizing:border-box;}
body { background:#fff; color:#666; font-size: 16px; line-height: 1.6; word-break: normal; min-width:1040px;
font-family:"游ゴシック", "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
-webkit-text-size-adjust: none;}

/*明朝系WEBフォント*/
@font-face {
font-family: 'NgtMinchoP';
src:url('../font/ngtmp.eot') format('eot');/* IE9～ */
src:
url('../font/ngtmp.woff') format('woff'), /* 最新ブラウザ */
url('../font/ngtmp.ttf') format('truetype'); /* その他ブラウザ */
}
.min{font-family:"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "NgtMinchoP" , "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" ,*/ "NgtMinchoP" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}
}

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

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

a{color:#009843; text-decoration:none; cursor:pointer; -webkit-transition:0.2s; transition: 0.2s;}
a:hover { color:#71bf43;}
a img:hover{ opacity:0.8;}
a img,.bl{-webkit-transition:0.2s; transition:0.2s;}
a img:hover,.bl:hover{opacity:0.8;}.bl:hover img,.bl:hover .button{ opacity:1; text-decoration:none;}

@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;}/*スマホのときに消えるクラス*/}

/*-------------------------------------------------
クリア
-------------------------------------------------*/
.clearfix:after {clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{min-height: 1px;}.clear{clear:both;}

/*-------------------------------------------------
フォーム
-------------------------------------------------*/
label{cursor:pointer;}legend{display:none;}
input,select,textarea{font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; font-size:16px;}
input,button,textarea{color: #333333; padding:0.5em; vertical-align:middle;}
input[type="text"],input[type="password"],input[type="file"],textarea, select{
color: #333333;	 padding:0.5em; margin:0.1em 0; vertical-align: middle;
display: inline-block; background-color:#fff; border: 1px solid #ddd;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; border-radius: 3px;
-webkit-transition:0.2s; transition:0.2s;
}
input[type="text"]:focus,input[type="password"]:focus,input[type="file"]:focus,textarea:focus, select:focus{
border-color:#75B9F0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6); outline: 0 none;}
input[type="submit"],button[type="submit"]{ cursor: pointer; vertical-align:middle;}
input[type="checkbox"],input[type="radio"]{ cursor: pointer; vertical-align:middle;}
/*ラベル*/
label{display:inline-block; border:1px solid #ddd; padding:0.5em; border-radius:3px; background:linear-gradient( to bottom , #fff , #eee);-webkit-transition:0.2s; transition:0.2s; vertical-align:middle; line-height:1.4; margin:0.1em 0.2em 0.1em 0;}
label:hover{border-color:#75B9F0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);}
label.checked{ background:linear-gradient(to bottom,#FFFFFF,#D5EAFF); border-color:#3399FF; color:#0001FF;}
label input{ margin:0; vertical-align:middle;}

/* -----------------------------------------------------------
ボタン
----------------------------------------------------------- */
a.button,input.button{border:none; padding:0.5em 2em; font-weight:bold; text-align:center; vertical-align:middle; cursor: pointer; border-radius:0.2em; position:relative; display:inline-block; text-decoration:none; color:#666; background:#f5f5f5; border:1px solid rgba(0,0,0,0.3); box-shadow:0 0 0 1px rgba(255,255,255,1.0) inset , 0 0 0.3em rgba(0,0,0,0.1); text-decoration:none !important;
-webkit-transition:0.2s; transition:0.2s;}
.button:hover{ text-decoration:none; opacity:0.7;}
.button i.fa{ opacity:0.5;}
/*ボタン　色分け*/
.button.primary{color:#fff; background:#71bf43; border:1px solid rgba(0,0,0,0.3); box-shadow:0 0 0 1px rgba(255,255,255,0.3) inset , 0 0 3px rgba(0,0,0,0.2);}

/* -----------------------------------------------------------
その他
----------------------------------------------------------- */
.left{ text-align:left;}.right{ text-align:right;}.center{ text-align:center;}
.oh{ overflow:hidden;}
.ib{ display:inline-block;}
span.red{ color:#FF0000;}
mark{ padding:0 0.2em; font-style:normal;}
.indent{ padding-left:1em; text-indent:-1em;}

/* -----------------------------------------------------------
アンカー
----------------------------------------------------------- */
hr.anc{ height:1px; border:none; background:none; margin:-80px 0 0; padding:80px 0 0; position:relative; z-index:-9999;}

/* -----------------------------------------------------------
ナビゲーションリスト
----------------------------------------------------------- */
ul.nav{ border-top:1px solid rgba(0,0,0,0.1); margin:0 0 1em; overflow:hidden;}
ul.nav li{ border-bottom:1px solid rgba(0,0,0,0.1); line-height:1.4; padding:10px 10px 10px 10px; overflow:hidden; position:relative;}
ul.nav li.bl{padding-right:30px;}
ul.nav li.bl:after{font-family:"Font Awesome 5 Free"; font-weight:900; 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:rgba(0,0,0,0.2);}
ul.nav li.bl:hover{ background-color:#f5f5f5;}
ul.nav .date{font-size:12px; display:inline-block;}
ul.nav .date:before{ font-family:"Font Awesome 5 Free"; font-weight:900; content:"\f017"; margin-right:0.5em;}

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

/* -----------------------------------------------------------
汎用見出し
----------------------------------------------------------- */
h1{ line-height:1.4; font-size:32px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h2{ line-height:1.4; font-size:28px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h3 { line-height:1.4; font-size:24px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h4{ line-height:1.4; font-size:22px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h5{ line-height:1.4; font-size:20px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}
h6{ line-height:1.4; font-size:18px; font-weight:bold; padding:0; margin:0 0 0.5em; position:relative;}

/*主な要素直下の見出しは、上部に適度なマージン*/
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{ border-top:2px solid #71bf43; padding:0.5em; border-bottom:1px solid #ddd; background:linear-gradient(to bottom , #fff 30%,#f5f5f5); box-shadow:0 -1px 0 0px #fff inset; margin-bottom:0.8em; padding-left:70px;}
h2.style:before{ content:""; display:block; width:95px; height:91px; position:absolute; top:-13px; left:-38px; background:url(../img/hoshi.png) no-repeat center center; background-size:contain;}

/* -----------------------------------------------------------
アイキャッチ見出し
----------------------------------------------------------- */
.eyeCatch{ background:#71bf43; color:#fff;}
.eyeCatch>.inner{ width:1000px; margin:0 auto 0;}
.eyeCatch>.inner>*{ text-align:center; line-height:1.4; font-size:28px; font-weight:bold; padding:0.6em 0; margin:0; position:relative;}

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

/*番号付きリスト*/
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;}

/* -----------------------------------------------------------
テーブル
----------------------------------------------------------- */
table.style{margin:0 0 1em; padding:0; width:100%;}
table.style th{ background:#F4FAF0; border:1px solid #D3D9D0; padding:0.4em 0.6em; font-weight:bold; vertical-align:middle;}
table.style td{background:rgba(255,255,255,0.9); border:1px solid #ddd; padding:0.4em 0.6em; vertical-align:middle;}
table.style td p{ margin:0;}

/* -----------------------------------------------------------
アコーディオン　デフォルト
----------------------------------------------------------- */
.ac{ margin:0 0 1em;}
.ac .trigger{ cursor:pointer; border-bottom:1px solid #fff; background-color:rgba(0,0,0,0.025); 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.05);}
.ac .trigger.open{ background-color:rgba(0,0,0,0.05); margin-top:1.5em;}
.ac .trigger:first-child.open{margin-top:0px;}
.ac .trigger:after{font-family:"Font Awesome 5 Free"; font-weight:900; 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:1.5em; background:rgba(255,255,255,0.5); padding:1em; position:relative;}

/* -----------------------------------------------------------
ページ
----------------------------------------------------------- */
.page{ position:relative;}
.wrapper{position:relative; z-index:2;}
.wrapper>.inner{position:relative; width:1000px; margin:0 auto 0; padding:30px 0 30px;}
section{ margin:0 0 80px;}
section:last-child{ margin-bottom:40px;}

/* -----------------------------------------------------------
メールフォーム
----------------------------------------------------------- */
span.ninni {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #666;
    display: inline-block;
    font-size: 12px;
    margin: 0 0.5em 0 0;
    padding: 2px 6px;
    vertical-align: middle; font-weight:bold;
}
span.hissu {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c03;
    box-sizing: border-box;
    color: #c03;
    display: inline-block;
    font-size: 12px;
    margin: 0 0.5em 0 0;
    padding: 2px 6px;
    vertical-align: middle; font-weight:bold;
}

/* -----------------------------------------------------------
評価星
----------------------------------------------------------- */
span.ratingstar{ position:relative; display:inline-block; background:url(../img/ratingstar.png) left 0% top 0%; background-size:cover; overflow:hidden; width:95px; height:16px; vertical-align:middle;}
span.ratingstar.xsmall{ width:47.5px; height:8px;}
span.ratingstar.small{ width:71.3px; height:12px;}
span.ratingstar.large{ width:142.5px; height:24px;}
span.ratingstar.xlarge{ width:190px; height:32px;}
span.ratingstar.rate00{}
span.ratingstar.rate05{ background-position:left 0% top 10%;}
span.ratingstar.rate10{ background-position:left 0% top 20%;}
span.ratingstar.rate15{ background-position:left 0% top 30%;}
span.ratingstar.rate20{ background-position:left 0% top 40%;}
span.ratingstar.rate25{ background-position:left 0% top 50%;}
span.ratingstar.rate30{ background-position:left 0% top 60%;}
span.ratingstar.rate35{ background-position:left 0% top 70%;}
span.ratingstar.rate40{ background-position:left 0% top 80%;}
span.ratingstar.rate45{ background-position:left 0% top 90%;}
span.ratingstar.rate50{ background-position:left 0% top 100%;}

/* -----------------------------------------------------------
目次
----------------------------------------------------------- */
ul.index{ margin:2em 0; padding:1.5em 4em 1.5em 4em; border:5px solid #eee; position:relative; border-radius:3px;}
ul.index li{ list-style:disc inside; line-height:1.4; margin:0 0 0.5em; padding:0 0 0.5em; border-bottom:1px solid #eee;}
ul.index li:last-child{ border-bottom:none; margin:0; padding:0;}
ul.index li.child{ padding-left:2em; font-size:80%;}