/*
Theme Name: BizVektor Child 
Template: biz-vektor

*/


/*=====================================================================*/
/* header部分st */
/*=====================================================================*/

/* 最上部の帯の下の空白 */

#headerTop	{ display:block; }
#header	{ 
	margin:auto;
	padding-top: 0px;
}

@media screen and (min-width: 970px) {	
	#header	{ 
		width: 950px;
	}
}


/* 最上部の帯 */
#headerTop {
	background:#db6d1e;
	border-top: none;
	height:27px;
	padding:0px;
}

/* 最上部の帯の文字 */
#headerTop #site-description {
  padding: 4px 0;
  font-size: 12px;
  color:#FFF;
  font-weight:bold;
}


@media screen and (max-width: 769px) {
	/*
	#headerTop {
		display: block;
		background:#fff;
		border-top: none;
		height:auto;
		padding:0px;
	}
	
	#headerTop #site-description{
		color:#333;
	}
	*/
	
	/* 通常のヘッダーを非表示 */
	#header,#headerTop{
		display:none;
	}
	
	/* スマホサイズだけ表示h1 */
	#sp-h1{
		color:#000;
		font-size:12px;
		text-align:left;
		padding:0 0 0 10px;	
	}
	
	/* メニュー下のcontainer余白消す */
	/*
	#main #container {
	  padding-top: 0px;
	}
	*/
	
	
	/* スマホサイズ用(659px以下)メニューを表示 st*/
	#headerArea a{
		width: 33.3%;
		float: left;		
		border-right:solid 1px #003b78;
		border-top:solid 1px #003b78;
		border-bottom:solid 1px #003b78;
		background: url(images/gnavi-bg.gif) repeat-x ;				
		box-sizing: border-box;				
	}	
	
	#headerArea a img{
		width:100%;
		max-width:60px;
		max-height:40px;
		padding:5px 0;
	}
		
	/* スマホサイズ用(659px以下)メニューを表示 en*/
	
	/* メニュー下にシャドウ */
	#headerArea .sp-menu-shadow img{
		width:100%; height:20px;
	}
	
	/*---- ヘッダ固定用st ----*/
	#headerArea{
		position: fixed !important;  
		position: absolute;  
		top: 0;  
		left: 0;  
		width: 100%;  
		height: 52px;  
		background-color: #fff;
		z-index:100;
	}
	
	#gMenu #gMenuInner.innerBox{
  		overflow-y: auto;
 		position: fixed!important;  
		top: 52px;  
		z-index:101;
	}
	
	.itemOpen #gMenuInner.innerBox{
		height: 100%;
	}
	
	/* 開閉メニューが最後尾まで表示されるために必要。ないと最後尾までスクロールしない*/
	#gMenu.itemOpen .menu{
		margin-bottom: 100px;
	}
		
	body{  
	   padding-top: 120px;  
	}  
	/*---- ヘッダ固定用en ----*/
	
	
	/*---- ヘッダのロゴ・地図・インフォ st ----*/
	.sp-header-left {
		width:82%;
		padding:0 10px;
		float:left;		
		box-sizing: border-box;
		
	}
	
	.sp-header-left img{
		width:100%;		
	}
	
	.sp-header-right {
		width:18%;
		padding-right:10px;	
		float:left;	
		box-sizing: border-box;
	}
	
	.sp-header-right img{
		width:100%;		
	}
		
	.sp-header-info img{
		width:100%;	
		padding:0 10px;
		box-sizing: border-box;
	}	
	
	.sp-header-shadow {
		width:100%;
		line-height:100%;
	}
	
	.sp-header-shadow img{
		width:100%;
	}
	
	
	/*---- ヘッダのロゴ・地図、インフォ en ----*/
	
}

/* メイン画像横余白なし用　header.phpに設置　スマホサイズのみ */
#sp-mainimg img{
	width:100%;	
}


@media screen and (min-width: 770px) {
	/* スマホサイズ用(659px以下)ヘッダーを非表示 (.notsp-noneを使って囲んでも良かった)*/
	#headerArea{
		display:none;	
	}
	
	/* スマホサイズ用(659px以下)メイン画像横余白なしを非表示　*/	
	#sp-mainimg{
		display:none;	
	}
}

#headContact{
	padding-top:10px;
}





/*================================*/
/* ロゴst */
/*================================*/

#header #site-title {
	float: left;
	text-align: left;
	padding-top: 35px;
}

/* インフォと2行になってしまう所でロゴを小さく */
@media screen and (max-width: 860px) {
	#header #site-title {
		width:50%;		
	}
}

/* ロゴを小さくする初期設定を無効にする。 */
@media screen and (min-width: 660px) {
	#header #site-title a img {
	  max-height:none;
	}
}



/*================================*/
/* 右上st */
/*================================*/

/* 徒歩○分 */
.migiue_toho{
	font-weight:bold;
	color:#FF9393;
}
	
/* 970以上 */
@media screen and (min-width: 660px) {
	
	/* 970以上で大きめの範囲を準備 */
	#header #headContact{
		float:right;
		margin-left:20px;
		margin-right: 20px;	
	}
	
	#header #headContact #headContactTxt{
		font-size: 14px;
		font-weight: bold;
		text-align: left;
	}
	
	/* 右上インフォボタン */
	.header_info{
		float:right;
		margin-bottom:5px;
		margin-left: 10px;
	}
	
	/* ヘッダー無料相談メール */
	a.header-mail {
		color: #fff;
		line-height:140%;
		background: url(images/header-mail.png) 8px 9px no-repeat;
		background-color: #cbb361;
		padding: 5px 8px 3px 23px;
		float: right;
		text-decoration:none;
		/* border-radius */
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-bottom: 3px solid #b1973e;
	}
	
	a.header-mail:hover{
		color: #fff;
		background-color: #d7c071;
	}
	
	/* ヘッダー簡単ネット予約 */
	a.header-yoyaku {
		color: #fff;
		line-height:140%;
		background: url(images/header-yoyaku.png) 8px 9px no-repeat;
		background-color: #cbb361;
		padding: 5px 8px 3px 23px;
		float: right;
		text-decoration:none;
		/* border-radius */
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-bottom: 3px solid #b1973e;
	}
	
	a.header-yoyaku:hover{
		color: #fff;
		background-color: #d7c071;
	}
	
	/* 電話番号 */
	#header #headContact #headContactTel {
	  font-size: 30px;
	  margin-top:3px;
	  margin-bottom: 3px;
	  color:#cbb361;
	  text-align:left;
	}
	
	
	.migiue_left{
		margin-bottom:5px;
		float:right;
		clear: both;
	}
	
	/* 受付時間 */
	.migiue_time{
		font-size:12px;
		text-align:left;
		line-height:150%;
		float:right;

	}
	
	/* 住所 */
	.migiue_adre{
		width:266px;
		font-size:12px;
		text-align:left;
		line-height:150%;
		float:right;
	}
	
		
	/* 電話番号と受付時間の区切り線（現在は使用していない） */
	.bar01{
		display: block;
		width: 100%;
		height: 1px;
		background-color: #333;
		border: 0;  /*デフォルトデザインでは線がある場合があるので、消しておく。*/
		margin-bottom:10px;
	}
	
	/* 管理画面から出力した受付時間、住所用 */
	#header #headContact #headContactTime {
		float: right;
		font-size: 14px;
		color:#000;
		text-align: left;
		line-height:140%;
		width:100%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	
}


/*---- 地図を見る st ----*/
a.migiue_map {
	font-size: 14px;
	line-height:140%;
	color: #fff;
	background: url(images/map-point.png) 10px 8px no-repeat;
	background-color: #327dff;
	padding: 5px 8px 3px 23px;
	float: right;
	/* border: solid 1px #327dff; */
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 3px solid #327dff;
}

a.migiue_map:hover{
	color: #fff;
	background-color: #15418d;
	text-decoration:none;
}

@media screen and (max-width: 659px) {
	a.migiue_map {
		margin-bottom: 20px;
		float:left;
	}
}

/*---- 地図を見る en ----*/


/*---- 行き方アイコン st ----*/

.access-train{
	font-size: 16px;
	background: url(images/access-train.gif) no-repeat;
	padding: 10px;
    padding-left: 60px;
}

.access-car{
	font-size: 16px;
	background: url(images/access-car.gif) no-repeat;
	padding: 10px;
    padding-left: 60px;
}


/*---- 行き方アイコン en ----*/

/*================================*/
/* 右上en */
/*================================*/
/*=====================================================================*/
/* header部分en */
/*=====================================================================*/



/*=====================================================================*/
/* メニューst */
/*=====================================================================*/

/* メニュー全体の背景画像（左右まで伸びる） */
/* 770以上st */
@media screen and (min-width: 770px) {
	#gMenu {
		background: url(images/gnavi-bg.gif) repeat ;
		/* background: linear-gradient(to bottom, #ffffff 0%,#f6eedf 100%); /*　グラデーション */ 
		border: none;
	}
	
	/* メニューの左線を消す */
	#gMenu .menu{
		border:none;
	}
	
	#gMenu .menu li { 
		text-shadow: 0 1px #676767;			/* 各メニュー文字の下影 */
		box-shadow:none;			/* 各メニューの左線を消す */		
	}
	
	#gMenu .menu li:first-child a {
	  border-left: 1px solid #003b78;	/* １つ目のメニュー項目の左線 */
	}
	
	/* 各メニューの設定　*/
	#gMenu .menu li a {
		/*background: url(images/gmenu_top.jpg) no-repeat;*/
		font-size:15px;
		/* letter-spacing: 0.05em; */
		color: #fff;
		box-shadow: none;
		background:none;
		border-bottom:0px;
		border-right: 1px solid #003b78;
		margin-top:0px;			/* ここでメニューの高さを調整 */
		margin-bottom:0px;		/* ここでメニューの高さを調整 */
		padding:16px 10px 13px;
	
	}
	
	
	/* 各メニューのa部分のホバー設定なしにする */
	#gMenu .menu li a:hover {
		background:none;
	}
	
	/* 各メニューのli部分のホバーを指定 */
	#gMenu .menu li:hover {
		background:none;
		background-color: rgba(255,255,255,0.2);	/* 白透明（光） */
	}
	
	#gMenu .menu li a strong {
		font-weight:normal;
	}
	
	/* プルダウンメニューのマウスカーソル変更 */
	#gMenu .menu li.menu-item-has-children a{
		cursor:default;
	}
	
	/* プルダウンメニューのマウスカーソル変更 */
	#gMenu .menu li li.menu-item a{
		cursor:pointer;
	}
	
	/* 子メニューの効果を解除 */
	#gMenu .menu li li:first-child a {
		border-left:none;	/* １つ目の子メニュー項目の左線を削除 */
	}
	
	/* 子メニュー部分 */
	#gMenu .menu li li a{
		background: #003b78;
		border-right:none;
		border-left:none;
		width:127px;						/* 子メニューの横幅を親メニュー合わせる */
		margin:0px;
		padding: 15px 15px 15px;
		border-bottom:1px solid #327dff;	/* 子メニュー項目の下線 */
	}
	
	/* 子メニューセットの上にある1pxの線を消す */
	#gMenu .menu li:hover ul {
		border-top:none;
		width:157px;
	}
	
	/* 子メニューの横幅を親メニュー合わせる */
	#gMenu .menu li:hover li{
		width:127px;
	}
	
	/* 子メニューを中央寄せ */	
	#gMenu .menu li:hover li a{
		text-align:center;	
	}
	
	/* 子メニューのホバー色 */
	#gMenu .menu li:hover li a:hover	{
		background-color:#327dff;
	}
	
	/* カレント（現在の）ページ関係 */
	#gMenu .menu li.current-menu-item,
	#gMenu .menu li.current-menu-ancestor,
	#gMenu .menu li.current_page_item,
	#gMenu .menu li.current-page-ancestor,
	#gMenu .menu li.current_page_ancestor {
		background-color: rgba(255,255,255,0.2);	/* 白透明（光） */
	}
		
	#gMenu .menu li.current-menu-item > a,
	#gMenu .menu li.current-menu-ancestor > a,
	#gMenu .menu li.current_page_item > a,
	#gMenu .menu li.current-page-ancestor > a,
	#gMenu .menu li.current_page_ancestor > a {
		background:none;
	}
	
	/* 子メニューのカレントページ関係 */
	#gMenu .menu li li.current-menu-item,
	#gMenu .menu li li.current-menu-ancestor,
	#gMenu .menu li li.current_page_item,
	#gMenu .menu li li.current-page-ancestor,
	#gMenu .menu li li.current_page_ancestor {
		background-color:#327dff;
		width:157px;	/* 子メニューの横幅を親メニュー合わせる */
		
	}
	
	
	
	/* カレントページの時、少し横長になるのを解除 */
	/*
	#gMenu .menu li.current_menu_item,
	#gMenu .menu li.current-menu-ancestor,
	#gMenu .menu li.current_page_item,
	#gMenu .menu li.current_page_ancestor,
	#gMenu .menu li.current-page-ancestor { width:189px; }
	*/
}
/* 770以上en */

