@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2015年12月25日 */
/* last updated:2015年12月28日 */
/* -------------------------------------------------- */

@media screen and (min-width: 640px) {
	section > header > h2 {
		font-size:300%;
		margin:0 0 10px;
	}
	section > header > small {
		font-size:107%;
	}
	section .ttl h3 {
		font-size:200%;
	}
	section > header > h2 b {
		font-size:143%;
	}
	.comment .com {
		font-size:158%;
		color:#fff;
		padding:50px 0 50px;
		text-align:center;
		text-shadow: 0px 6px 5px rgba(0, 0, 0, 0.26);
	}
	.catch {
		text-align:center;
		background:url(/cmp/premium/common/images/bg_kira_pc.png) repeat-x 50%;
	}
	.catch img {
		width:642px;
		height:auto;
	}
}

@media screen and (max-width: 639px) {
	section > header > h2 {
		font-size:214%;
		color:#fff;
	}
	section > header > small {
		font-size:107%;
	}
	section .ttl h3 {
		font-size:171%;
	}
	section > header > h2 b {
		font-size:129%;
	}
	.comment .com {
		color:#fff;
		padding:20px 10px 20px;
		text-align:center;
		text-shadow: 0px 6px 5px rgba(0, 0, 0, 0.26);
	}
	.catch {
		text-align:center;
		background:url(/cmp/premium/common/images/bg_kira_sp.png) repeat-x 50%;
		background-size:375px auto;
	}
	.catch img {
		width:98%;
		height:auto;
	}
}
section > header > h2 span {
	font-size:83%;
}

