@charset "shift_jis";

/* CSS Document */



/*************************************************/ 

/*common.cssはサイト個別で変更をかける時の       */
/*CSSになります。変更する際は気をつけてください  */

/* コメントアウト例（その他cssファイルでも活用してください） */
/* 制作を始める時にはtop.css、header.css、h_menu.cssの中身をを削除してください */
/* ナビメニューのプルダウンを使用したい場合にはh_menu.cssの記述を参考にしてみてください。 */

/* ----------------------------------------
　ディレクトリ名・ページ名等
---------------------------------------- */

/* 対象箇所
---------------------------------------- */

/*************************************************/ 


/* ----------------------------------------
　common
---------------------------------------- */

body {
	color : #333333;
	font-size: 12px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 0 0;
	padding:0;
	font-family: 'Arial','游ゴシック',YuGothic,'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ','Meiryo', sans-serif;
    	font-weight: bold;
}

H1{
	color: #fff;
    	font-size: 12px;
    	text-align: left;
    	width: 100%;
    	margin:0 auto;
    	line-height: 28px;
	overflow: hidden;
    	white-space: nowrap;
	text-overflow: ellipsis;
	background-color:#0368b8;
    	padding: 0 80px;
    	box-sizing: border-box;
}

.login_show {        display: none;}
.logout_show {        display: none;}
ul{
	margin:0;
	padding:0;
}
ul li{
	list-style:none;
}
.mintho{
	font-family: '游明朝 Regular','Yu Mincho Regular','YuMincho Regular','Hiragino Mincho Pro','HGS明朝E',serif;
}
/* ----------------------------------------
　学区検索　表示・非表示
---------------------------------------- */
/*
.gakku_comment , .srch_school , .s-school , .sho_school , .sho_school_text , .list_map_school , .sho_catalog_school{
	display:none;
}
*/

/* ----------------------------------------
　来店予約システム
---------------------------------------- */

/* ----------------------------------------
　利用する場合はこちらを読み込む
---------------------------------------- */

.on_raiten{
	display:none !important;
}


/* ----------------------------------------
　利用しない場合はこちらを読み込む
---------------------------------------- */
/*
.off_raiten{
	display:none !important;
}
*/


/* ----------------------------------------
　header 固定
---------------------------------------- */

.new_header {
	background-color:#042455;
	width:100%;
	height:35px;
	position: fixed;
	top:0;
	z-index:100;
}
.new_header_inner {
	width:1200px;
	margin:0 auto;
	overflow:auto;
}

.new_header_icon {
	float:left;
	margin:8px 0 0 0;
}

.new_header_menu {
	float:right;
	margin-top:6px;
}

.new_header_menu ul {
	margin:0;
	padding:0;
	overflow:hidden;
}
.new_header_menu li {
	width:110px;
	list-style-type: none;
	background-color: #EEEEEE;
	float: left;
	padding: 0;
	margin-right:6px;
	text-align:center;
}

.new_header_menu li:nth-child(5), .new_header li:nth-child(6){
	background-color:#D33F0E;
}

.new_header_menu li:nth-child(5) a, .new_header li:nth-child(6) a{
	color:#ffffff;
}

.new_header_menu a {
	color: #303030;
	text-decoration: none;
	display:block;
	padding:3px 10px;
	height: 16px;
	line-height:16px;
	font-size:12px;
	letter-spacing:1px;
}

.new_header_menu a i{
	margin:0 5px 0 0;
}

.new_header_menu a img{
	float:left;
}

#header_home{
	width:40px !important;
	background:none !important;
}

#header_home a{
	padding:0px !important;
	height:22px !important;
	width:100% !important;
}

#header_home a img{
	margin:0px auto;
	float:none;
}

.new_header_icon:hover , .new_header_menu li:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.new_header_home{
    width: 75px !important;
}

.new_header_home a{
    padding: 3px 5px;
}


/* --　ここから下は削除してOK　-- */

