/*
Theme Name: gionmaruyama theme
Version: 1.01
*/


/***html,bodyタグの設定***/
html {
  visibility: hidden;
	font-size: 10px;/*デフォルトfontsizeを10pxに設定(10px=1rem) */
}
html.wf-active, html.loading-delay {
  visibility: visible;

}

/***共通設定***/
html,body{
		
	margin: 0;
	padding: 0;
	min-height: 95vh;
	width: 100%;
	overflow-x: hidden;
}


body {
	/***font***/
	font-family: dnp-shuei-mincho-pr6n, sans-serif;
	font-weight: 300;
	color: #60291F;
	text-align: center;
	/***background***/
	background-image: url("images/kawaraMaru.png"),url("images/backwashi.jpg");
	background-attachment: scroll, fixed;
	background-repeat: no-repeat, repeat;
	background-position: calc(50% - 580px) 400px,0 0;
	background-size: 633px,auto;
	/***縦並びのため***/
	display: flex;
	flex-direction: column;
}

a {
	color: #60291F;
	text-decoration: none;
}

a:hover {
	color: #60291F;
	text-decoration: none;
}

h1 {
	padding: 0px;
	margin: 0px;
}

h2 {
	letter-spacing: 0.5em;
	font-size: 2.6em;
	font-weight: 300;
}

.container{
	padding: 0 3em;
}

.txt-red {
	font-size: 2rem;
	color: #D80000;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.txt-red {
		font-size: 1.2rem;
	}
}


/***header***/

header {

}

.pc-bar {
		/***background***/
	/* background-image: url("images/backwashi.jpg"); */
	max-width: 1140px;
	margin: 0px auto;
	height: 175px;
	justify-content: center;
	align-items:flex-end;
	padding-top: 36px;
	position: relative;
}



.language {
	position: absolute;
	top: 42px;
	left: 960px;
}

.language .btn {
	color: #60291F;
	background-color: #FFFFFF;
}


/**PC navi**/

.image-logo img {
	width: 65px;
	margin: 0 80px;
}

ul.pc-menu {
	font-size: 1.2em;
	letter-spacing: 0.3em;
	padding: 0 0 2.4rem 0;
}

ul.pc-menu li {
	display: inline-block;
	text-decoration: none;
	
}

ul.pc-menu li a {
    color: #60291F;
}

ul.left-menu {
	width: 39%;
	text-align: right;
}

ul.right-menu {
	width: 39%;
	text-align: left;
}

ul.left-menu li{
	width: 31%;
}

ul.right-menu li{
	width: 22%;
}


/**スクロール後のnavi**/

.site-header{
    justify-content: space-between;
    padding: 20px;
    width: 100%;
}
.header-change{
    justify-content: space-between;
    padding: 0px;
    position: fixed;
    top: -100px;
    transition: .5s;
    width: 100%;
	z-index: 3;
}
.header-change.show{
    top: 0;
	background-image: url("images/backwashi.jpg");
}

.pc-bar-small{
	max-width: 1140px;
	margin: 0px auto;
	height: 75px;
	justify-content: center;
	align-items: center;
	position: relative;
}

.image-logo-small img {
	width: 65px;
	margin: 0 80px 20px 80px;
}

ul.pc-menu-small {
	font-size: 1.2em;
	letter-spacing: 0.3em;
	padding: 0 0 0.1rem 0;
}

ul.pc-menu-small li {
	display: inline-block;
	text-decoration: none;
}

ul.pc-menu-small li a {
    color: #60291F;
}

.language-small {
	position: absolute;
	top: 20px;
	left: 27px;
}

/**モバイルのnavi*/

.mob-bar{
	background-image: url("images/backwashi.jpg");
	padding-top: 5rem;
	padding-bottom: 7.2rem;
}

.logo-mob{
	width: 5.3rem;
	margin: 0 auto;
}

/**スクロール後のモバイルのnavi small**/

