@charset "utf-8";

@media (max-width: 640px) {


	/* CSS Document */

	html{}
	body{
		font-size: 16px;
		line-height: 1.7;
		font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	}

	a:link {}
	a:visited {}
	a:hover {}
	a:active {}

	img {
		height: auto;
		max-height: 100%;
		width: auto;
	}

	p{}

	/*  --------------------------------------
				新規追加
	----------------------------------------*/
	* {
		max-width: 100%;
		box-sizing: border-box;
	}

	.nosp {
		display: none;
	}


	table {
		width: 100%;
	}


	/*  --------------------------------------
				　ClearFix
	----------------------------------------*/
	.clearfix:after {}

	.clearfix {}

	* html .clearfix {}


	/*  --------------------------------------
				　共通部分
	----------------------------------------*/
	#contarea{}

	.box{}

	.txtbox{}

	.contbox{}

	.center{}

	.left{}

	.right{}

	.fontB{}

	.fontS{}

	.fontL{}

	.check{}

	.caution{}

	.colorGr{}

	.colorGrL{
		text-align: left;
	}

	.colorGrLB{}

	/*  --------------------------------------
				　ヘッダ
	----------------------------------------*/

	#keyvisual {
		border: 0;
		height: auto;
		padding-top: 78%;
		background-position: right;
		background-size: cover;
	}
	#keyvisual .lead {
		width: 60%;
		top: 35%;
		left: 15px;
	}

	#header {
		height: auto;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
	}

	#header .logo {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 0;
	}

	#header .logo_link {
		display: inline-block;
		width: calc(100% - 76px);
		height: 48px;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#header .logo h1 {
		font-size: 10px;
		margin: 0;
		width: 100%;
		color: #fff;
		line-height: 1.3;
		background: #6b2a18;
		overflow: auto;
		white-space: nowrap;
	}

	#header .detail .reserve{}
	.tel {}
	.tel a {}
	.tel a::before {
		background-image: url(../img/tel_icon_sp.png);
	}
	.tel a small {}
	#header .detail .time {}
	#header .detail .time dd {}





	/*  --------------------------------------
				　  フッター
	----------------------------------------*/

	.pagebottom {
		padding-bottom: 60px;
	}
	.copy {
		font-size: 10px;
		padding: 1em 0;
		display: block;
		text-align: center;
	}
	.fixbottom {
		position: fixed;
		display: flex;
		bottom: -90px;
		width: 100%;
		transition: .8s;
		list-style: none;
		margin: 0;
		padding: .2em .1em;
		background: #dcdcdc;
	}

	.fixbottom a {
		display: block;
		background: #6b2a18;
		border-radius: 4px;
		padding: .4em 0;
	}

	.fixbottom li {
		padding: .1em;
		flex-grow: 1;
		text-align: center;
	}

	

	.show {
		bottom: 0;
	}


	/*-----------------------------------------
						メニュー
	-----------------------------------------*/
	#menu {
		order: 1;
		margin: 15px auto;
		padding-bottom: 15px;
	}

	#menu .anchorbox {}
	#menu .anchorbox dt, .anchorbox dd{}
	#menu .anchorbox dt {}
	#menu .anchorbox dd {}
	#menu .anchorbox dd a {}
	#menu .anchorbox dd:hover {}

	#menu .menubox{}

	#menu .menubox img{}

	#menu .address {}
	#menu .address dt img {}
	#menu .address dd {}


	/*-----------------------------------------
						メイン
	-----------------------------------------*/
	#main{
		order: 0;
		padding: 15px;
	}

	h2{}

	h3{}

	.h3box{}

	h4{}

	.h4box{}


	.Cinfo-add{
		float: none;
		margin: 0 auto;
	}

	.Cinfo-hour{
		float: none;
	}
	.Chour_table table {
		font-size: 13px;
	}
	.Chour_table td{}
	.Chour_table .Chour_week{}
	.Chour_table .Chour_time{}

	.Chour_table_text {
		margin: 0;
	}

	.Chour_table_text2 {
		margin: 0;
		padding: 0;
	}


	.pickuplist ul{}

	.pickuplist li{}

	.Pagetop {
		bottom: 80px;
		right: 10px;
		margin: 0;
	}

	.over:hover {}


	/*  -----------------------  */
	/*  レスポンシブ化 追加  */
	/*  -----------------------  */
	.wrap {}
	.block_table tr {display: block;}
	.block_table th {display: block;}
	.block_table td {display: block;}
	.block_table_c {
		text-align: center;
		margin: 0 auto .8em;
	}
	.flex_table tr {
		display: flex;
		flex-wrap: wrap;
	}

	.flex_table th {display: block;}
	.flex_table td {display: block;}

	.order0 {order: 0;}
	.order1 {order: 1;}
	.order2 {order: 2;}
	.txt_l {text-align: left;}

	.imgR {
		text-align: center;
		margin: 0 auto 1.5em;
	}

	.imgL {
		text-align: center;
		margin: 0 auto 1.5em;
	}

	.topics {
		height: auto;
		padding: 2.5em 2em 2em;
		font-size: .9em;
		background-image: url(../img/shinkyu-bg2_t.png), url(../img/shinkyu-bg2_b.png);
		background-position: top center, bottom center;
		background-repeat: no-repeat, no-repeat;
		background-size: contain, contain;
	}
	
	.topics_in {
		padding: 0;
		background: #fff;
	}
	
	.topics_title {
		color: #f1761f;
		font-size: 130%;
		margin: 0 auto 10px;
	}











	/* ----------------------
	slide_menu
	------------------------- */


	.drawer-nav {
		background: #fff5f2;
		overflow: auto;
		font-size: .9em;
	}

	.drawer-hamburger-icon,
	.drawer-hamburger-icon:after,
	.drawer-hamburger-icon:before {
		background-color: #fff;
		height: 3px;
	}



	.drawer-hamburger {
		top: 21px;
		background: #6e8b29;
		width: 48px;
		height: 48px;
		right: 10px !important;
		box-sizing: border-box;
		padding: 0 .75em 10px;
	}
	.drawer-hamburger:hover {
		background-color: #6e8b29;
	}

	.drawer-open .drawer-hamburger-icon::after,
	.drawer-open .drawer-hamburger-icon::before {
		background-color: #fff;
	}

	.slide_logo {
		background: #6b2a18;
		padding: 30px 70px 30px 1em;
	}

	
	.drawer_list {
		width: 100%;
		margin: 0;
		padding: 0 15px;
		list-style: none;
	}

	.drawer_listin {
		padding: 0;
	}

	.drawer_list .item {
		border-width: 0 0 1px;
		border-style: solid;
		border-color: rgba(156, 140, 140, .3);
		list-style: none;
		padding: 0;
	}

	.drawer_list .item.bn {
		margin-right: -15px;
		margin-left: -15px;
		padding: 10px 15px;
		max-width: none;
		width: calc(100% + 30px);
		background: #fff;
	}

	.drawer_list .item_link {
		display: block;
		width: 100%;
		height: 100%;
		position: relative;
		line-height: 1.2;
		padding: .8em 1em;
		text-decoration: none;
		color: #6b2a18;
	}

	.drawer_list .item_link::after {
		content: "";
		position: absolute;
		right: 10px;
		width: 6px;
		height: 6px;
		border-width: 1px 1px 0 0;
		border-style: solid;
		border-color: #6b2a18;
		transform: rotate(45deg);
		top: calc(50% - 4px);
	}

	.drawer_list .bn .item_link::after {
		display: none;
	}




	.drawer_boxheader {
		order: 0;
		background: #fff;
		position: relative;
		padding-top: 30px;
		padding-bottom: 20px;
		padding-left: 1em;
		padding-right: 70px;
		border-bottom: 1px solid #ccc;
	}

	.drawer_boxheader a {
		display: block;
	}

	.drawer_banner {
		order: 1;
		background: #fff;
		padding: 15px;
		border-bottom: 1px solid #ccc;
	}
	.drawer_tel {
		padding-top: .6em;
		text-align: left;
		font-size: 1.2em;
	}

	.drawer_tel a {
		text-decoration: none;
		color: #6b2a18;
		font-size: 1.2em;
		display: inline-block;
		font-weight: bold;
	}

	.drawer_tel small {
		font-size: .7em;
		display: inline-block;
		line-height: 1;
		margin-left: 17px;
	}

	.drawer_list a {
		text-decoration: none;
	}

	.drawer_list li {
		width: 100%;
		padding: 0 15px;
		border-bottom: 1px solid #ccc;
	}
	.drawer_list li:last-of-type {
		border-bottom: 0;
	}

	.access {
		font-size: 1.4em;
		margin: 0;
		margin-top: .4em;
	}

	.maplink {
		padding: .4em .8em;
		border-radius: 4px;
		background: #d9efb6;
		color: #fff;
		display: inline-block;
		line-height: 1;
	}

	.access span {
		font-weight: bold;
		margin-left: .2em;
	}

	.drawer_info {
		margin: 0;
	}


	.drawer_info > dt {
		display: inline-block;
		color: #fff;
		padding: .1em 1em;
		font-size: 11px;
		margin-top: .8em;
	}

	.drawer_info > dd {
		margin: 0;
		margin-top: .4em;
		font-size: 11px;
	}

	.drawer_info .rese {
		background: #d0112b;
	}

	.drawer_info .time {
		background: #6e8b29;
	}

	.drawer_info dl {
		margin: 0;
		display: flex;
		font-size: 13px;
		flex-wrap: wrap;
	}

	.drawer_info dl dt {
		width: 40%;
		font-weight: bold;
		padding-bottom: .3em;
		margin-bottom: .3em;
		padding-right: 1em;
		border-bottom: 1px dashed #ccafb4;
	}
	.drawer_info dl dd {
		width: 60%;
		margin: 0;
		padding-bottom: .3em;
		margin-bottom: .3em;
		padding-left: 1em;
		border-bottom: 1px dashed #ccafb4;
	}

	.drawer_info dl dd:before {
		content: "：";
		display: inline-block;
		text-indent: 1em;
		margin-left: -2em;
	}

	.drawer_info dl dd span {
		display: inline-block;
	}

	.drawer_list .sub_menu {
		margin-right: -15px;
		margin-left: -15px;
		padding: 15px 15px 0;
		max-width: none;
		width: calc(100% + 30px);
		background: #fbece8;
	}

	.drawer_list .sub_menu > span {
		display: block;
		padding: .2em;
		margin-bottom: .4em;
		text-align: center;
		color: #fff;
		background: #6b2a18;
	}


	/*  --------------------------------------
				each.css
	----------------------------------------*/

	/* top */
	#information .date {
		display: block;
	}
	#information {
		height: 260px;
	}
	.index-shinkyu-bg {
		padding: 0;
		height: auto;
		background: none;
	}
	.index-shinkyu-bg .box {
		height: auto;
		padding: 0;
	}
	.index-shinkyu_photo {
		float: none;
		margin: 0 auto 1.5em;
		width: 150px;
	}
	
	.index-shinkyu_text {
		float: none;
		width: 100%;
	}

	.acu_table th,
	.acu_table td {
		vertical-align: top;
		padding: .8em 0;
		border-bottom: 1px dashed #ccc;
	}

	.acu_table table th {
		width: 40%;
	}


}