@charset "UTF-8";
/*ALL*/
/*共通
-------------------------------------*/
a { text-decoration: none; }
a:hover,
a:active,
a:focus { text-decoration: underline; }
html { overflow-y: scroll; }
/*コンテナ*/
.container,#cmsContent {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
padding: 0 10px;
box-sizing: border-box;
}
/* SP only*/
@media only screen and (max-width: 767px) {
.container {
width:100%;
padding:0 4%;
}
}
/*解除*/
.clearfix:after,
.container:after,
.row:after {
content: "";
display: table;
clear: both;
}
/*coming soon*/
.cmsn{color: #ccc; height:300px; display:block;}

/*row内のimgのみ*/
.row img {
height:auto;
border:none;
max-width:100%;
width:100%;
}
/*Tsp only tel*/
.tel-link { }
#tel_b .tel-link { font-size:60%;}
/* SP only*/
@media only screen and (max-width: 767px) {
.tel-link {
color:#00F;
text-decoration:underline;
}
#tel_b{ margin:16px auto;}
#tel_b .tel-link {color:#fff;text-decoration:none;}
}
/*カラム　一括*/
.column {
width: 100%;
float: left;
box-sizing: border-box;
}
.one-half { width:50%; }
/* SP only*/
@media only screen and (max-width: 767px) {
.one-half {
float:none;
width:100%;
}
}
/*ヘッダフッタ共通*/
#header,
#footer {
text-align:center;
background-color:#000000;
color:#e6e6e6;
width: 100%;
}
#header a,
#footer a { color: #ffffff; }
#header a:hover,
#footer a:hover { color: #ccc; }
#headerLogo img,
#footerLogo img {
height:auto;
border:none;
max-width:100%;
width:100%;
}
@media only screen and (max-width:767px) {
#headerLogo img {
max-width:280px;
width:280px;
}
}
/* ヘッダ */
#header {
display:block;
margin-top:0;
overflow:hidden;/*box-shadow:rgba(204, 204, 204, 0.4) 0px 4px 5px -1px;
-webkit-box-shadow:rgba(204, 204, 204, 0.4) 0px 4px 5px -1px;
-moz-box-shadow:rgba(204, 204, 204, 0.4) 0px 4px 5px -1px;*/
}
#headerLogo {
max-width: 336px;
margin: 14px auto 0;
}
/*fixed navi css*/
#header.fixed {
position: fixed;
top: 0;
/*  left: 0px;*/
z-index: 9900;
}
/* フッタ */
#footer { padding-top: 30px; }
#footerLogo {
max-width:240px;
margin:0 auto;
}
#copyright {
border-top:#262626 1px solid;
padding:15px 0;
font-size: 78.6%;
color:#474747;
}
#footerZip,#footerAdd { font-size:86%;line-height:115%; }
#footerAdd {margin-bottom:16px;}
#tel_a,
#tel_b {
font-size:260%;
line-height:1;
overflow:hidden;
}/*44px*/
.telTit{ font-size:30%; }
.ms {
font-size: 43%;
font-weight:normal;
margin-top:4px;
margin-left:8px;
margin-bottom:8px;
display:block;
}
#tel_a .ms{ margin-bottom:16px; }
/*#tel_b .ms{ margin-bottom:16px; }*/

.telTit {
display: inline-block;
text-align: center;
text-decoration: none;
outline: none;
vertical-align:middle;
margin-right:8px;
background-color:#262626;
width:48px;
line-height:1;
padding:4px ;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
@media only screen and (max-width:767px) {
.telTit {
display:block;
margin:0 auto 8px;
font-size:40%;
width:100%;
}
#tel_a, #tel_b {
font-size:28px;
}
}
/*上ナビ・下ナビ*/
#gNavi { margin:14px 0 20px; }/*SPのheightと合わせる*/
#footerLinks { margin-bottom:20px; }
#gNavi,
#footerLinks {
position: relative;
overflow: hidden;
font-size:14px
}
#gNavi ul,
#footerLinks ul {
position: relative;
left: 50%;
float: left;
}
#gNavi ul li,
#footerLinks ul li {
position: relative;
left: -50%;
float: left;
}
#gNavi li,
#footerLinks li {
margin-bottom:0;
list-style: none;
overflow:hidden;
padding:0 8px;
border-right:1px dotted #666666;
}
#gNavi li:last-child,
#footerLinks li:last-child { border-right:none; }
#gNavi li a,
#footerLinks li a { display: block; }

