@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }/*オーディオ・図形描画・ビデオ　clearを使用しないで回り込みを防ぐ*/
audio:not([controls]) { display: none; }
[hidden] { display: none; }
i, cite, em, var, address, dfn {font-style: normal;}

@import url( https://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
  font-family: "Yu Gothic";
  font-weight: 100;

  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic";
  font-weight: 200;

  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic";
  font-weight: 300;

  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic";
  font-weight: 400;

  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "Yu Gothic";
  font-weight: bold;

  src: local("Yu Gothic Bold");
}
@font-face {
  font-family: "Yu Mincho";
  font-weight: 100;

  src: local("Yu Mincho Medium");
}
@font-face {
  font-family: "Yu Mincho";
  font-weight: 200;

  src: local("Yu Mincho Medium");
}
@font-face {
  font-family: "Yu Mincho";
  font-weight: 300;

  src: local("Yu Mincho Medium");
}
@font-face {
  font-family: "Yu Mincho";
  font-weight: 400;

  src: local("Yu Mincho Medium");
}
@font-face {
  font-family: "Yu Mincho";
  font-weight: bold;

  src: local("Yu Mincho Bold");
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */





html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
	font-size: 62.5%;/*"viewportの文字大きさ固定*/
	height:100%; /*Myページ　wrapperのみに適応するため*/
}


body {
	width: 100%;
	height:100%;
	/*font-family: Meiryo,'Hiragino Kaku Gothic ProN', sans-serif; 	*/
	font-size:10px;/* font-size 1rem = 10px */
	font-size:1.0rem;
	text-align:center;
	background:#FFFFFF;
	color:#222222;
}

#wrapper {width: 100%; height:auto;/* background-image: url("../img/wallpaper.png")*/}

#wrapper:before,
#wrapper:after{
  content:"";
  display: table;
}
#wrapper:after{
  clear:both;
}


img { border:none;}
/*strong {font-weight:normal;} */
img { border:none;}
.bold  { font-weight:bold;}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin:  0; padding: 0 0 0 0; }
/*dd { margin: 0 0 0 40px; }*/
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   初期化
   ========================================================================== */
div, span, figure, img, fieldset,
a, h1, h3, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	}

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


/* =============================================================================
   aタグなどclass指定いろいろ
   ========================================================================== */