/* 769以下st */
@media screen and (max-width: 769px) {
 
    /* 開閉アイコン（閉じている時） */
    .assistive-text span:before,
    .itemClose .assistive-text span:before {
        content: "メニューを開く ";
        font-size:16px;
        font-family: "Lato",sans-serif;
        line-height:24px;
    }
 
    /* 開閉アイコン（開いている時） */
    .itemOpen .assistive-text span:before {
        content: "メニューを閉じる ";
        font-size:16px;
        font-family: "Lato",sans-serif;
        line-height:24px;
    }
	
	/* 開閉アイコン（開いている時）下部に閉じるボタン */	
	.itemOpen ul:after {
          display: block;
		  padding: 14px;
		  color: #fff;
		  content: "× メニューを閉じる ";
		  font-size: 14px;
		  font-family: "Lato",sans-serif;
		  line-height: 24px;
		  background: #327dff;
    }
	
	/* 開閉アイコン（開いている時）子リストの後の閉じるボタンは消す・ */	
	.itemOpen ul.sub-menu:after {
          display: none;
    }
	
	/* 開閉アイコン（閉じている時） */
	#gMenu.itemClose .assistive-text span {
		padding: 14px 0 12px 36px;
	  	background: url(images/iconMenuClose.png) left 50% no-repeat;
	}
	
	/* 開閉アイコン（開いている時） */
	#gMenu.itemOpen .assistive-text span {
		padding: 14px 0 12px 36px;
	  	background: url(images/iconMenuOpen.png) left 50% no-repeat;
	}
	
	/* 開閉メニューヘッダ上線 */
	#gMenu {
	  border-top: none;
	  margin-top: -63px;
	}
	
	/* メニューの上線を消す（1本） */
	#gMenu .menu{
		border-top:none;
	}
	
	/* 開閉メニューヘッダ背景色 */
	#gMenu .assistive-text {
		background-color: #338acf;
		display: none;
	}
	
	/* 開閉メニュー項目背景色 */
	#gMenu .menu li {
		background:rgba(209,231,247,0.95); /* opacityを使うと文字まで透明になるためgrbaを使用 */	
	}
	
	/* 開閉メニュー項目下線色 */
	#gMenu .menu li a{
		  border-bottom: 1px solid #9eb6c7;;
	}
	
	/* 開閉メニュー項目ホバー＆カレント */
	#gMenu .menu li.current_page_item > a, #gMenu .menu li.current-menu-item > a, #gMenu .menu li > a:hover {
		background: url(images/arrow_bk.png) right bottom no-repeat;
		background-color:rgba(255,255,255,0.5);	/* opacityを使うと文字まで透明になるためgrbaを使用 */	
	}
	
	/* 開閉メニュー文字色 */
	#gMenu .menu li a {
		color: #000;
		text-shadow:none;
		font-weight:normal;
	}
	
	/* 開閉メニュー子リスト */
	#gMenu .menu li li a{
		padding-left:40px;	
		padding-top:16px;
		padding-bottom:14px;
	}
	
}

/* 769以下en */

/*=====================================================================*/
/* メニューen */
/*=====================================================================*/


/*=====================================================================*/
/* トップページst */
/*=====================================================================*/


/* トップメインバナーまわり */

#topMainBnr{
	background:#8C3533;
	padding: 0;
	box-shadow:none;
	border-bottom: 2px solid #6C2C2B;
}

#topMainBnrFrame{ 
	box-shadow: none;
	border: none;
}


/*

#topMainBnr { box-shadow:inset 1px 1px 3px rgba(0,0,0,0.3);border-bottom:2px solid #0f0; }
#topMainBnr {
    background:transparent;
    box-shadow: none;
    border-bottom: none;	
	padding: 0;
}
*/
/* トップメインバナー枠装飾 */
/*
#topMainBnrFrame .slideFrame	{ border:4px solid #00f; display:block; overflow:hidden;position:relative; }
*/

/*　スマホ専用予約ボタン　*/
.b-yoyaku-top a{
	font-size: 18px;
	color: #fff;
	background:#327dff;
	width:100%;
	display: block;
	position: relative;
	text-align:center;
	padding:10px 0;
	text-decoration: none;
	letter-spacing: 1px;
	border-bottom: 5px solid #CA6100;
	
	/* border-radius */
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}

.b-yoyaku-top a:hover{
	color: #fff;
	opacity: .60;	
}

/*　左に矢印のアンサー　*/
#content .arrow-answer{
	font-size: 18px;
	color: #47a6ff;
	background: url(images/arrow-big.png) 0px 3px no-repeat;
	padding-left:25px;
	margin-left: 5px;
}

/*ニュースリスト*/
dl.list {
	margin:0;
	padding:0;	
}

dl.list dt {
	margin:0;
	padding:0;
	float:left;
	width:8em;
}

dl.list dd {
	margin:0;
	padding:0;
	margin-left:0;
	padding-left:8em;
}

/*----　症状一覧（イラスト付き）st　----*/
#content .sylist-set{
	min-height:92px;
	overflow:hidden;
}

#content .sylist-left{
	float:left;
	width:55%;
	min-height:92px;
	padding-left: 161px;
    padding-top: 8px;
	margin-bottom:8px;
	box-sizing: border-box;
	
}

#content .sylist-right{
	float:left;
	width:45%;
	min-height:92px;
	padding-left:91px;
	padding-top: 8px;
	margin-bottom:8px;
	box-sizing: border-box;
}

#content .sylist-set ul li{
	list-style:none;
	background: url(images/arrow-right.png) 0px 2px no-repeat;
	margin:0;
	padding-left:20px;
}

#content .sylist-set ul li a{
	text-decoration:none;
}

#content .sylist-set ul li a:hover{
	text-decoration:underline;
}

/* 各部位の背景画像を設定 */

#content .sylist-bg01{
	background: url(images/sylist-bg01.gif) 0px 0px no-repeat #fff8eb;
}

#content .sylist-bg02{
	background: url(images/sylist-bg02.gif) 0px 0px no-repeat #fff8eb;
}

#content .sylist-bg03{
	background: url(images/sylist-bg03.gif) 0px 0px no-repeat #fff8eb;
}

#content .sylist-bg04{
	background: url(images/sylist-bg04.gif) 0px 0px no-repeat #fff8eb;
}

#content .sylist-atama{
	background: url(images/sylist-atama.gif) 70px 8px no-repeat;
}

#content .sylist-kubi{
	background: url(images/sylist-kubi.gif) 0px 8px no-repeat;
}

#content .sylist-kata{
	background: url(images/sylist-kata.gif) 70px 8px no-repeat;
}

#content .sylist-se{
	background: url(images/sylist-se.gif) 0px 8px no-repeat;
}

#content .sylist-koshi{
	background: url(images/sylist-koshi.gif) 70px 8px no-repeat;
}

#content .sylist-ude{
	background: url(images/sylist-ude.gif) 0px 8px no-repeat;
}

#content .sylist-ashi{
	background: url(images/sylist-ashi.gif) 70px 8px no-repeat;
}


@media screen and (max-width: 769px) {
	#content .sylist-set{
		background:#fff8eb;
		overflow:hidden;
	}
	
	#content .sylist-left{
		float:left;
		width:100%;
		background-position:0px 8px;
		
		-webkit-background-size: 60px;
		-o-background-size: 60px;
		background-size: 60px;
		
		min-height:70px;
		padding-top: 8px;		
		padding-left:70px; 
		box-sizing: border-box;
		
	}
	
	#content .sylist-right{		
		border-top:solid 5px #fff;
		float:left;
		width:100%;
		
		-webkit-background-size: 60px;
		-o-background-size: 60px;
		background-size: 60px;
		
		min-height:75px;	/*border-top:5px分 leftより高い */  
		padding-top: 8px;		
		padding-left:70px;
		box-sizing: border-box;
	}
	

	#content .sylist-set ul li{
		list-style:none;
		background: none;
		margin:0;
		padding-left:0px;
		margin-bottom:15px;
		margin-right: 5%;
		width: 45%;
		float: left;
	}
	
	#content .sylist-set ul li a{
		color:#fff;
		text-decoration:none;
		background-color:#327dff;
		padding:10px 5px 10px 10px;
		display:block;
		
		/* border-radius */
		border-radius:8px;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		border-bottom: 2px solid #327dff;
	}
	
	#content .sylist-set ul li a:hover{
		text-decoration:none;
		background-color:#15418d;
	}
}

/*----　症状一覧（イラスト付き）en　----*/


/*----　症状一覧02（イラスト付き）st　----*/
#content .sylist02-waku{
	background-color:#fff8eb;
	box-sizing:border-box;
	border:1px solid #e4d9c6;
	min-height:70px;
	padding-right:10px;
	padding-bottom:10px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

#content .sylist02-atama{
	background: url(images/sylist02-atama.jpg) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-kubi{
	background: url(images/sylist02-kubi.jpg) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-kata{
	background: url(images/sylist02-kata.jpg) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-ude{
	background: url(images/sylist02-ude.jpg) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-se{
	background: url(images/sylist02-se.jpg) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-koshi{
	background: url(images/sylist02-koshi.jpg) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-ashi{
	background: url(images/sylist02-ashi.jpg) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-etc{
	background: url(images/sylist02-etc.jpg) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-pickup{
	background: url(images/sylist02-pickup.gif) 0px 0px no-repeat #fff8eb;
}

#content .sylist02-waku ul{
	margin:10px 0px 0px 190px;
}

#content .sylist02-waku ul li{
	font-size:18px;
	line-height:150%;
	list-style:none;
	background: url(images/arrow-right.png) 0px 6px no-repeat;
	margin:0;
	padding-left:20px;
}

#content .sylist02-waku ul li a{
	text-decoration:none;
}

#content .sylist02-waku ul li a:hover{
	text-decoration:underline;
}

/* リンクがない場合は、arrow消す */
#content .sylist02-waku ul li.no{
	background: url(images/arrow-sylist-no.png) 0px 5px no-repeat;
}

@media screen and (max-width: 769px) {
	 #content .sylist02-atama,#content .sylist02-kubi,#content .sylist02-kata,#content .sylist02-ude
	,#content .sylist02-se,#content .sylist02-koshi,#content .sylist02-ashi,#content .sylist02-etc,#content .sylist02-pickup{
		background-size:80px;
		background-position:0px 0px;
	}
	
	#content .sylist02-waku ul{
		margin:10px 0px 0px 100px;
	}
	
	#content .sylist02-waku ul li{
		margin-bottom:20px;
	}
}

#content .sylist02-col3{
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
}

@media screen and (max-width: 769px) {
	#content .sylist02-col3{
		float: left;
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		padding:5px;
	}	
}

#content .sylist02-col2{
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
	padding-bottom:10px;
}
@media screen and (max-width: 769px) {
	#content .sylist02-col2{
		float: left;
		width: 50%;
		text-align: center;
		box-sizing: border-box;
		padding:5px;
	}	
}


/*----　症状一覧02（イラスト付き）en　----*/

/*----　症状一覧03（部位分けなし）st　----*/
#content .sylist03-waku{
	background: url(images/sylist03-bg.png) bottom right 15px no-repeat #fff8eb;
	box-sizing:border-box;
	border:1px solid #e4d9c6;
	min-height:70px;
	padding-right:10px;
	padding-bottom:10px;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

#content .sylist03-waku ul{
	margin:20px 0px 0px 20px;	
}

#content .sylist03-waku ul li{
	font-size:18px;
	line-height:150%;
	list-style:none;
	background: url(images/arrow-big-right.png) 0px 5px no-repeat;
	margin:0;
	padding-left: 35px;
    padding-top: 5px;
    margin-bottom: 10px;
}

/*----　症状一覧03（部位分けなし）en　----*/