.mob-bar-small{
	background-image: url("images/backwashi.jpg");
	height: 5rem;
	padding-top: 1rem;
}

#nav-drawer {/*ハンバーガーアイコンの位置*/
   position: absolute;
	top: 3.3rem;
	left: calc(50% - 230px);
	z-index: 1050;
}

#nav-drawer ul {
    list-style: none;
    font-size: 1.6rem;
    padding-left: 20px;
}

#nav-drawer ul li {
	margin-bottom: 35px;
}

#nav-drawer ul li a {
    color: #000000;/*ドロワー内文字色*/
    text-decoration: none;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display: none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	vertical-align: top;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 2px;/*アイコンの線の太さ*/
	width: 2.7em;/*アイコンの線の長さ*/
	/*border-radius: 3px;*/
	background: #60291F;/*アイコンの色*/
	display: block;
	content: '';
	cursor: pointer;
}
#nav-open span {
	
}

#nav-open span:before {
	bottom: -5px;
}
#nav-open span:after {
	bottom: -10px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
	display: none;/*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0;/*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;/*最前面に*/
	width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 180px;/*ドロワーの最大幅（調整してください）*/
	height: 100%;
	background: #ffffff;/*ドロワーの背景色*/
	transition: .3s ease-in-out;/*滑らかに表示*/
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
	display: block;/*カバーを表示*/
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);/*中身を表示（右へスライド）*/
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

/***main***/

#main {
	margin-top: 9rem;
	width: 100%;
}

/***footer***/

#footer {
	font-size: 1rem;
    bottom: 0px;
    width: 100%;
    padding: 0;
}

ul.social-icon {
	width: 100%;
	padding: 8.2rem 0 0 0; 
}

ul.social-icon li {
	display: inline-block;
    vertical-align: middle;
	margin: 0 12px;/*iconの間隔*/
	padding: 0;
}

ul.social-icon li a {
	display: block;
    text-decoration: none;
    color: #60291F;
}

ul.social-icon li img{
	height: 17px;
}

.copyright {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	letter-spacing: 0.2em;
	color: #808080;
	margin: 2rem 0 6rem 0;
}


/***top page***/

.left-box {
/*	padding-left: 37px;*/
}

.insta-img {
	display: block;	
}

.insta-img img {
	padding: 0;
	width: 85%;
	height: 85%;
}

.right-box {
	margin: auto;
}

.v-w-date {
	margin: 0;
	width: 3.7rem;
	display: block;
	writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	padding: 0 1.6rem 0 0;
	text-align: left;
	left: -4rem;
	font-size: 0.9em;
	letter-spacing: 0.2em;
}

.s-title {
	border-top: solid 0.5px #c8ada4;
	border-bottom: solid 0.5px #c8ada4;
	text-align: left;
	line-height: 20px;
	display: inline-block;
	padding: 5px 15px;
	font-size: 0.8em;
	letter-spacing: 0.08em;
}

.ss-title {
	border-right: solid 0.5px #c8ada4;
	border-left: solid 0.5px #c8ada4;
	line-height: 20px;
	height: 79px;
	margin-right: 16px;
}

.v-w {
	display: block;
	writing-mode: vertical-rl;
	-ms-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	margin-top: 0;
	margin-left: -33px;
	font-size: 0.8em;
	letter-spacing: 0.08em;
}

.info {
	padding-right: 35px;
	width: 100%;
	text-align: left;
}

.info ul {
	list-style-type: none;
	padding: 0;
	width: 100%;
	margin-top: 8px;
}

.info li {
	border-bottom: solid 0.5px #c8ada4;
	letter-spacing: 1px;
	text-align: left;
	line-height: 65px;
	font-size: 1.1rem;
}

.info li::after {
	content: '➤';
	position: absolute;
	right: 37px;
}

.update {
	margin-top: 4.7em;
	padding-right: 35px;
	position: relative;
	text-align: left;
}