section > header {
	text-align:center;
	padding:30px 0 20px;
}
section > header > h2 {
	color:#fff;
	line-height:1.4;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
section > header > small {
	line-height:1;
	color:#717171;
	display:block;
}
section > header > small:after ,
section > header > small:before {
	width:65px;
	height:1px;
	content:" ";
	background:#000;
	display:inline-block;
	position:relative;
	bottom:3px;
	margin:0 3px;
}
section.aboutBlock > header > small {
	color:#aa841e;
}
section.aboutBlock > header > small:after ,
section.aboutBlock > header > small:before {
	background:#aa841e;
}
section .ttl h3 {
	width:130px;
	height:48px;
	font-size:143%;
	line-height:48px;
	text-align:center;
	color:#fff;
	background:#a57d11;
	text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
	margin:0 auto;
}



/* --------------------------------------------------
	002.pointBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.pointBlock {
		padding:45px 0;
		background:url(/cmp/premium/common/images/bg_point@2.png);
		margin-bottom:30px;
	}
	.pointBlock h2 img {
		width:400px;
		height:auto;
	}
	.pointBlock .inner {
		padding:45px 0 40px;
		overflow:hidden;
		zoom:1;
	}
	.pointBlock .inner .in {
		width:1000px;
		margin:0 auto;
	}
	.pointBlock .inner .in dl {
		width:50%;
		color:#fff;
		text-align:center;
		float:left;
		padding:0 5px 50px;
	}
	.pointBlock .inner .in dl dt {
		font-size:164%;
		text-align:center;
		line-height:1.2;
		padding-bottom:10px;
	}
	.pointBlock .inner .in dl dt .en {
		font-size:100%;
		margin-bottom:15px;
		padding-bottom:60px;
		background:url(/cmp/premium/common/images/bg_number.png) no-repeat 50% 100%;
		background-size:70px auto;
		color:#fff;
		display:block;
	}
	.pointBlock .inner .in dl dd {
		font-size:114%;
		text-align:center;
	}
	.pointBlock .inner .in dl dd figure {
		margin:10px 10px 20px;
	}
	.pointBlock .inner .in dl dd figure img {
		width:100%;
		height:auto;
	}
}

@media screen and (max-width: 639px) {
	.pointBlock {
		padding:15px 0 15px 0;
		background:url(/cmp/premium/common/images/bg_point@2.png);
		background-size:375px auto;
		margin:0 0 15px;
	}
	.pointBlock h2 img {
		width:270px;
		height:auto;
	}
	.pointBlock .inner .in dl {
		color:#fff;
		text-align:center;
		padding:15px 0 25px;
	}
	.pointBlock .inner .in dl:after {
		width:122px;
		height:1px;
		background:#333;
		margin:25px auto 5px;
		content:" ";
		display:block;
 	}
	.pointBlock .inner .in dl:nth-last-of-type(1):after {
		display:none;
 	}
	.pointBlock .inner .in dl dt {
		font-size:164%;
		text-align:center;
		line-height:1.2;
		color:#fff;
		padding-bottom:10px;
	}
	.pointBlock .inner .in dl dt .en {
		font-size:100%;
		margin-bottom:15px;
		padding-bottom:60px;
		background:url(/cmp/premium/common/images/bg_number.png) no-repeat 50% 100%;
		background-size:70px auto;
		color:#fff;
		display:block;
	}
	.pointBlock .inner .in dl dd {
		text-align:center;
		letter-spacing:0;
	}
	.pointBlock .inner .in dl dd figure {
		margin:10px 10px 20px;
	}
	.pointBlock .inner .in dl dd figure img {
		width:100%;
		height:auto;
	}
}

/* --------------------------------------------------
	003.aboutBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.aboutBlock {
		padding:45px 0;
		text-align:center;
	}
	.aboutBlock .inner {
	}
	.aboutBlock .outlineBlock {
		width:700px;
		padding:15px;
		margin:10px auto 30px;
	}
	.aboutBlock .outlineBlock .in {
		padding:20px 10px;
	}
	.aboutBlock .outlineBlock .in dl {
		font-size:114%;
		color:#fff;
		padding:10px 0px;
		border-bottom:1px solid hsla(40,49%,52%,0.3);
	}
	.aboutBlock .outlineBlock .in dl dt {
		width:25%;
		float:left;
		font-weight:bold;
		text-align:left;
		padding:0 15px;
	}
	.aboutBlock .outlineBlock .in dl dd {
		width:75%;
		font-size:107%;
		float:right;
		text-align:left;
		padding:0 15px;
	}
	.aboutBlock .outlineBlock .in dl dd small {
		font-size:79%;
		line-height:1.5;
		display:inline-block;
	}
	.aboutBlock .outlineBlock .in dl dd span {
		font-size:86%;
	}
}
.aboutBlock .outlineBlock .in dl:nth-last-of-type(1) {
	border:none;
}
@media screen and (max-width: 639px) {
	.aboutBlock .outlineBlock {
		color:#fff;
		padding:15px;
		margin:0 10px 20px;
	}
	.aboutBlock .outlineBlock .in dl {
		padding:5px;
		border-bottom:1px solid hsla(40,49%,52%,0.3);
	}
	.aboutBlock .outlineBlock .in dl dt {
		font-weight:bold;
		text-align:left;
	}
	.aboutBlock .outlineBlock .in dl dd {
		line-height:1.5;
		text-align:left;
	}
	.aboutBlock .outlineBlock .in dl dd small {
		font-size:71%;
		line-height:1.3;
		display:inline-block;
	}
	.aboutBlock .outlineBlock .in dl dd span {
		font-size:86%;
		display:inline-block;
	}
}



/* --------------------------------------------------
	007.mapBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.mapBlock {
		color:#fff;
		position:relative;
		margin:0 auto;
		padding:40px 0 55px;
		overflow:hidden;
		zoom:1;
	}
	.mapBlock .ttl {
		text-align:center;
	}
	.mapBlock .ttl p {
		font-size:107%;
	}
	.mapBlock .ttl .place  {
		font-size:200%;
		padding-top:15px;
	}
}

@media screen and (max-width: 639px) {
	.mapBlock {
		color:#fff;
		padding:10px 0 50px;
	}
	.mapBlock .ttl {
		text-align:center;
	}
	.mapBlock .ttl p {
		font-size:100%;
	}
	.mapBlock .ttl {
		text-align:center;
	}
	.mapBlock .ttl .place  {
		font-size:200%;
		padding-top:15px;
	}
}


/* --------------------------------------------------
	005.faqBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#faqBlock {
		width:990px;
		background:#fff;
		border:3px solid #5F4F0D;
		margin:0px auto 70px;
		clear:both;
	}
	#faqBlock > header {
		background:url(/cmp/premium/common/images/bg_deco.png) no-repeat 50% 15px #ECE5CF;
		background-size:auto 60px;
		padding:80px 0 40px 0;
	}
	#faqBlock > header h2 {
		color:#000000;
	}
	#faqBlock > header small {
		color:#b99648;
	}
	#faqBlock > header small:before ,
	#faqBlock > header small:after {
		display:none;
	}
	#faqBlock:after {
		content:" ";
		display:block;
		clear:both;
	}
	#faqBlock .inBox {
		padding:20px;
		overflow:hidden;
		zoom:1;
	}
	#faqBlock article {
		width:33%;
		text-align:center;
		padding:15px 10px;
		float:left;
		border-right:1px solid #F1EDE3;
	}
	#faqBlock article h3 {
		font-size:143%;
		line-height:1.5;
		padding-bottom:12px;
		padding-top:6px;
		position:relative;
	}
	#faqBlock article h3 i {
		color:#C29B4A;
	}
	#faqBlock article .inner {
		padding:25px;
		font-size:114%;
		text-align:left;
		min-height:100px;
		position:relative;
	}
	#faqBlock article .inner small {
		font-size:86%;
	}
}
#faqBlock article:nth-last-of-type(1) {
	border:none;
}
@media screen and (max-width: 639px) {
	#faqBlock {
		background:#fff;
		border:3px solid #5F4F0D;
		clear:both;
		margin:0 10px 25px;
	}
	#faqBlock > header {
		background:url(/cmp/premium/common/images/bg_deco.png) no-repeat 50% 15px #ECE5CF;
		background-size:auto 42px;
		padding:60px 0 20px 0;
	}
	#faqBlock > header h2 {
		color:#000000;
	}
	#faqBlock > header small {
		color:#b99648;
	}
	#faqBlock > header small:before ,
	#faqBlock > header small:after {
		display:none;
	}
	#faqBlock article {
		padding:5px 10px;
		background:#fff;
		border-radius:5px;
		border-bottom:1px solid #F1EDE3;
		margin:0 10px 10px;
	}
	#faqBlock article h3 {
		font-size:121%;
		line-height:1.4;
		text-align:center;
		padding-top:6px;
		position:relative;
	}
	#faqBlock article h3 i {
		color:#C29B4A;
	}
	#faqBlock article .inner {
		padding:10px 15px 5px;
	}
	#faqBlock article .inner p {
		line-height:1.5;
	}
}


/* --------------------------------------------------
	006.menuBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#menuBlock {
		width:990px;
		margin:0px auto 70px;
		clear:both;
		color: #fff;
	}
	#menuBlock > header small {
		color: #fff;
	}
	#menuBlock > header small:before ,
	#menuBlock > header small:after {
		background:#b99648;
	}
	#menuBlock:after {
		content:" ";
		display:block;
		clear:both;
	}
	#menuBlock .inBox {
		padding:20px;
		overflow:hidden;
		zoom:1;
	}
	#menuBlock dl {
		text-align:center;
		padding:15px 10px;
	}
	#menuBlock dl dt {
		font-size:200%;
		line-height:1.5;
		padding-bottom:6px;
		padding-top:6px;
		position:relative;
		color:#C29B4A;
	}
	#menuBlock dl dd {
		padding:25px;
		font-size:114%;
		min-height:100px;
		position:relative;
	}
	#menuBlock dl dd p {
		padding-bottom: 10px;
	}
	#menuBlock dl dd b {
		font-size:158%;
		font-weight: 400;
	}
}
#menuBlock p {
	text-align: center;
}
#menuBlock p small {
	font-size:86%;
}
@media screen and (max-width: 639px) {
	#menuBlock {
		margin:0px 10px 20px;
		clear:both;
		color: #fff;
	}
	#menuBlock > header small {
		color: #fff;
	}
	#menuBlock > header small:before ,
	#menuBlock > header small:after {
		background:#b99648;
	}
	#menuBlock:after {
		content:" ";
		display:block;
		clear:both;
	}
	#menuBlock .inBox {
		padding:10px;
		overflow:hidden;
		zoom:1;
	}
	#menuBlock dl {
		text-align:center;
		padding:15px 10px;
	}
	#menuBlock dl dt {
		font-size:143%;
		line-height:1.5;
		padding-bottom:6px;
		padding-top:6px;
		position:relative;
		color:#C29B4A;
	}
	#menuBlock dl dd {
		font-size:86%;
		padding:5px;
		min-height:100px;
		position:relative;
	}
	#menuBlock dl dd p {
		line-height: 1.3;
		padding-bottom: 10px;
	}
	#menuBlock dl dd b {
		font-size:129%;
		font-weight: 400;
	}
}