/* アコーディオンst */
.ac-container{
    width: auto;
}
.ac-container label{
    width: 90%;
    background: #ffe9eb;
    margin: auto;
    padding: 10px 10px;
    position: relative;
    display: block;
    cursor: pointer;
    color: #333;
}
.ac-container label:hover{
    background: #ffe9eb;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ac-container label:after{
 color: #333;
    font-family:"FontAwesome";
}
.ac-container input:checked ~ label::after {
 color: #333;
   font-family:"FontAwesome";
}
.ac-container input{
   display: none;
}
.ac-container div{
   background: rgba(255, 255, 255, 0.5);
   margin-top: -1px;
   overflow: hidden;
   height: 0px;
   position: relative;
   z-index: 10;
   transition: 
   height 0.3s ease-in-out, 
   box-shadow 0.6s linear;
}
.ac-container input:checked ~ div{
   transition: 
   height 0.5s ease-in-out, 
   box-shadow 0.1s linear;
}
.ac-container div p{
}
/* 高さの定義 */
.ac-container input:checked ~ div.ac-small{
	    background: #ffe9eb;
   height: auto;
	padding: 20px;
}
.ac-container input:checked ~ div.ac-medium{
   height: 200px;
}
.ac-container input:checked ~ div.ac-large{
   height: 300px;
}

/* アコーディオンen */

/*----　○秒でわかる関連st　----*/
#content .wakaru-box{
	box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 3%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	overflow:hidden;
}

#content .wakaru-left{
	width:63%;
	float:left;	
}

#content .wakaru-right{
	width:37%;
	float:left;
	text-align:right;
}

#content .wakaru-txtbig{
	font-size:40px;
	line-height:110%;	
}

@media screen and (max-width: 769px) {
	#content .wakaru-txtbig{
		font-size:20px;
		line-height:110%;	
	}
}

#content .wakaru-box ul li{
	margin:0;
}


/*----　○秒でわかる関連en　----*/


/*----　ボックス(雑誌、セミナーなど)st　----*/
.col2-box{
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}

.col2-boxline{
	width: 95%;
	margin:auto;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding:10px 20px 0px;
	
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

@media screen and (max-width: 769px) {
	.col2-box{
		width: 100%;
		margin-bottom:20px;
	}
}


/*----　ボックス(雑誌、セミナーなど)en　----*/

/*----　ボックス(資格、表彰など)st　----*/
.col3-boxline{
	overflow:hidden;
	padding-top:10px;
	border:solid 1px #ccc;
	
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.col3-box{
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
	padding:0 5px;
}

@media screen and (max-width: 769px) {
	.col3-box{
		width: 100%;
	}
}
/*----　ボックス(資格、表彰など)en　----*/


/*=====================================================================*/
/* トップページen */
/*=====================================================================*/



/*=====================================================================*/
/* ポイントページ（特徴・強みなど） */
/*=====================================================================*/
#content .point-star{
	font-size: 18px;
	font-weight:bold;
	background: url(images/point_star.gif) no-repeat;
	padding-left: 35px;
	padding-top: 3px;
	margin-top: 35px;
}

/*=====================================================================*/
/* サイトマップst */
/*=====================================================================*/
#content ul.linkList li{
	font-size:14px;
}

#content ul.linkList li a{
	color: #333;
	background: url(images/arrow-right.png) left 8px  no-repeat;
	  padding: 5px 20px;
}

#content ul.linkList li a:hover {
	color: #333;
}

#content #sitemapPostList h5 a{
	color: #333;
}

#content ul.linkList li li a{
	color: #333;
	background: url(images/icon_arrow_bk.png) left 11px  no-repeat;
	  padding: 5px 15px;
}


/*=====================================================================*/
/* お客様の声st 画面サイズが小さくなっても2カラム維持（画像が小さくなっていく）*/
/*=====================================================================*/

.parent {
	width:100%;
	overflow: hidden;
}


.child1 {
	float: left;
	width: 20%;
	max-width:80px;
	min-width:50px;
	
}

.child1 img{
	width:100%;
	max-width:150px;
	margin-bottom:5px;
}

.child2 {
	padding-left:10px;
	overflow: hidden;
}


/*=====================================================================*/
/* メニュー料金表2カラム
/*=====================================================================*/

.parent-price {
	width:100%;
	overflow: hidden;
}

/*　左に画像　右にテキスト　*/
.child1-price {
	float: left;
	width: 50%;
	max-width:264px;
	min-width:50px;
	
}

.child1-price img{
	width:100%;
	max-width:264px;
}

.child2-price {
	padding-left:10px;
	overflow: hidden;
}


/*　左にテキスト　右に画像　*/
.child1-price2 {
	float:right;
	width: 50%;
	max-width:264px;
	min-width:50px;
	
}

.child2-price2 {
	float: left;
	width: 50%;
	overflow: hidden;
}

@media screen and (max-width: 659px) {
	/*　左に画像　右にテキスト　*/
	.child1-price {
		width: 100%;
		float:none;
		max-width:264px;
		margin: auto;	
	}
	
	/*　左にテキスト　右に画像　*/
	.child1-price2 {
		width: 100%;
		float:none;
		max-width:264px;
		margin: auto;	
	}
	
	.child2-price2{
		width: 100%;
	}


}


/*=====================================================================*/
/* 投稿ページ st */
/*=====================================================================*/

/* 投稿・お知らせタイトル */
#content h1.entryPostTitle{
	clear: both;
	font-size: 32px;
	line-height: 140%;
	padding: 0px 0px 15px;
	font-weight: bold;
	color: #333;
	text-shadow:none;
	background:none;
	box-shadow:none;
	border:none;
	border-bottom: none;
}

@media screen and (max-width: 659px) {
	#content h1.entryPostTitle{
		font-size: 20px;
		line-height: 140%;
	}
}

.ctabox{
	background: none repeat scroll 0 0 #fff;
	overflow: hidden;
	border: 7px solid #dfdfdf;
	padding: 30px 48px 34px;
	overflow: hidden;
	font-size:13px;
	color:#444;
	margin:30px 40px;
}

.cta_button {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 80px;
  border: 1px solid #018dc4;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font: normal normal normal 16px/normal "Courier New", Courier, monospace;
  color: rgba(255,255,255,0.9);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(252,151,0,0.81);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;
  -webkit-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}

#content .post-cta {
    margin: 0;
	padding-bottom:30px;
    background: none repeat scroll 0% 0% #F5F5F5;
    color: #383838;
    border-top: 3px solid #327dff;
	border-bottom:1px solid #cccccc;
}

#content .post-cta h4.cta-post-title {
    padding: 30px 45px;
    text-align: center;
    font-size: 18px;
	line-height:150%;
	margin-top: 0px;
    margin-bottom: 14px;
    border-bottom: 1px solid #cccccc;
	background:none;
	border-left:none;
	text-shadow:none;
}

#content .post-cta .post-cta-btn a {
    background: none repeat scroll 0% 0% #5ACE5F;
    color: #FFF;
    border-radius: 3px;
    border-bottom: 5px solid #38BD3E;
    display: block;
    padding: 15px 10px;
    text-align: center;
    text-decoration: none;
    width: 60%;
    margin: 0px auto 20px;
}

#content .post-cta .post-cta-inner {
    padding: 20px 20px 0 20px;
}

#content .post-cta p {
    margin-bottom: 0em;
    line-height: 1.8em;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* フッター問い合わせボックスの上マージンを背景色で埋めるために定義 */
#content .cta-contactbox{
	padding-top:1px;
	background:#F5F5F5;
}

/* 投稿単体ページの横幅を600pxに */
#content .hentry{
	max-width:600px;
	display:block;
	margin:auto;
}


/*=====================================================================*/
/* よくある質問st */
/*=====================================================================*/

/* Ｑリスト */
#content ul.qalist{
	list-style:none;
	margin:0;
}

#content ul.qalist li {
	list-style:none;
	margin-bottom: 15px;
	background: url(images/qaIconQ.gif) left top no-repeat;
	padding-left: 32px;
	padding-bottom:5px;
	border: none;
}

#content #q01,#content #q02,#content #q03,#content #q04,#content #q05,#content #q06,#content #q07,#content #q08,#content #q09,
#content #q10,#content #q11,#content #q12,#content #q13,#content #q14,#content #q15,#content #q16,#content #q17,#content #q18,
#content #q19,#content #q20,#content #q21,#content #q22,#content #q23,#content #q24,#content #q25,#content #q26,#content #q27,
#content #q28,#content #q29,#content #q30{
	margin-top: -50px; /* リンク位置上昇分 */
    padding-top: 50px; /* 上昇分を戻す分 */
}

@media screen and (max-width: 769px){
	#content #q01,#content #q02,#content #q03,#content #q04,#content #q05,#content #q06,#content #q07,#content #q08,#content #q09,
	#content #q10,#content #q11,#content #q12,#content #q13,#content #q14,#content #q15,#content #q16,#content #q17,#content #q18,
	#content #q19,#content #q20,#content #q21,#content #q22,#content #q23,#content #q24,#content #q25,#content #q26,#content #q27,
	#content #q28,#content #q29,#content #q30{
		margin-top: -110px; /* リンク位置上昇分 */
		padding-top: 110px; /* 上昇分を戻す分 */
	}
}

#content dl.qaItem {	/* 区切り点線の変更 */
	border-bottom: 1px dashed #ccc;
}

/* アイコンの変更「Ｑ」 */
#content dl.qaItem dt {
	background: url(images/qaIconQ.gif) left top no-repeat;
	
}

/* アイコンの変更「Ａ」 */
#content dl.qaItem dd {
	background: url(images/qaIconA.gif) left top no-repeat;
	padding-bottom:5px;
}


/*=====================================================================*/
/* メイン共通部分st */
/*=====================================================================*/


/* サイドの位置を調整 */
@media screen and (min-width: 970px){
	#main .innerBox{
	  width: 910px;
	  margin: 0px auto;
	}
}

/* メインボタンst ------------- */

a.main-b{
	font-size: 16px;
	color: #fff;
	font-weight:bold;
	display: inline-block;
	box-sizing:border-box;
    min-width:350px;
	max-width:450px;
	background-color: #327dff;
	padding: 15px 25px 20px;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 5px solid #327dff;
}

a.main-b:before{
	content : url(images/arrow-main-b.png) ;
	position: relative;
    top: 6px;
	padding-right:10px;
}

a.main-b:hover{
	color: #fff;
	background-color: #15418d;
	text-decoration:none;
}

/* メインボタン659以下は横幅% */
@media (max-width: 659px){
	a.main-b{
		line-height:130%;
		width: 100%;		
		min-width:0px;
		padding: 15px 15px 20px;
	}
}

/* メインボタンen ------------- */

/* メインボタン緑st ------------- */

a.main-b-biggreen{
	font-size: 16px;
	color: #fff;
	font-weight:bold;
	display: inline-block;
	box-sizing:border-box;
   	min-width:350px;
	max-width:450px;
	background-color: #cbb361;
	padding: 15px 25px 20px;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 5px solid #b1973e;
}

a.main-b-biggreen:before{
	content : url(images/arrow-main-b.png) ;
	position: relative;
    top: 6px;
	padding-right:10px;
}

a.main-b-biggreen:hover{
	color: #fff;
	background-color: #d7c071;
	text-decoration:none;
}

/* メインボタン659以下は横幅% */
@media (max-width: 659px){
	a.main-b-biggreen{
		line-height:130%;
		width: 100%;		
		min-width:0px;
		padding: 15px 15px 20px;
	}
}

/* メインボタンスモール(詳しく見る等)st ------------- */

a.main-b-s{
	color: #fff;
	display: inline-block;
	box-sizing:border-box;
	background-color: #327dff;
	padding: 5px 10px 3px;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 3px solid #327dff;
}

a.main-b-s:hover{
	color: #fff;
	background-color: #15418d;
	text-decoration:none;
}

/* メインボタンスモール(詳しく見る等)en ------------- */

/* メインリスト */
#content ul,#content ol{
	margin:0px 0px 0px 25px
}


/* メインリスト（星） */
#content ul.main-star {
	margin:0;
}

#content ul.main-star li {
    font-size: 21px;
	line-height: 140%;
    font-weight: bold;
    list-style: none;
    background: url(images/main-star.gif) no-repeat;
    background-position: top left;
    padding-left: 48px;
    padding-top: 8px;
    padding-bottom: 10px;
}

/* 検索ボタンst */
#filterBtn{
    margin: auto;
    font-size: 16px;
	color: #fff;
	font-weight:bold;
	display: inline-block;
	box-sizing:border-box;
    min-width:350px;
	max-width:450px;
	background-color: #327dff;
	padding: 15px 25px 20px;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
    border: none;
	border-bottom: 5px solid #1f62d7;
}

#filterBtn:hover{
	color: #fff;
	background-color: #478bff;
	text-decoration:none;
}
/* 検索ボタンen */

/* ページタイトルの背景色を設定 */
#pageTitBnr{
	color:#FFF;
	background:#e9effb;
	box-shadow:none;
	border-bottom:none;
}

/* ページタイトルを太字に影消す */
#pageTitBnr #pageTitInner #pageTit {
	font-size:32px;
	color:#000;
	padding:25px 0;
	text-shadow:none;
	background: #e9effb;
	margin:0;
}