#gNavi ul li.current a{ text-decoration:underline; color:#93b3f0;}

@media only screen and (max-width: 767px) {
#gNavi {
margin:0;
}/*SP時は不要*/
#gNavi, #footerLinks {
position: relative;
overflow: hidden;
font-size:114.3%;
}
#gNavi ul li.current a{ text-decoration:underline; color:#ffffff;}
}
/*ナビメニュー*/

/* nav */

#nav-toggle { display: none; }

/* SP only*/
@media only screen and (max-width: 767px) {
.nav-collapse ul {
margin: 0;
padding: 0;
width: 100%;
display: block;
list-style: none;
}
.nav-collapse li {
width: 100%;
display: block;
}
.js .nav-collapse {
clip: rect(0 0 0 0);
max-height: 0;
position: absolute;
display: block;
overflow: hidden;
zoom: 1;
}
.nav-collapse.opened {
max-height: 9999px;
}

/* STYLES */
/*a:active,
a:hover {
outline: 0;
}*/

/*body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
color: #37302a;
background: #fff;
font: normal 100%/1.4 sans-serif;
}
*/

@-webkit-viewport {
width: device-width;
}
@-moz-viewport {
width: device-width;
}
@-ms-viewport {
width: device-width;
}
@-o-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
#nav.container {
padding:0;
}
#gNavi .nav-collapse, #gNavi .nav-collapse * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#gNavi .nav-collapse, #gNavi .nav-collapse ul {
list-style: none;
width: 100%;
float: left;
}
#gNavi .nav-collapse li {
float: left;
width: 100%;
border-right:none;
padding:0;
}
#gNavi .nav-collapse a {
color: #fff;
text-decoration: none;
width: 100%;
background: #194caf;
border-bottom: 1px solid white;
padding: 0.7em 1em;
float: left;
font-size:14px;
line-height:1.5;
}
#gNavi .nav-collapse ul ul a {
background: #ca3716;
padding-left: 2em;
}
#gNavi #nav-toggle {
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border:none;
cursor: pointer;
/*width: 70px;
height: 55px;*/
width: 100%;
height: 60px;
float: right;
text-indent: -9999px;
overflow: hidden;
background: #113a87 url("../img/hamburger.gif") no-repeat 50% 50%;
display:block;
}
}
/* pageTop */
.pageTop {
text-align:right;
padding:0 10px 8px;
}
.pageTop a {
display: inline-block;
text-decoration: none;
padding: 27px 0 0;
background: url(../img/ico_pagetop01_pc.png) center top no-repeat;
color:#30497c;
font-size:72%;
}
.pageTop a:hover { text-decoration: underline; }
@media only screen and (max-width:767px) {
.pageTop {
position: static;
background: #e8ecf6;
text-align: center;
padding: 5px 0;
margin-top: 20px;
}
.pageTop a {
display: block;
padding: 34px 0 0;
background-image: url(../img/ico_pagetop01_sp.png);
background-size: 41px 28px;
-webkit-background-size: 41px 28px;
-moz-background-size: 41px 28px;
}
}
/* breadcrumbs */
#contents #breadcrumbs{ padding-top:8px;line-height:1;font-size:86%;}
#contents #breadcrumbs ol { margin:0;list-style: none;}
#contents #breadcrumbs ol li {
color:#044ea5;
display:inline;
padding:0;
}
#contents #breadcrumbs li:before {
margin-right:5px;
content:">";
display:inline-block;
}
#contents #breadcrumbs li.current { color:#666; }
#contents #breadcrumbs li.current:before { color:#666; }
#contents #breadcrumbs li:first-child:before {
margin-right:0;
content:"";
}
@media only screen and (max-width:767px) {
#contents #breadcrumbs {
display:none;
}
}
/*コンテンツ*/
#contents,#cmsContent { padding:0 20px; line-height:1.5;}
/*コンテンツ img幅最大*/
#contents img,#cmsContent img{max-width: 920px;}
/*コンテンツ img幅最大を解除*/
#contents img.MaxWClear,#cmsContent img.MaxWClear{ width:auto !important;max-width: none !important;}

