@charset "utf-8";



/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

.kaig{
	display: none;
}


/*==================================================
content
====================================================*/

.content div#content_in{
	border-left: solid 1px #c9ae70;
	border-right: solid 1px #c9ae70;
	border-bottom: solid 1px #c9ae70;
	padding: 15px;
	background-color: #000000;
}

.content div#content_in h2{
	background: url(../img/h3_icon.png) left top no-repeat;
	padding-left: 50px;
	margin-bottom: 30px;
}

.content_border{
	display: block;
	width: 100%;
	max-width: 380px;
	margin: 60px auto 60px auto;
	
}

/*==================================================
page about us
====================================================*/

section#aboutus div article#shop p#shopimg{
	margin-bottom: 30px;
}

section#aboutus div article#shop p#shopimg img{
	width: 100%;
	max-width: 813px;
}

section#aboutus div article#shop dl{
	margin-top: 15px;
	background: url(../img/aboutus/shopinfo_bg.jpg) left bottom repeat-x;
}

section#aboutus div article#shop dl dt{
	border-bottom: dotted 1px #c9ae70;
	padding: 5px;
}

section#aboutus div article#shop dl dd{
	border-bottom: double 3px #c1012e;
	padding: 5px;
}

section#aboutus div p#yoyaku{
	margin-top: 15px;
}

section#aboutus div article#map iframe{
	width: 100%;
	margin-top: 15px;
}

section#aboutus div article#map p#shopimg2{
	margin-bottom: 30px;
	margin-top: 15px;
}

section#aboutus div article#map p#shopimg2 img{
	width: 100%;
	max-width: 813px;
}

section#aboutus div article#map p#shopimg3{
	margin-bottom: 30px;
	margin-top: 15px;
}

section#aboutus div article#map p#shopimg3 img{
	width: 100%;
	max-width: 400px;
}

section#aboutus div article#gallery ul li{
	list-style-type: none;
	margin-bottom: 15px;
}

section#aboutus div article#gallery ul li img{
	width: 100%;
	max-width: 770px;
}

/*==================================================
page infomation
====================================================*/

section#info div article h2 span.infotitle{
	color: #c1012e;
}

section#info div article p{
	margin-bottom: 15px;
}

section#info div article{
	border-bottom: dotted 1px #c9ae70;
	margin-bottom: 60px;
}

section#info div article.last{
	margin-bottom: 0;
}

/*==================================================
page recruit
====================================================*/

section#recruit article div#rec_info{
	padding: 15px;
}

section#recruit article div#rec_info p{
	margin-bottom: 15px;
}

section#recruit article p#rec_img{
	text-align: center;
	line-height: 2;
	margin-bottom: 60px;
}

section#recruit article p#rec_img img{
	width: 100%;
	max-width: 770px;
}

section#recruit article ul#youkou_list{
	margin: 30px 0 30px 25px;
}

section#recruit article p#cast_note{
	margin-bottom: 60px;
	margin-left: 15px;
}

section#recruit article div.youkou{
	margin-top: 15px;
	margin-bottom: 60px;
}

section#recruit article div.youkou dl{
	background: url(../img/recruit/youkou_bg.jpg) left bottom repeat-x;
}

section#recruit article div.youkou dl dt{
	border-bottom: dotted 1px #c9ae70;
	padding: 5px;
}

section#recruit article div.youkou dl dd{
	border-bottom: double 3px #c1012e;
	padding: 5px 5px 5px 15px;
}

section#recruit article#entryform form dl{
	background: url(../img/recruit/youkou_bg.jpg) left bottom repeat-x;
}

section#recruit article#entryform form dl dt{
	border-bottom: dotted 1px #c9ae70;
	padding: 5px;
}

section#recruit article#entryform form dl dd{
	border-bottom: double 3px #c1012e;
	padding: 5px;
}

section#recruit article#entryform form dl dd input.textbx{
	width: 97%;
}

section#recruit article#entryform form dl dd textarea{
	width: 97%;
}

section#recruit article#entryform form p{
	text-align: center;
	background-color: #c9ae70;
	padding: 5px;
}