/* ----------------------------------------
　header
---------------------------------------- */
.header.h_nav01{
	width:1100px;
	margin:25px auto 35px;
}
.header_inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.h_logo{
}
.h_box{
	width:780px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.h_tel{
}
.h_tel p{
	font-size:14px;
	color:#777777;
	margin: 10px 0 0 0;
}
.h_tel p span{
	font-size:13px;
	color:#fff;
	background-color:#999;
	padding:2px 5px;
	margin-right:5px;
}
.h_inq{
}
.h_line{
}
.header_inner a:hover{
	opacity:0.6;
	transition: opacity .3s ease,box-shadow .2s ease;
}

/* ----------------------------------------
　footer
---------------------------------------- */

/*********************************************
　　f_navi02
*********************************************/
.f_nav02{
    width:100%;
}
.f_nav02 .f_company{
    width:1100px;
    margin: 0px auto;
    padding: 20px 0;
    text-align: left;
    position:relative;
}
.f_nav02 .f_logo{margin:0 0 10px 0;}
.f_nav02 .f_info{
    float:left;
    margin-right: 10px;
}
.f_nav02 .f_tx{
    clear:both;
    width: 700px;
    padding:15px 0;
}
.f_nav02 .f_tx_ti{
    font-size:16px;
    font-weight:bold;
}
.f_nav02 .f_tx p{
    margin:10px 0 0 0;
    padding:0;
}
.f_img{
    position:absolute;
    top:10px;
    right:0px;
    width:590px;
    height:140px;
}
.f_nav02 .f_search_wrap{
    width:100%;
    padding:15px 0;
    background:#0368b8; /*★メニュー部分背景色*/
}
.f_nav02 .f_search_inner{
    width:1000px;
    margin:10px auto;
    overflow:hidden;
}
.f_nav02 .f_search{
    float:left;
}
.f_nav02 .f_search_ti{  /*★検索タイトル文字指定*/
    font-size:14px;
    font-weight:bold;
    text-align:left;
    color:#fff;
}
.f_nav02 .f_search ul{
    width:166px;
    margin:0;
    padding:0;
    float:left;
    list-style:none;
}
.f_nav02 .f_search ul li{
    text-align:left;
    margin:5px 0;
}
.f_nav02 .f_search ul li a{
    display:block;
    color:#fff;/*★項目リストの文字色*/
    text-indent:15px;
    text-decoration:none;
    background:url(/img/common/list_icon.png) left 50% no-repeat; /*★項目リストのアイコン画像*/
    transition: all 0.3s ease-out;
}
.f_nav02 .f_search ul li a:hover{
    text-decoration:underline;
    opacity:0.7;
}
.f_nav02 .f_copyright{
    font-size:11px;
    text-align:center;
    color:#FFFFFF;
    line-height:25px;
    background:#0368b8;/*★コピーライト背景色*/
}
.f_company{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.f_logo{
}
.f_box{
	width:780px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.f_tel{
}
.f_tel p{
	font-size:14px;
	color:#777777;
	margin:10px 0 0 0;
}
.f_tel p span{
	font-size:13px;
	color:#fff;
	background-color:#999;
	padding:2px 5px;
	margin-right:5px;
}
.f_inq{
}
.f_line{
}
.f_company a:hover{
	opacity:0.6;
	transition: opacity .3s ease,box-shadow .2s ease;
}

/* ----------------------------------------
　side
---------------------------------------- */


/*サイドナビ左右入れ替え*/
.l-roomlist{
    width: 780px;
    float: left;
    margin-right: 20px;
}

.l-sidenavi{
    width:200px;
    float:right;
}

.side{
	float:right;
}

/*検索 共通*/
.s_search{
    width:196px;
    margin: 0 auto 20px;
    border:1px solid #CCCCCC;
}
.s_search h2{
    color:#FFFFFF; /*★見出し文字色*/
    margin:2px;
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    text-align:center;
    background:#042455; /*★見出し背景色*/
}
.s_search ul{
    margin:8px 5px;
    padding:0;
    list-style:none;
}
.s_search ul li{
    line-height:35px;
    margin-bottom: 3px;
    background:#F0F0F0;
    /*★以下、背景色 #F5F5F5→#F0F0F0 を各ブラウザで指定*/
    background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F0F0F0)); /* Webkit系 */
    background: -moz-linear-gradient(top, #F5F5F5, #F0F0F0); /* Mozilla系 */
    background: -ms-linear-gradient(top, #F5F5F5, #F0F0F0); /* IE10+ */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F0F0F0', GradientType=0)"; /* IE8-9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F0F0F0', GradientType=0); /* IE5.5-7 */
}
.s_search ul li a{
    width: 99%;
    margin: auto;
    display: block;
    color: #555555;
    font-size: 14px;
    font-weight: bold;
    /* text-indent: 30px; */
    text-decoration: none;
    background: url(/tool/sample/side/img/s_search_icon.gif) 10px 50% no-repeat;
}
.s_search ul li a:hover{
    color:#000000;
    background:#DDDDDD url(/tool/sample/side/img/s_search_icon.gif) 10px 50% no-repeat; /*★hover背景色・アイコン画像*/
}
.s_search_txt{
    margin:5px;
    font-size:10px;
    line-height:14px;
}

/*店舗情報*/
.s_company{
    width:198px;
    margin:15px 0;
    border:1px solid #CCCCCC;
}
.s_company h2{
    color:#FFFFFF; /*★見出し文字色*/
    margin:2px;
    font-size:16px;
    font-weight:bold;
    line-height:40px;
    text-align:center;
    background:#042455; /*★見出し背景色*/
}
.s_company_inner{
    margin:5px;
}
.s_company_inner p{
    clear:both;
}
.s_company_inner p span{
    display:block;
    font-size:14px;
    font-weight:bold;
}
.s_company_btn-l,
.s_company_btn_r{
    margin-bottom:10px;
}
.s_company_btn-l{
    float:left;
}
.s_company_btn_r{
    float:right;
}

/* ----------------------------------------
レンタルコンテンツのお問合せボタン
---------------------------------------- */
.rental_inq {
    width: 720px;
    margin: 0 auto;
}
.rental_inq a {
    box-sizing: border-box;
    border:3px solid #ff7f00;
    background: #ff7f00;
    color:#fff;
    position: relative;
    display: block;
    font-size:20px;
    line-height: 18px;
    padding: 30px 0;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 1px;
}

.rental_inq a:after {
    position: absolute;
    bottom: -5px;
    content: "";
    vertical-align: middle;
    right: -5px;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-left: 10px solid #FFF;
    transform:rotate(45deg); 
}

.rental_inq a:hover {
    background: #fff;
    color:#ff7f00;
}

.rental_inq a:hover:after {
    border-left: 10px solid #ff7f00;
}