.update-cards {
	margin: 2.7em 0;
	display: flex;
	flex-direction: column;
}

.up-card {
	margin-bottom: 30px;
	font-size: 1rem;
	letter-spacing: 0.7px;
}

.date-card{
	margin: 1rem 0 0 0;
}

.title-card{

	line-height: 1.4rem;
}

.ichiran {
	margin-top: 6em;
	font-size: 0.9em;
	letter-spacing: 1px;
	text-align: center;
}

.ichiran a {
   text-decoration: none;
   border-bottom: 1px solid #c8ada4;
}

	/*溝幅 20pxの場合*/
	.gutter-20 {
	margin-left:-10px;
	margin-right:-10px;
	}
	.gutter-20 > [class*='col-'] {
	padding-left:10px;
	padding-right:10px;
	}

	/*溝幅 10pxの場合*/
	.gutter-10 {
	margin-left:-5px;
	margin-right:-5px;
	}
	.gutter-10 > [class*='col-'] {
	padding-left:5px;
	padding-right:5px;
	}

	/*溝幅 24pxの場合*/
	.gutter-24 {
	margin-left:-12px;
	margin-right:-12px;
	}
	.gutter-24 > [class*='col-'] {
	padding-left:12px;
	padding-right:12px;
	}

/***ここまでtop page***/

/***ご挨拶***/

.page-id-8 {

	/***background***/
	background-image: url("images/kawaraMaru.png"),url("images/kawaraKaku.png"),url("images/backwashi.jpg");
	background-attachment: scroll, scroll, fixed;
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: calc(50% + 500px) 160px, calc(50% - 560px) 630px,0 0;
	background-size: 633px,520px,auto;
	
}


.goaisatu {
	margin: 0 auto 5em auto;
	max-width: 65.4em;
}

.goaisatu-bun {	
	margin-top: 7.1em;
}

.goaisatu p {
	font-size: 1.15em;
	letter-spacing: 0.1em;
	margin: 1.8em 0;
	line-height: 2;
}

.keireki-name{
	margin: 80px 0 20px 0 ;
	font-size: 1.2em;
}

.keireki dl,dt,dd {
  box-sizing: border-box;
}
.keireki dl {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.keireki dt,dd {
  padding: 10px 10px 0 10px;
  border-top: 1px solid #ccc;
}
.keireki dt {
  width: 35%;
  float: left;
}
.keireki dd {
  margin-left: 35%;
  padding-bottom: 10px;
  text-align: left;
}
.keireki dd:after {
  content: '';
  display: block;
  clear: both;
}
.wrap {
  width: 100%;
  overflow: hidden;
	margin-top: 9em;
}

.wrap_new {
  width: 60%;
	margin-top: 9em;
}

.wrap_tate #sb_instagram .sbi_photo {
	height: 810px!important;
}

.wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/***お料理***/



.page-id-6{
	/***background***/
	background-image: url("images/kawaraMaru.png"),url("images/kawaraKaku.png"),url("images/backwashi.jpg");
	background-attachment: scroll, scroll, fixed;
	background-repeat: no-repeat, no-repeat, repeat;
	background-position: calc(50% + 724px) 160px, calc(50% - 614px) 630px,0 0;
	background-size: 633px,520px,auto;
}

.oryouri {
	
	margin-top: 6.7rem;
	width: 60%;
}

.oryouri h3 {
	letter-spacing: 0.1em;
	font-size: 1.5em;
}

h3 span {
	font-size: 0.9em;
	line-height: 3rem;
	font-weight: 300;
}

.left-box .right-box{
	display: flex;
	flex-direction: column;
	text-align: left;
	justify-content: center;
  	align-items: center;
}

.tsuki-menu {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	margin-top: 3.2rem;
}

.tsuki-menu p {
	line-height: 1.9rem;
	margin-bottom: 2.3rem!important;
}