/* 共通の背景色を設定 */
body.custom-background{
	background:#fff;
}

/* スマホサイズの場合はヘッダ部分と「ページ上部へ」帯部分を含めて画像・色の設定 */
@media screen and (max-width: 769px) {
	body.custom-background{
		background:#fff;
	}
}


@media screen and (max-width: 659px) {
	#pageTitBnr #pageTitInner #pageTit {
		background:#e9effb;
	}
}





/* 共通の背景色を設定 */

#main {
	background-color:#fff;
	height: auto;
}

#content p{
	padding:0;
}

/*--- 全体フォント(文字)サイズ変更st ---*/
p,dt,dd,li,tr,td:not(class) {
	font-size: 16px;
	line-height: 26px;
}

#content .col2-01r{
	font-size: 16px;
	line-height: 26px;
}
/*--- 全体フォント(文字)サイズ変更en ---*/

/* 970px以上は枠950pxと影を付ける */
@media screen and (min-width: 970px) {
	#main {
		width: 910px;
		padding: 0px 20px;
	}
}

@media screen and (min-width: 970px) {
	#main #container #content {
		width: 640px;
	}
}

#main #container #content .textwidget img.posi-center{
	/* 画像をボックス要素にして中央揃え */
	display: block;
	margin:auto;
}

/* 問合せやサイトマップは横長にする */
@media screen and (min-width: 659px) {
	#main #container #content.wide{
		width:95%;
	}
}

#content .textwidget p.padclear{
	padding:0px;	/* デフォルトにある「padding: 0px 5px;」を解除 */
}

/*=====================================================================*/
/* メイン共通部分en */
/*=====================================================================*/


/*=====================================================================*/
/* 各症状ページ st */
/*=====================================================================*/
#content .sym-catch{
	font-size:32px;
	line-height:140%;
	font-weight:bold;
	margin-bottom:10px;
}

@media screen and (max-width: 769px) {
	#content .sym-catch{
		font-size:20px;
	}
}

#content .sym-catch-sub{
	font-size:16px;
	line-height:140%;
	font-weight:bold;
}



/*=====================================================================*/
/* 各症状ページ en */
/*=====================================================================*/



/*=====================================================================*/
/* 特徴ページ st */
/*=====================================================================*/

/* 特徴のタイトルポイント */
#content h3.point01{
	background: url(images/point01-point.gif) no-repeat;
}

#content h3.point02{
	background: url(images/point02-point.gif) no-repeat;
}

#content h3.point03{
	background: url(images/point03-point.gif) no-repeat;
}

#content h3.point04{
	background: url(images/point04-point.gif) no-repeat;
}

#content h3.point05{
	background: url(images/point05-point.gif) no-repeat;
}

#content h3.point06{
	background: url(images/point06-point.gif) no-repeat;
}

#content h3.point07{
	background: url(images/point07-point.gif) no-repeat;
}

#content h3.point08{
	background: url(images/point08-point.gif) no-repeat;
}

#content h3.point09{
	background: url(images/point09-point.gif) no-repeat;
}

#content h3.point01,#content h3.point02,#content h3.point03,#content h3.point04,#content h3.point05,#content h3.point06,#content h3.point07,#content h3.point08,#content h3.point09{
	font-size:26px;
	line-height:120%;
	font-weight:bold;
	padding-left: 60px;
	padding-top: 35px;
	padding-bottom:15px;
	margin-top: 35px;
	border-bottom:solid 2px #ffd824;
}

@media screen and (max-width: 769px) {
	#content h3.point01,#content h3.point02,#content h3.point03,#content h3.point04,#content h3.point05,#content h3.point06,#content h3.point07,#content h3.point08,#content h3.point09{
		background:none;
		padding-left: 0px;
	}
}



/*=====================================================================*/
/* 特徴ページ en */
/*=====================================================================*/

/* 投稿一覧のタイトル */
#content h1.contentTitle{
	font-size:26px;
	font-weight:normal;
	text-shadow:none;
	line-height: 140%;
	max-width:600px;
	display:block;
	margin:auto;	
	background:#e9effb;
	padding:22px 14px;	
	border: 1px solid #327dff;
	border-left: 9px solid #327dff;	
	
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-sizing: border-box;
}

.tax-voice-cat #content h1.contentTitle,
.tax-beforeafter-cat #content h1.contentTitle {
	margin-top:40px;	
}

/* 投稿一覧の各投稿の上下間隔調整 */
#content .infoList .infoListBox{
	padding: 40px 0px;
}

/* 患者様の声の吹き出しタイトル。全体用st */
.post-type-archive-voice #content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
	position: relative;
	background: #E5EFBC;
	border: none;
	padding: 20px 15px;
	margin-bottom:15px;
	
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.post-type-archive-voice #content .infoList .infoListBox div.entryTxtBox h4.entryTitle:after,
.post-type-archive-voice #content .infoList .infoListBox div.entryTxtBox h4.entryTitle:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.post-type-archive-voice #content .infoList .infoListBox div.entryTxtBox h4.entryTitle:after {
	border-top-color: #E5EFBC;
	border-width: 27px;
	left: 46px;
}
.post-type-archive-voice #content .infoList .infoListBox div.entryTxtBox h4.entryTitle:before {
	border-top-color: #fff;
	border-width: 30px;
	left: 43px;
}
/* 患者様の声の吹き出しタイトル。全体用en */

/* 患者様の声の吹き出しタイトル。施術箇所ごと用st */
.tax-voice-cat #content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
	position: relative;
	background: #E5EFBC;
	border: none;
	padding: 20px 15px;
	margin-bottom:15px;
	
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.tax-voice-cat #content .infoList .infoListBox div.entryTxtBox h4.entryTitle:after,
.tax-voice-cat #content .infoList .infoListBox div.entryTxtBox h4.entryTitle:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.tax-voice-cat #content .infoList .infoListBox div.entryTxtBox h4.entryTitle:after {
	border-top-color: #E5EFBC;
	border-width: 27px;
	left: 46px;
}
.tax-voice-cat #content .infoList .infoListBox div.entryTxtBox h4.entryTitle:before {
	border-top-color: #fff;
	border-width: 30px;
	left: 43px;
}
/* 患者様の声の吹き出しタイトル。施術箇所ごと用en */

/* 患者様の声の吹き出しタイトル。トップページ＆固定ページ用（ショートコードでの呼び出し）st */
#content .voice-block h4.entryTitle {
	position: relative;
	background: #E5EFBC;
	border: none;
	padding: 20px 15px;
	margin-bottom:15px;
	
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
#content .voice-block h4.entryTitle:after, #content .voice-block h4.entryTitle:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#content .voice-block h4.entryTitle:after {
	border-top-color: #E5EFBC;
	border-width: 27px;
	left: 46px;
}
#content .voice-block h4.entryTitle:before {
	border-top-color: #fff;
	border-width: 30px;
	left: 43px;
}
/* 患者様の声の吹き出しタイトル。トップページ＆固定ページ用（ショートコードでの呼び出し）en */


/* 患者様の声一覧の施術箇所を寄せ */
.post-type-archive-voice #content .infoCate,
.tax-voice-cat #content .infoCate,
#content .voice-block .infoCate
{
	float:right;
}

/*---- 患者様の声単体 st ----*/
#content .voice-left,.wp-editor .voice-left{
	float:left;
	width:25%;
	text-align:center;
	clear:both;
}

#content .voice-right,.wp-editor .voice-right{
	float:left;
	width:75%;
	padding-left:20px;
	box-sizing: border-box;　
}

#content .voice-set,.wp-editor .voice-set{
	margin-top:20px;
}

/* ソーシャルボタンの回り込み解除クリア */
.wp_social_bookmarking_light{
	clear:both;
}

/*---- 患者様の声単体 en ----*/


/* 投稿一覧のタイトルボタン関係 */
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle a{
	color: #333;
	text-decoration:none;
	font-size:18px;
	line-height:140%;
}

/* 投稿一覧のタイトル下のグレー線削除　*/
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
	border-bottom:none;
}

/* 投稿一覧のタイトルホバー関係　*/
#content .infoList .infoListBox div.entryTxtBox h4.entryTitle a:hover{
	color: #327dff;
	text-decoration:none;
}

/* 投稿一覧のカテゴリボタン Aパターン
#content .infoList .infoCate a {
	color: #fff;
    font-size: 12px;
    border: none;
    padding: 3px 8px 2px;
    top: -1px;
    background-color: #327dff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-bottom: 1px solid #327dff;
}*/

/* 投稿一覧のカテゴリボタンhover Aパターン
#content .infoList .infoCate a:hover {
	background-color: #15418d;
}*/

/* 投稿一覧のカテゴリボタン Bパターン*/
#content .infoList .infoCate a {
	color: #327dff;
    font-size: 14px;
	text-decoration:underline;
    border: none;
    padding: 3px 8px 2px;
    top: -1px;
    background-color:#FFF;
}

/* 投稿一覧のカテゴリボタンhover Bパターン*/
#content .infoList .infoCate a:hover {
	color: #327dff;
	text-decoration:none;
	background-color:#FFF;
}

/* 投稿一覧のテーブル */
#content .infoList table tr td{
	border: 1px solid #F9F7EF;
	background-color:#F9F7EF;
}

/* 投稿一覧のテーブル内img */
#content .infoList table tr td img{
	border: 1px solid #CCC;
	padding:2px;
	background-color: #fff;
}

/* 投稿一覧のアイキャッチ枠 */
#content .infoList .infoListBox div.thumbImage div.thumbImageInner img{
	width: 105px;
    height: auto;
    border: 1px solid #CCC;
    padding: 2px;
	box-shadow:none;
}

/* 投稿詳細の左右1pxのpaddingを消す。 */
#content .entry-content{
	padding:0;
}

/* 投稿のAuthor ProfileのLatest entriesの日付文字色 */
#content #padSection #latestEntries ul li .padDate {
	color:#333;
}

/* 投稿のAuthor ProfileのLatest entriesのカテゴリボタン背景色 */
#content #padSection #latestEntries ul li a:hover.padCate {
	background-color: #327dff;
}

/* 投稿の投稿日など */
#content .entry-meta {
	font-size: 12px;
}

/* 投稿単体のカテゴリボタン 
#content .tags a {
	color: #fff;
    font-size: 12px;
    border: none;
	text-decoration:none;
    padding: 3px 8px 2px;
    top: -1px;
    background-color: #327dff;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-bottom: 1px solid #327dff;
}*/

/* お知らせ一覧のタイトルボタン関係 */
#content .infoList ul li .infoTxt a{
	color: #327dff;
	text-decoration:underline;
}

/* お知らせ一覧のタイトルホバー関係 */
#content .infoList ul li .infoTxt a:hover{
	color: #327dff;
	text-decoration:none;
}

/* お知らせの日付文字色 */
#content .infoList .infoDate {
	color:#333;
}

/* お知らせの「次へ」「戻る」のリンク色 */
.navigation a:link, .navigation a:visited{
	color: #327dff;
	text-decoration:underline;
}

/* お知らせの「次へ」「戻る」のリンクホバー色 */
.navigation a:hover{
	color: #327dff;
	text-decoration:none;
}

/* 患者様の声pタグ */
#content .infoList .infoListBox div.entryTxtBox p{
	margin-bottom: 20px;
}

/*------------------ 患者様の声の左側の画像に枠線を付ける。st ------------------*/

/*　左側の画像全部に枠線を付ける　*/
#content .voice-left img,.wp-editor .voice-left img{
	padding: 3px;
	border: 1px solid #999;
	background: #fff;
	margin-top:3px;
	margin-bottom:5px; 
	box-sizing: border-box;
}

/*　「↑クリックで拡大」の文字を黒にしてリンク下線を消す　*/
#content .voice-left a,.wp-editor .voice-left a{
	color:#333;
	text-decoration:none;
}

/*　リンクがある時に「↑クリックで拡大」をつける。　*/
#content .voice-left a:after,.wp-editor .voice-left a:after{
	content: "↑クリックで拡大";
	display:block;
	margin-bottom:20px;
}

/*　カスタム投稿一覧のアンケート拡大ボタンだけ枠線消す。　*/
#content .infoList .infoListBox div.entryTxtBox .b-anke
{
    border: none;
    padding: 0;
    background-color: transparent;
}

/*　トップページ、固定ページ、投稿単体部分のアンケート拡大ボタンだけ枠線消す。　*/
#content .voice-left img.b-anke
{
    border: none;
    padding: 0;
    background-color: transparent;
}

/*------------------ 患者様の声の画像に枠線を付ける。en ------------------*/

