@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*フロント固定ページのタイトルを非表示*/
/*
 * Cocoon風タブボックス *
 ***********************/
.cat-label {
    display: none;
}
/* タイトル */
.title-simple {
	position: absolute;
	top: -1.9em;
	left: -1px;
	font-size: 0.5em;
	font-weight: bold;
	display: inline-block;
	padding: 0.2em 1em 0;
	border-radius: 5px 5px 0 0;
	color: #fff;
	background: #666; /* 背景グレー：いろ差し替え場所 */
}
/* BOX */
.box-simple {
	position: relative;
	border-radius: 0 5px 5px;
	padding: 1.5em 1em 0.5em;
	margin: 2.5em 0 2em;
	box-shadow: 2px 3px 3px #ddd;
	border: 1px solid #bbb; /* 枠グレー：色の差し替え場所 */
}


.campaignbox {
	background-color:#cbd42f;
	border-radius:6px;
	padding:10px 0;
}
.author-name a:hover {
	color:#262bec;
}
/*
 * シンプルタブボックス *
 **********************/
/* タイトル */
.box-title {
	position: absolute;
	top: -1em; /* タイトル位置マイナス値あげると上  */
	left: 1em; /* 左から1文字分右へ */
	font-size: 1.1em; /* サイズ1.1文字分 */
	font-weight: bold; /* フォント太く */
	display: inline-block;
	padding: 0.2em 0.8em 0; /*内側余白:上下 左右*/
	border-radius: 5px; /* 角丸 */
}
/* BOX */
.title-box {
	position: relative;
	border-radius: 5px;
	padding: 1.5em 1em 0.5em; /* 内側余白:上 左右 下 */
	margin: 2.5em 0 2em; /* 外側余白: 上 左右 下 */
	box-shadow: 2px 3px 3px #ddd;
}
/* gray */
.title-gray {
	color: #666;
	background: #fff;
}
.box-gray {
	border: #ddd 1px solid;
}
/* pink */
.title-pink {
	color: #f278a4;
	background: #fff;
}
.box-pink {
	border: #ffcbde 1px solid;
}
/* blue */
.title-blue {
	color: #3847fa;
	background: #fff;
}
.box-blue {
	border: #a0a8ff 1px solid;
}
/* brown */
.title-brown {
	color: #bb5f03;
	background: #fff;
}
.box-brown {
	border: #efb072 1px solid;
}
/* green */
.title-green {
	color: #4CAF50;
	background: #fff;
}
.box-green {
	border: #9dd9a0 1px solid;
}
/*
 * Cocoon風タブボックス *
 ***********************/
/* タイトル */
.title-simple {
	background:#2D94DF; /* 背景青に差し替え */
}
/* BOX */
.box-simple {
	border: 1px solid #2D94DF; /* 枠青に差し替え */
}
.pagination-next {
  display: none;
}
.page .entry-title{
	display: none;
}
h2.toptitle {
	margin-top:0;
}
span.entry-category {
	display:none !important;
}
.rmore {
	background-color:orange;
	color:white;
	text-align:center;
	width:100px;
	padding:1px 10px;
	border-radius:3px;
	font-size:small;
}
a.nodesign {
	text-decoration:none;
	color:black !important;
}
.newexcerpt {
	clear:both;
}
.newexcerpt h3 a:hover {
	color:blue;
}
.home.page .entry-title{
  display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}
/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}
.entry-content h2 {
	position: relative;
  color: #777;
  background-color:#fdf1e3;
  border-top-right-radius:6px;
  border-top-left-radius:6px;
  color:#1E1E1E;
  background-image:url(images/t-back.png);
  background-repeat:no-repeat;
  background-position:right;
  background-size:contain;
  clear:both;
  overflow:auto;
}
.entry-content h2.only {
	margin-bottom:0 !important;
}
.extraction {
	margin-top:-30px !important;
}
.entry-content h2:after {
	content:"";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(
    -45deg,
    #fff 25%, #ec8f26 25%,
    #ec8f26 50%, #fff 50%,
    #fff 75%, #ec8f26 75%,
    #ec8f26
  );
  background-size: 8px 8px;
}
.entry-content h2.i-title {
	background-color:transparent;
	border:none;
	padding:0;
	margin:0;
	 overflow-y: hidden;
}
.entry-content h3 {
	border:0;
	border-left:7px solid #ec8f26;
	border-bottom:1px dashed #ec8f26;
	clear:both;
}
.campaign {
	text-align:center;
	background-color: #cdd430;
	border-radius:10px;
	padding:10px 0;
	border:5px solid #cdd430;
}
div.clearb {
	clear:both;
	width:100%;
}
.imgsize p {
	overflow:auto;
}
p#phone {
	font-size:30px;
	font-family:"Arial Black", Gadget, sans-serif;
}
ul#menu-mainmenu li {
 　font-size:small !important;
}
.navi-in > ul li:nth-child(1) {
	width:90px !important;
}
.navi-in > ul li:nth-child(5), .navi-in > ul li:nth-child(8){
	width:110px !important;
}
.navi-in > ul li:nth-child(2),.navi-in > ul li:nth-child(6){
	width:115px !important;
}
table#f-info {
	font-size:small;
}
table#f-info th {
	background-color:#cdd430;
	color:#1E1E1E;
	border:#ec8f26 1px solid !important;
}
table#f-info td {
	background-color:#ffffff;
	color:#1E1E1E;
	border:#ec8f26 1px solid !important;
}
.mapback {
	background-color:white;
	padding:5px;
	border-radius:5px;
	}

