@charset "utf-8";

/*********************************************************************
Keiwakai
For iPhone & Smartphone
*********************************************************************/

/* BASE --------------------------------------------------------*/

html{ background: none;}
body{
	padding: 0;
	background: none;
	color: #000;
	width: 100%;
	-webkit-text-size-adjust: none;
	line-height: 150%;
	font-size: 85%;
	font-family:  ArialMT, Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
}

.sml1{ line-height: 150%;}
.sml2{ line-height: 140%;}

.img_r{ margin: 0 0 15px; float: none;}
.img_l{ margin: 0 0 15px; float: none;}
.f_l, .f_r{ float: none;}
a.f_l{ float: left; font-weight: bold;}
a.f_r{ float: right; font-weight: bold;}
.w290 .img_r{ margin: 0 0 15px 10px; float: right;}

.w260, .w270, .w350, .w480, .w565, .w570, .w50p{ width: 100%;}

img{ max-width: 100%; height: auto;}
img.f_l, img.f_r{ margin: 0 0 15px;}

map{ display: none;}

/* LAYOUT --------------------------------------------------------*/

#container{ background: none;}

#wrap{
	margin: 0;
	padding: 0;
	width: 100%;
	background: #fff;
	min-height: 100px;
}
header{
	margin: 0;
	width: 100%;
	/*height: 220px;*/
	height: 350px;
	background: url(common/header_sph.jpg) no-repeat 0 100%;
}
#center{
	padding: 0 0 10px;
	float: none;
	width: 100%;
}
#left{
	margin: 0 10px 20px;
	float: none;
	width: auto;
	text-align: center;
	font-size: 110%;
}
footer{
	max-width: 100%;
	min-width: 100%;
}

/* TITLES --------------------------------------------------------*/

h1,
body[id*="shoninshakenshu"] h1{
	margin: 0 0 10px;
	padding: 15px 10px 30px;
	height: auto;
	width: auto;
	background: url(common/h1_sph.jpg) no-repeat 0 0;
	white-space: normal;
	display: block;
	line-height: 120%;
	font-size: 30px;
	font-weight: bold;
}
h1 span{ margin: 0; display: block; font-size: 25px;}
h2{
	margin: 0 -10px 0.5em;
	padding: 8px 10px;
	text-align: left;
	font-size: 15px;
	font-weight: bold;
}
h3{
	margin: 0 0 0.5em;
	font-size: 14px;
}
h4 span{ font-weight: bold;}

/* Header --------------------------------------------------------------------------------------------*/

/* Index --------------------------------------------------------------------------------------------*/

#index #container{ background: none;}

#index h1{
	margin: 0 auto 10px;
	padding: 0;
	width: 100%;
	height: auto;
	overflow: visible;
	max-height: auto;
	background: url(common/h1_sph.jpg) no-repeat 0 0;
}
#index #mainimg_sph{
	margin: 0;
	display: inherit;
	background: none;
	height: auto;
}
#index #wrap{ padding: 0;}

#index article{ margin: 0;}

#index #introduction{ display: none;}
#index #banners img{ max-width: 300px;}

#index .dl2 { margin: 0 0 20px;}
#index .dl2 img{ display: none;}
#index .dl2 dt{ float: left; width: 22%; line-height: 1.4;}
#index .dl2 dd{ float: right; width: 78%; line-height: 1.4;}

#index .w260{ text-align: center;}


/* Articles --------------------------------------------------------------------------------------------*/

section.wp-block-group,
section{ padding: 0 10px 20px;}
.wp-block-group p,
section p{ margin: 0 0 0.5em;}

/* column */

.column, .column1, .column2, .column3{ margin: 0 10px 20px; padding: 0.5em 1em;}

.column div.f_l,
.column div.f_r,
#admission .column div.f_l,
#admission .column div.f_r{ width: 100%;}