/* ビフォーアフター一覧のメニューを寄せ */
.post-type-archive-beforeafter #content .infoCate,
.tax-beforeafter-cat #content .infoCate,
#content .beforeafter-block .infoCate {
	float:right;
}

/* ビフォーアフターの数値左右st */
.ba-data-set{
    margin-top: 10px;
}

.ba-data-left{
	width:40%;
	float:left;	
	color:#ff6262;
}

.ba-data-left p{
	margin-bottom:0 !important	
}

.ba-data-center{
	width:20%;
	float:left;
	min-height:1px;
}

.ba-data-right{
	width:40%;
	float:left;	
	color:#2f9bf3;	
}

.ba-data-right p{
	margin-bottom:0 !important	
}

/* ビフォーアフターの数値左右en */


/* ビフォーアフターの写真 左側中央右側st */
.ba-photo-left{
	width:40%;
	float:left;	
}

.ba-photo-center{
	width:20%;
	float:left;
}

.ba-photo-right{
	width:40%;
	float:left;	
}

.ba-photo-left img{
	width:100%;
	border:solid 5px #ff6262;
	box-sizing:border-box;
}

.ba-photo-center img{
	width:100%;
}

.ba-photo-right img{
	width:100%;
	border:solid 5px #31a0fe;
	box-sizing:border-box;
}

.ba-txtbig{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #2D9EFC;
	line-height: 120% !important;	
	margin-bottom:0 !important;	
	word-break: break-all;
}

@media screen and (max-width: 769px) {
	.ba-txtbig{
		font-size: 14px;
	}
}
	

/* ビフォーアフターの写真 左側中央右側en */


/* ビフォーアフターの記事タイトル（全体用、施術箇所ごと用、トップページ＆固定ページ用*/
.post-type-archive-beforeafter #content .infoList .infoListBox div.entryTxtBox h4.entryTitle,
.tax-beforeafter-cat #content .infoList .infoListBox div.entryTxtBox h4.entryTitle,
#content .beforeafter-block h4.entryTitle
{
	border-bottom: none;
    background: #E5EFBC;
    padding: 10px;
    border: none;
    text-shadow: none;	
	
	border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}

/*　ページング行間　*/
.paging{
	line-height: 5;
}

/*　ページング色　*/
.paging span.current, .paging a:hover {
	background-color: #327dff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.paging span, .paging a {
	color: #327dff;
	padding: 14px 18px;
	border: 1px solid #327dff;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

/* お問い合わせフォームの確認チェックボタン　*/
label.kakunin-box{
	width:200px;
	display:block;
	background-color:#eee;
	padding-top:5px;
}

/* お問い合わせフォームのアラートのテキストを統一する。（フォーム外のアラートフォントだけ大きかっため）　*/
#content form div.wpcf7-validation-errors, #content form span.wpcf7-not-valid-tip{
	font-size:100%;	
}

/* お問い合わせフォームのアラートの枠の色変更　*/
.content form div.wpcf7-validation-errors, .content form span.wpcf7-not-valid-tip {
	background-color: #F10000;
}

/* お問い合わせフォームのアラートの枠の色変更　*/
.content form div.wpcf7-validation-errors::after, .content form span.wpcf7-not-valid-tip::after {
	    border-bottom: 10px solid #F10000;
}

/* お問い合わせフォームの「必須」の装飾デザイン */
#content .alert {
	font-size:12px;
    color: #FFF;
    padding: 3px;
    background-color: #F10000;
	/* border-radius */
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
}

/*---- お問い合わせフォームの確認画面。主に枠や背景消しst ----*/

/* 全体部分 */
.wpcf7 .wpcf7c-conf { 
	background-color: #F9F9F9;
	border:none;
	box-shadow:none;
	resize: none;
	outline:none;
  
}

.wpcf7 .wpcf7-select.wpcf7c-conf { 
  
/* セレクトボックスの矢印消す */
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-indent: .01px; /*Firefox用*/
	text-overflow: ""; /*Firefox用*/
}

/*---- お問い合わせフォームの確認画面。主に枠や背景消しen ----*/



/* スマホサイズで確認画面上部の「戻って編集する」が隠れてしまうため余白で見える位置までずらす */
@media screen and (max-width: 659px) {
	
	input.wpcf7-form-control.wpcf7-back.wpcf7c-elm-step2.wpcf7c-btn-back{
		margin-top:80px;
	}
	
	/* 下部の「戻って編集する」の余白は消す */
	p.center input.wpcf7-form-control.wpcf7-back.wpcf7c-elm-step2.wpcf7c-btn-back{
		margin-top:0px;
	}
}



/* お問い合わせを送信後、下部に出てくるメッセージを消す */
.wpcf7-mail-sent-ok    {
    display:none!important;
}

  /* お問い合わせ遷移ボタン押した後のグルグルを中央寄せ */
.ajax-loader{
	display:block;
	width:16px;
	position:absolute;	
	left:49%;
	padding-top:10px;
	
}

/* お問い合わせ要素(入力欄)をスマホ用に横幅を％に　*/
@media screen and (max-width: 659px) {
	.wpcf7-form .wpcf7-textarea{width: 80% !important;}
	.wpcf7-form .wpcf7-text{width: 80% !important; } 
	.wpcf7-list-item { display: block; }
	
	.form-rei{
		display:none;
	}
}

/*---- 　お問い合わせのテーブルst ----*/
#content table tr th{
	border: 1px solid #D0BD94;
	background-color: #F2E7CF;	
}

#content table tr td{
	border: 1px solid #D0BD94;
}

form input[type=text], form input[type=email], form textarea {
	font-size: 14px;
	line-height: 150%;
	padding: 5px 0px 5px 5px;
	margin-right:5px;
}

/* 　お問い合わせのテーブルをスマホの場合縦並び */
@media screen and (max-width: 659px) {
	#content .wpcf7 table tr th{
		display: block;
		padding: 10px 0px 10px 15px;
	}
	
	#content .wpcf7 table tr td{
		display: block;
		padding: 10px 0px 10px 15px;
	}
	
}

/*---- 　お問い合わせのテーブルen ----*/

/* お問い合わせチェックボタンを縦並びに　*/
#content form span.wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item{
	display: block;
	width:100% ;
}

/* お問い合わせラジオボタンを縦並びに　*/
#content form span.wpcf7-form-control-wrap .wpcf7-radio .wpcf7-list-item{
	display: block;
	width:100% ;
}



/* お問い合わせフォームのメール送信後のメッセージの枠（お問い合わせを送信いたしました。） */
div.wpcf7-mail-sent-ok {
	border: 2px solid #327dff;
}

/* ボタン関係(お問い合わせフォーム送信ボタンなど) */
#searchform input[type=submit], p.form-submit input[type=submit], form#searchform input#searchsubmit, #content form input.wpcf7-submit, #confirm-button input {
	font-size: 14px;
	padding: 16px 60px 16px;
	border:none;
	background:none;	/* スマホ正常表示用 */
	background-color:#327dff;
	
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 4px solid #327dff;	
	box-shadow:none;
}

/* ボタン関係(お問い合わせフォーム送信ボタンなど)hover */
#searchform input[type=submit]:hover, p.form-submit input[type=submit]:hover, form#searchform input#searchsubmit:hover, #content form input.wpcf7-submit:hover, #confirm-button input:hover {
	font-size: 14px;
	padding: 16px 60px 16px;
	border:none;
	background:none;	/* スマホ正常表示用 */
	background-color:#15418d;	
	
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 4px solid #327dff;	
	box-shadow:none;
}


/* お問い合わせフォーム送信ボタン横幅指定 
#content form input.wpcf7-submit{
	width:200px;
}
*/

/*  一般ボタン*/
a.btn, .linkBtn a, input[type=button], input[type=submit] {
	padding: 16px 60px 16px;
	border:none;
	background:#327dff;	/* スマホ正常表示用 */
	background-color:#327dff;	
	
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 4px solid #327dff;	
	box-shadow:none;
	/* iphone特化表示（グラデーション等）消す用 */
	-webkit-appearance:none!important;
}

/*  一般ボタンhover*/
a.btn:hover, .linkBtn a:hover, input[type=button]:hover, input[type=submit]:hover {
	padding: 16px 60px 16px;
	border:none;
	background:none;	/* スマホ正常表示用 */
	background-color:#15418d;	
	
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 4px solid #327dff;	
	box-shadow:none;
	/* iphone特化表示（グラデーション等）消す用 */
	-webkit-appearance:none!important;
}

a.btn.btnL{
	margin:auto;
	padding:15px 15px;
}

/*　検索ボタン */
form#searchform input#searchsubmit{
	padding: 16px 10px 12px;
	width: 20%;
	float:left;
	margin-left:10px;
}

/*　ページ上部へボタン */
#content .pagetop{
	float:right;
	background: url(images/arrow-top.png) 2px 4px no-repeat;
	padding-left:20px;
	margin-top: 10px;
}

/*　戻るボタン */
#content .pageback{
	background: url(images/arrow-left.png) 2px 4px no-repeat;
	padding-left:20px;
}

/*　進むボタン */
#content .pagenext{
	background: url(images/side-arrow-red.png) 2px 4px no-repeat;
	padding-left:20px;
}

/*　別ウィンドウで開くボタン */
#content .pageblank{
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align:center;
}


/*　ギャラリー枠 */
#content .gallery img {
    border: 5px solid #e8e8e8;
    box-sizing: border-box;
}

#content .gallery dt {
    margin-right: 15px;
    margin-bottom: 0px;
}


/*==================================================*/
/* 画像２以上カラムレスポンシブst （これが基本）*/
/*==================================================*/

.col2-img{
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}

/*　主に第三者一覧で使用。院内紹介。同形式のdivの連続　縦も可変 */
.col2-img-va{
	width: 48%;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

@media screen and (max-width: 769px) {
	.col2-img-va{
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		display: inline-block;
		vertical-align: top;
		margin-bottom: 20px;
	}
}

/*　flowBoxがない場合。当院の特徴などst */
.col2-01l{
	width:206px;
	float:left;
}

.col2-01r{
	width:394px;
	float:left;
	padding-left:20px;
	box-sizing:border-box;
	
}

@media screen and (max-width: 769px) {
	.col2-01l{
		width:100%;
		float:left;
		text-align:center;
	}
	
	.col2-01r{
		width:100%;
		float:left;	
		padding-left:0px;
		padding-top:10px;
	}
}
/*　flowBoxがない場合。当院の特徴などen */


/*　flowBoxがある場合。来院からお帰りまでなどst */
.col2-02l{
	width:206px;
	float:left;
}

.col2-02r{
	width:358px;
	float:left;
	padding-left:20px;
	box-sizing:border-box;
	
}

@media screen and (max-width: 769px) {
	.col2-02l{
		width:100%;
		float:left;
		text-align:center;
	}
	
	.col2-02r{
		width:100%;
		float:left;	
		padding-left:0px;
		padding-top:10px;
	}
}
/*　flowBoxがある場合。来院からお帰りまでなどen */

.col2-img-keep{
	float: left;
	width: 50%;
	text-align: center;
	box-sizing: border-box;
}

.col2-img-keep img{
	width: 95%;
	text-align: center;
}

.col3-img{
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
}

.col3-img-keep{
	float: left;
	width: 33.3%;
	text-align: center;
	box-sizing: border-box;
}

.col3-img-keep img{
	width: 95%;
	text-align: center;
}

.col4-img{
	float: left;
	width: 25%;
	/* text-align:center; これがあればニュースレターページのimgタグに一つずつ付いている「posi-center」クラスはいらない*/
	box-sizing: border-box;
}

/* どんな横幅ででも25％4列キープ用st */
.col4-img-keep{
	float: left;
	width: 25%;
	/* text-align:center; これがあればニュースレターページのimgタグに一つずつ付いている「posi-center」クラスはいらない*/
	box-sizing: border-box;　
}
/* どんな横幅ででも25％4列キープ用en */

.col5-img{
	float: left;
	width: 20%;
	/* text-align:center; これがあればニュースレターページのimgタグに一つずつ付いている「posi-center」クラスはいらない*/  
	box-sizing: border-box;
}

/* どんな横幅ででも20％5列キープ用st */
.col5-img-keep{
	float: left;
	width: 20%;
	/* text-align:center; これがあればニュースレターページのimgタグに一つずつ付いている「posi-center」クラスはいらない*/
	box-sizing: border-box;
}
/* どんな横幅ででも20％5列キープ用en */


/* 横幅70%で維持（ニュースレターで使用）*/
.w70par{
	width: 70%;	
}
	
/* 659以下の場合は１列に変更（これが基本） */
@media screen and (max-width: 659px) {
	.col2-img{
		width: 100%;
		margin-bottom:10px;
	}

	.col3-img{
		width: 100%;
		margin-bottom:10px;
	}
	
	.col4-img{
		width: 100%;
	}
	
	.col5-img{
		width: 100%;
	}
}

/* ページPR関連st */

.pagepr{
	color:#FFF;
	background:#327dff;
	width:95%;
	margin: auto;
	padding-top:25px;
	padding-bottom:5px;
}

.pagepr a{
	color:#FFF;
}

.pagepr a:hover{
	color:#FFF;
}


.pagepr img{
	border-left: 2px solid #327dff;
	border-right: 2px solid #327dff;
	box-sizing: border-box;
}

/* 659以下の場合は１列に変更（これが基本） */
@media screen and (max-width: 659px) {
	.pagepr{
		width:60%;
	}
}
/* ページPR関連en */


/*================================*/
/* 画像２カラムレスポンシブen */
/*================================*/


/*================================*/
/* ぱんくずの設定 */
/*================================*/
#panList{
	color:#000;
	font-size:12px;
	padding: 10px 0 0;
	background-color:#fff;	
}

