@charset "UTF-8";

.hiragino{font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "游明朝体","YuMincho" "游明朝","Yu Mincho" ,  serif;}
* {
-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	line-height:1;
	text-align:center;
color:#333;
}
/* clearfix */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}
.clearfix:after {
	clear: both;
}
/* 基本 */
html {
font-family: sans-serif; /* 1 */
font-size: 62.5%;
line-height: 1;
font-family: "ヒラギノ明朝 ProN","Hiragino Mincho ProN", "游明朝体","YuMincho" "游明朝","Yu Mincho" ,  serif;
font-weight:400;
color:#333;
margin:0;
padding:0px;
}
body {
background:#f0ede9 url("../images/ricepaper.png");
margin:0;
padding:0px;
}
/* リンク */
a:link,a:active,a:visited,a:hover{color:#e61b64;text-decoration:none;}
a img {
margin:0;
padding:0px;
border: none;
}
p , li , td{
	font-size: 16px;
	font-size: 1.6rem;
	text-align:left;
}
ol{
margin:0px 0px 20px 0px;
padding:0px;
list-style-type: decimal-leading-zero;
}
li{
margin:0px 0px 0px 40px;
padding:0px;
	line-height:1.5;
}
p{
margin:0;
padding:0px 0px 20px 0px;
line-height:1.5;
}
p img{
width:100%;
height:auto;
}
h1{
margin:0;
	padding:0px;
}
h1 img{
width:100%;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 0px;
}
h2  {
margin:10px 0px 10px 0px;
padding:0px 0px 5px 0px;
	color:#3e3d3b;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight:bold;
	text-align:left;
line-height:1.2;
border-bottom:2px solid #8cccff;
font-family: "Hiragino Sans","ヒラギノ角ゴシック", "游ゴシック体","YuGothic", "游ゴシック","Yu Gothic" , sans-serif;
}
span{	font-weight:normal; font-size: 20px;	font-size: 2rem;}
table{width:100%;}
td{
margin:0;
padding:0px;
line-height:1.5;
text-align:left;
}
.txtright{text-align:right;}
.v-bottom{vertical-align:bottom;}
.mobile-br{display:none;}

.wrapper{
width:960px;
	margin: 0px auto;
	padding: 10px 0px;
background-color:#574f4b;
}
.box-top{
width:calc( 100% - 40px );
	margin: 0px auto 0px;
	padding: 0px;
background-color:#fff;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
vertical-align:top;
}
.box{
width:calc( 100% - 40px );
	margin: 10px auto;
	padding: 20px 20px 20px 20px;
background-color:#fff;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
vertical-align:top;
}
.top-box{
	padding: 0px 20px 20px 20px;
width:calc( 100% - 40px );
	margin: 10px auto;
background-color:#fff;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
vertical-align:top;
}
.box-inner-half-L{
width:calc( 50% - 15px );
margin: 0px;
padding: 0px;
background-color:#fff;
float:left;
vertical-align:top;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.box-inner-half-R{
width:calc( 50% - 15px );
margin: 0px;
padding: 20px;
background-color:#fff;
float:right;
vertical-align:top;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}
.box-inner-half-R-video{
width:80%;
margin: 0px auto;
padding: 0px;
background-color:#fff;
vertical-align:top;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.box-inner-half-L-video , .box-inner-half-R-video{
margin-bottom: 10px;
}
.box-inner-half-L img , .box-inner-half-R img{
width:100%;
}
.button{
display:block;
margin:20px auto 10px auto;
padding:10px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
background-color:#8cccff;
}
.shopName{vertical-align:top;}
.shopName img{width:auto;height:20px;vertical-align:top;}
.video{
		position:relative;
		width:100%;
		padding-top:56.25%;
}
.video iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
}
a.button:link, a.button:active, a.button:visited, a.button:hover{
color:#fff;text-decoration:none;
font-family: "Hiragino Sans","ヒラギノ角ゴシック", "游ゴシック体","YuGothic", "游ゴシック","Yu Gothic" , sans-serif;
}
.footer{
width:calc( 100% - 40px );
	background:#574f4b;
	margin: 10px auto 0px auto;
	padding: 10px;
	color:#fff;
	font-size:14px;
	font-size:1.4rem;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}

/* タブレット用 */
@media only screen and (min-width: 0px) and (max-width: 959px) {
.wrapper{
width:calc( 100% - 40px );
}
}
/* スマホ用 */
@media only screen and (min-width: 0px) and (max-width: 768px) {
.wrapper{
width:100%;
}
tr, td{
display:block;
float:left;
}
td:after{content: "／";}
.box-inner-half-L , .box-inner-half-R,
.box-inner-half-L-video , .box-inner-half-R-video{
width:100%;
clear:both;
float:none;
}
h1 img{
width:100%;
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 5px 0px 0px;
}

 .box-inner-half-R-video h2{
margin-top:40px;
}
.mobile-non-br{display:none;}
}
@media only screen and (min-width: 0px) and (max-width: 375px) {
h2  {	font-size: 20px;	font-size: 2rem;}
span{	font-weight:normal; font-size: 18px;	font-size: 1.8rem;}
}
@media only screen and (min-width: 0px) and (max-width: 320px) {
h2  {	font-size: 18px;	font-size: 1.8rem;}
span{	font-weight:normal; font-size: 16px;	font-size: 1.6rem;}
}