a 			{ color: #0b5f98; text-decoration:none; }
a:hover 	{ color: #FF9900; text-decoration:none; }
a:active 	{ color: #FF9900; text-decoration:none; }

.txtLink {letter-spacing:-0.5px;}
.txtLink::before { content: "[";}
.txtLink::after { content: "]";}

.basic_color { color:#4A59A7} /*コンセプトカラー 明大カラー Bleu Royal */

.catA { color:#1964ff;} /*コンセプトカラー サプリメント 濃い青 #catA */
.catB { color:#32aec7;} /*コンセプトカラー 民間代替医療 暗めのシアン #catB */
.catC { color:#a5d700;} /*コンセプトカラー 生活環境改善 明るい黄緑 #catC */
.catD { color:#ff4b32;} /*コンセプトカラー 自己啓発 朱色 #catD */
.catE { color:#7d64ae;} /*コンセプトカラー 不思議現象 紫 #catE */
.catF { color:#ffae00;} /*コンセプトカラー 安全性に関する言説 オレンジ #catF */


.red {color:#F9060A; } /*強調文字*/
.navi {font-size:12px; font-size:1.2rem;}
.pr_indent{text-indent:15px;}/*段落（Paragraph）indent*/
.li_indent{text-indent:-15px; padding-left:16px;}/*リスト文字下げ li　*/

.txtL {text-align:left;}
.txtR {text-align:right; }
.txtC {text-align: center;}
.txtmin{letter-spacing:-2px;}/*字間詰め*/
.txtminS{letter-spacing:-1px;}/*字間詰め*/

.noSpace {letter-spacing:-0.5px;}
.aTxt {color:#F9060A; }

h1{ clear:both;
width:90%;
margin: 0 auto 5px auto;
padding: 25px 0px 5px 10px;
}
h1{ font-weight:  bolder; font-size:22px; font-size:2.2rem; text-align:left; }

h1 {
  padding: .60rem 1rem;
  border: 1px solid #ccc;
  border-top: 3px solid #4747ff;
  background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
  box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

h1:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
h1{
  *zoom:1;
}

.none{ display: none; }/*特殊なh1 TOP index など*/

h2{ clear:both;
width:85%;
margin-left: 5%;
margin-bottom: 15px ;
}

h2{ font-weight:normal; font-size:18px; font-size:1.8rem; text-align:left; }
h2 {
  position: relative;
  padding: .75rem 1rem .75rem 1.5rem;
  border: 1px solid #ccc;
}
h2::after {
  position: absolute;
  top: .9rem;
  left: .5rem;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #4747ff;
  border-radius: 4px;
}


h3{ clear:both;
width:85%;
margin-left: 5%;
margin-bottom: 10px ;
border-left: 5px solid #FFFFFF;
border-bottom: 1px dashed #ccc;
padding: 0px 10px 0px 10px;
}
h3{ font-weight:normal; font-size:18px; font-size:1.8rem; text-align:left; }
h3:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
h3{
  *zoom:1;
}

h4{ clear:both;
width:85%;
margin: 0 auto;
margin-bottom: 10px;
}
h4 {
  position: relative;
  text-align: center;
 color: #00489d;
}
h4 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4rem ;
  padding: 0.3rem 1rem 0 ;
  background-color: #fff;
  text-align: left;
 font-size: 1.6rem;
}
h4::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #00489d;
  background: -webkit-linear-gradient(-45deg, transparent, #00489d 10%, #00489d 90%, transparent);
  background: linear-gradient(-45deg, transparent, #00489d 10%, #00489d 90%, transparent);
}



/*######### h5はアコーディオンに使用　###########*/
.kaken img {width: 80px; height: 100%; vertical-align: middle;}


/*ライン*/
hr	{ clear:both; display:block; margin-bottom:20px; border: none; height: 1px; background-color:#e5e5e5;}
.sepLine {border-top: dashed 1px #999; margin: 5px auto; width: 90%;}
.allContact {width:100%;}
.allContact img {vertical-align:middle;}


/*吹き出し*/
.fukidasiBox {
    position: relative;
    display:inline-block;
    padding:10px ;
    text-align:left;
    background-color:#ffffff;
    border:1px solid #1b1b1b;
    margin: 11px 5px 5px 5px;
    border-radius: 7px ;
    box-shadow:1px 1px 7px 0px  #acacac ;
}
.fukidasiBox:after, .fukidasiBox:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
}
.fukidasiBox:after {
    top: -23px;
    left: 9px;
    border: 12px solid transparent;
    border-bottom: 17px solid #ffffff; /*13px*/
}
.fukidasiBox:before {
    top: -23px;
    left: 10px;
    border: 11px solid transparent;
    border-bottom: 11px solid #1b1b1b; /*10px*/
}

/*吹き出し2　例えば*/
.eg {
   width: 80%;
   max-width: 600px;
   margin: 1em auto!important;
	  color: #FFF;
	  text-align: center;
}

.eg {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #4A59A7;
    border-radius: 30px;
}
.eg:before{font-family: fontello;
    content: "\e804";
    position: absolute;
    font-size: 15px;
    left: -45px;
    bottom: 0;
    color: #4A59A7;
}
.eg:after{
    font-family: fontello;
    content: "\e804";
    position: absolute;
    font-size: 23px;
    left: -28px;
    bottom: 0;
    color: #4A59A7;
}
.eg p {
    margin: 0;
    padding: 0;
}


/* =============================================================================
  **************デフォルトのテーブル**************
   ========================================================================== */

table {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-collapse: collapse;
  width: 87%;
  text-align: center;
  margin-left: 5%;
}
table th,
table td {
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 3px;
 font-size: 14px;
font-size:1.4rem;
 line-height: 1.2;

}
table th {
  background-color: #eee;
 white-space: nowrap;
}

table td {}

	.tdA{ }
	.tdA img { width: 25%;  height: auto;  max-width:35px;  margin-right: 5px; vertical-align: middle;}

	.tdB{}
	.tdC{}
	.tdE{}
	.tdF{}
	.tdG{}
	.tdH{}
	.tdI{}

/*　script-jtSet.js　に設定　*/
tr[data-href]{ cursor: pointer;  }/*tableに行リンク指定　カーソルポインター変更*/
tr[data-href]{ color: #0b5f98;}
tr[data-href]:hover{ color: #FF9900; text-decoration:none;}

/* table使用時注意！
@media only screen and (max-width: 640px) {
table{width: 160% !important;}
}
*/

/* =============================================================================
  **************打消し線　**************
   ========================================================================== */

em {
  font-size: 120%;

}


/* =============================================================================
  真横打消し線　http://jsdo.it/kamem/fu8I
   ========================================================================== */

/* s.rightDiagonal
---------------*/
s.diagonallyC {
  position: relative;
  text-decoration: none;
}


s.diagonallyC:after {
  content: "";
  width:100%;
  height: 1px;
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  overflow: hidden;
 background-color:#F9060A;/*斜め線の色を赤に*/
  border: 1px solid  #FFFFFF;
}



/* =============================================================================
  斜め打消し線　http://jsdo.it/kamem/fu8I
   ========================================================================== */

 /* s.rightDiagonal
---------------*/
s.diagonally {
  position: relative;
  text-decoration: none;
}


s.diagonally:after {
  content: "";
  width:100%;
  height: 2px;
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  overflow: hidden;
  background-color:#F9060A;/*斜め線の色を赤に*/
  border: 1px solid #fff;
}
/*右上がり*/
s.diagonally.rightUp:after {
  -o-transform:rotate(-10deg);
  -webkit-transform:rotate(-10deg);
  -moz-transform:rotate(-10deg);
   transform: rotate(-10deg);
}

/*左上がり*/
s.diagonally.leftUp:after {
  -o-transform:rotate(4deg);
  -webkit-transform:rotate(4deg);
  -moz-transform:rotate(4deg);
   transform: rotate(4deg);
}

/*
<dl>
  <dt><s class="diagonally rightUp">通常価格 1,500円のところ</s></dt>
  <dd>なんと<em>1,000円</em>でご提供</dd>
  <dt><s class="diagonally leftUp">通常価格 1,500円のところ</s></dt>
  <dd>なんと<em>1,000円</em>でご提供</dd>
</dl>

*/


/* =============================================================================
   clear
   ========================================================================== */

 .cl {clear:both;}
 .cl_contentsTitle  {clear:both; height:14px;}



/* ＝＝＝＝＝ TOPへ戻る ＝＝＝＝＝＝　*/


#back-to_wp {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}


#back-top {
    position: fixed;
    bottom: 30px;
	margin-left:5px;
	}

#back-top a {
    width: 30px;
    display: block;
	text-align:center;
	color:#FF9900;
	}

#back-top span {
    width: 35px;
    height: 38px;
    display: block;
    margin-bottom: 7px;
    background: url(../img/pleaseToTop.png) no-repeat center center;
	padding: 0 0 80px 0;
	}


/******************************************************************/



/******************************************************************/

/*サイドメニュー今回は未使用*/

#sidMmenu {
width: 100%;
margin-left: 0;
clear: both;
}

#sidMmenu li a { width:100%; display:block; font-size:14px; font-size:1.4rem;}
#sidMmenu li a:hover { width:100%; display:block; }



#footer {
	margin:0px;
	width:100%;
	background: #4A59A7;
	}

/* dl */
#footer .footer_nav {
		width: 98%;
		margin: 0 auto;
		margin-bottom: 30px;
}

#footer .footer_nav dl{
		width: 98%;
		/* IE8以下とAndroid4.3以下用フォールバック */
		width: -webkit-calc(100% - 20px);
		width: calc(100% - 20px);
		display: inline-block;
		line-height: 1.5;
		padding:  20px 0 10px;

}

.footer_navTitle {
		font-size: 14px;
		font-size: 1.4rem;
		padding: 0.5rem 0.5rem 0.5rem 2.0rem;
		color: #f1f1f1;
		text-align: left;
  border-bottom: solid 1px #666;
  position: relative;
}

.footer_navTitle::after {
  content: "";
  border-bottom: solid 1px #000;
  position: absolute;
  top: 4px;
  left: 0px;
  width: calc(100%);
  height: calc(100% - 6px);
	}

.footer_navList{
    display: flex;
    flex-wrap: wrap; 
}

.footer_navList li {
	font-size: 14px;
 font-size: 1.4rem;
 padding: 0.5rem 0.5rem 0rem 2.0rem;
color: #f1f1f1;
text-align: left;		
		}
		
	.footer_navListCategory { border: solid 1px #f1f1f1; padding: 0.5px 2.5px; color: #fff; border-radius: 5px;text-shadow: 2px 0px 0px rgba(0,0,0,0.3);  }

.footer_navList li a {
font-size: 1.2rem;
color: #fbf4f8;
padding: 10px 0;
text-decoration: underline ;
text-decoration-style: dashed;
text-underline-offset :1.5px;
}

.footer_navList li a:hover {
text-decoration:none;

}



/*旧来menu*/
#footer .footer_menu {width:98%; margin: 0 auto;}

#footer .footer_menu .footer_menuList {
	width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
	width : -webkit-calc(100% - 20px) ;
	width: calc(100% - 20px) ;
	display:inline-block;
	line-height:1.5;
	font-size:16px;
	font-size:1.6rem;
	padding:0.5rem 0.5rem 0.5rem 2.0rem;
	color:#f1f1f1;
	text-align:left;
	}

#footer .footer_menu .footer_menuList li {border-bottom: 1px dashed #eeeeee; }


#footer .footer_menu .footer_menuList a {color:#f1f1f1;}
#footer .footer_menu .footer_menuList a { display: block; width: 98%;}
#footer .footer_menu .footer_menuList a:before{font-family: fontello; content: "\e822　";}	/*疑似科学用*/
#footer .footer_menu .footer_menuList a:hover { background-color:#001a43;}
#footer .footer_menu .footer_menuList span { font-weight:bold; }
#footer .footer_menu .footer_menuList span:before{content: "▼ ";}

#footer #copyright { width:100%; background-color:#35417f; line-height:2.2; text-align:center; color:#eeeeee;}



/* ############################		アコーディオン用	############################ */



/*-------------------------------------------*/
/*汎用アコーディオン*/

.hosoku {line-height:1.5; }
.hosoku .hosoku_title { padding: 5px; margin-bottom: 0px; }
.hosoku .hosoku_title::after{ font-family: fontello; content:" " '\f27a' ; color: #777;}
.hosoku .hosoku_title + p {
line-height:1.5em;
display: none;
 padding: 10px 0 10px 35px;
	color: #222222;
}
.hosoku {cursor:pointer;}


/*accordion他　basic_color
-------------------------------------------*/

.accordion {  display:block; width:85%; margin: 0 8% 30px 7%;}
.accordion { float: right\9; width: 85%\9;}
.accordion .accordion_head{
	width:90%;
	display:block;
	background:url(../img/accordion/accordion_a.png) no-repeat left;
	text-shadow:none;
	box-shadow: none;
	position: relative;
	clear:both;
	font-size:16px;
	margin:0 0 10px;
	padding:8px 8px 8px 40px;
	text-align: left;
	border: 0px ;
	background-color:#4A59A7;
	color:#FFF;
	border-radius: 5px;
	cursor:pointer;
}

.accordion .accordion_head:hover{
	display:block;
	background:url(../img/accordion/accordion_b.png) no-repeat left;
	text-shadow:none;
	box-shadow: none;
	position: relative;
	clear:both;
	font-size:16px;
	margin:0 0 10px;
	padding:8px 8px 8px 40px;
	border: 0px ;
	background-color:#c7e1fb;
	color:#386da4;
	border-radius: 5px;
}

.accordion .accordionTxt{ width:90%; display:block; padding:0px 10px 10px 10px; text-align: left;}
.accordion .columnCC { width:98%; display:block;}
.accordion .columnCC img { padding:10px; background-color:#eeeeee;}

.accordion_allA,.accordion_allB,.accordion_allC,.accordion_allD {
	width:140px;
	display:block;
	position: relative;
	float: left;
	padding: 5px;
	background-color:#cdcdcd;
	margin: 0 0 10px 5%;
	border-radius: 5px;
	cursor:pointer;
}

.accordion_allA:hover {
	display:block;
	position: relative;
	float: left;
	padding: 5px;
	background-color:#ebeded;
	margin: 0 0 10px 5%;
	border-radius: 5px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
}

.accordion_allB:hover {
	display:block;
	position: relative;
	float: left;
	padding: 5px;
	background-color:#ebeded;
	margin: 0 0 10px 5%;
	border-radius: 5px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
}

.accordion_allC:hover {
	display:block;
	position: relative;
	float: left;
	padding: 5px;
	background-color:#ebeded;
	margin: 0 0 10px 5%;
	border-radius: 5px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
}

.accordion_allD:hover {
	display:block;
	position: relative;
	float: left;
	padding: 5px;
	background-color:#ebeded;
	margin: 0 0 10px 5%;
	border-radius: 5px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
}



/*************************************************
本文
*************************************************/
 ul,li {list-style:none;}

/*・・*/
#header_mc{ 
clear:both; 
width:100%; 
margin:0 auto; 
background-color:#c7e1fb;  
font-size: 12px; 
font-size: 1.2rem; 
height:15px; 
text-align:center;
}

#header_wrap{ 
clear:both; width:100%; margin:0 auto; background-color:#FFFFFF;}
#header_wrap:before,
#header_wrap:after{
  content:"";
  display: table;
}
#header_wrap:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
#header_wrap{
  *zoom:1;
}
#header_wrap .pop {max-width: 700px; margin: 5px auto;}/*外部リンク用*/
#header_wrap .pop img{width: 80%; height: auto; max-width: 200px; margin-bottom: 5px;}

/***************************　1　header　ロゴ並びの指定　**************************/
#header { display:block; width:100%;}
#header{ clear:both; width:100%; margin:0 auto; background-color:#FFFFFF; }
#header  {position:relative;
    z-index:2;
/*	box-shadow: 0px 9px 4px -4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0px 9px 4px -4px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 9px 4px -4px rgba(0,0,0,0.2);*/
}

#header:before,
#header:after{
  content:"";
  display: table;
}
#header:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
#header{
  *zoom:1;
}

#header #headerLogo{ 
display:block; 
width:100%; 
text-align:center; 
padding-top:10px; 
vertical-align: middle;
}
#header #headerLogo img { 
width:80%; 
max-width:200px; 
height: auto; 
margin: 0 auto; 
}
#header #headerContact{ 
display:block; 
width:100%; 
text-align:center;
}
#header #headerContact .headerContactMc{
font-size:1.8rem; 
color:#00489d;
}
#header #headerRequest{ 
display:block; 
width:100%; 
text-align:center; 
vertical-align:bottom; 
margin-top:0.5rem;
}
#header #headerRequest img { 
width:100%; 
max-width:300px; 
height: auto;
}
#header #headerContact .back_kon a {
	color:#ffffff;
	padding: 2px 10px;
	background-color:#00489d;
	border: 1px solid #030c4b;
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	font-size:14px;
	}
#header #headerContact .back_kon a:hover{
	color:#00489d;
	padding: 2px 10px;
	background-color:#FFFFFF;
	border: 1px solid #00489d;
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	font-size:14px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
}
#header #headerContact .back_orange a {
	color:#ffffff;
	padding: 2px 10px;
	background-color:#f97c07;
	border: 1px solid #f18e32;
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	font-size:14px;
	}
#header #headerContact .back_orange a:hover{
	color:#FFFFFF;
	padding: 2px 10px;
	background-color:#e95a16;
	border: 1px solid #e95a16;
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	font-size:14px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
}
#header #headerContact .back_konwaku a {
	color:#00489d;
	padding: 2px 10px;
	background-color:#FFFFFF;
	border: 1px solid #00489d;
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	 font-size:14px;
	}