.price {
	font-size: 1.2em;
	letter-spacing: 0.1em;
	line-height: 2rem;
	text-align: left;
	margin: 0 auto;
	width: 13.8rem;
}

.price span {
	line-height: 4rem;
}

.tyui {
	font-size: 1.2em;
	letter-spacing: .1em;
	line-height: 2rem;
}

h4 {
	letter-spacing: 0.1em;
	font-size: 1.2em;
}

.hiru {
	font-size: 1.2em;
	margin: 3.2rem auto 3.2rem auto;
}

.yoru {
	font-size: 1.2em;
	margin: 3.2rem auto 3.2rem auto;
}

.kids {
	font-size: 1.2em;
	margin: 3.2rem auto 3.2rem auto;
	text-align: left;
	width: 13.8rem;
}

.zeisa {
	font-size: 1.2em;
	margin-top: 3.2rem;
	line-height: 2rem;
}

/***店舗***/
.page-id-10{
	/***background***/
	background-image: url("images/kawaraMaru.png"),url("images/backwashi.jpg");
	background-attachment: scroll, fixed;
	background-repeat: no-repeat, repeat;
	background-position: calc(50% + 724px) 160px,0 0;
	background-size: 633px,auto;
}


.tenpo {
	margin: 9.4rem auto 0 auto;
}

.tenpo section h3 {
	font-size: 1.6em;
	letter-spacing: 0.5em;
	margin-bottom: 2.1rem;
	font-weight: 300;
}

.tenpo section p {
	font-size: 1.2em;
	letter-spacing: 0.17rem;
	line-height: 2.2rem;
	margin-bottom: 2.2rem;
	color: #885c4c;
}

.tenpo-logo {
	margin: 1rem 0 2.5rem 0;
}

.tenpo-logo-ken {
	margin: 0 0 2.5rem 0;
}

.tenpo-map {
	margin: 4rem 0 0.5rem 0;
	border: solid 1px #885c4c;
}

.tenpo section p .tel {
	letter-spacing: 0.5em;

}

.tenpo-yoyaku {
	font-size: 1.6em;
	letter-spacing: 0.4em;
	margin: 7rem 0;
}

.tenpo-tel {
	font-size: 0.8em;
	letter-spacing: 0.2em;
	margin: 5rem 0;
	line-height: 2em;
	}

.tenpo-tel button {
	border: solid #60291F 1px!important;
	background-color:#fcfcfc; 
	}


.wrap-map {
	width: 100%;
	height: 0;
	position: relative;
	padding-top: 100%;
	overflow: hidden;
}

