@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/
/* 上諏訪店 */
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
ul { padding: 0;}
/*フロント固定ページのタイトルを非表示*/
.entry-title{
  display: none;
}
.main, .sidebar {
	background-color: #fffee7;
}
.logo{
	text-align: left;
}
.article h2 {
	background-color: transparent;
}

/* 見出し */
h1.mi_h1 {
	font-size: 24px;
	font-weight: 700;
	padding-top: 5px;
	padding-left: 10px;
	padding-down: 20;
	width: calc(100% - 1em);
	background: -webkit-linear-gradient(#ffffff, #a5a5a5);
	background: -o-linear-gradient(#ffffff, #a5a5a5); 
	background: linear-gradient(#ffffff, #a5a5a5);
	border-bottom: 2px solid #1a1a1a;
	margin:30px auto;
	line-height: 1.2;
	color: #000;
}
.h2_box{
	width: 95%;
	height: 40px;
	background-color: #1a1a1a;
	margin: 0 auto;
}
.h2_box h2{
	font-size: 20px;
	color: #fff;
	padding: 8px 10px;
	margin-bottom: 20px;
}
.h2_contents{
	margin: 10px 25px 20px;
}
.h3_contents{
	margin:10px 10px 20px 30px;
	font-size: 16px;
}
.h3_contents ul{
	margin-left: 25px;
	line-height: 20px
}
h2.ryoukin {
	margin: 20px;
}
h3.ryoukin {
	color:#ed1e79;
	font-size: 22px;
}
/* 見出し ここまで */
/* メニュー */
.navi-in > ul li{
	padding-top: 4px;
	height: 70px;
    line-height: normal;
}
/* メニューバー */
.menu-primary-menu {
	height: 70px;
	font-size: 14px;
}

/* ヘッダー右側インフォメーション：パソコンのみ */
.header-in {
  flex-direction: row;
  flex-wrap: wrap;
}

.tagline {
  flex-basis: 100%;
}

.logo-header:first-of-type {
  margin-right: auto;
}

.logo-header:last-child {
  margin-left: auto;
	
}.header_toiawase{/* 右の問合せ */
	float: right;
	margin: 10px 0 0 auto;
	width: 315px;
	height: 91px;
}
.h_toi_left{
	float:left;
}
.h_tel{
	font-size: 24px;
	font-weight: 700;
}
.h_mail{
	font-size: 14px;
}
.h_okigaruni{
	font-size: 14px;
	font-weight: 700;
}
.h_toi_right{
	float:left;
}
.h_access_img{
	padding-left: 4px;
	padding-top: 4px;
	width: 86px;
}
/* ヘッダー右側インフォメーション：パソコンのみ　ここまで */

/* トップ　レーン空き状況　行事予定　レーンコンディション */
.nav_yotei{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
/*	margin-bottom: 20px;*/
}
.yotei_box > li{
	width: 238px;
/*	height: 72px; */
	display: inline-block;
	list-style-type: none;
	margin-left: 0;

}
.yotei_box li:not(:last-of-type){ 
	/* li:not(:last-of-type)と指定して、
	　　最後の<li>以外のみ右側のマージンを設定する。
	　　:not(last-of-type)のような擬似クラスは、「.item」のようなクラス名に設定出来ないので注意 */
	margin-right: 5px;
}
.yotei_item{
	margin: 0;
padding: 0;
}
/* トップ　レーン空き状況　行事予定　レーンコンディション ここまで */

/* カテゴリtop_newsの記事を表示 */
.nav_topnews{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 10px;
}
.topnews_box > li{
	width: 180px;
	height: 255px;
	display: inline-block;
	list-style-type: none;
	padding-bottom: 5px;
	margin-left: 0;

}
.topnews_box li:not(:last-of-type){ 
	/* li:not(:last-of-type)と指定して、
	　　最後の<li>以外のみ右側のマージンを設定する。
	　　:not(last-of-type)のような擬似クラスは、「.item」のようなクラス名に設定出来ないので注意 */
/*	margin-right: 10px;*/
}
.topnews_item{
	margin: 0;
	padding: 0;
}
.no_image{
	box-sizing: border-box;
	border: 1.5px solid #36318f;
	font-size: 20px;
	font-weight:700;
}
/* カテゴリtop_newsの記事を表示 ここまで */
/* メニューバー */
.menu-primary-menu {
	height: 70px;
	font-size: 14px;
}

/* トップの最新情報 */
/* タイトル*/
.info_title_box{
	width: 100%;
/*	height: 45px; */
	background: -webkit-linear-gradient(#ffffff, #a5a5a5);
	background: -o-linear-gradient(#ffffff, #a5a5a5); 
	background: linear-gradient(#ffffff, #a5a5a5);
	border: solid #999999 1px;
}
h2.info_title {/* お知らせ */
	font-size: 25px;
	font-weight: 700;
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 0;
	width: calc(100% - 1em);
	border-bottom: 2px solid #1a1a1a;
	margin:5px auto;
}
.info_contents{/* お知らせの内容全体 */
	width: 100%;
	background: #ffffff;
	border: solid #999999 1px;
	margin: 0;
}
.topinfo_box{/* お知らせ内容リスト */
	list-style-type: none;
}
.info_item{/* お知らせ一行 */
	width: calc(100% - 2em);
	padding: 4px 20px;
	border-bottom: 1px solid #999999;
	margin:0 auto;
	max-height: 44px;
	font-size: 90%;
}
/* 各カテゴリの色 */
.ct_news{
	background-color: #ed1e79;
}
.ct_event{
	background-color: #29abe2;
}
.ct_tournament{
	background-color: #39b54a;
}
.ct_calendar{
	background-color: #f7931e;
}
.info_cat{/* カテゴリのspanの設定 */
	font-size:14px;
	color: #fff;
}
/* カテゴリと内容 */
dt.cat{
    float: left;
	width: 100px;
	text-align: center;
}
dd.naiyou{
    margin-left: 110px;
}
.info_table{/* 日付とタイトル用テーブル */
	display: table;
	font-size: 1em;
}
.info_td_day{/* 日付セル */
	display:table-cell;
	max-width: 140px;
}
.info_td_title{/* タイトルセル */
	display:table-cell;
	max-width: 500px;
}

/* ようこそ画像 */
.sm_youkoso{
	margin-left: auto;
	margin-right: auto;
}
/***
** 料金体系ページ
***/
.eigyou{
	width: 400px;
}
.ryoukin{
	margin:0 0 0 5px;
}
img.ryoukin1{
	width:200px;
}
img.ryoukin2{
	width:500px;
}
img.ryoukin3{
	width:100%;
}

/* ※つきのリストの表示 */
ul.asterisk li {
  	list-style-type: none;
  	text-indent: -1em;
	margin-left: 30px;
}
ul.asterisk li:before {
  	display: inline;
  	content: "※ ";
}

/* 料金表 */
.t_ryokin  {
    border-collapse:  collapse; /* セルの線を重ねる */
    width:  100%;               /* 幅指定 */
 }
.t_ryokin th,td {
    border: solid 1.5px #000!important;          /* 枠線指定 */
	background-color: #fff;
	color:#000;
	font-weight: 800;
    text-align:  center;        /* 文字の揃え位置指定 */
}
th {
    width:  100px;              /* 幅指定 */
}
th.r_midashi{
	background-color: #ffe8b4;
}
.r_midashi2{
	background-color: #fff;
}
.text-underline {
  text-decoration: underline;
}
.text-small {
	font-size: 85%;
}

/***
** スタッフページ
***/
.staff_img{
	height: 300px;
	float: left;
}
.staff_title{
	height: 300px;
	padding-top: 30px;
}
/***
** 直営店リンクページ
***/
.link_img{
	float: left;
}
.link_title{
	height: 300px;
}

/* サイドバー　ここから */
/* サイドバーのボックス */
.sidebar h2, .sidebar h3, .widget h2 {
	background-color: #36318f;
	color: #fff;
	text-align: center;
	margin:0px;
	padding: 5px 0;

}
.sd_box{
	width: 100%;
	margin: 0 0 20px auto;
	margin-bottom: 20px;
}
.sd_title_box h2{/* サイドバータイトルボックス */
	width: 100%;
	height: 24px;
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	margin:0px;
	padding: 5px 0;
}

.sd_contents{
	background: #ffffff;
	margin: 0;
}
.time_table{
	display: table;
	margin: 0 auto;
	padding: 10px;
}
.time_table div.row{
	display:table-row;
}
.time_table div.cell{
    display:table-cell;
	font-size: 18px;
}
/***
** ココレーン所属プロ紹介ページ
***/
.cocopro_box > li{
	width: 250px;
	max-height: 450px;
	display: inline-block;
	list-style-type: none;
	margin-left: 0;
	font-size: 13px;

}
.cocopro_box li:not(:last-of-type){ 
	/* li:not(:last-of-type)と指定して、
	　　最後の<li>以外のみ右側のマージンを設定する。
	　　:not(last-of-type)のような擬似クラスは、「.item」のようなクラス名に設定出来ないので注意 */
	margin-right: 5px;
}
.cocopro_item{
	margin: 0;
	padding: 0;
	text-align: center;
}
img.pro{
	width:200px;
}
.cocopro_name {
	font-weight: 700;
}
.sd_access{
	margin: 0 20px;
	padding-bottom: 20px;
}
.sd_access dt{
	padding-left: 10px;
	border-left: solid 4px #000000;/*左側の線*/

}
.sd_access dd{
	padding-left: 20px;
	padding-bottom: 10px;
	font-size:90%;
}
.no_bgcolor{/* 背景をデフォルトと一緒にする */
	background-color: #fffee7;	
}

/* サイドバーここまで */

/* パソコンの時は非表示 */
.h_sm_icon{
	display: none; 
}
.sm_eigyo{
	display: none; 
}
.sm_menu_btn{
	display: none; 
}

/* スマホのメニューのロゴ */
.sm_menu_logo{
	width: 200px;
	padding-left: 20%;
}
/***
** 団体予約ページ
***/
.yoyaku_mb_text{
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
}

.kyoutyou {
	font-size: 20px;
	font-weight: 700;
	line-height: 22px;
}
/***
** 料金一覧ページ
***/
.red { color: red; }
.ryo_box{
	margin: 10px 25px 20px 50px;
	font-weight: 500;
}

/* フッター */
#footer a:hover {
	color : #6e6d6d;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.sm_none{ display: none; }			
	.header_toiawase { display: none;}
	.nav_yotei{
		display: none;	
	}
	.nav_topnews{
		display: none;	
	}
	/* スマホ用メニューボタン */
	.sm_menu_btn{
		display: inline-block;
		vertical-align: top;
	}
	.sm_menu_box{
		margin:20px 0;
		text-align: center;
		padding-left: 0!important;
}
	.sm_menu_box > li{
		width: 100px;
		height: 100px;
		box-sizing: border-box;
		background-color: #36318f;
		border-radius: 20%;
		display: inline-block;
		list-style-type: none;
		margin: 20px;
	}
	.sm_menu_item{
		margin: 0;
		padding: 10px;
	}
	h2.sm_menu {
		margin: 0;
		padding: 0;
		border: 0;
		font-size:10px;
		color: #fff;
	}
	.sm_menu_image{
		width: 60px;
		height: 60px;
		margin:0 auto;
	}
	/* スマホ用メニューボタン　ここまで */
	/* 最新情報の見た目変更 */
	dt.cat{
		float:none;
	}
	dd.naiyou{
		margin-left: 10px;
	}
	.info_item{
		padding: 4px 0;
		max-height: 60px;
	}
	.info_td_day{
		width: 100px;
	}
	.info_table{
		font-size: 13px; 
	}
	/* フロートの解除 */
	.staff_img, .link_img{
		float: none;
	}
	.staff_title{
		height: auto;
		padding-top: 0;
	}
	/* 営業時間表示 */
	.sm_eigyo{
		display: block;
		background-color: #36318f;
		width: 100%;
		height: auto;
		color: #fff;
		text-align: center;
		padding: 5px 0;
		margin-bottom: 10px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	h1.mi_h1{
		width: 100%;
	}
}