#header #headerContact .back_konwaku a:hover{
	color:#ffffff;
	padding: 2px 10px;
	background-color:#00489d;
	border: 1px solid #030c4b;
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	font-size:14px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
	}
#header #headerContact .certif{
	font-size:11px;
	font-size:1.1rem; 
	line-height: 2.5;
	}

#header #headerContact .headerContactStyleA{
	margin-bottom:10px;
	}
#header #headerContact .headerContactStyleB{
	font-size: 22px;
	 font-size: 2.2rem;
	 }
#header #headerContact .headerContactStyleC{
font-size: 12px; 
font-size:1.2rem;
}

/**************************　1　header　ロゴ並びの指定ここまで**************************/

/*関連リンク　　ログインボタンに変更*/
#relation { clear: both; display: block; width: 80%; margin: 0 auto 15px; text-align:right; }
#relation .listR{float: right;}/*リストを左寄せに*/
#relation:before,
#relation:after{
  content:"";
  display: table;
}
#relation:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
#relation{
  *zoom:1;
}

/**************************　2　mainページの指定　基本1column　**************************/

#main { clear:both; width:100%; margin:0 auto; background-color:#FFFFFF; max-width: 1160px; }
#mainMy { clear:both; width:90%; margin:0 auto; background-color:#FFFFFF; max-width: 840px; }
#main,#mainMy,.chapter:before,
#main,.chapter:after{
  content:"";
  display: table;
}
#main,#mainMy,.chapter:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
#main,#mainMy,.chapter{
  *zoom:1;
}

/****************　3　コンテンツの指定　基本1column　*****************/

#mainContents { font-size: 14px; font-size: 1.4rem;  line-height: 1.5; letter-spacing:-0.1rem; font-weight: lighter; } /* =14px */
#mainContents { clear:both; width:100%; margin: 0 auto; background-color:#FFFFFF;}

#mainContents #contents { width:100%;}

#mainContents #contents .pop { width:98%; margin: 0 auto; max-width: 700px;}/*外部リンク用*/
#mainContents #contents .pop { font-size:1.8rem ;}
#mainContents #contents .pop .popBox {margin: 1%; border: double 3px #eee; padding: 0px 10px 50px 10px;  line-height: 2;} 
#mainContents #contents .pop .popBox p{margin-top: 50px;}
#mainContents #contents .pop .popBox .subject_btn{margin: 0 auto;}

/*TOP以外のページリンク*/
#mainContents #contents #pageNavi { clear:both; width:90%; display:block; background-color:#efefef; margin: 15px auto 10px auto;}
#mainContents #contents #pageNavi ul ol {list-style:none; display:inline; background-color:#FFFFFF; white-space: nowrap;}
#mainContents #contents #pageNavi ol a { padding:0px 5px; border: solid 1px #0E6BA7; font-size:14px;}
#mainContents #contents #pageNavi ol a:hover { background:#030c4b; color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);}

/*TOP以外のパン屑リスト*/
#mainContents #contents #homeNavi { clear:both; width:90%; display:block; margin: 0 auto;}
/*BBS専用*/
#mainContents #contents #homeNavi ul ol {list-style:none;}

#mainContents #contents #homeNavi ol{ font-size:12px; font-size:1.2rem; float:left; line-height: 2.0;}
#mainContents #contents #homeNavi ol span:after{content: "> "; padding:5px;}
#mainContents #contents #homeNavi ol img {width: 12px; height: auto; margin-right: 4px; vertical-align: middle; margin-bottom: 3px;}

/**BBS専用*snsアイコンパンくず横*/
#mainContents #contents #homeNavi ul li {list-style:none; height: 2em;}
/* SNSシェア用アイコンがずれるため、 line-height プロパティを削除 */
#mainContents #contents #homeNavi li{ font-size:12px; font-size:1.2rem; float:right; /* line-height: 2.0; */ margin-right: 0px;}
#mainContents #contents #homeNavi li img{width: 62px; height: 20px;}

/*     contents    */
#mainContents #contents #document { clear:both;  width:98%; margin: 40px 1% 20px 1%;}

#mainContents #contents #document .chapter { width:95%; margin:0 auto 30px; font-size:16px; font-size:1.6rem; line-height:1.5; letter-spacing:0.4px; letter-spacing:0.04rem;}
#mainContents #contents #document .chapter { text-align:left;}

#mainContents #contents #document .chapter .leadMc {width: 90%; margin: 0 auto; text-align: left;}
#mainContents #contents #document .chapter .leadMc {
    padding:10px 15px ;
    text-align:left;
    background-color:#F3EFEF;
    border:1px solid #F3EFEF;
  /*  border-radius: 5px ;*/
    box-shadow:1px 1px 5px 0px  #acacac ;
	margin-bottom: 0px;
}

#mainContents #contents #document .chapter .chapterTxt {width: 90%; margin: 0 auto 30px; text-align: left;}
#mainContents #contents #document .chapter .chapterTxt  a{ text-decoration:underline; }

#mainContents #contents #document .chapter .dropcap { margin: 1rem auto 1rem ; text-align: left;}
#mainContents #contents #document .chapter .dropcap:first-letter { font-size: 200%; margin: -1rem 0; float: left; line-height: 1;}


/********************************　4　ボタン指定　*********************************/
.btn_Aqua{
 margin-top: 0px;
 display: inline-block;
  color: #000000 ;
  font-size: 1.2rem;/*文字サイズ*/
  line-height: 1;
  text-decoration: none;
  letter-spacing:0rem;/*字間*/
  padding: 0.5rem ;/*ボタン内の余白*/
 border:solid 1px #eee;
  border-radius: 10px;/*角の丸み*/
background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(232,232,232,1) 49%, rgba(229,229,229,1) 52%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(232,232,232,1) 49%,rgba(229,229,229,1) 52%,rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(232,232,232,1) 49%,rgba(229,229,229,1) 52%,rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */

 cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}