.wrap-map iframe {	
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/***ご予約***/
.page-id-12{
	/***background***/
	background-image: url("images/kawaraMaru.png"),url("images/backwashi.jpg");
	background-attachment: scroll, fixed;
	background-repeat: no-repeat, repeat;
	background-position: calc(50% + 724px) 160px,0 0;
	background-size: 633px,auto;
}


.yoyaku{
	margin: 9rem auto 3.5rem auto;
	font-size: 1.4em;
	letter-spacing: 0.2em;
}

.denwa{
	margin-bottom: 4.5rem;
}

.dresscode{
	margin-bottom: 4.5rem;
}

.gion-tel{
	margin-bottom: 3.5rem;
}

.ken-tel{
	margin-bottom: 9rem;
}

.yoyaku-tel {
	letter-spacing: 0.2em;
	margin: 5rem 0;
	line-height: 2em;
	}

.yoyaku-tel button {
	border: solid #60291F 1px!important;
	background-color:#fcfcfc; 
	}

.cancel{
	font-size: 0.9em;
	letter-spacing: 0.2em;
}

.cancel-cost{
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

.cancel-text{
	text-align: left;
	margin: 0 auto;
	width: 30rem;
}

.cancel-day{
	letter-spacing: 0.2em;
	margin-right: 2.8rem;
}

/***お取り寄せ***/

.item-wrap {
	margin: 9rem auto;
}

.item-box {
	margin-bottom: 30px;
}

.item-box p {
	font-size: 1.2rem;
}

.details-btn {
	border: solid 1px #60291F;
}

.kokorocha-banner {
	margin-bottom: 100px;
}

.kokorocha-banner ruby {
	ruby-align: center;
}

.kokorocha-banner ruby rt {
	letter-spacing: -.3em;
	text-align: center;
	font-size: 20%;
}

.bottom-guide {
	font-size: 1.2rem;
}

/***更新情報一覧***/

.list {
	font-size: 1.4rem;
	margin-top: 4.7em;
}

.list hr {
	border-top: solid 1px #60291F;
	width: 100%;
	margin-bottom: 3em;
}

/***form***/

.otoiawase {
	margin-top: 80px;
	max-width: 720px;
	height: auto;
	font-size: 1.3em;
	letter-spacing: 2px;
	line-height: 2.2rem;
}

.hojin {
	font-size: 1.1em;
	color: #bc1d3c;
	line-height: 2.4rem;
	margin-bottom: 7.8rem;
}

.goiken {
	margin-bottom: 3.3rem;
}

.form-width {
	max-width: 100%!important;
}

/***ここまでform***/

/*ipad設定*/

@media screen and (max-width: 1200px) {
	/*店舗 991*/
	}
@media screen and (max-width: 991px) {
	body {
		font-size: 1.008vw;
    /*
      計算式：　10(px) / 992(px) * 100 = 1.008
      画面幅992pxの時に "font-size: 10px" 相当になる
	*/
	background-image: url("images/kawaraMaru.png"),url("images/backwashi.jpg");
	background-attachment: scroll, fixed;
	background-repeat: no-repeat, repeat;
	background-position: calc(50% - 340px) 1380px,0 0;
	background-size: 650px,auto;
	}

	.language-small {
	position: absolute;
	top: 10px;
	left: 10px;
	}

	.insta-img img {
		width: 100%;
		height: auto;
	}
	
	.date-mob {
	font-size: 11px;
	margin-top: 1.1em;
	letter-spacing: 2px;
	}
	
	.info {
	margin-top: 6.7em;
	padding-right: 3.7em;
	width: 100%;
	}
	
	.info li::after {
	right: 3.3em;
	}
	
	.v-w {
	margin-left: 0;
	}
	
	/*.s-title {
	margin-right: 2.7em;
	}*/
	
	.ss-title {
	margin-right: 2.7em;
	}

	.update {
		margin-top: 6.4em;
		padding-right: 3.7em;
	}
	
	.ichiran {
	margin-top: 2em;
	font-size: 0.9em;
	letter-spacing: 1px;
		text-align: right;
	}
	
	.copyright {
	font-family: neue-haas-grotesk-text, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
	letter-spacing: 2px;
	color: #808080;
	margin: 1.2em 0 3.1em 0;
	}
	
	ul.social-icon {
	width: 100%;
	padding: 9.2em 0 0 0; 
	}

	/*お料理 991*/
	.oryouri {
		margin-top: 67px;
		width: 100%;
	}

}

/*mobile設定*/

@media screen and (max-width: 767px) {
	
	body {
		font-size: 1.303vw;
    /*
      計算式：　10(px) / 767(px) * 100 = 1.303
      画面幅768pxの時に "font-size: 10px" 相当になる
	*/
	background-image: url("images/kawaraMaru.png"),url("images/backwashi.jpg");
	background-attachment: scroll, fixed;
	background-repeat: no-repeat, repeat;
	background-position: calc(50% - 250px) 1150px,0 0;
	background-size: 530px,auto;
	}
	
	header{
		
	}
	
	/*.s-title {
	margin-right: 2.2em;
		height: 90px;
	}*/
	
	.ss-title {
	margin-right: 2.2em;
	}
	
	.info li::after {
	right: 2.9em;
	}
	
	.news-list{
		padding: 0 25px;
	}

	/***footer***/

	#footer {
		font-size: 1.4em;
		bottom: 0px;
		width: 100%;
		padding: 0;
	}

	ul.social-icon {
		width: 100%;
		padding: 9.2em 0 0 0; 
	}

	ul.social-icon li {
		display: inline-block;
		vertical-align: middle;
		margin: 0 2em;/*iconの間隔*/
		padding: 0;

	}

	ul.social-icon li a {
		display: block;
		text-decoration: none;
		color: #333;
	}

	.copyright {
		font-family: neue-haas-grotesk-text, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 1rem;
		letter-spacing: 0.2em;
		color: #808080;
		margin: 2.4em 0 6.1em 0;
	}

	/***ここまでfooter***/
	
	/***main***/
	
	#main {
		margin-top: 0;
		font-size: 1.5em;
	}
	
	h2 {
	letter-spacing: 0.3em;
	font-size: 1.6em;
	font-weight: 300;
}
	
	.image-area {
		text-align: right;
	}
	
	.image-area img {
		width: 94%;
	}
	
	.info li {
	font-size: 13px;
	line-height: 83px;
	}
	
	.v-w {
	font-size: 11px;
	}
	
	
	.language {
		position: absolute;
		top: 1rem;
		right: 6rem;
		transform: translateX(50%);
	}

	ul.social-icon li {
		margin: 0 0.7em;/*iconの間隔*/
		padding: 0;
	}

	ul.social-icon li img{
		height: 1.2em;
	}

	.copyright {
		font-family: neue-haas-grotesk-text, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 0.8rem;
		letter-spacing: 0.1em;
		color: #808080;
		margin: 1.8em 0 6.8em 0;
	}
}