/*box_layout*/
.box_layout img {
max-width: 100%;
width: 100%;
height: auto;
vertical-align: top;
margin-bottom:1em;
}
.flImgL {
display: inline;
float: left;
margin-right: 20px;
}
.flImgR {
display: inline;
float: right;
margin-left: 20px;
}
.box_layout figure.flImgL,
.box_layout figure.flImgR { width: 280px; }
@media only screen and (max-width:767px) {
.box_layout figure.flImgL, .box_layout figure.flImgR {
float: none;
margin: 0;
width: auto;
}
.box_layout figure.layoutExchange {
display: table-footer-group;
}
.box_layout figure.layoutExchange + * {
display: table-header-group;
}
}
/*pagination*/
.pagination a { /*  color: #c50067;*/
text-decoration: none; }
.pagination a:hover {
color: #194caf;
text-decoration: underline;
}
.pagination {
font-size: 13px;
line-height: 18px;
height: 36px;
margin: 22px 0;
}
.pagination ul {
display: inline-block;
*display: inline;
/* IE7 inline-block hack */

*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li { display: inline; }
.pagination a {
float: left;
padding: 0 14px;
line-height: 34px;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination a:hover { background-color: #ecf2fc; }
.pagination .active a {
background-color: #194caf;
color: #ffffff;
cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
color: #999999;
background-color: transparent;
cursor: default;
}
.pagination li:first-child a {
border-left-width: 1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.pagination-centered { text-align: center; }
.pagination-right { text-align: right; }
.pager {
margin-left: 0;
margin-bottom: 18px;
list-style: none;
text-align: center;
*zoom: 1;
}
.pager:before,
.pager:after {
display: table;
content: "";
}
.pager:after { clear: both; }
.pager li { display: inline; }
.pager a {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.pager a:hover {
text-decoration: none;
background-color: #f5f5f5;
}
.pager .next a { float: right; }
.pager .previous a { float: left; }
.pager .disabled a,
.pager .disabled a:hover {
color: #999999;
background-color: #fff;
cursor: default;
}
/* ボタン */
.btn_01 {
width: 100%;
padding: 0 63px;
height: 50px;
display: table;
color: #fff;
text-decoration: none;
border-radius: 4px;
text-align: center;
background-color: #4366ad;
}
.btn_01:hover { background-color: #6d8bc7; }
.btn_01.color01 { background-color: #e39600; }
.btn_01.color01:hover { background-color: #ebb54c; }
.btn_01.type01 {
background-color: #ffffff;
border:#4366ad 2px solid;
color:#333;
box-shadow:rgba(204, 204, 204, 0.4) 0px 4px 5px -1px;
-webkit-box-shadow:rgba(204, 204, 204, 0.4) 0px 4px 5px -1px;
-moz-box-shadow:rgba(204, 204, 204, 0.4) 0px 4px 5px -1px;
}
.btn_01.type01:hover {
background-color: #4366ad;
border:#4366ad 2px solid;
color:#fff;
text-decoration:none;
}
.btn_01 span {
display: table-cell;
vertical-align: middle;
}
@media only screen and (max-width:767px) {
.btn_01 {
position: relative;
padding: 0 30px;
background-image: none;
}
.btn_01:after {
content: '';
display: block;
width: 7px;
height: 10px;
position: absolute;
right: 18px;
top: 50%;
margin-top: -5px;
}
}
/*調整*/
.mTnone{ margin-top:0 !important;}
.mRnone{ margin-right:0 !important;}
.mBnone{ margin-bottom:0 !important;}
.mLnone{ margin-left:0 !important;}

/*print*/
@media print {
html,html body{ *zoom: 0.45;}
#header.fixed{ position:absolute;}
}