.btn_Aqua:hover{
background: rgb(241,218,54); /* Old browsers */
background: -moz-linear-gradient(top, rgba(241,218,54,1) 1%, rgba(252,249,201,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(241,218,54,1) 1%,rgba(252,249,201,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(241,218,54,1) 1%,rgba(252,249,201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fcf9c9',GradientType=0 ); /* IE6-9 */
color:#000000;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
.btn_Aqua a {color: #000000 ; text-decoration: none; width: 100%;}
.btn_Aqua a:hover {color: #000000 ;}

a.mypage {color: #990000 ; text-decoration: none; width: 100%;}
a.mypage:hover {color:#17a3c0;}

.acquire {background-color: #E3E3E3; color: #222;}
.acquireA {background-color: #ff74b9;color: #FFF;letter-spacing: 0.1rem;}
.acquireB {background-color: #17a3c0;color: #FFF;letter-spacing: 0.1rem;}
.acquireC {background-color: #9ec213; color: #FFF;letter-spacing: 0.1rem; font-size: 1.2rem;}


.btn_MyEnter{
 margin-top: 0px;
 display: inline-block;
 background: #006a9b; /*ボタン色:紺*/
line-height: 1.2;
color: #FFF; /*文字色:白*/
text-decoration: none;
text-shadow: 1px 1px 1px #000;

letter-spacing: 0.05rem;/*字間*/
padding: 1.2rem 2.5rem 1.2rem 2.5rem;/*ボタン内の余白*/
outline: 1px solid  #FFF; /*ボタン内側線:線幅,実線,白*/
outline-offset: -4px; /*ボタン内側線 パディング幅*/
cursor: pointer; /*指カーソル*/

box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
 -webkit-tap-highlight-color: transparent;
transition: .3s ease-out;/*変化を緩やかに*/
}

.btn_MyEnter a{ display: block; color: #FFFFFF ; text-decoration: none; width: 100%;}
.btn_MyEnter:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0770e+1,c79810+100 */
background-color: #F39800;/*背景色:オレンジ*/
color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
.btn_MyEnter:active {
	position:relative;
	top:1px;
}
.btn_MyEnter a:hover {color: #FFFFFF ;}




/*twitterボタン*/
#twitter-widget-0 {vertical-align: text-bottom; margin-left: 5px;}
#twitter-widget-0{
	cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}
#twitter-widget-0:hover {box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

/*facebookボタン*/
.fb_iframe_widget{vertical-align:baseline !important; margin-left: 5px;}
.fb_iframe_widget{
	cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
	/*box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}
.fb_iframe_widget:hover {box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
#fb-root{height: 0; font-size: 0px;}/*facebook エディターで&nbsp;が入るのを除去*/

/*witter のリンク文字色変更 facebook はエラーになるのでaタグに直接記述*/
a.white{color: #FFFFFF;}

.btn_Link{
margin-top: 10px;
  display: inline-block;
  background-color: #00489d;/*背景色*/
  color: #FFFFFF ;
  font-size: 1.5rem;/*文字サイズ*/
  line-height: 1;
  text-decoration: none;
  letter-spacing: 0.05rem;/*字間*/
  padding: 0.5rem 2rem;/*ボタン内の余白*/
 border:solid 1px #00489d;
  border-radius: 8px;/*角の丸み*/
  cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}

.btn_Link:hover{
 background-color: #009bde;/*背景色*/
color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

.btn_Link a {color: #FFFFFF ; text-decoration: none; width: 100%;}
.btn_Link a:hover {color: #FFFFFF ;}

/********************************　5　お読みください　*********************************/

.readme { text-align: right; }

/********************************　6　評定全共通　*********************************/
/*評定早見表icon*/

.rating {position: relative;}

.rating .E::before {
	content:"";
	top: 0;
	left: 0;
	display:inline-block;
	background:url("../img/svg/stage01.svg") ;
	width: 40%; /*指定したい幅*/
	padding-top: 30%;/*画像の幅に対する高さ比率*/
	background-size: contain;
	background-repeat: no-repeat;
   vertical-align: middle;
}
.rating .E::after { content: "E";}


.rating .D::before {
	content:"";
	top: 0;
	left: 0;
	display:inline-block;
	background:url("../img/svg/stage02.svg") ;
	width: 40%; /*指定したい幅*/
	padding-top: 30%;/*画像の幅に対する高さ比率*/
	background-size: contain;
	background-repeat: no-repeat;
   vertical-align: middle;
}
.rating .D::after { content: "D";}


.rating .C::before {
	content:"";
	top: 0;
	left: 0;
	display:inline-block;
	background:url("../img/svg/stage03.svg") ;
	width: 40%; /*指定したい幅*/
	padding-top: 30%;/*画像の幅に対する高さ比率*/
	background-size: contain;
	background-repeat: no-repeat;
   vertical-align: middle;
}
.rating .C::after { content: "C";}


.rating .B::before {
	content:"";
	top: 0;
	left: 0;
	display:inline-block;
	background:url("../img/svg/stage04.svg") ;
	width: 40%; /*指定したい幅*/
	padding-top: 30%;/*画像の幅に対する高さ比率*/
	background-size: contain;
	background-repeat: no-repeat;
   vertical-align: middle;
}
.rating .B::after { content: "B";}


.rating .A::before {
	content:"";
	top: 0;
	left: 0;
	display:inline-block;
	background:url("../img/svg/stage05.svg") ;
	width: 40%; /*指定したい幅*/
	padding-top: 30%;/*画像の幅に対する高さ比率*/
	background-size: contain;
	background-repeat: no-repeat;
   vertical-align: middle;
}
.rating .A::after { content: "A";}

/*総評へのリンク footnote*/
.generalReview { clear: both; width: 90%; margin: 5px auto 30px; text-align: left;}


/*脚注 footnote*/
.footnoteList {width: 90%; margin: 0 auto ; text-indent:-1.5rem; }

.fn {
	font-size: 10px;
	font-weight: bold;
	vertical-align: super;
}
.fn::before { content: "※";}


/*参考文献 referenc*/
.referencList {width: 90%; margin: 0 auto ; text-indent:-2.5rem; }
ol.refList {
  padding:0 0 0 2rem;
  margin:0;
}


ol.refList li {
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
word-break: break-all;
}
ol.refList li:before{
  display: marker;
  content: "[" counter(cnt) "] ";
}

ol.refListB {
  padding:0 0 0 2rem;
  margin:0;
　word-break: break-all;
}

ol.refListB li:before{
  display: marker;
  content: "◆";
	word-break: break-all;
}

.ref {	}
.ref::before { content: "[";}
.ref::after { content: "]";}


/******** 続きを読む ********/
.more-wrap {
  position: relative;

}
.more-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 148px;
  margin: auto;
  padding: 0.5rem 0;
  border-radius: 2px;
  background: #990000;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
  cursor: pointer;
  transition: .5s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

.more-btn::before {
  content: "続きを読む"
}
.more-item {
  position: relative;
 top: -3rem;
 padding-top: 3rem;
  overflow: hidden;
  height: 8rem; /*隠した状態の高さ*/
}
.more-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:3rem; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.more-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.more-trigger:checked ~ .more-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/

}
.more-trigger:checked ~ .more-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.more-trigger:checked ~ .more-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}



/***********************************************************************/
/*各ページの指定始まり*/

/**************************** TOP ****************************/

#topBox{ width:95%; clear: both; margin:0 auto;}


#topBox:before,
#topBox:after{
  content:"";
  display: table;
}
#topBox:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
#topBox{
  *zoom:1;
}

#topBox #topBoxL { display: block; width: 65%; float: left; }
#topBox #topBoxR { display: block; width: 34%; float: left; text-align: left;}

/**** TOP 総合メニュー****/

/*スマートフォンの時だけアコーディオン http://norando.net/responsive-accordion/
max-width: 640px で切り替え*/

#category_Menu { width:97%; margin:0 auto; font-size:16px; font-size:1.6rem; line-height:1.7; letter-spacing:0.4px; letter-spacing:0.04rem;}
#category_Menu .categoryTitle,
#category_Menu .categoryToggle{
	width: 100%;
	margin: 0 auto;
}

#category_Menu .categoryTitle{
	display: block;
	pointer-events: none;
	padding: 3px 0;
/*	background: #0e0e29;*/
/*	color: #fff; */
	text-align:left;
	line-height: 1;
	font-size: 18px;
}

#category_Menu .categoryTitle{
	text-shadow:
    #FFF 2px 0px,  #FFF -2px 0px,
    #FFF 0px -2px, #FFF 0px 2px,
    #FFF 2px 2px , #FFF -2px 2px,
    #FFF 2px -2px, #FFF -2px -2px,
    #FFF 1px 2px,  #FFF -1px 2px,
    #FFF 1px -2px, #FFF -1px -2px,
    #FFF 2px 1px,  #FFF -2px 1px,
    #FFF 2px -1px, #FFF -2px -1px;
}

#category_Menu .categoryTitle img{ width: 24px; height:24px; margin:0 5px;  vertical-align: text-top;
	-webkit-box-shadow: 0 10px 8px -7px #8d8c8c;
    -moz-box-shadow: 0 10px 8px -7px #8d8c8c;
     box-shadow: 0 10px 8px -7px #8d8c8c;}
#category_Menu .categoryTitle span {display:none; float: right; text-align: right; padding:4px 10px 2px;font-size: 16px; border: 1px solid #FFF; margin-right: 3px;}

.catATitle { background:#c9c8c8; color:#1964ff; }
.catBTitle { background:#c9c8c8; color:#32aec7;}
.catCTitle { background:#c9c8c8; color:#8fb904;}
/*.catCTitle { background:#c9c8c8; color:#a5d700;}　*/
.catDTitle { background:#c9c8c8; color:#ff4b32;}
.catETitle { background:#c9c8c8; color:#7d64ae;}
.catFTitle { background:#c9c8c8; color:#e9a005;}
/*.catFTitle { background:#c9c8c8; color:#ffae00;} */

#category_Menu input{
	display: none;
}

#category_Menu .categoryToggle{
	padding: 0px;
	list-style: none;
	background: #eee;
	margin-bottom: 5px;
}

#category_Menu .categoryToggle li{
	padding: 0px 10px;
}

#category_Menu .categoryToggle li:not(:last-child){
	border-bottom: solid 1px #aaa;
}

#category_Menu li{text-align: left;}
#category_Menu li span {  padding-right: 5px; line-height:3rem; word-break: keep-all;}
#category_Menu li span .new{}

#category_Menu li span a {
	color:#333;
	padding: 2px 5px;
	background-color:#FFFFFF;
	border: 1px solid #333;
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	 font-size:14px;
	}
#category_Menu li span a:hover{
	color:#ffffff;
	padding: 2px 5px;
	background-color:#00489d;
	border: 1px solid #030c4b;
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	font-size:14px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
	}

/**** TOP 総合メニュー ここまで****/




/**************************** BBS ****************************/

/****　　BBS一覧リスト　　　　　****/

#bbsList {width: 95%; margin: 0 auto;}
#bbsList .listTable { text-align: left; width: 95%; margin: 0 auto;}
#bbsList .listTable tr:nth-child(2n) {
    background: #E3E3E3;
}

#bbsList .listTable th {background-color: #00489d; color: #FFF; text-align: center;}
.listTableA{ width: 10%; text-align: right}/*日付*/
.listTableB{ width: 13%;}/*カテゴリー*/
.listTableC{ width: 54%;}/*タイトル*/
.listTableD{ width: 3%; }/*投稿数*/
.listTableE{ width: 10%; }/*更新日*/
#bbsList .listTable th,.listTable td { font-size: 1.6px; font-size: 1.6rem;}

#bbsList .listTable td { padding: 5px; vertical-align: top; border-bottom: solid 1px #E3E3E3;height: 3.6rem; }

#bbsList .listTable td p {line-height: 0.8;}
#bbsList .listTable td .new:before{
	content:"NEW";
	font-size: 1.0rem;
	color: #e60012;
	font-weight: bold;
	}

table.listTable tr[data-href]{  cursor: pointer;  }/*listTableに行リンク指定　カーソルポインター変更*/
#bbsList table.listTable tr:nth-child(2n):hover{background-color:#e5f0fd; }
#bbsList table.listTable tr[data-href]:hover{background-color:#e5f0fd;}

.listTable .header,.listTable .tablesorter-header{padding:4px 20px 4px 4px;cursor:pointer;background-image:url(data:image/gif;base64,R0lGODlhFQAJAIAAAP///////yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);background-position:center right;background-repeat:no-repeat}/*listTable　三角アイコン　上下*/
.listTable .headerSortUp,.listTable .tablesorter-headerAsc,.listTable .tablesorter-headerSortUp{background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);color:#fff}/*listTable　三角アイコン　上*/
.listTable .headerSortDown,.listTable .tablesorter-headerDesc,.listTable .tablesorter-headerSortDown{color:#fff;background-image:url(data:image/gif;base64,R0lGODlhFQAEAIAAAP///////yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7)}/*listTable　三角アイコン　下*/

/****index BBS一覧リスト　list　ここまで****/


/****　　BBS	カテゴリー　　　　　****/
#bbsCategory {}

#bbsCategory { clear: both; width: 95%; margin: 0 auto; background:#FFF; padding: 0 0 20px; box-shadow: 0 0 2px gray;}
#bbsCategory,.bbsCategoryBox:before,
#bbsCategory,.bbsCategoryBox:after{
  content:"";
  display: table;
}
#bbsCategory:after{
  clear:both;
}

.bbsCategoryBox:nth-child(2n+1){clear: both;}

/*IE6,7対策 （haslayout対策）*/
#bbsCategory,.bbsCategoryBox{
  *zoom:1;
}


#bbsCategory .bbsCategoryBox{ width: 95%;background: #FFF;  box-shadow: 0 0 4px gray; margin: 20px auto; }
.bcTitle { text-align: left; font-weight: bold; background: #FAFBD9; padding: 5px 10px; line-height: 2; border-radius: 5px; box-shadow: 0 0 1px gray;  }
.bcTitle {}
.bcTitle a {color: #222; display: block; width: 100%;}
.bcTitle a:hover	{ color: #FF9900; text-decoration:none; }
.bcTitle a:active	{ color: #FF9900; text-decoration:none; }
table.bbsCategoryTable  { width: 100%;margin: 0 auto 10px auto; }
table.bbsCategoryTable td,th,table {border: none; }
table.bbsCategoryTable tr{margin-bottom: 10px;}
table.bbsCategoryTable td { width:99%; text-align: left; padding: 5px 2px 3px 2px;line-height: 1.5; vertical-align: text-top; border-bottom:  dashed 1px #999; }
table.bbsCategoryTable .bbsCategoryTableTxt {}
.count{ font-size: 90%;}
/****　　BBS	カテゴリー　　　ここまで****/



/****************　　掲示板　板　****************/

#bbsContents {}

/*　投稿する*/
.opinion { clear: both; width: 95%; margin: 0 auto ; background:#FFF; padding: 0px;}
.opinion:before,
.opinion:after{
  content:"";
  display: table;
}
.opinion:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.opinion{
  *zoom:1;
}

/*緑　button　投稿するボタン*/
.opinion .opinioBut {
 clear: both;
 width: 20rem;
  margin: 10px auto ;
 text-align: center;
  background-color: #417934;/*背景色*/
  color: #FFFFFF ;
  font-size: 1.5rem;/*文字サイズ*/
  line-height: 1;
  text-decoration: none;
  letter-spacing: 0.05rem;/*字間*/
  padding: 0.5rem;/*ボタン内の余白*/
 border:solid 1px #417934;
  cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}
.opinioBut:hover{
 background-color: #32ae32;/*背景色*/
color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
.opinioBut a {color: #FFFFFF ; text-decoration: none; width: 100%; display: block;}
.opinioBut a:hover {color: #FFFFFF ;}
/*緑　button　投稿するボタン　ここまで*/

/*ピンクbutton　*/
.reply {
  margin-top: 10px;
  display: inline-block;
  background-color: #dc097b;/*背景色*/
  color: #FFFFFF ;
  font-size: 1.5rem;/*文字サイズ*/
  line-height: 1;
  text-decoration: none;
  letter-spacing: 0.05rem;/*字間*/
  padding: 0.5rem 2rem;/*ボタン内の余白*/
 border:solid 1px #dc097b;
  border-radius: 8px;/*角の丸み*/
  cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}

.replyk:hover{
 background-color: #fb95cc;/*背景色*/
color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

.reply a {color: #FFFFFF ; text-decoration: none; width: 100%;}
.reply a:hover {color: #FFFFFF ;}
/*ピンクbutton　ここまで*/


/*### 提起　投稿内容　ここから###*/
.bbsRec { clear: both; width: 95%; margin: 0 auto 0.5rem ; background:#FFF; padding: 0px 0  5px 0; box-shadow: 0 0 2px gray;}
.bbsRec:before,
.bbsRec:after{
  content:"";
  display: table;
}
.bbsRec:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.bbsRec{
  *zoom:1;
}

.bbsRec table {width: 85%; float: left; margin: 0; margin-left: 10px; margin-top: 5px;}
.bbsRec td { border: none; line-height: 1; padding: 0;}
.iconFace {width: 32px;}
.iconFace img{width: 100%; max-width: 28px; height: auto; vertical-align: middle;}


.bbsRec .boardBlock li{ display: block; padding: 5px 0 0 0; text-align: center; float: left; margin-right: 10px; }
.bbsRec .boardBlock li{font-size: 1.2rem;}
.bbsRec .boardBlock li img{width: 100%; max-width: 35px; height: auto; vertical-align: middle;}

.commName{ font-weight: bold;}/*コミュニケーターﾆｯｸﾈｰﾑ*/
.res_cnt{ font-weight: bold;}/*コミュニケーター記事№*/
.bbsDa{}

.bbsFavorite::after{content: " お気に入り"} /*不使用*/
.bbsComment::after{	content: " 返信"} /*コミュニケーターコメント数*/
.bbsRec .commTxt {clear: both; margin: 0 auto;} /*本文*/
.communicator{background-color: #fbf5d3;}
.bbsRec .boardBlockR li{ display: block; padding: 0px; text-align: center; float:right; margin-right: 2.5rem;}
.bbsRec .boardBlockR li{font-size: 1.2rem; white-space: nowrap;}
.bbsRec .boardBlockR li img{width: 100%; max-width: 35px; height: auto; vertical-align: middle;}
.btn_LinkBBS {font-size: 1.0rem;  padding: 0; padding: 0.2rem 1rem; margin-top: 0px;}

.att{color:#daa520; font-size:1.6rem;}/*属性★*/

/*コメント（スレッド）*/
.threadName { font-weight: bold;}/*ﾆｯｸﾈｰﾑ*/
.argu_number{ font-weight: bold;}/*投稿順番数*/
.bbsRec .threadTitle {font-weight: bold;}
.bbsRec .threadTxt {clear: both; margin: 0 auto;}/*本文*/
.bbsRec .threadTxt {word-break:break-all;} /*20191203追加 大木*/
.btn_slander{font-size: 1.0rem;  padding: 0; padding: 0.2rem 1rem; margin-top: 0px;}/*違反報告*/
.btn_slander{background-color: #666; }


.bbsRec .feelBox {width: 90%; margin: 0 auto; }
.bbsRec .feelBox li{ display: block; padding: 0px; text-align: center; float:left;margin-left: 2.5rem;}
.bbsRec .feelBox li{font-size: 1.2rem; white-space: nowrap;}
.bbsRec .feelBox li img{width: 30%; max-width: 1.5rem; height: auto; vertical-align: middle; padding-bottom: 1px;}

/* 感想部分　セレクトの横幅を短く　name　と合わせる*/
/*.feeling {overflow: hidden; }*/
.feeling > select {
  width:88%; /* 必要数で変更 */
	font-size:1.2rem;
	border:none;

}
.bbsSubmit > button { height:20px; padding:0 10px 15px;margin-top: 0px; text-align: center;}


.bbsRec .feelBoxI {width: 100%; margin: 0 auto; }
.bbsRec .feelBoxI li{  display: block; padding: 0px; text-align: center; float:left; vertical-align: middle; }
.bbsRec .feelBoxI li{font-size: 1.4rem; white-space: nowrap;}
.bbsRec .feelBoxI li i {font-size: 2.2rem;}
.bbsRec .feelBoxI li {cursor: pointer; }
.bbsRec .feelBoxI li:hover{background-color: #4A59A7; color: #EDEBEB;}
.bbsRec ul.feelBoxI { overflow: auto; }

.bbsRec .resTxt { margin-left: 1.5%; margin-right: 1.5%; margin-top: 2rem; padding: 0.5rem; padding-top: 1rem; position: relative; }
.bbsRec .resTxt:not(.noDspRes) { border: dashed 1px gray; }
.bbsRec .resTxt .resDspCtrl { text-decoration: underline; position: absolute; top: 0; left: 0; padding-left: 2rem; padding-right: 2rem; background: white; transform: translateY(-50%) translateX(1em); }

.bbsRec .resTxt.noDspRes .resDspCtrl::before { font-family: fontello; content: "\e822  この投稿への返信を表示"; }
.bbsRec .resTxt:not(.noDspRes) .resDspCtrl::before { font-family: fontello; content: "\e820  この投稿への返信の一覧"; }

.bbsRec .resChild { margin-left: auto; }
.bbsRec .resChild .resChild { margin-left: 2rem; }

.bbsRec .noDspRes .resChild { display: none; }

/*
.bbsRec .resLeaf { border-left-style: solid; border-left-width: 4px; }
.bbsRec .resLeaf .resLeaf { margin-left: 0.1rem; border-left-style: solid; border-left-width: 4px; }
*/

.bbsRec .resLeaf { border-left-style: solid; border-left-width: 0.2rem; margin-left: 0.25rem; }

.resLeaf .bbsRec .threadTxt {clear: both; margin: 0 auto; width: 98%;}

.bbsRec .resLeaf { margin-bottom: 1rem; }
.bbsRec .resLeaf .resLeaf { margin-bottom: 0px; }
.bbsRec .resLeaf .bbsRec { margin: 0; margin-top: 1rem; width: 100%; box-shadow: none; }

.bbsRec .resLeaf:last-child { margin-bottom: 1rem; }

.bbsRec .noDspRes .resLeaf { display: none; }

.bbsRec .resIcon { height: 100%; }

a.new::after{
	content: "NEW";
	font-size: 10px;
	font-weight: bold;
	padding: 1px 3px 0;
	background: #ffffff;
	color: #EA5532;
	vertical-align:middle;
	margin-left:5px;
	letter-spacing: 0.5px;
	border: solid 1px #EA5532;
}

.bbsRec .feelBoxI li.cancelable { color: #4A59A7; font-weight: bold; }
.bbsRec .feelBoxI li.cancelable:hover{ background-color: #4A59A7; color: #EDEBEB; }
#ctrlDspBtn,
#ctrlFoldBtn {
	width: 20rem;
	border: solid 1px;
	border-radius: 20px;
	text-align: center;
	margin-bottom: 1rem;
	margin-left: 3rem;
	font-size: 0.9em;
	cursor: pointer;
}
.btnToTimeline::after { content: "通常表示に切り替える"; }
.btnToThread::after { content: "スレッド表示に切り替える"; }
.btnToTree::after { content: "ツリー表示に切り替える"; }

.btnFoldAll::after { content: "全ての返信を折り畳む"; }
.btnUnfoldAll::after { content: "全ての返信を表示する"; }

/*コメント（スレッド）ここまで*/


/*### 投稿内容FORM　ここから　（form.cssと連携）###*/


/*各種button　ボタン関係
-------------------------------------------*/

.buttonCenter { margin: 0 auto 10px auto;}

 /*■■■■■■■■　BBS投稿タイトル　■■■■■■■*/
/*投稿*/
.postTitle {
background:#417934 ;
border: solid 1px #222222;
border-radius: 20px 20px;
}
.postTitle {	clear:both;
	display:block;
	text-align:center;
	font-size:1.8rem;
	font-size:18px;
	padding:1% 1%;
	overflow:hidden;
	width:90%;
	line-height:2.5rem;
	color:#FFF;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

.postTitle::after{
	content: " に投稿";

 }


/*コメント*/
.cmtTitle {
background:#dc097b ;
border: solid 1px #222222;
border-radius: 20px 20px;
}
.cmtTitle {	clear:both;
	display:block;
	text-align:center;
	font-size:1.8rem;
	font-size:18px;
	padding:1% 1%;
	overflow:hidden;
	width:90%;
	line-height:2.5rem;
	color:#FFF;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

.cmtTitle::before{
	content: "投稿 ";

 }

.cmtTitle::after{
	content: " に返信";
 }

/*コメント非公開*/
.sctTitle {
background-color:#FFF ;
border: solid 1px #222222;
border-radius: 20px 20px;
}
.sctTitle {	clear:both;
	display:block;
	text-align:center;
	font-size:1.8rem;
	font-size:18px;
	padding:1% 1%;
	overflow:hidden;
	width:90%;
	line-height:2.5rem;
	color:#222;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
}

.sctTitle::before{
	content: "投稿 ";

 }

.sctTitle::after{
	content: " に返信";
 }


/*OK　キャンセル　コメント非公開*/

#feelingPst{ width: 320px; margin: 0 auto;}

.feelingTitle{width: 250px; text-align: center; margin: 0 auto; font-size: 2.0rem; font-weight: bold;}

#feelingPst li{ float: left; margin: 1% 2.5%; width: 42.5%;}

.feelingOk {
	width: 110px;
	line-height: 2;
	background: #dc097b;
	text-align: center;
	color: #FFF;font-size: 2.0rem;
	font-weight: bold;
   text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
  cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}
.feelingOk:hover{
 background-color: #fb95cc;/*背景色*/
color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

.feelingNo {
	width: 110px;
	line-height: 2;
	background: #023067;
	text-align: center;
	color: #FFF;font-size: 2.0rem;
	font-weight: bold;
   text-shadow: 0px 1px 0px rgba(255,255,255,0.7);
  cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
 box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/
}

.feelingNo:hover{
 background-color: #79bbff;/*背景色*/
color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}

.accordionFeeling { display:block; width:85%;}
.accordionFeeling { float: right\9; width: 85%\9;}
.accordionFeeling .accordion_head{
	width:100%;
	display:block;
	/*
	background:url(../img/accordion/accordion_a.png) no-repeat left; */
	text-shadow:none;
	box-shadow: none;
	position: relative;
	clear:both;
	font-size:14px;
	font-weight: normal;
	margin:0 0 10px;
	padding:3px 8px 3px 20px;
	text-align: left;
	border: 0px ;
	background-color:#4A59A7;
	color:#FFF;
	border-radius: 5px;
	cursor:pointer;
}

.accordionFeeling .accordion_head:before{
	font-family: fontello;
	content: '\f13a';
}


.miniFrame { display:block; width:85%;}
.formFeeling{
	width:100%;
	display:block;
	text-shadow:none;
	box-shadow: none;
	position: relative;
	clear:both;
	font-size:14px;
	font-weight: normal;
	margin:0 0 10px;
	padding:3px 8px 3px 20px;
	text-align: left;
	border: 0px ;
	background-color:#4A59A7;
	color:#FFF;
	border-radius: 5px;
	cursor:pointer;
}

.formFeeling:before{
	font-family: fontello;
	content: '\f13a';
}


/*■■■■■■■■　OK 投稿用ボタン　パステル水色　■■■■■■■*/
.subject_btn {
	clear:both;
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #84bbf3;
	padding:1% 1%;
	width:70%;
	margin-left: 14%;
	text-decoration:none;
	text-align: center;
	background:-moz-linear-gradient( center top, #79bbff 5%, #378de5 100% );
	background:-ms-linear-gradient( top, #79bbff 5%, #378de5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #79bbff), color-stop(100%, #378de5) );
	background-color:#79bbff;
	color:#ffffff;
	text-shadow:1px 1px 0px #528ecc;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	-moz-box-shadow:inset 1px 1px 0px 0px #bbdaf7;
 	box-shadow:inset 1px 1px 0px 0px #bbdaf7;
}

.subject_btn a{ color:#FFFFFF;}
.subject_btn:hover {
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #378de5 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #378de5), color-stop(100%, #79bbff) );
	background-color:#378de5;
}
.subject_btn:active {
	position:relative;
	top:1px;
}

.reset_btn {
	clear:both;
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #222;
	padding:1% 1%;
	width:50%;
	margin-left: 24%;
	text-decoration:none;
	text-align: center;
	background: #777;
	color:#ffffff;
	text-shadow:1px 1px 0px #222;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #999;
 	-moz-box-shadow:inset 1px 1px 0px 0px #999;
 	box-shadow:inset 1px 1px 0px 0px #999;
}
.reset_btn a{ color:#FFFFFF;}
.reset_btn:hover {
	background:-moz-linear-gradient( center top, #378de5 5%, #79bbff 100% );
	background:-ms-linear-gradient( top, #222 5%, #999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#999');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #222), color-stop(100%, #999) );
	background-color:#999;
}
.reset_btn:active {
	position:relative;
	top:1px;
}

/**********投稿・FORM関係　単独では開かない！ **********/

.reviewPost { clear:both; width:96%; margin:0 auto; margin-top:1rem; padding:1% 0; border: solid 1px #BFBEBE; border-radius:20px;}
.reviewPost:before,
.reviewPost:after {
content:"";
  display: table;
}
.reviewPost:after{
  clear:both;
}

.reviewPost p{font-size:14px; text-align:left; padding:0 2%; line-height: 1.3;}
.reviewPost .reviewPostBox { width:95%; display:block; margin:10px auto 0; }
.reviewPost .reviewPostBox img { width:100%; height:100%;}
.reviewPostBox label {text-align: left; margin-left: 2%;  }

/*TBBS 投稿リンク　フッター*/
#mainContents #contents #pageNaviFooter { clear:both; width:90%; display:block; background-color:#efefef; margin: 15px auto 10px auto;}
#mainContents #contents #pageNaviFooter ul ol {list-style:none; display:inline; background-color:#FFFFFF; white-space: nowrap;}
#mainContents #contents #pageNaviFooter ol a { padding:0px 5px; border: solid 1px #0E6BA7; font-size:14px;}
#mainContents #contents #pageNaviFooter ol a:hover { background:#030c4b; color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);}




/****************************  Myページ  ログイン　Login　Log out 他****************************/
/*Myページ ページリンク*/
#mainContents #contents #myNavi { clear:both; width:90%; display:block; background-color:#efefef; margin: 15px auto 10px auto;}
#mainContents #contents #myNavi ul ol {list-style:none; display:inline; background-color:#FFFFFF; white-space: nowrap;}
#mainContents #contents #myNavi ol a { padding:0px 5px; border: solid 1px #A0770E; font-size:14px; color:#aa8055 ;}
#mainContents #contents #myNavi ol a:hover { background:#aa8055; color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);}

#mainContents #contents #myNavi { clear:both; width:90%; display:block; background-color:#efefef; margin: 15px auto 10px auto;}
#mainContents #contents #myNavi ul li {list-style:none; display:inline; background-color:#FFFFFF; white-space: nowrap;}
#mainContents #contents #myNavi li a { padding:0px 5px; border: solid 1px #A0770E; font-size:14px; color:#aa8055 ;}
#mainContents #contents #myNavi li a:hover { background:#aa8055; color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);}
#mainContents #contents #myNavi .navbar-nav{float: right;}




#mainContents #contents  .MyDocument#document { clear:both;  width:98%; margin: 15px 1% 20px 1%; background: #FFF;}

.h1B {
  text-align: center;
  background: #f0f0f0;
box-shadow: 0px 0px 0px 5px #ededed;
border: dashed 1px #aaa9a9;
padding: 0.2em 0.5em;
color: #454545;
}

.login:before,
.login:after {
content:"";
  display: table;
}
.login:after{
  clear:both;
}
.login {background-color:#F7F3D8; padding-bottom: 20px;}
.login p{font-size:14px; text-align:center;padding:0 2%; line-height: 1.3;}
.login .loginBox { width:85%; display:block; margin:1.0rem 7.5% 3.0rem; }
.login .loginBox img { width:100%; height:auto;}
.loginBox label {text-align: left; margin-left: 2%;}
.loginBox input[type="text"],[type="password"],[type="email"] { width: 95%;}
.loginBox input[type="text"]:hover{ width: 95%;}
.loginBox input[type="password"]:hover{ width: 95%;}
.loginBox input[type="email"]:hover{ width: 95%;}

.form-group {clear: both; margin-top: 0;}
.snsButton {width: 262px; margin: 0 auto;}
.snsButton img{width: 100%; height: 100%; max-width:260px; margin-bottom: 10px; }/*Facebookなどのログイン画像*/

.formT{ width: 90%; font-size: 1.6rem; font-weight: bold; text-align: center; border-top: double 3px #403028; padding:15px 0; margin: 20px auto 0px auto;}



.myPage_btn {
	clear:both;
display: block;
background: #006a9b; /*ボタン色:紺*/
font-size: 1.6rem;/*文字サイズ*/
line-height: 1.2;
color: #FFF; /*文字色:白*/
text-decoration: none;
width:70%;
margin-left: 14%;
text-shadow: 1px 1px 1px #000;
text-align: center;
letter-spacing: 0.05rem;/*字間*/
padding: 1.2rem 0 ;/*ボタン内の余白*/
outline: 1px solid  #FFF; /*ボタン内側線:線幅,実線,白*/
outline-offset: -4px; /*ボタン内側線 パディング幅*/
cursor: pointer; /*指カーソル*/
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
 -webkit-tap-highlight-color: transparent;
transition: .3s ease-out;/*変化を緩やかに*/
}

.myPage_btn a{ display: block; color: #FFFFFF ; text-decoration: none; width: 100%;}
.myPage_btn:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0770e+1,c79810+100 */
background-color: #F39800;/*背景色:オレンジ*/
color:#FFFFFF;
box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);/*浮き上がるように*/
}
.myPage_btn:active {
	position:relative;
	top:1px;
}
.myPage_btn a:hover {color: #FFFFFF ;}


#mainContents #contents #document .chapter .mbBoard {width: 100%; margin: 3% auto; text-align: left; padding-bottom: 3rem;
    text-align:left;
    background-color:#F3EFEF;
    border:1px solid #F3EFEF;
  /*  border-radius: 5px ;*/
    box-shadow:1px 1px 5px 0px  #acacac ;
}

.mbBoard:before,
.mbBoard:after {
content:"";
  display: table;
}
.mbBoard:after{
  clear:both;
}

.mbBoard .mbBoardMc{ width: 85%; margin: 15px auto 5px; text-align: left; line-height: 1.5;}
.mbBoard .mbBox { width:85%; display:block; margin:3.0rem auto ; }
.mbBoard .mbBox img { width:100%; height:auto;}

.mbBoard hr{margin-bottom: 0; margin: 15px 0;}

.mbBox label {text-align: left; margin-left: 2%;}
.mbBox input[type="text"],[type="password"],[type="email"] { width: 95%;}
.mbBox input[type="text"]:hover { width: 95%;}
.mbBox input[type="password"]:hover { width: 95%;}
.mbBox input[type="email"]:hover { width: 95%;}
.mbBox input[type="number"] { width: 30%; }
.mbBox ul li{  float: left; margin-left: 2%;}


.mbPf { width: 100%; display: block; margin: 0 auto; }
.mbPf .accordionMy .accordion_head {width: auto;}
.mbPfTitle { clear: both;}
.mbPfTitle {}img {width: 22px; height: auto; vertical-align: middle; margin-right: 10px;}
.mbPfItem { clear: both;}
.mbPfItem {
	margin-top: 0px;
	margin-bottom: 2px;
   display: inline-block;
   color: #000000 ;
  font-size: 1.6rem;/*文字サイズ*/
  line-height: 1;
  letter-spacing:0.2rem;/*字間*/
  padding: 0.5rem 1rem;/*ボタン内の余白*/
 border:solid 1px #999;
  border-radius: 10px;/*角の丸み*/
}


.mbPf ul li{  float:none; border-bottom: 1px dashed #999; line-height: 2;}
.mbPf li .literacyT{white-space: nowrap;}
.mbPf li .lineMini{line-height: 1.3;}

.mbPf:before,
.mbPf:after { content:""; display: table;}
.mbPf:after { clear:both;}


.accordionMy {  display:block; width:100%; }
.accordionMy { float: right\9; width: 100%\9;}
.accordionMy .accordion_head{
	width:100%;
	display:block;
	background:url(../img/accordion/accordion_a.png) no-repeat left;
	text-shadow:none;
	box-shadow: none;
	position: relative;
	clear:both;
	font-size:16px;
	margin:0 0 10px;
	padding:3px 8px 3px 20px;
	text-align: left;
	border: 0px ;
	background-color:#4A59A7;
	color:#FFF;
	border-radius: 5px;
	cursor:pointer;
}
/*
.accordionMy .accordion_head:before{
	font-family: fontello;
	content: '\f13a';
}*/

.accordionMy .accordion_head:hover{
	display:block;
	background:url(../img/accordion/accordion_b.png) no-repeat left;
	text-shadow:none;
	box-shadow: none;
	position: relative;
	clear:both;
	font-size:16px;
	margin:0 0 10px;
	padding:3px 8px 3px 20px;
	border: 0px ;
	background-color:#32aec7;
	color:#FFF;
	border-radius: 5px;
	}

.logOut:before,
.logOut:after { content:""; display: table;}
.logOut:after { clear:both;}
.logOut{ width: 100px;
  margin-right:4%;
 margin-bottom: 5px;
  float: right;
  padding: 3px 3px;
  text-align: center;
  font-size:14px;
 letter-spacing: 0.1rem;
}

.btn_logOut{
background: #006a9b; /*ボタン色:紺*/
line-height: 1.2;
color: #FFF; /*文字色:白*/
text-decoration: none;
text-shadow: 1px 1px 1px #000;
letter-spacing: 0.05rem;/*字間*/
padding: 1rem ;/*ボタン内の余白*/
outline: 1px solid  #FFF; /*ボタン内側線:線幅,実線,白*/
outline-offset: -4px; /*ボタン内側線 パディング幅*/
cursor: pointer; /*指カーソル*/

box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);/*影*/
 -webkit-tap-highlight-color: transparent;
transition: .3s ease-out;/*変化を緩やかに*/

}
.btn_logOut a{ color: #FFF; display: block; width: 100%;}

.btn_logOut:hover{
	background: #999;

}
.btn_logOut a:hover{
  -moz-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8);
  -webkit-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8);
  -ms-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8);
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.8);
}
.logOutBoard{
  background: rgb(199,170,141); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(199,170,141,1) 1%, rgba(170,128,85,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(199,170,141,1) 1%,rgba(170,128,85,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(199,170,141,1) 1%,rgba(170,128,85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7aa8d', endColorstr='#aa8055',GradientType=0 ); /* IE6-9 */
  border:1px solid #8d6a47;
  border-radius: 10px;
  color: #FFF;
  box-shadow: inset 1px 1px 0 #f1eae2;
  transition: .3s ease-out;/*変化を緩やかに*/
}











/****index　よくある質問　ページ内リンク***
アコーデオン本体　*accordion他　青border 　参照　524行目あたり　*/
/*よくある質問　　色別設定*/
.inPage{ display:block; width:100%; text-align:center; margin-bottom: 10px;}
.inPage  li {display: inline-table; margin: 0 2px;}
.inPage li a {
	color:#ffffff;
	padding: 0 5px;
/*	background-color:#00489d;
	border: 1px solid #030c4b; */
	-webkit-border-radius: 5px 5px;
    	border-radius: 5px 5px;
	font-size:14px;
	}
.inPage li a:hover{
/*	color:#00489d; */
	padding: 0 5px;
	background-color:#FFFFFF;
/*	border: 1px solid #00489d; */
	-webkit-border-radius: 5px 5px;
    border-radius: 5px 5px;
	 font-size:14px;
	box-shadow: 0 5px 5px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.2);
}

.fast a {
	background-color:#ff74b9;
	border: 1px solid #ff74b9;
}

.fast a:hover {
	color:#ff74b9;
	border: 1px solid #ff74b9;
}

.second a {
	background-color:#32aec7;
	border: 1px solid #32aec7;
}

.second a:hover {
	color:#32aec7;
	border: 1px solid #32aec7;
}

.third a {
	background-color:#94b508;
	border: 1px solid #94b508;
}

.third a:hover {
	color:#94b508;
	border: 1px solid #94b508;
}

.forth a {
	background-color:#fa8f04;
	border: 1px solid #fa8f04;
}

.forth a:hover {
	color:#fa8f04;
	border: 1px solid #fa8f04;
}

.fifth a {
	background-color:#8934fd;
	border: 1px solid #8934fd;
}

.fifth a:hover {
	color:#8934fd;
	border: 1px solid #8934fd;
}
/*よくある質問　ページ内リンク*/
/****index　よくある質問　ここまで****/




/*GoogleMap レスポンシブ
-------------------------------------------*/
.gMapArea { width:100%; height:100%; margin-bottom:20px; }
.gMapA{
position: relative;
padding-bottom:60%;/*縦横比*/
padding-top:10%;
height: 0;
overflow: hidden;
}
.gMapA iframe,
.gMapA object,
.gMapA embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/***********************************************************************/
/*各ページの指定ここまで）*/




/****************************** X *******************************************
		ブレイクポイント
/****************************************************************************


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (max-width: 480px) {

.bcTitle {font-size: 1.4rem !important;}
table.bbsCategoryTable td {font-size: 1.4rem !important;}

}


@media only screen and (max-width: 529px) {

table td {}
	.tdA{font-size: 1.2rem;}
	.tdB{ width: rem;}
	.tdC{ width: rem;}
	.tdE{ width: rem;}
	.tdF{ width: rem;}
	.tdG{ width: rem;}
	.tdH{ width: rem;}
	.tdI{ width: rem;}

#bbsList .listTable th,.listTable td { font-size: 1.2px; font-size: 1.2rem;}
#mainContents #contents .pop {font-size: 1.6rem;}

}


@media only screen and (max-width: 640px) {

h1{font-size:18px; font-size:1.8rem;  }
h2{ font-size:16px; font-size:1.6rem; }
h2::after { top: .7rem;}
h3{ font-size:16px; font-size:1.6rem;  }
h4 span {
 font-size: 1.4rem;
	}
.readme {width:100%; font-size:14px; font-size:1.4rem;}
h2.spMin {letter-spacing: -1px;}
/*
table{width: 160% !important;}*/
table.listTable{width: 100% !important;}
/* table使用時注意！*/
table.bbsCategoryTable {width: 100% !important;}

#header_mc{ white-space:nowrap; overflow:hidden;}
#mainContents #contents #document .chapter { font-size:14px; font-size:1.4rem; line-height:1.5; letter-spacing:0.1px; letter-spacing:0.01rem;}
#mainContents #contents #document .chapter .leadMc {  margin-bottom: 20px;}

/* 総合メニュー　スマートフォンの時だけアコーディオン*/
#topBox	#topBoxL { width:100%; }
#topBox	#topBoxR { width:100%; }
#category_Menu { width:100%;}
#category_Menu .categoryTitle{
		pointer-events: all;
	}
#category_Menu .categoryTitle span {display:inline-block; }
#category_Menu .categoryToggle{
		height: 0;
		padding: 0 8px;
		transition: .2s;
		overflow: hidden;
	}
#category_Menu input:checked + .categoryToggle{
		height: auto;
		padding: 0px;
	}

.bcTitle {font-size: 1.5rem;}
table.bbsCategoryTable td {font-size: 1.5rem;}

.postTitle { 	font-size:1.6rem; font-size:16px; line-height:2rem;}
.reviewPost p{ font-size:1.2rem;}



}


@media only screen and (max-width: 645px) {

/*レスポンシブ　スマフォ時*/
#category .categoryTable{ width:100%; font-size:1.4rem;}

#general {width: 100%; margin: 0 auto;text-align: left;}
#general p{margin-left: 1rem; font-size:14px; font-size:1.4rem; line-height: 1.5;}
#general ul.list,li.list{margin-left: 3rem; line-height: 1.2;}


.bbsRec .commTxt { width: 88%; }
.bbsRec .threadTxt { width: 88%; }
}


/*-------------------------------------------
 コンテンツ推奨サイズより大きい場合
-------------------------------------------*/
@media (min-width: 646px) { /* スクロール分余裕に20px */
#body_wrap {width: 100%; overflow: hidden;}

/*ロゴ並びの指定 headerパーツ 横並び*/
	/*
#header #headerLogo img {width:50%; height:100%;}
#header #headerContact img {width:50%; height:100%;}*/
.bbsRec .commTxt { width: 95%; }
.bbsRec .threadTxt { width: 95%; }

}


@media (max-width: 710px) {
.bbsRec .feelBoxI li{ width: 10%; margin: 0 3%; }
.bbsRec .feelBoxI li span{display: none;}

}

@media (min-width: 711px) {
.bbsRec .feelBoxI li{ width: 16%; margin-left: 3px;}
}


/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

/*-------------------------------------------
  pc iPad3より大きい場合
-------------------------------------------*/

@media only screen and (max-width: 770px) {
body     { line-height:150%; }

/*ロゴ並びの指定 headerRequestパーツ 横並び*/

		#header #headerLogo {
				display: block;
				width: 30%;
				float: left;
				padding-left: 0;
				text-align: right;
				margin-left: 0;
		}
		
		#header #headerLogo img {width: 100%; height: 100%;}
}


@media only screen and (min-width: 771px) {

/*ロゴ並びの指定 headerパーツ 横並び*/
#header #headerLogo { 
display:block;
width:20%; 
float:left; 
padding-left: 5%; 
text-align: right;
}
#header #headerLogo img { 
width:90%;
}
#header #headerContact {
display:block;
width:40%; 
float:left;
}
#header #headerContact .headerContactMc{ 
vertical-align: text-bottom;
/*padding-top: 6.5%;*/
}
#gsc-i-id1 {font-family: "Sawarabi Mincho";}
		#header #headerContact .headerContactMc a {
		font-family: "Sawarabi Mincho"; 
		 color: #999;
			font-size: 1.4rem;			
			border: solid 1px #eee;
			border-radius: 5px;
			padding: 8px 10px;			
			background: #FFF;
			margin-top: 5px;			
			}
#header #headerContact .headerContactMc a:hover {color: #FFF; background: #386da4; transition: 1.0s}

#header #headerContact .certif{
font-size:11px;
font-size:1.1rem; 
line-height: 2.2;
}
#header #headerRequest {
display:block;
width:33%; 
float:left; 
text-align: right; 
padding-right: 1%; 
padding-top: 2.3%; 
margin-top: 0;
}
.readme { 
width: 90%; 
font-size:16px; 
font-size:1.6rem;
}
#bbsCategory .bbsCategoryBox{ display:block; float: left; width: 47.5%; margin:20px 1%;}
#bbsCategory .bbsGenreBox{ display:block; float: right; width: 47.5%; margin:20px 1%;}
.bbsArchiveBox{ display:block; float: left; width: 47.5%; margin:20px 1%;}

#footer {}
#footer .footer_menu {}
#footer .footer_menu .footer_menuList {
width:30%;
font-size:14px;
font-size:1.4rem;
}

#footer .footer_menu .footer_menuList li a:before{ 
content:none;}	
/*疑似科学用*/

}


@media only screen and (min-width: 812px) {

}


@media only screen and (max-width:868px){

/****************tableを横にスクロールする****************/
.scroll{
overflow:  auto;  /*スクロールさせる*/
	}
/* スクロールバー本体 */
.scroll::-webkit-scrollbar{
width: 10px;
background: #FFFFFF;
margin-left: 5%;
}
/* 横方向のスクロールバー本体 */
.scroll::-webkit-scrollbar:horizontal{
width: 10px;
height: 5px;
background: #ffffff;
	}

/* 横方向のスクロールバーの動く部分 */
		.scroll {
				overflow-x: auto;	
				padding-bottom: 4px;
				/*スクロールさせる*/
		}
		/* スクロールバー本体 */
		.scroll::-webkit-scrollbar {
				width: 10px;
				background: #FFFFFF;
				margin-left: 5%;
		}
		/* 横方向のスクロールバー本体 */
		.scroll::-webkit-scrollbar:horizontal {
				width: 10px;
				height: 10px;
				background: #ffffff;
		}
		/* 横方向のスクロールバーの動く部分 */
		.scroll::-webkit-scrollbar-thumb:horizontal {
				background: #ffd966;
				border-radius: 5px;
				margin-left: 5%;
		}
		/* スクロールバーの動く部分の前 */
		.scroll::-webkit-scrollbar-track-piece:start {
				background: #435295;
				margin-left: 5%;
		}
		/* スクロールバーの動く部分の後ろ */
		.scroll::-webkit-scrollbar-track-piece:end {
				background: #435295;
				margin-left: 5%;
		}
		/* スクロールバー角 */
		.scroll::-webkit-scrollbar-corner {
				background: transparent;
		}
		
table{width: 100%;}
table th,td {font-size: 12px; font-size:1.2rem;}
table td {}
	.tdA{ }
	.tdB{ width: rem;}
	.tdC{ width: rem;}
	.tdE{ width: rem;}
	.tdF{ width: rem;}
	.tdG{ width: rem;}
	.tdH{ width: rem;}
	.tdI{ width: rem;}

}


@media only screen and (max-width:959px){

}

@media only screen and (min-width: 960px) {

#header {
width:940px; 
width:94.0rem;
}

/* ＝＝＝＝＝ TOPへ戻る ＝＝＝＝＝＝　*/
#back-to_wp {	}
#back-top {}
#back-top a {}
#back-top span {
	padding: 0 0 40px 0;
	}
}



@media only screen and (min-width: 970px) {
.bcTitle { font-size: 1.6rem;}
table.bbsCategoryTable td {font-size: 1.6rem;}
table.bbsArchiveTable td {font-size: 1.6rem;}

}


@media only screen and (max-width: 1024px) {
#mainContents{ 
width:1004px ; 
}
#mainContents  { 
width:100%;
}

}


@media only screen and (min-width: 1025px) {
#mainContents{ 
width:1005px ; 
}
#mainContents  {
width:100%;
}

}



@media only screen and (min-width: 1200px) {
	/*ロゴ並びの指定 headerパーツ 横並び*/
#header #headerLogo img {
width:auto; 
height:auto;
}
#header #headerContact img {
width:auto; 
height:auto;
}
#header { 
width:1160px !important; 
}
#mainContents { 
width:1160px ; 
}
#mainContents { 
width:100%;
}
.acquireA {	
font-size: 1.2rem;
}
.acquireB {	
font-size: 1.2rem;
}
.acquireC {	
font-size: 1rem;
}
#footer {}
#footer .footer_menu,#footer .footer_nav {
				width: 1160px;
		}
#footer .footer_menu  { 
width:1160px ;  
}

#footer .footer_menu .footer_menuList {}
#general {
width: 95%; 
}
#general p{
margin-left: 4rem; 
font-size:16px; 
font-size:1.6rem; 
line-height: 2;
}
#general ul.list,li.list{
margin-left:12rem; 
line-height: 1.5; 
}

}

/* ローディング */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.6);
}

.spinner-stage {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.msg-loading {
	color: #ffffff;
	font-size: 32px;
}


.atom-spinner, .atom-spinner * {
  box-sizing: border-box;
}

.atom-spinner {
  height: 120px;
  width: 120px;
  overflow: hidden;
}

.atom-spinner .spinner-inner {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
}

.atom-spinner .spinner-circle {
  display: block;
  position: absolute;
  color: #ff1d5e;
  font-size: calc(120px * 0.24);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.atom-spinner .spinner-line {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  animation-duration: 1s;
  border-left-width: calc(120px / 25);
  border-top-width: calc(120px / 25);
  border-left-color: blue;
  border-left-style: solid;
  border-top-style: solid;
  border-top-color: transparent;
}

.atom-spinner .spinner-line:nth-child(1) {
  animation: atom-spinner-animation-1 1s linear infinite;
  transform: rotateZ(120deg) rotateX(66deg) rotateZ(0deg);
}

.atom-spinner .spinner-line:nth-child(2) {
  animation: atom-spinner-animation-2 1s linear infinite;
  transform: rotateZ(240deg) rotateX(66deg) rotateZ(0deg);
}

.atom-spinner .spinner-line:nth-child(3) {
  animation: atom-spinner-animation-3 1s linear infinite;
  transform: rotateZ(360deg) rotateX(66deg) rotateZ(0deg);
}

@keyframes atom-spinner-animation-1 {
  100% {
    transform: rotateZ(120deg) rotateX(66deg) rotateZ(360deg);
  }
}

@keyframes atom-spinner-animation-2 {
  100% {
    transform: rotateZ(240deg) rotateX(66deg) rotateZ(360deg);
  }
}

@keyframes atom-spinner-animation-3 {
  100% {
    transform: rotateZ(360deg) rotateX(66deg) rotateZ(360deg);
  }
}
/* バッジ */
.trophy-case {
  padding: 16px;
  font-size: 0;
}

.failure, .success {
  display: inline-block;
	margin: 4px;
  width: 128px;
	height: 128px;
  box-sizing: border-box;
}

@media screen and (max-width: 640px) {
	.failure, .success {
		width: 96px;
		height: 96px;
	}
}

.failure {
	border: 2px dashed lightgray;
	border-radius: 50%;
}

.badge {
	display: block;
	width: 100%;
	height: 100%;
}