/* 970px以上の時は950px枠に入れる */
@media screen and (min-width: 970px) {
	#panList{
		width: 910px;
		margin: auto;
		padding: 10px 20px 0;
	}
}

#panList #panListInner {
	line-height:150%;
	border-bottom: 1px solid #fff;
}



/*================================*/
/* PCとSPで表示切り替えセット */
/*================================*/
@media screen and (max-width: 769px) {
	.sp-none{
		display:none;
	}	
}


@media screen and (min-width: 770px) {
	.notsp-none{
		display:none;
	}	
}

/*================================*/
/* 970px(タブレット)で表示切り替えセット */
/*================================*/
@media screen and (max-width: 969px) {
	.tab-none{
		display:none;
	}	
}


@media screen and (min-width: 970px) {
	.nottab-none{
		display:none;
	}	
}


/*=====================================================================*/
/* サイドバーst 												
/*=====================================================================*/

@media (min-width: 970px) {
	#main #container #sideTower {
	  margin-right: 20px;
	  padding:0;
	}
}

#sideTower .sideWidget .execphpwidget img {
	display: block;
	margin: 0 auto;
}

/* サイドバー背景色 -----------*/
.side-bg{
	background:#f3f3f3;	
	/* border: 1px solid #c5b6a1;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}


/* サイドバーpタグ -----------*/
.side-bg p{
	padding:0 10px;
}

/* サイドバータイトル -----------*/
.side-t-normal{
	color:#000;
	font-weight:bold;
	background:#e1e1e1;
	border-top:solid 3px #a1a1a1;
    padding-top: 16px;
    padding-bottom: 13px;
}

/* サイドバー地図を見る -----------*/
a.side-map {
	font-size: 14px;
	line-height:140%;
	color: #fff;
	display:inline-block;
	background: url(images/map-point.png) 10px 8px no-repeat;
	background-color: #327dff;
	padding: 5px 8px 3px 23px;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 3px solid #327dff;
}

a.side-map:hover{
	color: #fff;
	background-color: #15418d;
	text-decoration:none;
}

/* サイドバー無料相談メール -----------*/
a.side-mail {
	font-size: 16px;
	color: #fff;
	display: block;
    width: 200px;
    margin: auto;
	text-align:center;
	background: url(images/side-mail.png) 20px 18px no-repeat;
	background-color: #cbb361;
	padding: 15px 0;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 4px solid #b1973e;
}

a.side-mail:hover{
	color: #fff;
	background-color: #d7c071;
	text-decoration:none;
}

/* サイドバー簡単ネット予約 -----------*/
a.side-yoyaku {
	font-size: 16px;
	color: #fff;
	display: block;
    width: 200px;
    margin: auto;
	text-align:center;
	background: url(images/side-yoyaku.png) 20px 18px no-repeat;
	background-color: #cbb361;
	padding: 15px 0;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 4px solid #b1973e;
}

a.side-yoyaku:hover{
	color: #fff;
	background-color: #d7c071;
	text-decoration:none;
}

/* 投稿系サイドバーカテゴリータイトルpuから */
h3.localHead{
	/* border-radius */
	border-radius:8px 8px 0 0;
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
}




/* h3サイドバー予約st -----------*/
@media screen and (max-width: 969px) {	
	.yoyaku_bn{
		display:none;
	}
}

/* サイドバータイトル下線(ブログやお知らせ) */
.sideTower .localHead{
	text-shadow:none;
	border-top:none;
	border-bottom: 3px solid #327dff;
	background: #e9effb;
}

/* h3サイドバー見出し（リボン等）st -----------*/

.side-title{
	color:#FFF;
	background:#89b100;
	width:100%;
	padding:15px 10px; 
}

/* 初心者マークをつけるクラス */
.beginner-mark{
	background: url(images/beginner-mark.png) 114px 1px no-repeat;	
}

/* サイドボックス 営業時間など*/
.side-box{
	margin-top:15px;
	margin-left:20px;
}

/* サイド電話番号*/
.side-tel{
	font-size:21px;
	font-family:'Lato', sans-serif; 
	color:#cbb361;
}

.side-tel a, .side-tel a:hover{
	color:#cbb361;
}

@media screen and (min-width: 970px) {	
	/* h3サイドバー見出しの高さを確保するためにボックスを用意 */
	.side-title-box{
		height:50px;
	}
	
	.side-title{
		color:#FFF;
		position:absolute;
		width:226px;
		height:35px;
		display:block;
		padding:15px 0 0 5px;
		margin-left:10px;
		background:#89b100;
		/*
		background: url(images/beginner-mark.png) 100px 13px no-repeat #89b100;		
		*/
		box-shadow:
			10px 0 0 0 #89b100,
			-10px 0 0 0 #89b100,
			0 3px 3px 0 rgba(0,0,0,0.1);
			
		/* border-radius */
		border-radius:10px 0px 0px 10px;
		-webkit-border-radius:10px 0px 0px 10px;
		-moz-border-radius:10px 0px 0px 10px;	
	}
	
	.side-title:after{
		content:" ";
		position:absolute;
		top:50px;
		right:-10px;
		width:0;
		height:0;
		border-width:10px 10px 0px 0px;
		border-style:solid;
		border-color:transparent;
		border-top-color:#627e00;	
	}
	
	
}

/* h3サイドバー見出し（リボン等）en -----------*/


/*
.side-list li{
	padding:20px;
	
}
*/

.sideTower .sideWidget .textwidget {
	padding-bottom:0;
}

.sideTower .sideWidget li{
	  border-bottom: 1px solid #d5d5d5;
}

/* サイドのボタンの1番目だけ上線表示 -----------*/
.sideTower .sideWidget li:first-child{
	  border-top: 1px solid #d5d5d5;
}

/* サイドのボタン全体の装飾設定。投稿やお知らせを含めて -----------*/
.sideTower .sideWidget li a{
  color: #333;
  padding: 15px 0px 15px 25px;
  background: url(images/arrow-side-post.png) 10px center no-repeat #f8f6ec;
}

/* サイドのボタン全体の装飾設定（ホバー）。投稿やお知らせを含めて -----------*/
.sideTower .sideWidget li a:hover{
  color: #333;
  background: url(images/arrow-side-post.png) 10px center no-repeat #fffaeb;
}

/* サイドのボタンのカレント装飾を消す。投稿やお知らせを含めて（固定ページとアーカイブは元々カレント設定はない） -----------*/
.sideTower .sideWidget li.current_page_item a, .sideTower .sideWidget li.current-cat a {
  background: url(images/arrow-side-post.png) 10px center no-repeat #fffaeb;
}

/* サイドのボタン（子の子） st -----------*/
.sideTower .sideWidget li ul li a, .sideTower .sideWidget li.current-cat ul li a, .sideTower .sideWidget li.current_page_item ul li a{
	font-size:100%;
	padding-left:40px;
	background: url(images/arrow-side-post-mini.png) 28px center no-repeat #f8f6ec;
}


.sideTower .sideWidget li ul li a:hover, .sideTower .sideWidget li.current-cat ul li a:hover, .sideTower .sideWidget li.current_page_item ul li a:hover {
	padding-left:40px;
	background: url(images/arrow-side-post-mini.png) 28px center no-repeat #fffaeb;
	background-color: #fffaeb;
}

.sideTower .sideWidget li ul li.current-cat a, .sideTower .sideWidget li ul li.current_page_item a{
	padding-left:40px;
	background: url(images/arrow-side-post-mini.png) 28px center no-repeat #f8f6ec;
	background-color: #fffaeb;
	
}

.sideTower .sideWidget li ul li{
	border-top:1px solid #F3ECD9;
}
/* サイドのボタン（子の子） en -----------*/


/* 固定ページのサイドだけ色矢印にする -----------*/
.sideTower .sideWidget .side-list-red li a{
	color:#333;
	padding:14px 0px 12px 30px;
	background: url(images/arrow-right-side.png) 10px center no-repeat ;
}

/* 固定ページのサイドだけ色矢印にする（ホバー） -----------*/
.sideTower .sideWidget .side-list-red li a:hover{
	color:#333;
	padding:14px 0px 12px 30px;
	background: url(images/arrow-right-side.png) 10px center no-repeat #FFFAEB;
}

/* 固定ページのサイドだけ色矢印にする -----------*/
.sideTower .sideWidget .side-list-blue li a{
	color:#333;
	padding:16px 0px 15px 30px;
	background: url(images/side-arrow-blue.png) 10px center no-repeat ;
}

/* 固定ページのサイドだけ色矢印にする（ホバー） -----------*/
.sideTower .sideWidget .side-list-blue li a:hover{
	color:#333;
	padding:16px 0px 15px 30px;
	background: url(images/side-arrow-blue.png) 10px center no-repeat #ebf7fc;
}



/* サイド問い合わせボタン背景 */
.sideTower li.sideBnr#sideContact a {
	background:none;	/* 問い合わせボタンだけ左の矢印消す */
	background-color: #327dff;
}


/* サイド会社名qu */
.sideTower .side-ctitle {
	color: #6C604B;
	background:none;	
	padding-top:15px;
	padding-bottom:10px;
}


/*=====================================================================*/
/* サイドバーen
/*=====================================================================*/

/*=====================================================================*/
/* フッターst 												
/*=====================================================================*/

#footer,#siteBottom {
	background:#003b78;
	border-bottom:none;
}

#footer dl#footerOutline dt {
  color: #fff;
}

#footer dl#footerOutline dd {
  color: #fff;
}


#footMenu {
	border:none;
	display:none;
}

#footMenuInner.innerBox	{
	border:none;	
}

#siteBottom{	/*コピーライト */
	color: #fff;
	text-shadow:none;
	border-top: 1px solid #1553bf;	/*コピーライトの上線 */
}

/* フッターサイトマップ関連 */
#footerSiteMap .menu a {
  color: #fff;
  text-decoration: none;
}

#footerSiteMap .menu a:hover {
  color: #fff;
  text-decoration:underline;
}


/* フッターサイトマップ関連リスト調整 */

/* 親リスト */
#footerSiteMap .menu li{
	text-shadow: none;
	margin-top:5px;
	line-height: 120%;
}


@media screen and (max-width: 659px) {
	/* SP用に親リストの上を広くする */
	#footerSiteMap .menu li{
		text-shadow: none;
		margin-top:20px;
	}
}

#footerSiteMap .menu li	a{
	font-weight:normal;
	border-bottom: none;
	box-shadow: none;
	background: none;
	padding:0;
	padding-left:15px;		/* リンク部分だけ右へ移動 */
	background:url(images/arrow-footerSitemap01.png) left center no-repeat;
	
}

/* 子リスト */
#footerSiteMap .menu li li {
	margin-top:10px;		/* リストの間隔 */
	background:url(images/arrow-footerSitemap02.png) left center no-repeat;
}

#footerSiteMap .menu li	li a{
	border-bottom: none;
}


/* ページ上部へ背景色 */
/* 
#footerSection{
	background:#000;
}
*/
 
/* ページ上部へ */
#pagetop a:hover {
	background:#327dff;
}

/* ページ上部へ、スマホずれ用 */
@media screen and (max-width: 769px){
	#wrap {
		margin-top: -120px; /* 固定ナビの高さ分のネガティブマージン */
		padding-top: 120px; /* 打ち消し用のパディング */
	}
}

/* 固定ページ上部へ関連st ----------------------------*/

#back-top a{
	right:0;	
}

#back-top #pagetop{
	width:100px;
	height:auto;
}

@media screen and (max-width: 769px){
	#back-top a{
		bottom:10;	
	}
	
	#back-top #pagetop{
		width:80px;
		height:auto;
	}
}