.list-1{
   counter-reset:number; 
   list-style-type: none; 
   padding:0;
   margin:0;
}
.list-1 li { 
   position: relative;
   margin:0.5em 0 !important;
   padding-left: 1.8em;
}
.list-1 li:before {
   counter-increment: number;
   content: counter(number);
   background-color: #ffa952; /* 文字背景色 */
   color: #fff; /* 文字色 */
   position: absolute;
   font-weight:bold;
   font-size: 14px;
   border-radius: 50%;
   left: 0;
   top:0.5em;
   width: 22px;
   height: 22px;
   line-height: 22px;
   text-align: center;
}
.footer a:hover {
color:green;
}
.eye-catch .cat-label {
	display:none;
}
/************************************
** 症状
************************************/

.menu-casemenu-container ul#menu-casemenu {
	list-style:none;
}
.menu-casemenu-container ul#menu-casemenu li {
	float:left;
	display:inline-block;
	border-radius:6px;
	width:15%;
	text-align:center;
	height:150px;
	background:#cdd430;
	background-size:65%;
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-bottom:15px;
}
.menu-casemenu-container ul#menu-casemenu li:nth-child(1) {
	background-image:url(images/headache.png);
}
.menu-casemenu-container ul#menu-casemenu li:nth-child(2) {
	background-image:url(images/shoulderpain.png);
}
.menu-casemenu-container ul#menu-casemenu li:nth-child(3) {
	background-image:url(images/elbow.png);
}
.menu-casemenu-container ul#menu-casemenu li:nth-child(4) {
	background-image:url(images/backpain.png);
	background-position:center top 30px;
}
.menu-casemenu-container ul#menu-casemenu li:nth-child(5) {
	background-image:url(images/nerve.png);
}
.menu-casemenu-container ul#menu-casemenu li:nth-child(6) {
	background-image:url(images/posturebone.png);
}
.menu-casemenu-container ul#menu-casemenu li a {
	text-decoration:none;
	color:black;
	display:block;
	height:100%;
}
.clearfix:after{
	clear:both;
	content:"";
	display:block;
}

/************************************
** 症状 固定ページ
************************************/
.menu-casereport-container ul#menu-casereport {
	list-style:none;
}
.menu-casereport-container ul#menu-casereport {
	display:table-cell;
	}
.menu-casereport-container ul#menu-casereport li {
	float:left;
	
	border-radius:6px;
	width:45%;
	text-align:left;
	height:150px;
	background:#cdd430;
	background-size:contain;
	background-position:right bottom;
	background-repeat:no-repeat;
	margin-bottom:15px;
	font-size:30px;
	padding-top:3%;
	padding-left:3%;
	
	
}
.menu-casereport-container ul#menu-casereport li:nth-child(1) {
	background-image:url(images/headache.png);
}
.menu-casereport-container ul#menu-casereport li:nth-child(2) {
	background-image:url(images/shoulderpain.png);
}
.menu-casereport-container ul#menu-casereport li:nth-child(3) {
	background-image:url(images/elbow.png);
}
.menu-casereport-container ul#menu-casereport li:nth-child(4) {
	background-image:url(images/backpain.png);
}
.menu-casereport-container ul#menu-casereport li:nth-child(5) {
	background-image:url(images/nerve.png);
}
.menu-casereport-container ul#menu-casereport li:nth-child(6) {
	background-image:url(images/posturebone.png);
}
.menu-casereport-container ul#menu-casereport li a {
	text-decoration:none;
	color:black;
	display:block;
	height:100%;
}
.clearfix:after{
	clear:both;
	content:"";
	display:block;
}
/************************************
** フッターメニュー
************************************/
#footer .footer-center ul#menu-footermenu li {
	font-size:small;
	border-bottom:dotted 1px white;
}
#footer .footer-center ul#menu-footermenu li a:hover {
	background:none;
	color:blue;
}
#footer .footer-center ul#menu-footermenu li:before {
	font-family:FontAwesome;
	content: '\f0da';
	float:left;
	margin-right:10px;
	padding-top:10px;
}
#footer .footer-center ul#menu-footermenu li#menu-item-93:before {
	padding-top:10px;
}
#footer h3{
	background:white;
	border-radius:30px;
	text-align:center;
	padding:3px 0;
	color:#ec8f26;
	margin-bottom:10px;
}
#footer-book {
	background-color:#cdd430;
	text-align:center;
	border:3px solid white;
	border-radius:20px;
	color:#32260C;

}
#footer-book a {
	text-decoration:none;
}
 
.n2-section-smartslider {
	margin-bottom:0;
}
/************************************
** お知らせ
************************************/
.whatsnew a:hover {
	color:blue;
}
.entry-card-info, .e-card-info {
	display:none !important;
}	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
  .menu-casemenu-container ul#menu-casemenu li {
width:30%;

}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  .imgsize img {
	  width:100%;
	  float:none;
}
.menu-casemenu-container ul#menu-casemenu li {
	height:100px;
	margin-bottom:7px;
}
.menu-casereport-container ul#menu-casereport {
	padding-left:0;
}
.menu-casereport-container ul#menu-casereport li {
	float:left;
	
	border-radius:6px;
	width:100%;
	text-align:none;
	height:100px;
	margin-bottom:7px;
	font-size:20px;
	margin-right:10px;
}
.newexcerpt img {
		width:100%;
	margin:auto;
	float:none;
	}
	.newexcerpt h3 {
		clear:both;
	}
.menu-casemenu-container ul#menu-casemenu li:nth-child(5) {
	background-size:75%;
}
	.menu-casemenu-container ul#menu-casemenu li:nth-child(6) {
	background-size:60%;
}
/************************************
** トップ　患者様の声
************************************/
.newexcerpt img {
		width:150px;
		height:auto;
	}
	.newexcerpt h3 {
		font-size:12px;
		clear:none;
	}
}