@charset "utf-8";
/*
Theme Name:蛇蘭 JALAN
Theme URI:
Description:蛇蘭 JALAN ホームページテンプレート
Version:
Author:
Author URI:
*/
@import "reset.css";
@import "common.css";
@import "flexslider.css";

/* sub_pageコンテンツ*/
#contents #sub_page{
	width:880px;
	margin:0 auto;
}
#sub_page h1{
	font-size:32px;
	margin:30px 0px 20px 0px;
}
#sub_page h1.jaranlogo{
	background:url(../images/logo_sub.png) no-repeat left center;
	padding-left:125px;
}
#sub_page h2{
	font-size:24px;
	margin:30px 0px 20px 0px;
	border-bottom:solid 2px rgba(255,255,255,0.3);
	padding-left:10px;
}
#sub_page h3{
	font-size:21px;
	margin:30px 0px 20px 0px;
	padding-left:20px;
}
#sub_page p{
	line-height:2em;
	margin-bottom:15px;
}
/*注釈※小さい文字サイズ*/
#sub_page .footnote{
	font-size:14px;
}
#sub_page .h1_footnote{
	font-size:18px;
	padding-left:10px;
}
/* 共通テーブル*/
#sub_page table{
	border-collapse: collapse;
	width:96%;
	margin:0 auto;
}
#sub_page tbody th{
	border-bottom: rgba(110,90,80,0.5) 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	text-align:right;
}
#sub_page tbody th.t_top{
	border-top: rgba(167,106,55,0.8) 4px solid;
}
#sub_page tbody td{
	border-bottom: rgba(110,90,80,0.5) 1px dashed;
	text-align: left;
	padding: 10px;
	    font-family: 'Lekton', sans-serif;
}
#sub_page tbody td.t_top{
	border-top: rgba(167,106,55,0.4) 4px solid;
}
/*共通リスト*/
#sub_page ul{
    line-height: 1.8em;
    list-style-type: initial;
    margin-left: 25px;
}
#sub_page ol{
    line-height: 1.8em;
    list-style-type: decimal;
    margin-left: 25px;
}
/* recruit　求人情報*/
#wrapper.recruit{
	background-image:none;
background-color: #ffb5b5;
}
#wrapper.recruit #contents{
	color:#333;
}
#wrapper.recruit #header_navi,
#wrapper.recruit .h_nav{
	background: #ff5555;
	border-radius: 10px;
}
#wrapper.recruit #main{
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px; 
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */
}
#wrapper.recruit #sub_page #recruit .voicebox {
	background: rgb(251, 251, 251);
	border-radius: 10px; 
		-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 10px;   /* Firefox用 */
}
#sub_page #recruit tbody th.t_top {
	border-top:solid 4px #ff5555;
}
#sub_page #recruit tbody td.t_top {
	border-top:solid 4px #ffb5b5;
}
#sub_page #recruit p.tel{
	margin:0;
	font-weight:bold;
}
#sub_page #recruit p.tel a{
	color:#b55a11;
}
#sub_page #recruit .voicebox{
	background:rgba(134,110,100,0.3);
	padding:10px;
	margin:0 auto 15px;
	width:94%;
	font-size:15px;
}
#sub_page #recruit .voicebox .cast_name{
	text-align:right;
}

/* System　システム*/
#sub_page #system .box01{
	width:96%;
	margin:0 auto;
	padding:10px;
}
#sub_page #system .box01{
	color:rgba(255,255,255,0.8);
}
#sub_page #system ul li{
	line-height:1.8em;
	list-style-type: initial;
    margin-left: 25px;
}
/* System　システム_end*/

/* Menu　メニュー*/
#sub_page #menu .menu_table{
	width:49%;
	font-size:15px;
}
#sub_page #menu .menu_table tbody th{
	text-align:left;
}
#sub_page #menu .menu_table tbody th span{
	float:right;
	font-size:13px;
}
/* Menu　メニュー_end*/
/* Staff　スタッフ*/
#sub_page #staff .staff_box01{
	border-bottom:solid 1px rgba(225,225,225,0.8);
	width:780px;
	margin:0 auto;
}
#sub_page #staff .text_box01{
	font-family:"Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;
	font-size:18px;
	width:100%;
}
#sub_page #staff .text_box01 .staff_comment{
	width:600px;
	margin:0 auto;
	letter-spacing:1px;
}
#sub_page #staff .text_box01 h2{
	border:none;
}
#sub_page #staff .text_box01 p{
	padding-left:20px;
	line-height:32px;
}
#sub_page #staff .text_box01 p.owner_copy{
	font-size:24px;
	padding-left:80px;
}
#sub_page #staff .text_box01 p.name_title{
	text-align:right;
	margin-right:80px;
	margin-bottom:0px;
	
}
#sub_page #staff .text_box01 p.name{
	text-align:right;
}
#sub_page #staff .owner_photo{
	padding:35px 40px 10px 0px;
}
#sub_page #staff .owner_photo img{
	border:solid 6px #fff;
}

/* Staff　スタッフ_end*/
/* Access　アクセス*/
#sub_page #access p.tel{
	margin:0;
	font-weight:bold;
}
#sub_page #access p.tel a{
	color:#b55a11;
}
#sub_page #access .map{
	margin-left:20px;
}
/* Access　アクセスend*/

/*　top.html用*/
.top_page #mainbox{
	background:url(../images/top_bg002.png) no-repeat center;
	min-height:1030px;
}
.top_page #mainbox #contents{
	height:900px;
	position:relative;
}
#logo_area{
	display:none;
	
}
.top_page #mainbox #contents h1.logo{
	position:absolute;
	top:135px;
	left: 0;
	right: 0;
	margin: auto;
	width:370px;
	width:630px;
	height:187px;
	z-index:5;
}
.top_page #mainbox #contents .top_page_nav{
	width:550px;
	margin:auto;
	position:absolute;
	top:380px;
	left:0;
	right:0;
	z-index:5;
}
.top_page #mainbox #contents .top_page_nav a{
	color:#fff;
	font-size:20px;
	border-bottom: solid 1px #ddd;
	padding:5px 10px;
}

.top_page #footer{
	background:none;
	min-height:150px;
}
/*スライダーガイド*/
.flex-direction-nav .flex-prev,
.flex-direction-nav .flex-next{display: none;}   


/*コロナ対策*/
#taisaku .box01{
	border: solid 1px #5a5755;
	padding:10px 20px;
	text-align:center;
}
#taisaku .box01 h3{
	font-weight:bold;
	color:#dfbf53;
	padding:0;
}
#taisaku .box02{}
#taisaku .list01{
	margin-bottom:20px;
}
#taisaku .photo-list{
	list-style-type:none;
	margin:0 0 20px 0;
	display:flex;
	flex-wrap:wrap;
}
#taisaku .photo-list li{
	width:calc((100% - 60px) /4);
	margin:0 20px 20px 0;
}
#taisaku .photo-list li:nth-child(4n){margin:0 0 20px 0;}
#taisaku .photo-list li img{max-width:100%;}