/* 固定ページ上部へ関連en ----------------------------*/

/*=====================================================================*/
/* フッターen												
/*=====================================================================*/




/*=====================================================================*/
/* 汎用st 												
/*=====================================================================*/

/* 　a関連 　----------------------------*/
a {
  color: #327dff;
}

a:hover, a:active {
  color: #327dff;
}


/* よくある質問リストはリンク色を黒に */
.qalist li a {
  color: #000;
}


/* ページ下部子リンク */
#content .childPageBox{
	max-width:600px;
	margin:auto;
	margin-top:100px;
	margin-bottom:30px;
	box-sizing:border-box;
}

#content .childPageBox h4{
	border:none;
	padding:10px;
}

#content .childPageBox ul li a {
	color: #327dff;
	text-decoration: underline;
}

#content .childPageBox ul li a:hover { 
	color: #327dff;
	text-decoration:none;
} 
#content .childPageBox ul li.current_page_item a {
  	color: #327dff;
	text-decoration: underline;
}

#content .childPageBox ul li.current_page_item a:hover {
	color: #327dff;
	text-decoration:none;
}


/* 　メインフッター問い合わせ関連 st　----------------------------*/

@media (max-width: 659px){
	.content .mainFootContact{
		text-align: left;	
		margin-left: 10px;
	}
}

/* メインフッター問い合わせ全体ボックス */
#content .mainFoot{
	max-width:600px;
	margin:auto;
	background: #f5f3ee;
	padding: 25px 0;
	border-top:none;
}

/* メインフッター問い合わせTEL時間ボックス */
@media (min-width: 660px){
	#content .mainFootContact p.mainFootTxt {
		margin-left:10px;		
	}
}

/*----- メインフッターキャッチ -----*/
#content .mainFootContact p.mainFootTxt span.mainFootCatch {
	font-size:140%;
}
@media (max-width: 659px){
	#content .mainFootContact p.mainFootTxt span.mainFootCatch {
		font-size: 15px;
		font-weight:bold;
	}
}

#content .mainfoot-msg {
	max-width:600px;
	margin:auto;
}

.single #content .mainfoot-msg {
	display:none;
}

/*----- メインフッター問い合わせTEL -----*/
#content .mainFootContact p.mainFootTxt span.mainFootTel {
	font-size: 28px;
	color:#cbb361;
}

@media (max-width: 659px){
	#content .mainFootContact p.mainFootTxt span.mainFootTel {
		font-size: 24px;
	}
	
	#content .mainFootContact p.mainFootTxt span.mainFootTel a{
		font-size: 24px;
		color:#cbb361;
	}
}

/* メインフッター問い合わせ時間 */
#content .mainFootContact p.mainFootTxt span.mainFootTime {
	font-size: 14px;
	line-height: 150%;
	text-align: left;	
}

@media (max-width: 659px){
	#content .mainFootContact p.mainFootTxt span.mainFootTime {
		margin-top:10px;
		margin-left:10px;		
	}
}

/* メインフッターメールボタン -----------*/
#content .mainFootContact .mainFootBt a.mainfoot-mail {
	font-size: 16px;
	color: #fff;
	display: block;
    width: 205px;
    margin: auto;
	text-align:center;
	background: url(images/foot-mail.png) 20px 11px no-repeat;
	background-color: #cbb361;
	padding: 12px 0;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 4px solid #b1973e;
	clear:both;
}

#content .mainFootContact .mainFootBt a.mainfoot-mail:hover{
	color: #fff;
	background-color: #d7c071;
	text-decoration:none;
}

/* メインフッター予約ボタン -----------*/
#content .mainFootContact .mainFootBt a.mainfoot-yoyaku {
	font-size: 18px;
	color: #fff;
	display: block;
    width: 230px;
    margin: auto;
	text-align:center;
	background: url(images/foot-yoyaku.png) 20px 15px no-repeat;
	background-color: #cbb361;
	padding: 15px 0;
	text-decoration:none;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-bottom: 4px solid #b1973e;
}

#content .mainFootContact .mainFootBt a.mainfoot-yoyaku:hover{
	color: #fff;
	background-color: #d7c071;
	text-decoration:none;
}


/* メインフッターのメールと予約ボックス */
@media (min-width: 660px){
	#content .mainFootContact .mainFootBt{
		margin-right:10px;
	}
}

/* メインフッターのメールと予約ボタン660以上は高さ無効 */
@media (min-width: 660px){
	#content .mainFootContact .mainFootBt a {
		min-height: 0px;
	}
}

/* メインフッターのメールと予約ボタン659以下は横幅95% */
@media (max-width: 659px){
	#content .mainFootContact .mainFootBt a.mainfoot-mail {
		width: 60%;
	}
	#content .mainFootContact .mainFootBt a.mainfoot-yoyaku {
		width: 95%;
	}
}




/* 　メインフッター問い合わせ関連 en　----------------------------*/



/* モア関連(詳しくはこちらボタン 3カラムPRなどに使用) */
.moreLink a{
	font-size:14px;
	color: #fff;
	border-left:none;
	margin:0;
	background:#327dff;
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}

.moreLink a:hover {
	color: #fff;
	text-decoration: none !important;
	background:#15418d;
}

#content .child_page_block p a:hover {
	  color: #327dff;
}


/* 　h関連 　----------------------------*/
#content h2{
	font-size: 26px;
    font-weight: normal;
	line-height: 140%;
	text-shadow:none;
	box-shadow:none;	
	background:#f1f1f1;
	padding:22px 14px;	
	border: 1px solid #fff;
	border-left: 9px solid #305eaf;	
	/* border-radius */
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	box-sizing: border-box;
}
@media screen and (max-width: 769px) {
	#content h2{
		font-size: 22px;
	}
}

#content h2.topbig{
	color:#327dff;
	font-size:48px;
	line-height:110%;
	font-weight: bold;
    border: none;
    background: none;
    padding: 0;
    margin-bottom: 0;
}
@media screen and (max-width: 769px) {
	#content h2.topbig{
		font-size: 32px;
	}
}

#content h2.begin-big{
	background: url(images/begin-big.gif) 0px 0px no-repeat;
	padding-top: 5px;
	padding-left: 40px;    
}

@media screen and (max-width: 769px) {
	#content h2.begin-big{
		background: url(images/begin-big.gif) 5px 2px no-repeat;
		background-size:22px;
		padding-top: 5px;
		padding-left: 35px;    
	}
}

#content h2.zassi{
	color:#4cc056;
	font-size: 30px;
    font-weight: normal;
	line-height: 140%;
	background: url(images/top-zassi-point.gif) 0px 5px no-repeat;
	text-shadow:none;
	box-shadow:none;	
	padding:2px 40px;
	border:none;
	border-radius:initial;
	border-bottom: 4px solid #327dff;	
}

#content h2.begin{
	color:#4cc056;
	font-size: 30px;
    font-weight: normal;
	line-height: 140%;
	background: url(images/top-begin-point.gif) 0px 5px no-repeat;
	text-shadow:none;
	box-shadow:none;	
	padding:2px 40px;
	border:none;
	border-radius:initial;
	border-bottom: 4px solid #327dff;	
}

#content h2.sikaku{
	color:#4cc056;
	font-size: 30px;
    font-weight: normal;
	line-height: 140%;
	background: url(images/top-sikaku-point.gif) 0px 5px no-repeat;
	text-shadow:none;
	box-shadow:none;	
	padding:2px 40px;
	border:none;
	border-radius:initial;
	border-bottom: 4px solid #327dff;	
}

#content h2.semi{
	color:#4cc056;
	font-size: 30px;
    font-weight: normal;
	line-height: 140%;
	background: url(images/top-semi-point.gif) 0px 5px no-repeat;
	text-shadow:none;
	box-shadow:none;	
	padding:2px 40px;
	border:none;
	border-radius:initial;
	border-bottom: 4px solid #327dff;	
}

#content h2.kensyu{
	color:#4cc056;
	font-size: 30px;
    font-weight: normal;
	line-height: 140%;
	background: url(images/top-kensyu-point.gif) 0px 5px no-repeat;
	text-shadow:none;
	box-shadow:none;	
	padding:2px 40px;
	border:none;
	border-radius:initial;
	border-bottom: 4px solid #327dff;	
}

@media screen and (max-width: 769px) {
	#content h2.zassi,#content h2.begin,#content h2.sikaku,#content h2.semi{
		font-size: 24px;
		background-position:0 0;
	}
}

/* 投稿(ブログ)ではh2の上部に自動的にマージン */
#content .post-content h2{
	margin-top:80px;	
}

#content h3 {
	font-size:22px;
	line-height:120%;
	padding-left:0;
	margin:0;
	margin-bottom:10px;
    border-bottom: solid 2px #305eaf;
    border-left: none;
    background: none;
    box-shadow: none;
}

#content h4 {
	color: #333;
	font-size:18px;
	line-height:140%;
	text-shadow:none;
	padding:1px 5px 0px 8px;
	margin:0;
	margin-bottom:5px;
	border:none;
	border-left:solid 5px #305eaf;
}

#content .box-yellow h4 {
	color: #333;
	font-size:18px;
	line-height:140%;
	text-shadow:none;
	padding:1px 5px 0px 8px;
	margin:0;
	margin-bottom:5px;
	border:none;
	border-left:solid 5px #ffae00;
	background:none;
}

/*　親ぺージ下部にある子ページへのリンク下線色 */
#content .child_page_block h4 a {
	border-bottom: 2px solid #327dff;
}

/*　親ぺージ下部にある子ページへのリンクホバー色 */
#content .child_page_block h4 a:hover {
	color:#327dff;
}

#content h5 {
	color: #333;
}

/* 　リード文関連 　----------------------------*/
#content .bg-star5{
	background:url(images/point5.gif) top right no-repeat;
}

@media screen and (max-width: 659px) {
	#content p.leadTxt, .leadTxt {
		font-size: 20px;
		line-height: 140%;
	}
	
	#content .bg-star5{
		background:none;
	}
}

#content p.point-txt{
	font-size: 20px;
	line-height: 140%;
	font-weight:bold;
	
}


/* 　テーブル関連 　----------------------------*/
/*
#content .table01{
	max-width:500px;
}
*/

#content table {    
	font-size: 100%;
	line-height: 150%;
	margin:0;
}

/*---- 　料金表などst ----*/
#content table.price {
	font-size: 14px;	
}


#content table.price tr td {
	border: 1px solid #d6c6a1;
	vertical-align:middle;
}

#content table.price td.pricecolor{
	color:#FF6600;
	font-weight:bold;	
}

/* 　スマホの時は小さく */
@media screen and (max-width: 659px) {
	#content table.price {
		font-size: 12px;	
	}
}


/*---- 　料金表などen ----*/

/* 　テーブル縦中央 */
#content .tate-middle{
	vertical-align:middle;
}

/* 自動的な折り返しを禁止 */
#content tr td.no{
	white-space:nowrap;	
}




/* 　ボックス関連 　----------------------------*/
.box01-head {
	padding: 4px 10px 3px;
	border: 1px solid #ed4600;
	color: #fff;
	font-weight: bold;
	text-shadow: 1px 1px 0 #ed4600;
	background:#ed4600;
	/* border-radius */
	border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	-moz-border-radius:10px 10px 0px 0px;
	
	/*
	display: block;
	margin:auto;
	max-width:570px;
	*/
}

.box01-body {
	padding: 10px 10px;
	border: 1px solid #ed4600;
	background: #fff;
	/* border-radius */
	border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	-moz-border-radius:0px 0px 10px 10px;
	
	/*
	display: block;
	margin:auto;
	max-width:570px;
	*/
}

/* ノーマルシンプルボックス */
.box-normal{
	padding: 10px;
	border: 1px solid #ccc;		
}

/*---- イエローボックス関連などst ----*/

#content .box-yellow{
	background: #fffaea;
    padding: 3%;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;	
}

#content .box-yellow-title{
	color:#ffae00;
	font-size:26px;
	line-height:140%;
	font-weight:bold;
	border-bottom:2px solid #ffae00;
}

/* 星チェックマークリスト */
#content ul.check-star{
	margin-left:5px;
}

#content ul.check-star li{ 
	list-style:none;
	background:url(images/li-check-star.png) no-repeat;
	background-position:top left;
	padding-left:28px;
	padding-top: 0px;
	padding-bottom: 3px;
}

/* ばつ×バツチェックマークリスト */
#content ul.check-batu{
	margin-left:5px;
}

#content ul.check-batu li{ 
	list-style:none;
	background:url(images/li-check-batu.png) no-repeat;
	background-position:top left;
	padding-left:28px;
	padding-top: 0px;
	padding-bottom: 3px;
}

