@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;
}

/***************************　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; } /* =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 {position: relative;}
#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,
#bbsCategory,.bbsGenreBox:before,
#bbsCategory,.bbsGenreBox: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; }

#bbsCategory .bbsGenreBox{ 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 10px;line-height: 1.5; vertical-align: text-top; border-bottom:  dashed 1px #999; }

table.bbsCategoryTable .bbsCategoryTableTxt {}

table.bbsCategoryTable .bbsCategoryTableTxt span.latest { color: #222; font-size: 80%; margin-right: 5px; padding-top: 3px; float: right; }

table.bbsCategoryTable .bbsCategoryTableTxt span.count { color: #FF9900; font-size: 80%; margin-left: 5px; }

.count{ font-size: 90%;}

/*20191203追加*/

.bbsBodyTxt {}

.bbsBodyTxt li {display: block; float: left; margin: 3px 10px; font-size: 90%; }

.bbsBodyTxt li {word-break: keep-all;}

.bbsBodyTxt li a {display: block; width: 100%; padding: 1px 2px; border: solid 1px #F3EFEF; border-radius:8px;box-shadow: 1px 1px 3px 0px #acacac; }

.bbsBodyTxt li a:hover{background: #eee;}

.bbsBodyTxt li a span {color: #222; font-size: 80%;}

.bbsBodyTxt li a span::before {content: " ";}

.bbsBodyTxt li a span.latest { color: #222; font-size: 80%; padding-right: 5px; padding-top: 3px; float: right; }
.bbsBodyTxt li a span.count { color: #FF9900; font-size: 80%; }

.bbsBodyTxt li:last-child{margin-bottom: 10px;}



/*20200129追加*/

.bbsArchiveBox:before,

.bbsArchiveBox:after{

  content:"";

  display: table;

}

/*.bbsArchiveBox { position:absolute; bottom:0px;}*/

.bbsArchiveBox{ width: 95%;background: #FFF;  box-shadow: 0 0 4px gray; margin: 20px auto; }

.acTitle { text-align: left; font-weight: bold; background: #eee; padding: 5px 10px; line-height: 2; border-radius: 5px; box-shadow: 0 0 2px #000;  }



.acTitle::before {font-family: fontello; content:'\e81a　'; color: #666; font-size: 1.8rem;}

.acTitle a {color: #222; display: block; width: 100%;}

.acTitle a:hover	{ color: #FF9900; text-decoration:none; }

.acTitle a:active	{ color: #FF9900; text-decoration:none; }

table.bbsArchiveTable  { width: 100%;margin: 0 auto 10px auto; }

table.bbsArchiveTable td,th,table {border: none; }

table.bbsArchiveTable tr{margin-bottom: 10px;}

table.bbsArchiveTable td { width:99%; text-align: left; padding: 5px 2px 3px 10px;line-height: 1.5; vertical-align: text-top; border-bottom:  dashed 1px #999; }

table.bbsArchiveTable .bbsArchiveTableTxt {}

table.bbsArchiveTable .bbsCategoryTableTxt span.count { color: gray; font-size: 80%; margin-left: 5px; }



/****　　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: auto; }



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; }



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





/*### 投稿内容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;}

table.bbsArchiveTable 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;}



}





@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;}

table.bbsArchiveTable 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;
}
#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 (max-width:810px) {

}

@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; 
}

}