@charset "UTF-8";
 
/*フリガナ*/
rt{
	font-size:16px;
	
}
 
#masuku_h1{
	text-align:center;
	font-size:3em;
	margin: 10px 0 0;
	padding-top:0.5em;
}

#masuku_h1 span{
	/*background-color:rgba(238,130,238,0.5);*/
	font-size:1.4em;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;
	color:#000080;
	width:50%;
}

#masukuAreaOuter{
	background-image: linear-gradient(
	60deg,
	#87CEFA 25%, 
	#E0FFFF 25%,
	#E0FFFF 50%,
	#87CEFA 50%,
	#87CEFA 75%,
	#E0FFFF 75%,
	#E0FFFF
	);
background-size: 6px 10px;
background-attachment: fixed;
padding-bottom:1em;
}
/*	
	#87CEFA //濃い青
	#E0FFFF //薄い青
*/

#masukuAreaInner{
	width:95%;
	margin:1em auto;
}

#masukuTopArea,
#masukuSecondArea,
#masukuThirdArea,
#masukuForuthArea{
	background-color:rgba(256,250,256,0.8);
	margin-bottom:1em;	
}
#masukuTopArea,
#masukuForuthArea{
	width:100%;
	padding-bottom:2em;
}
#masukuSecondArea,
#masukuThirdArea{
	background-image:url(./images/leaf.png);
	background-repeat:no-repeat;
	background-position:left  top ;
	background-size: 35px auto;
}

#masukuThirdAreaInner{
	background-image:url(./images/illust.png);
	background-repeat:no-repeat;
	background-position:top 0.2em right -3em;
	background-size: 270px 170px;
}

#masukuSecondArea{
	width:30%;
	height:250px;
	float:left;
	padding: 0.5em;
}

#masukuSecondAreaInner{
	margin:1em;
	padding:0.5em;
	width:90%;
	background-color: #FFFFFF;
	border:ridge 2px #AEFFBD;
	border-radius:10px;
}

#masukuThirdArea{
	width:68%;
	height:250px;
	float:right;
	padding: 0.5em;
}
#masukuForuthArea video{
	width:100%;
}

/*スマホ時のエリア2とエリア3は横並びにしない*/
@media screen and (max-width:760px) {
	#masukuSecondArea,#masukuThirdArea{
		width:100%;
		height:100%;
		padding :0.5em;
	}
	#masukuThirdAreaInner{
		background-position:top 0.2em right -2em;
		background-size: 170px 140px;
	}
}

#masukuSecondArea img{
	float:right;
	width:30%;
}

#masukuThirdArea h2,
#masukuSecondArea h2
{
	padding-left:1em;
	color:#00008B;
}

#masukuSecondArea h3
{
	padding-left:1.5em;
	color:#00008B;
}

#masukuSecondArea p{
	margin-top:0.5em;
	padding-left:2em;
}

#masukuThirdArea table,
#masukuThirdArea p
{
	margin-top:0.5em;
	padding-left:2em;
}
#masukuThirdArea p{
	font-size:small;
}


#masukuTopArea p em{
	color:green;
	font-size:1em;
	text-decoration:none;
}

#masukuForuthArea{
	display:block;
	clear:both;
}

.masuku_syutugan{
	width:50%;
	margin:0 auto;
	font-size:13px;
	text-align: right;
}

.aisatu{
	font-size:1.2em;
}

.howtotitle{
	border-bottom: solid 4px #FFBBFF;	
	font-size:20px;
}
.howtotitle span{
	font-size:0.7em;
}
.masukuOrder{
	width:100%;
	height:4em;
	text-align:center;
	z-index:1;
	display:table;
	background-color:#FF5F17;
	margin-top:1em;
	border-radius:10px;
	
}

.masukuOrder a{
	z-index:2;
	display:table-cell;
	vertical-align: middle;
	color:black;
	font-size:2em;
	color:#FFFFFF;
}

.pricelist{
	width:30%;
	height:3em;
	text-align:center;
	z-index:1;
	display:table;
	background-color:#000066;
	margin-top:1em;
	border-radius:10px;
}

.pricelist a{
	z-index:2;
	display:table-cell;
	vertical-align: middle;
	color:black;
	font-size:1.5em;
	color:#FFFFFF;
}

.masukuTable{
	text-align:right;
	width:70px;
}

.masuku_list{
	margin:0 10px 0 20px;
	background-color:#FFFFEE;
	padding:0.5em;
}

.masuku_howto{
	display: inline-block;
	text-align: center;
	margin-top:10px;
	margin-bottom:10px;	
	font-size:12px;
}

.masuku_header_p {
	background-color:yellow;
	font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:15px;
	text-align:center;
	margin-top:0px;
	padding:10px;
	line-height:1.5em;
}

.masuku_strong {
	color:#ff0000;
	font-style:bold;
}

/*jQuery用*/

.gallery{
	margin:0;
	padding:0;
}
.gallery-item{
	list-style:none;
	margin-top:10px;
}
/*画像の読み込み中は見えないようにする*/
.gallery-item.is-loading{
	opacity:0;
	
}