/* まる○マルチェックマークリスト */
#content ul.check-maru{
	margin-left:5px;
}

#content ul.check-maru li{ 
	list-style:none;
	background:url(images/li-check-maru.png) no-repeat;
	background-position:top left;
	padding-left:28px;
	padding-top: 0px;
	padding-bottom: 3px;
}


/*---- イエローボックス関連などen ----*/

/* 　dl関連 （概要ページ　特定商取引法に基づく表記ページ）st　----------------------------*/

#about_list dl{
	margin:0px;
	padding:0px;
	padding-top:30px;
}

#about_list dt {  
	float:left;  
	width:140px;
	font-weight:bold;  
}  
#about_list dd {  
	margin-left:180px;  
}  

@media screen and (max-width: 659px) {	
	#about_list dt {  
	float:left;  
	width:70px;
	font-weight:bold;  
	}  
	
	#about_list dd {  
		margin-left:90px;  
	}  
}
/* 　dl関連 （概要ページ　特定商取引法に基づく表記ページ）en　----------------------------*/

/* 　dl関連 （年表）st　----------------------------*/

#about_list02 dl{
	margin:0px;
	padding:0px;
	padding-top:0px;
}

#about_list02 dt {  
	float:left;  
	width:80px;
	font-weight: normal;
	margin: 0px !important;
	padding: 0px !important;
}  
#about_list02 dd { 
	margin:0;
	margin-left:80px;
	
}  

@media screen and (max-width: 659px) {	
	#about_list02 dt {  
	float:left;  
	width:70px;
	}  
	
	#about_list02 dd {  
		margin-left:90px;  
	}  
}
/* 　dl関連 （年表）en　----------------------------*/

/* 　リスト関連 　----------------------------*/

/* list-style-imageで指定する場合 */
/*
#content ul.moya li{ 
	list-style-image:url(images/li-moya.gif);
	margin-left:10px;
}
*/

/* モヤ（悩み）リスト */
#content ul.moya{
	margin-left:5px;
}

/* モヤ（悩み）リスト背景-悩み顔st */
#content ul.kao { 
	background:url(images/bg-kao-nayami.gif) bottom right no-repeat;
}
/* スマホでは顔小さく */
@media screen and (max-width: 659px) {	
	#content ul.kao { 
		background:url(images/bg-kao-nayami-sp.gif) bottom right no-repeat;
	}
}
/* モヤ（悩み）リスト背景-悩み顔en */

#content ul.moya li{ 
	list-style:none;
	background:url(images/li-moya.gif) no-repeat;
	background-position:top left;
	padding-left:28px;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* チェックマークリスト */
#content ul.check{
	margin-left:5px;
}

#content ul.check li{ 
	list-style:none;
	background:url(images/li-check.gif) no-repeat;
	background-position:top left;
	padding-left:28px;
	padding-top: 0px;
	padding-bottom: 3px;
}

/* ページ内遷移ボタン */
#content ul.inlink{
	margin-left:5px;
}

#content ul.inlink li{ 
	list-style:none;
	background:url(images/arrow-right.png) 0px 2px no-repeat;
	padding-left:20px;
	padding-top: 0px;
	padding-bottom: 3px;
}


/* 　Dリスト関連 　----------------------------*/
#content dt {
  color: #333;
  margin-bottom: 40px;
}


/* 　iframe関連 　----------------------------*/
iframe {
	display: block; 
	margin: 0px auto;
}


/* 　2カラム関連----------------------------*/
#content img.float-left {
	float:left;
	margin-right:20px;	
}

/* 　2カラム関連　テキスト2列　スマホでも2列----------------------------*/
.col2-50{
	float: left;
	width: 50%;
	box-sizing: border-box;
}

/* 　2カラム関連　画像が下にくるパターンst----------------------------*/
.txttoimg-l{
	float:left;	
}
	
.txttoimg-r{
	float:right;	
}
@media screen and (max-width: 659px) {	
	.txttoimg-l{
		float:none;	
	}
	
	.txttoimg-r{
		float:none;
		text-align:center;		
	}
}
/* 　2カラム関連　画像が下にくるパターンst----------------------------*/

/* 　右寄せ画像、スマホは回り込み解除して中央揃え（流れなど）st--------*/
#content img.alignright-sp-none{
	display: inline;
	float: right;
	margin-left: 20px;
	margin-top: 4px;
	margin-bottom:10px;	
}
@media screen and (max-width: 659px) {	
	#content img.alignright-sp-none{
		float:none;
		display: block;
		margin:auto;
		margin-bottom:12px;		
	}
}
/* 　右寄せ画像、スマホは回り込み解除して中央揃え（流れなど）en--------*/

/* 　左寄せ画像、スマホは回り込み解除して中央揃え（流れなど）st--------*/
#content img.alignleft-sp-none{
	display: inline;
	float: left;
	margin-right: 20px;
	margin-top: 4px;
}
@media screen and (max-width: 659px) {	
	#content img.alignleft-sp-none{
		float:none;
		display: block;
		margin:auto;
		margin-bottom:12px;		
	}
}
/* 　左寄せ画像、スマホは回り込み解除して中央揃え（流れなど）en--------*/

/*　流れ枠内スペース　*/
#content .flowBox dl{
	padding:15px;	
}

/*　流れタイトルの文字　*/
#content .flowBox dl dt{
	color: #327dff;
	font-size:26px;
	line-height:120%	
}


/* 　区切り線関連 　----------------------------*/

#content hr {
	margin:0;	/*　元々のマージンを消す　*/
}

/*　破線　*/

hr{
	display:block;	
}

hr.sen {
	border:none;
	border-top:solid 1px;
	height:1px;
	color:#CCC;
}

hr.ten {
	border:none;
	border-top:dashed 1px #CCC;
	height:1px;
	color:#FFFFFF;
}


/* 　空白関連 　----------------------------*/
#content .space05t,.space05t{
	margin-top:5px;	
}

#content .space10t,.space10t{
	margin-top:10px;	
}

#content .space20t,.space20t{
	margin-top:20px;	
}

#content .space30t,.space30t{
	margin-top:30px;	
}

#content .space40t,.space40t{
	margin-top:40px;	
}

#content .space50t,.space50t{
	margin-top:50px;	
}

#content .space80t,.space80t{
	margin-top:80px;	
}

#content .space100t,.space100t{
	margin-top:100px;	
}

#content .space05b,.space05b{
	margin-bottom:5px;	
}

#content .space10b,.space10b{
	margin-bottom:10px;	
}

#content .space20b,.space20b{
	margin-bottom:20px;	
}

#content .space30b,.space30b{
	margin-bottom:30px;	
}

#content .space40b,.space40b{
	margin-bottom:40px;	
}

#content .space50b,.space50b{
	margin-bottom:50px;	
}

#content .space80b,.space80b{
	margin-bottom:80px;	
}

#content .space100b,.space100b{
	margin-bottom:100px;	
}

#content .space00t,.space00t{
	margin-top:0px;	
}

#content .space00b,.space00b{
	margin-bottom:0px;	
}

/* 　テキストの色関連 　----------------------------*/

#content .txtbas{
	color:#327dff;
}

#content .txtblue{
	color:#5ca1c1;
}

#content .txtpink{
	color:#f08e8e;
}

#content .txtblue2{
	color:#327dff;
}

#content .txtwhi{
	color:#fff;
}

#content .txtoran{
	color:#ff8800;
}

#content .txtred{
	color:#ae0400;
}

#content .txtred02{
	color:#ff9393;
}

#content .txtgre{
	color:#327dff;
}

#content .txtyell{
	color:#cbb361;
}

#content .bgred{
	background-color: #ffd8d9;
	padding: 10px 10px;
}

#content .bgblue{
	background-color: #d8ebff;
	padding: 10px 10px;
}

#content .bgpink{
	background-color: #fdefef;
	padding: 10px 10px;
}

#content .bgyell{
	background-color: #fff0cf;
	padding: 10px 10px;
}

#content .bgyell{
	background-color: #fff0cf;
	padding: 10px 10px;
}

#content .marker_yellow{
	background: linear-gradient(transparent 0%, #ffff66 0%);
}

/* 　テキストの大きさ関連 　----------------------------*/
#content .txtbig{
	font-size:22px;
	font-weight:bold;
	line-height:130%;
}

#content .txtmid{
	font-size:18px;
	font-weight:bold;
	line-height:140%;
}

/* 　テキスト装飾関連 　----------------------------*/
#content p.txt-jougeline{
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 10px 10px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

/* 　PDF関連 　----------------------------*/
a.icon-pdf {
    background: url(images/icon-pdf.gif) center left no-repeat;
    padding: 40px 80px;
}

/* 　画像に枠 　----------------------------*/
.imgline{
	padding: 2px;
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
}

/* 　ポジション 　----------------------------*/
.posi-right{
	float:right;	
}

.posi-center{
	text-align:center;
}

#content .posi-center02{
	display:block;
	margin:auto;
}

.textwidget {
  display: block;
  margin: auto;
  max-width: 600px;
}

/* スマホのみ（だけ）表示st */
@media screen and (min-width: 770px) {
	.sp-only{
		display:none;	
	}
}
/* スマホのみ（だけ）表示en */

/* 　GoogleMap関連 　----------------------------------*/
.ggmap {
	position: relative;
	padding-bottom: 75.25%;
	padding-top: 30px;
	height: 0;
	width:95%;
	margin:auto;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* 　facebook関連 　----------------------------------*/

/* like-boxサイズをレスポンシブに */
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe[style] {
	width: 100%!important;
}

/* facebook Page Plugin 中央寄せと背景色 */
.fbbox {
	/*background:#ced8ed;*/
	text-align:center;
}

#content h4.fb-title{
	padding-left:10px;
	margin-top:30px;
	text-shadow:none;
	background:#ced8ed;
	border:0;
	border-top: 2px solid #3A5897;
}


/* 　記事を書いた人関連 　----------------------------------*/

#content .ts-fab-tab {
	border: 1px solid #333;
	border-top:3px solid #333;
}

#content .ts-fab-header h4{
	padding:0;
	border:0;
}

.ts-fab-list li a {
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
}


/* 　文字を選択（ドラッグ）した時の背景色 　----------------------------*/

::selection {
	background:#3399ff; /* Safari */
}

::-moz-selection {
	background:#3399ff; /* Firefox */
}



/*---- カスタム投稿カテゴリのプルダウンメニュー st ----*/

#content #termlist{
  max-width: 600px;
  margin: auto;
}
#content #termlist li{
  list-style: none;
  margin-bottom:0;
}
#content #termlist li span{
	cursor: pointer;
	font-size: 20px;
	display: block;
	padding: 14px;
	border: 3px solid #327dff;
	background: #fff url(images/arrow-pullmenu.gif) no-repeat 100% 50%;
}
#content #termlist li span.active{
	cursor:auto;
	display: block;
	background: #327dff url(images/arrow-pullmenu-on.gif) no-repeat 100% 50%;
	color: #fff;
}
#content #termlist li div{
  display: none;
  overflow: auto;
  padding: 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #fff;
}

#content #termlist li div ul{
  font-weight: bold;
  margin:0;
}

#content #termlist li div ul li a{
	color: #000;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 10px 35px;
    background:url(images/arrow-side-post.png) 20px 15px no-repeat #f8f6ec;
    border-bottom: solid 1px #d5d5d5;
}

#content #termlist li div ul li a:hover{
	background:url(images/arrow-side-post.png) 20px 15px no-repeat #fffaeb;
}

#content ul ul{
	margin-top:0;
}

#content #termlist li div ul li ul.children{
	margin-top:0;

}

#content #termlist li div ul li ul.children li a{
	background: #FFF;
	padding: 10px 50px;
	background:url(images/arrow-side-post-mini.png) 38px 15px no-repeat #f8f6ec;
	border-bottom: solid 1px #d5d5d5;
}

#content #termlist li div ul li ul.children li a:hover{
	background:url(images/arrow-side-post-mini.png) 38px 15px no-repeat #fffaeb;
}

#content #termlist li div ul li.current-cat a{
    color: #000;
	background:url(images/arrow-side-post.png) 20px 15px no-repeat #f8f6ec;
}

#content #termlist li div ul li ul.children li.current-cat a{
    color: #000;
	background:url(images/arrow-side-post-mini.png) 38px 15px no-repeat #f8f6ec;
}

/*---- カスタム投稿カテゴリのプルダウンメニュー en ----*/

/*---- spacewebbox.com st ----*/
@media (max-width: 600px) {
    label {
        min-width: auto;
        display: unset;
    }
/*---- spacewebbox.com en ----*/