@media screen and (max-width: 576px) {
	
	body {
		font-size: 1.736vw;
    /*
      計算式：　10(px) / 576(px) * 100 = 1.736
      画面幅768pxの時に "font-size: 10px" 相当になる
	*/
	background-image: url("images/kawaraMaru.png"),url("images/backwashi.jpg");
	background-attachment: scroll, fixed;
	background-repeat: no-repeat, repeat;
	background-position: calc(50% - 160px) 830px,0 0;
	background-size: 330px,auto;
	}

	.container{
		padding: 0 3em;
	}

	#nav-drawer {/*ハンバーガーアイコンの位置*/
   position: absolute;
	top: 3.3em;
	left: calc(50% - 25em);
	z-index: 1050;
	}
	
	#nav-drawer-small{
		position: absolute;
	top: 2em;
	left: calc(50% - 25em);
	z-index: 1050;
	}
	
	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {

		width: 3.3em;/*アイコンの線の長さ*/

	}
	
	.date-mob {
	font-size: 1em;
	margin-top: 1em;
	}
	
	.v-w {
	font-size: 1.3em;
	}
	
	/*.s-title {
	line-height: 2.3em;
	height: 8.2em;
	margin-right: 1.8em;
	}*/
	
	.info ul {
	margin: 1.5em 0;
	}

	.info li {
	border-bottom: solid 0.5px #c8ada4;
	letter-spacing: .08em;
	text-align: left;
	line-height: 6em;
	font-size: 1.5em;
	}
	
	.ss-title {
		line-height: 2.3em;
		height: 7em;
		margin-right: 1.8em;
	}

	.update-cards {
		margin: 3em 0;
		display: flex;
		flex-direction: column;
		height: auto;
	}

	.up-card {
		margin-bottom: 3em;
		font-size: 1.2em;
	}

	.gutter-24 {
		margin-left:-1em;
		margin-right:-1em;
		}
		.gutter-24 > [class*='col-'] {
		padding-left:1em;
		padding-right:1em;
		}

	.ichiran {
		margin-top: 0;
		font-size: 1.2em;
		letter-spacing: 1px;
		text-align: right;
	}

	ul.social-icon {
		padding: 16em 0 0 0; 
	}
	
	.accord-header{
		border-top: solid 1px #c8ada4;
		border-bottom: solid 1px #c8ada4;
		/*height: 7.6rem;*/
		display: -webkit-flex;
    	display: flex;
    	-webkit-justify-content: center;
    	justify-content: center;
    	-webkit-align-items: center;
    	align-items: center;
		min-height: 100px;
	}
	
	.accord-header-2{
		margin-top: -1px;
		border-top: solid 1px #c8ada4;
		border-bottom: solid 1px #c8ada4;
		/*height: 7.6rem;*/
		display: -webkit-flex;
    	display: flex;
    	-webkit-justify-content: center;
    	justify-content: center;
    	-webkit-align-items: center;
    	align-items: center;
		min-height: 100px;
	}
	
	.accord-header h3 {
		font-size: 1.4em;
		letter-spacing: 0.2em;
		line-height: 2.2rem;
		margin-bottom: 0;
		font-weight: 300;
		color: #60291F;
	}
	
	.accord-header-2 h3 {
		font-size: 1.4em;
		letter-spacing: 0.2em;
		line-height: 2.2rem;
		margin-bottom: 0;
		font-weight: 300;
		color: #60291F;
	}
	
	.ryouri-menu .collapsed::after {
	content: '';
	position: absolute;
	right: 37px;
	margin-top: 0px!important;
	}
	
	h3 .collapsed::after {
	content: '➤';
	position: absolute;
	right: 37px;
	margin-top: 55px;
	}
	
	.tenpo section h3 {
		font-size: 1.4em;
		letter-spacing: 0.2em;
		line-height: 2.2rem;
		margin-top: 2rem;
		font-weight: 300;
		color: #60291F;
	}

	.tenpo {
		margin: 7.2em auto;
		width: 100%;
	}
	
	.tenpo-logo {
		margin: 0.6rem 0 2.5rem 0;
	}

	.tenpo section p {
		letter-spacing: 0.1rem;
		line-height: 2.2rem;
		margin-bottom: 0;
		margin-top: 3.4rem;
	}
	
	.tenpo-yoyaku h3 {
	font-size: 1em;
	letter-spacing: 0.3em;
	margin: 5rem 0;
	line-height: 30px;
	}
	
	.tenpo-tel {
	font-size: 1em;
	letter-spacing: 0.2em;
	margin: 3rem 0;
	line-height: 30px;
	}
	
	.tenpo-yoyaku {
	font-size: 1.4em;
	letter-spacing: 0.4em;
	margin: 7rem 0;
	}
	
	.tenpo-logo-ken {
	margin: 0.6rem 0 2.5rem 0;
	}
	
	.cancel-text {
    	text-align: left;
    	margin: 0 auto;
    	width: 24.5rem;
		font-size: 0.8em;
	}
	
	.cancel-day{
		letter-spacing: 0.2em;
		margin-right: 1.4rem;
	}
	
	.wrap_new {
  	width: 100%;
	}
	
	.wrap_tate #sb_instagram .sbi_photo {
		height: 420px!important;
	}
	.form-width {
		max-width: 250px!important;
	}
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    height: 25px;
    width: 25px;
    outline: black;
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 50%, 50%;
    border-radius: 50%;
}


.carousel-indicators li {
    border-radius: 50%;
    margin: 1px 3px;
    height: 10px;
    max-width: 10px;
}

/* test */

/* Contact Form7 */

.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	margin: 0 0 30px 0;
}
.contact7 dt {
	font-weight: normal;
}

/* 必須マーク */
.contact7 .must {
	background: #FF1A00;
}

/* 任意マーク */
.contact7 .optional {
	background: #999;
}

.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 5px 10px;
	letter-spacing: 2px;
}
.btn_contact7 {
	text-align: center;
}
.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}

.btn_contact7 input {
	width: 70%;
	background-color: #005513;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #005513;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.btn_contact7 input:hover {
	background-color: #FFF;
	color: #005513; 
}
}