@charaset "UTF-8";
/*base*/
body {
color:#222;
background-color:#fff;
}
a:link { color:#3B5998;}
#header-bar-wrp{ background-color:#fafafa; }
.widgets-portfolio-wrp h2 a {color:#222;}

/*base*/
#container-out {background-color:#ffffff;}
#fancybox-content #container-out {background-color:#fff;}

#header{
background: #fff;}
.drawer-navbar .drawer-navbar-header {
background-color:#ffffff!important;
}
.drawer-nav {
background-color:#000000!important;
}
/*spnavi*/
.drawer-hamburger-icon, .drawer-hamburger-icon::before, .drawer-hamburger-icon::after {
    background-color: #111111;
}
.sr-only {
    color: #111111;
}
header .drawer-menu li.menu-item a {
    color: #111111 !important;
}
#site-title {padding:16px 0 0 0;}
#site-title img{width:300px;}
#site-title2 {padding:14px 0 0 10px;}
#site-title2 img{width:200px; vertical-align:bottom;}


#mn-out{
 clear:both;
 width:100%;
}

#footer{
background-color:#fff;}

/*bg-grd*/
#container {
-pie-lazy-init:true;
position:relative;
width:100%;
margin:0;
}

#wrapper-out{
background-color:#ffffff;
}

/*globalnavi*/
#gn-out{
background: #00356c;}
/*#gn,*/
#gn li{
min-height:55px;
height: auto;
height:55px;
}
#gn li a{
color:#fff;
line-height:55px !important;
padding: 0 1.45em !important;
}
#gn li:hover > a,
#gn li.current-menu-item > a,
#gn li.current-page-ancestor > a,
#gn li.current-post-ancestor > a{
color:#fff;
background-color:#840021;}
#hn-out{ top:50px; }
#hn li a{ color:#222; }
#mn li a{ color:#222; }
#fn li a{ color:#fff; }
#footer-tx,
#footer-tx a{ color:#222222; }
#fn-out{ border-bottom:1px solid transparent; }
address{
 border-top:1px solid transparent;
 border-bottom:1px solid transparent;
}
#footer-seo{ border-top:1px solid transparent; }
#header-seo,
#header-seo a{ color:#888888; }
#footer-seo,
#footer-seo a{ color:#cccccc; }
#header-bar,
#home #visual,
#under #visual{width:930px;}
#under #visual .vitxt{color:#c3beba;}

.slider-wrapper,
#slider {
margin:0 auto;
width:930px;
height:300px;
position:relative;
}

#visual .nivo-controlNav {
height:65px;
}

.theme-default .nivo-directionNav a {
background:url(common/nivo-slider/themes/default/arrows-w.png) no-repeat;
}

#main h1{
border-top:5px solid #eeeeee;
background:url(/uploads/2017/04/h1_leftimg.png) no-repeat 0.5em 0.8em #ffffff;
}
#home-top-contents h2,
#main h2,
.widgets-free h2,
#side .widgets-portfolio-wrp h2,
#side .widgets-post h2,
#side .widgets-free h2{
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #eeeeee;/display: inline;
/zoom: 1;
}