/*==================================================
page sitemap
====================================================*/
section#sitemap article ul li{
	margin-left: 25px;
}

/*==================================================
page privacy_policy
====================================================*/
section#policy article p{
	margin-bottom: 15px;
	margin-top: 15px;
}

section#policy article ol li{
	margin-left: 25px;
	margin-bottom: 15px;
}

section#policy article ul li{
	margin-left: 25px;
	margin-bottom: 15px;
}

section#policy article p.name{
	text-align: right;
}

/*==================================================
cast
====================================================*/
section#cast div.cast_d{
	margin-bottom: 60px;
}

section#cast div.cast_d div{
	margin-bottom: 15px;
}

section#cast div.cast_d div img{
	width: 70px;
	float: left;
}

section#cast div.cast_d div h3{
	text-align: center;
	padding-top: 25px;
	background-color: #c9ae70;
	color: #000000;
	height: 68px;
}

section#cast div.cast_d div h3 span.roma{
	font-weight: normal;
	font-size: 14px;
}

section#cast article#aboutb{
	border-top: solid 1px #c1012e;
	padding-top: 60px;
}

section#cast article#aboutb div.cast_d div h3{
	height: 68px;
}



/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
メディアクエリによる切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px){
	
	/* page about us */
	
	section#aboutus div article#gallery ul li{
		width: 32%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2%;
	}
	
	section#aboutus div article#gallery ul li.last{
		margin: 0;
	}
	
	/* page info */
	
	section#info div article{
		background: url(../img/info/info_bg.jpg) right bottom no-repeat;
		padding: 15px;
	}
	
	/* page recruit */
	section#recruit article p#rec_img img{
		width: 70%;
	}
	
	/* site map*/
	section#sitemap article ul li{
		margin-left: 45px;
	}
	
	/* cast */
	
	section#cast div.cast_d div{
		width: 40%;
		float: left;
	}
	
	section#cast div.cast_d p{
		width: 58%;
		float: right;
	}
	
	

	
}

/* PC向けレイアウトの指定：1280px以上では固定レイアウト */
@media only screen and (min-width: 1280px){
	
	.kaig{
		display: block;
	}
	
	/* page about us */
	
	section#aboutus div article#map p#shopimg2{
		text-align: center;
	}
	
	section#aboutus div article#shop dl{
		border-bottom: double 3px #c1012e;
	}
	
	section#aboutus div article#shop dl dt{
		width: 160px;
		float: left;
		border-bottom: none;
	}
	
	section#aboutus div article#shop dl dd{
		width: 600px;
		float: right;
		border-bottom: none;
		border-left: dotted 1px #c9ae70;
	}
	
	/* page recruit */
	
	section#recruit article div.youkou dl{
		border-bottom: double 3px #c1012e;
	}
	
	section#recruit article div.youkou dl dt{
		width: 160px;
		float: left;
		border-bottom: none;		
	}
	
	section#recruit article div.youkou dl dd{
		width: 600px;
		float: right;
		border-bottom: none;
		border-left: dotted 1px #c9ae70;		
	}
	
	section#recruit article#entryform form dl{
		border-bottom: double 3px #c1012e;
	}
	
	section#recruit article#entryform form dl dt{
		width: 170px;
		float: left;
		border-bottom: none;				
	}
	
	section#recruit article#entryform form dl dd{
		width: 590px;
		float: right;
		border-bottom: none;
		border-left: dotted 1px #c9ae70;		
	}
	
	section#recruit article#entryform form dl dd input.textbx{
		width: 580px;
	}
	
	section#recruit article#entryform form dl dd textarea{
		width: 580px;
	}
	
	section#recruit article p#rec_img img{
		width: 50%;
	}
	
	/* site map*/
	section#sitemap article ul{
		margin-bottom: 180px;
	}
	
	/* privacy policy*/
	section#policy article div{
		padding: 15px 15px 0 15px;
	}
	
	/* cast */
	
	section#cast div.cast_d div h3 span.roma{
		font-size: 12px;
	}
	
	
}