.column div.f_l{ margin: 0 0 5px; padding: 0 0 10px; border-right: none; border-bottom: dotted 1px #ccc;}
.column div.f_l p{ font-size: 95%;}

.column h2{ background-size: auto; font-size: 16px;}
.column .mg55l{ margin: 0;}

.dl2 dl{ padding: 0 0 0 15px; background-position: 0 5px;}
.dl2 dl dt{ margin: 0.45em 0 0;}
.dl2 dl dd{ margin: 0 0 0.45em;}
.dl2 dl dt, .dl2 dl dd,
.dl2.dt_S dl dt, .dl2.dt_S dl dd,
.dl2.dt_L dl dt, .dl2.dt_L dl dd,
.dl2.dt_LL dl dt, .dl2.dt_LL dl dd{ width: 100%; float: none; line-height: 1.5;}

/* Forms ***********/

#form_keiwakai .Dlist{ margin: 0 0 10px;}

#form_keiwakai .dl2 dl dt{ margin: 0.25em 0; width: 100%;}
#form_keiwakai .dl2 dl dd{ margin: 0.25em 0; width: 100%;}

#form_keiwakai .dl2 dl dd textarea{ max-width: 95%;}
#form_keiwakai .dl2 dl dd input{ max-width: 200px;}

/* Entries etc ***********/

.alignright,.alignleft,.aligncenter{ margin: 0 0 20px; float: none;}

/* admission ||||||||||||||||||||||||*/

#admission .w50p .mg20lr{ margin: 0;}

/* guide ||||||||||||||||||||||||*/

#access iframe{
	height: 300px;
}

/* Aboutus ||||||||||||||||||||||||*/

#aboutus .w270{ text-align: center;}

/* contact ||||||||||||||||||||||||*/

#contact .mg30lr{ margin: 0;}

/* recruit ||||||||||||||||||||||||*/

#recruit .column{ margin: 0 0 20px; padding: 1em;}

/* Footer --------------------------------------------------------*/

footer{ text-align: center;}
.footer_inner{
	margin: 0;
	padding: 0 0 5px;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
footer .clrfx{ padding: 0 10px;}

/* #footer_btm ***********/

#footer_top{
	padding: 15px 0 0;
	background: none;
}
#footer_btm{
	padding: 0 0 15px;
	font-size: 100%;
}
#f_content{
	margin: 0;
	float: none;
	width: 100%;
	background: none;
	line-height: 1.3;
	text-align: center;
}
#f_content div{ float: none;}
#f_content p.str2{ margin: 0 0 0.3em;}

#footer_btm .footer_inner{
	padding: 0;
	background: none;
}
#copy{
	margin: 0.2em 0 0;
	padding: 1em 20px 0.5em;
	line-height: 1.2;
	font-size: 90%;
}

/* NAVIGATION --------------------------------------------------------------------------------------------*/

/* Logo **********************************/

#logo{
	top: 10px;
	left: 20px;
	background: url(common/logo_sph.png) no-repeat 0 0;
}

/* Global Navi **********************************/

#g_navi, #g_navi li a:hover{ background-image: none;}
#g_navi a span{ display: inherit;}

#g_navi{
	margin: 0 4%;
	top: 55px;
	left: 0;
	width: 92%;
	height: auto;
	z-index: 2;
}
#g_navi li{
	width: 100%;
	border: none;
	font-size: 12px;
}
#g_navi li:last-child{ border: none;}
#g_navi li, #g_navi a{ height: 30px; line-height: 30px;}

#g_navi li:first-child a{ border-radius: 10px 10px 0 0;}
#g_navi li:last-child a{ border-radius: 0 0 10px 10px;}
#g_navi a{
	border-top: solid 1px #ccc;
	border-right: solid 1px #bbb;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #bbb;
	color: #222;
	font-weight: bold;
}
#g_navi .n05{ width: 100%;}