#home-top-contents h2 span,
#main h2 span,
.widgets-free h2 span,
#side .widgets-portfolio-wrp h2 span,
#side .widgets-post h2 span,
#side .widgets-free h2 span{ border-left:5px solid #eeeeee; }
#main h3,
.widgets-free h3{ border-bottom:2px solid #eeeeee; }
#main h4,
.widgets-free h4{ border-left:4px solid #eeeeee; }
#main h2 a.catchcopy,
#main h2 a.catchcopy,
#main .catchcopy,
#main .catchcopy a,
.widgets-free h2 a.catchcopy,
.widgets-free h2 a.catchcopy,
.widgets-free .catchcopy,
.widgets-free .catchcopy a{ color:#00356c; background:none !important; }


/*billboard*/
#main .billboard-wrp .h2,
.widgets-free .billboard-wrp .h2{
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #00356c;}
#main .billboard-wrp .h3,
.widgets-free .billboard-wrp .h3{ border-bottom:2px solid #00356c; }

/*fukidashi*/
#main .fukidashi-wrp .h2{
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #00356c;}
#main .fukidashi-wrp .h3,
.widgets-free .fukidashi-wrp .h3{ border-bottom:2px solid #00356c; }


/*button*/
.readmore,
.searchsubmit,
.inquiryformSubmit{
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #00356c;-webkit-appearance: none;
}


.button-default,
.contact-default{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #00356c;}
.contact-default{display:block;text-align:center;margin:0;padding:20px 0;}

.readmore:hover,
.searchsubmit:hover,
.inquiryformSubmit:hover,
.button-default:hover,
.contact-default:hover{
background: #222222;}
.color-default{border-color:#00356c;}
.button-default2,
.contact-default2{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #840021;}
.contact-default2{display:block;text-align:center;margin:0;padding:20px 0;}

.button-default2:hover,
.contact-default2:hover{
background: #5e0219;}

#inquiryback,.inquiryback{
display:block;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #444444;}
#inquiryback:hover,.inquiryback:hover{
background: #888888;}

.color-default2{border-color:#840021;}
.button-black,
.contact-black{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-black.gif) 0 0 repeat-x #000000;
}
.contact-black{display:block;text-align:center;margin:0;padding:20px 0;}
.button-black:hover,
.contact-black:hover{background:none;background-color: #000000;}
.color-black{border-color:#000000;}
.button-gray,
.contact-gray{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-gray.gif) 0 0 repeat-x #666666;
}
.contact-gray{display:block;text-align:center;margin:0;padding:20px 0;}
.button-gray:hover,
.contact-gray:hover{background:none;background-color: #666666;}
.color-gray{border-color:#666666;}
.button-lightgray,
.contact-lightgray{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-lightgray.gif) 0 0 repeat-x #d3d3d3;
}
.contact-lightgray{display:block;text-align:center;margin:0;padding:20px 0;}
.button-lightgray:hover,
.contact-lightgray:hover{background:none;background-color: #d3d3d3;}
.color-lightgray{border-color:#d3d3d3;}
.button-red,
.contact-red{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-red.gif) 0 0 repeat-x #c8161d;
}
.contact-red{display:block;text-align:center;margin:0;padding:20px 0;}
.button-red:hover,
.contact-red:hover{background:none;background-color: #c8161d;}
.color-red{border-color:#c8161d;}
.button-facebook,
.contact-facebook{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-facebook.gif) 0 0 repeat-x #3b5998;
}
.contact-facebook{display:block;text-align:center;margin:0;padding:20px 0;}
.button-facebook:hover,
.contact-facebook:hover{background:none;background-color: #3b5998;}
.color-facebook{border-color:#3b5998;}
.button-twitter,
.contact-twitter{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-twitter.gif) 0 0 repeat-x #33ccff;
}
.contact-twitter{display:block;text-align:center;margin:0;padding:20px 0;}
.button-twitter:hover,
.contact-twitter:hover{background:none;background-color: #33ccff;}
.color-twitter{border-color:#33ccff;}
.button-hamazo,
.contact-hamazo{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-hamazo.gif) 0 0 repeat-x #ff6600;
}
.contact-hamazo{display:block;text-align:center;margin:0;padding:20px 0;}
.button-hamazo:hover,
.contact-hamazo:hover{background:none;background-color: #ff6600;}
.color-hamazo{border-color:#ff6600;}
.button-orange,
.contact-orange{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-orange.gif) 0 0 repeat-x #ff6600;
}
.contact-orange{display:block;text-align:center;margin:0;padding:20px 0;}
.button-orange:hover,
.contact-orange:hover{background:none;background-color: #ff6600;}
.color-orange{border-color:#ff6600;}
.button-rss,
.contact-rss{
display:inline-block;
margin:0.5em 0 1em 0;
padding: 0.3em 1em 0.3em;
color: #ffffff !important;
font-weight:bold;
text-decoration:none !important;
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:url(common/images-bg/btn-bg-rss.gif) 0 0 repeat-x #ff9600;
}
.contact-rss{display:block;text-align:center;margin:0;padding:20px 0;}
.button-rss:hover,
.contact-rss:hover{background:none;background-color: #ff9600;}
.color-rss{border-color:#ff9600;}

/*junction*/
div.junction h2 a{
-webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0 ;
-moz-border-radius: 2px 2px 0 0 / 2px 2px 0 0 ;
border-radius: 2px 2px 0 0 / 2px 2px 0 0 ;
background: #00356c;}

div.junction h2 a:hover{
background: #222222;}

div.junction .j-box-in {
-webkit-border-radius: 0 0 2px 2px / 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px / 0 0 2px 2px;
border-radius: 0 0 2px 2px / 0 0 2px 2px;
}

/*feature*/
div.feature .h2{
-webkit-border-radius: 2px 2px 0 0 / 2px 2px 0 0 ;
-moz-border-radius: 2px 2px 0 0 / 2px 2px 0 0 ;
border-radius: 2px 2px 0 0 / 2px 2px 0 0 ;
background: #00356c;}

div.feature .f-box-in {
-webkit-border-radius: 0 0 2px 2px / 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px / 0 0 2px 2px;
border-radius: 0 0 2px 2px / 0 0 2px 2px;
border:3px solid #00356c;
border-top:none;
}

div.feature .h3{
color:#00356c;
}


/*cssarrow*/
.cssarrow-wrp .cssarrow-tx {
background: #00356c;}
.cssarrow-wrp .cssarrow-b{
border-top: 100px solid #00356c;
border-bottom: 100px solid transparent;
border-left: 200px solid transparent;
border-right: 200px solid transparent;
}


/*contact*/
.contact-set {
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
}
.contact-set-in {
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
 background: #f5f5f5;
 background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#f0f0f0));
 background: -webkit-linear-gradient(#f5f5f5, #f0f0f0);
 background: -moz-linear-gradient(#f5f5f5, #f0f0f0);
 background: -ms-linear-gradient(#f5f5f5, #f0f0f0);
 background: -o-linear-gradient(#f5f5f5, #f0f0f0);
 background: linear-gradient(#f5f5f5, #f0f0f0);
 -pie-background: linear-gradient(#f5f5f5, #f0f0f0);
}

/*Side*/
#sn h2 a,
#archives h2,
#tags h2{
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #00356c;/zoom: 1;
}

#sn,
#archives,
#tags{
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background:none;
background-color: #00356c;
}

#sn-first li>a,
#archives ul li>span,
#tags ul li>span{
background: #f0f0f0;/zoom: 1;
}
#sn-first li>a:hover,
#archives ul li>span:hover,
#tags ul li>span:hover{
background: #fafafa;}

#sn-first li.current_page_item > a,
#sn-first li.current-page-ancestor > a,
#archives ul li.current_page_item > span,
#archives ul li.current-page-ancestor > span{
background: #aaaaaa !important;}

#side .banner-set ul.bnt li a{
-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
background: #f0f0f0;}

#side .banner-set ul.bnt li a:hover{
background: #fafafa;}

/*PIE control*/
blockquote, .blockquote {
-pie-png-fix: true;
}
#header-bar-out {
-pie-background: linear-gradient(#f1f1f1, #e4e4e4);
}
#header-searchform,
#gn li:hover > a, #gn li.current-menu-item > a,
.box-round,
#main .billboard-wrp,
#main .fukidashi-wrp .fukidashi,
.nav-below .index a,
#side #side-bar-sitesearch,
#side #header-searchform {
}

p > br[style="clear: both;"]:only-child { content: ""; display: block; margin-bottom: 0; }
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*webfont reset start*/
.thin {font-weight: 100;}
.light {font-weight: 200;}
.demi-light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.bold {font-weight: 700;}
.black {font-weight: 900;}
body {
   font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif!important;
    font-style: normal;
    font-weight: 500;
}
h1,h2,h3,h4,h5,h6,
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,
#gn li a{ font-weight: normal!important;}

.readmore {
    font-weight: normal !important;
}
/*webfont setting*/
h1,h2,h3,h4,h5,h6,
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ font-weight: 700!important;}
#gn li a{ font-weight: 700!important;}

.j-box h2 a { font-size:114%!important; line-height:1.5!important; padding:0.5em 10px!important;}
.j-box p { line-height:1.5!important;}

#gn, #main {
    font-size: 123%;
}

#main .post-date {
margin-top:1.5em!important;
    font-size: 85%;
}

body.search h2,
body.archive h2{
    font-size:90%!important;
}
#main h3, #wrapper .widgets-free h3 {
    margin: 2em 0.7em 1em 0!important;
}

.iframe-map {
    width: 930px;
    height: 700px;
}

#breadcrumbs{
font-size:93%!important;
}
/* アイキャッチモノクロ化 コメントアウト中
.junction img.ecimg{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.j-box:hover img.ecimg{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
 opacity:1!important;
}
 */

/*フォーム*/
.aytr-form input[type="text"],
.aytr-form input[type="email"],
.aytr-form textarea{
  background-color: #ebf4ff!important;
}

/*デザインパーツ*/
.button-default2{
color:#ffffff!important;
}
.button-default2:hover{
color:#ffffff!important;
}
.etp-wrp{
	margin: 0!important;
	padding: 0!important;
	letter-spacing: -.4em;
	margin-right: -3%!important;
}
.etp-wrp li{
	margin: 0!important;
	padding: 0!important;
	letter-spacing: normal;
	display: inline-block;
	padding-right: 3%!important;
	width:30.25%;
	vertical-align: bottom;
}
.etp-wrp li a{
	display: block;
}
.etp-wrp li img{
	vertical-align: bottom;
}
.etp-all{
	padding-top: 30px;
	width:auto;
}
/*フッタータグ*/
#mn-out{
padding-top:1em;
}
#under #wrapper .fTag {
margin: 1em auto 0;
padding-bottom:1em;
border-bottom:1px solid #ccc;
}

/*英語ページサイドメニュー表示コントロール*/
body.parent-pageid-786 #sn-first>li{display:none;}
body.parent-pageid-786 #sn-first>li.page-item-786{display:block;}
body.parent-pageid-835 #sn-first>li{display:none;}
body.parent-pageid-835 #sn-first>li.page-item-835{display:block;}

/*テーブルTH色替え*/
#main table th{background-color:#e5eaf0;}

/* CSSでレスポンシブ対応 */
@media screen and (max-width: 930px) {
    .iframe-map-wrapper {
        position: relative;
        width: 100%;
        padding: calc(700 / 930 * 100%) 0 0;
    }
    .iframe-map {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;

    }
}

@media screen and (max-width: 768px) {
    #header-function {
        display: none;
    }
	.etp-wrp{
		margin-right: 0%!important;
		text-align: center;
	}
	.etp-wrp li{
		padding: 1px!important;
		width:32.6%;
	}
	.etp-all{
		padding-top: 15px;
		width:auto;
	}
}
#main h2.color1 { background:#ffc600;}#main h2.color2 { background:#0071cc;}#main h2.color3 { background:#fc0000;}#main h3.color1 { border-bottom: 2px solid#ffc600;}#main h3.color2 { border-bottom: 2px solid#0071cc;}#main h3.color3 { border-bottom: 2px solid#fc0000;}