#g_navi li:nth-child(1) a{
	background: url(common/arrow_g_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #eee);
	background: url(common/arrow_g_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}
#g_navi li:nth-child(2) a{
	background: url(common/arrow_c_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #eee);
	background: url(common/arrow_c_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}
#g_navi li:nth-child(3) a{
	background: url(common/arrow_p_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #eee);
	background: url(common/arrow_p_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}
#g_navi li:nth-child(4) a{
	background: url(common/arrow_y_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #eee);
	background: url(common/arrow_y_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}
#g_navi li:nth-child(5) a{
	background: url(common/arrow_o_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #eee);
	background: url(common/arrow_o_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
}

#g_navi li:nth-child(1) a:hover{
	background: url(common/arrow_g_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #ddd);
	background: url(common/arrow_g_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}
#g_navi li:nth-child(2) a:hover{
	background: url(common/arrow_c_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #ddd);
	background: url(common/arrow_c_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}
#g_navi li:nth-child(3) a:hover{
	background: url(common/arrow_p_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #ddd);
	background: url(common/arrow_p_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}
#g_navi li:nth-child(4) a:hover{
	background: url(common/arrow_y_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #ddd);
	background: url(common/arrow_y_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}
#g_navi li:nth-child(5) a:hover{
	background: url(common/arrow_o_2.png) no-repeat 93% 50%, -moz-linear-gradient(top,#fff, #ddd);
	background: url(common/arrow_o_2.png) no-repeat 93% 50%, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}

/* Top Navi **********************************/

#t_navi{
	/*display: none;*/
	padding: .5em;
	box-sizing: border-box;
	top: 220px;
	left: 4%;
	width: 92%;
	height: 90px;
	overflow: hidden;
	background: rgba(255,255,255,.5);
}
#t_navi li{
	width: auto;
	min-width: auto;
}

header .btn_mail{
	margin-left: -70px;
	top: 315px;
	left: 50%;
	/*display: none;*/
}

/* LEFT navigation ---------------------------------------------*/

#left ul{ text-align: left;}
#left a{ padding: 0.7em 15px 0.7em 10px; width: auto;}

#left li, #left li.nolink{ width: 100%;}
#left li.s, #left ul ul li{
	font-size: 12.5px;
	font-weight: bold;
}
#left a,
#left li.s a,
#left ul ul li a,
#left a:hover,
#left li.s a:hover,
#left ul ul li a:hover{
	background-position: 95% center;
}
/* CONTENT BTNS -----------------------------------------------------------------------------*/

/* BTN h2, h3 ****************/

a.btn{
	padding: 4px 25px 3px 20px;
	font-weight: bold;
}
.str2 a.btn{ margin: 0; padding: 5px;}
.str3 a.btn{ margin: 0; padding: 7px; font-size: 15px;}

.h2 a.btn{ right: 5px;}

a.btn:not(:target){ border-radius: 5px;}

/* li float navi **********************************/

.li_fl3{
	margin: 0;
}
.li_fl3 li{
	margin: 0;
	float: none;
	width: auto;
}

/* Footer --------------------------------------------------------------------------------------------*/

/* BTN Pagetop(ID) ****************/

#pagetop{
	margin: 0 0 10px;
	padding: 0 10px;
	width: auto;
	max-width: 100%;
	font-weight: bold;
}
#pagetop a{
	float: right;
}
#pagetop a em{
	padding: 5px 12px;
}

/* navi #footer_top ****************/

footer ul{
	margin: 0 10px 10px;
	padding: 0 5px;
	border: solid 1px #ccc;
	border-radius: 10px;
	box-shadow: 2px 2px 5px 0 #ddd;
	line-height: 2.2;
	font-weight: bold;
	font-size: 13px;
}
footer li{
	float: none;
	display: block;
	border-bottom: solid 1px #ccc;
}
footer li:last-child{ border: none;}
footer li a{ padding: 0 0 0 20px;}
footer li a br{ display: none;}

footer #footer_top ul{ font-size: 15px;}
footer #footer_btm ul{ margin: 0 10px 20px; padding: 0 5px;}
footer #footer_btm ul li{ margin: 0;}