@charset "utf-8";
/* ------------------------------------------------------------ common */
body { min-width: 1000px; font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.SP { display: none; }

a:link 		{ color: #111; text-decoration: none; }
a:visited 	{ color: #111; text-decoration: none; }
a:hover,
a:hover img,
input[type="submit"]:hover { color: #111; text-decoration: none; 
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8; }
    

input[type="submit"] { -webkit-appearance: button; cursor: pointer; padding: 0; border: none; }


.inner 	{ width: 1000px; margin: 0 auto;}

.first { padding: 90px 0 0;}
.btn { text-align: center; padding: 30px 0; }
.btn a { display: inline-block; *display: inline; *zoom: 1; text-align: center; background: url(../images/common/btn_00.png) no-repeat; font-size: 26px; width: 476px; height: 72px; line-height: 72px; }

.bnr{ margin: 30px 0 0; text-align: center; }


h1 { font-size: 14px; color: #fff; padding: 15px 0 0 0; text-align: center;}
p.name span { font-family: 'Saint-Andrews-Queen', sans-serif; color: #dcae56; font-size: 22px;}
p.totop a { display: block; background: #3e3e3e; text-align: center; padding: 10px 0;}

.empty { text-align: center; padding: 30px 0; }

#open_modal { display: none; }

#nav { padding: 10px; background: url(../images/index/nav_bg.gif) repeat-x #820300; height: auto; } 
#nav.is_animation { position: fixed; top: 0; width: 100%; z-index: 50; }
.nav-inner{ margin: 0 10px; display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; gap: 10px; }

#nav li { display: inline-block; *display: inline; *zoom: 1; width: 125px; padding: 10px 0;}
#nav li:not(:last-of-type) { margin: 0 4px 0 0; }
#nav li a { display: inline-block; *display: inline; *zoom: 1; color: #fff; font-weight: inherit;  padding: 0 0 0 35px; font-size: 11px;}
#nav li a span { font-size: 18px; font-family: 'Frank Ruhl Libre', sans-serif; font-weight: 300; line-height: 110%;}
#nav li.nav1 { background: url(../images/index/nav_icn_00.png) no-repeat 0 10px; }
#nav li.nav2 { background: url(../images/index/nav_icn_01.png) no-repeat 0 10px; width: 100px; }
#nav li.nav3 { background: url(../images/index/nav_icn_02.png) no-repeat 0 10px; width: 100px; }
#nav li.nav4 { background: url(../images/index/nav_icn_03.png) no-repeat 0 10px; width: 120px; }
#nav li.nav5 { background: url(../images/index/nav_icn_09.png) no-repeat 0 10px; }
#nav li.nav6 { background: url(../images/index/nav_icn_04.png) no-repeat 0 10px; }
#nav li.nav7 { background: url(../images/index/nav_icn_06.png) no-repeat 0 10px; }
#nav li.nav8 { background: url(../images/index/nav_icn_05.png) no-repeat 10px 10px; }
#nav li.nav10 { background: url(../images/index/nav_icn_10.svg) no-repeat 0 10px/30px; }

/* ------------------------------------------------------------ h3*/

.h3-wrap-w { text-align: center; }
.h3-wrap-w .h3-inner { display: inline-block; *display: inline; *zoom: 1; text-align: center; background: url(../images/index/h_right.png) no-repeat right top; }
.h3-wrap-w .h3-inner h3 { color: #fff; display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/h_left.png) no-repeat left top; padding: 5px 0 0 0; }

.h3-wrap-b { text-align: center; }
.h3-wrap-b .h3-inner { display: inline-block; *display: inline; *zoom: 1; text-align: center; background: url(../images/index/h_right_b.png) no-repeat right top; }
.h3-wrap-b .h3-inner h3 { color: #000; display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/h_left_b.png) no-repeat left top; padding: 5px 0 0 0; }

.h3-inner h3 span { font-size: 41px; font-family: 'Frank Ruhl Libre', sans-serif; font-weight: 300; letter-spacing: 5px; line-height: 100%; display: inline-block; *display: inline; *zoom: 1; padding: 0 50px 0 50px ;}

/* ------------------------------------------------------------ magazine-tag*/

.tags { display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/tag_left.png) no-repeat; }
.tags span { display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/tag_right.png) no-repeat right top; height: 31px; line-height: 31px; text-align: center; padding: 0 50px; color: #fff;}

.tag01 { background-color: #48747c; }
.tag02 { background-color: #dcae56; }
.tag03 { background-color: #de3945; }
.tag04 { background-color: #7681b2; }
.tag05 { background-color: #d790af; }

/* ------------------------------------------------------------ btn-styles*/

.w-btn { text-align: center; }
.w-btn a { display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/btn_icn.png) no-repeat 20px center; color: #fff; padding: 13px 50px 13px 80px; border: 1px solid #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }

.b-btn { text-align: center; }
.b-btn a { display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/btn_icn_c.png) no-repeat 20px center; color: #fff; padding: 13px 50px 13px 80px; border: 1px solid #fff; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }

.r-btn { text-align: center; }
.r-btn a { display: inline-block; *display: inline; *zoom: 1; background: url(../images/index/btn_icn.png) no-repeat 20px center #940a09; color: #fff; padding: 13px 50px 13px 80px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }

/* ------------------------------------------------------------ fv*/

#bnr_online { width: 100%; position: fixed; left: 0; top: 0; z-index: 1;}
#bnr_online img { width: 100%; height: auto; }
/*
#fix_wrap { position: relative; z-index: 100; background: #fff; }
#fix_wrap .inner a img { width: 242px; height: auto; }
*/


#fv { padding: 0 0 350px; }

#header { background: url(../images/pages/header_bg.jpg) center top no-repeat; background-size: cover; }
#header div { padding: 30px 0 20px;}
#header div img { float: left;}
#header div ul { float: right; width: 740px;}
#header div ul li { display: inline-block; *display: inline; *zoom: 1; width: 133px; padding: 18px 0 0 0;}
#header div ul li a { display: inline-block; *display: inline; *zoom: 1; color: #fff; font-weight: inherit;  padding: 0 0 0 30px;}
#header div ul li a span { font-size: 18px; font-family: 'Frank Ruhl Libre', sans-serif; font-weight: 300; line-height: 110%;}
#header div ul li.nav1 { background: url(../images/index/nav_icn_00.png) no-repeat 0 center; }
#header div ul li.nav2 { background: url(../images/index/nav_icn_01.png) no-repeat 0 center; width: 104px;}
#header div ul li.nav3 { background: url(../images/index/nav_icn_02.png) no-repeat 0 center; width: 100px;}
#header div ul li.nav4 { background: url(../images/index/nav_icn_03.png) no-repeat 0 center; }
#header div ul li.nav5 { background: url(../images/index/nav_icn_04.png) no-repeat 0 center; }
#header div ul li.nav6 { background: url(../images/index/nav_icn_05.png) no-repeat 0 center; }
#header div ul li.nav7 { background: url(../images/index/nav_icn_06.png) no-repeat 0 center; }



/* ------------------------------------------------------------ bread */

#bread ol li { list-style-type: none; display: inline-block; *display: inline; *zoom: 1; padding: 10px 0 0;}
#bread ol li a { color: #c70d0b; background: url(../images/pages/bread.png) right center no-repeat; padding: 0 15px 0 0;}

/* ------------------------------------------------------------ .intro*/

.intro { text-align: center; margin: -35px 0 0;}
.intro h2 { font-size: 16px; padding: 0 0 60px;}
.intro h2 span { font-size: 60px; font-family: 'Frank Ruhl Libre', sans-serif; display: block; line-height: 120%;}

/* ------------------------------------------------------------ items*/

#items { padding: 100px 0; }
#items ul.list { min-width: 1000px; padding: 0 0 50px;}
#items ul.list li { width: 20%; float: left; }
#items ul.list li img { width: 100%; height: auto; }
#items ul.list li a { font-size: 14px; text-align: center; }

/* ------------------------------------------------------------ access*/

#access { text-align: center;}
#access p.address { font-size: 14px; padding: 23px 0 20px;}
#access p.googlemap { padding: 25px 0 65px;}
#access p.googlemap a { text-decoration: underline; background: url(../images/company/icn_00.gif) left center no-repeat; padding: 0 0 0 20px;}
#access p.r-btn { padding: 0 0 80px;}

/* ------------------------------------------------------------ pager */

#pager { text-align: center; padding: 0 0 140px; font-size: 14px; }
#pager ul span,
#pager ul .number a { display: inline-block; *display: inline; *zoom: 1; width: 38px; padding: 7px 0; margin: 0 3px; }
#pager ul span { background: #9a0c02; color: #fff; border: 1px solid #9a0c02; }
#pager ul .number a { background: #fff; color: #000; border: 1px solid #000; }

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

#footer { background: url(../images/index/footer_bg.jpg) center center no-repeat; background-size: cover; padding: 50px 0 0;}
#footer #frame { padding: 0 0 50px;}
#footer #frame .box { float: left; width: 200px;}
#footer #frame .box p { padding: 0 0 0 18px;}
#footer #frame .box li { padding: 0 0 15px;}
#footer #frame .box a { font-size: 16px; color: #fff;}
#footer #frame .box .detail { padding: 10px 0 0;}
#footer #frame .box .detail li { padding: 0 0 5px;}
#footer #frame .box .detail li a { font-size: 14px; color: #fff; background: url(../images/index/arw_01.png) left center no-repeat; padding: 0 0 0 20px;}
#footer .bottom { background: url(../images/index/pat.png); text-align: center; padding: 25px 0 20px;}
#footer .bottom img { width: 300px; height: auto;}

p.copyright { background: #000; color: #fff; text-align: center; padding: 15px 0 10px; margin: 0 auto 70px; }
p.copyright a { color: #fff; }

#ekubo-bnr { text-align: center; padding: 50px 0; }
#ekubo-bnr .bnr_store { padding: 0 0 20px; }

@font-face {
font-family: 'Saint-Andrews-Queen';
src: url('../fonts/Saint-Andrews-Queen.eot');
src:
url('../fonts/Saint-Andrews-Queen.eot?#iefix') format('embedded-opentype'),
url('../fonts/Saint-Andrews-Queen.woff') format('woff'),
url('../fonts/Saint-Andrews-Queen.ttf') format('truetype'),
url('../fonts/Saint-Andrews-Queen.svg') format('svg');;
}

#pick_up { text-align: center; }
#pick_up img { position: fixed; right: 20px; bottom: 70px; }
#pick_up div { background: url(../images/index/btn_icn.png) no-repeat 5px center #940a09; position: fixed; right: 20px; bottom: 20px; width: 200px; text-align: center; }
#pick_up h5 { font-size: 16px; color: #fff; line-height: 40px; }
#pick_up h5 a { font-size: 16px; color: #fff; padding: 0 0 0 30px; line-height: 40px; display: block; }

.follow { position: fixed; bottom: 0; width: 100%; z-index: 100; background: #f1e7cb; padding: 8px 0; }
.follow p { float: left; font-size: 16px; line-height: 27px; }
.follow ul { float: right;padding: 4px 0 0; }
.follow ul li { float: left; padding: 0 0 0 20px; }
.follow ul li a { float: left; font-size: 16px; color: #fff; display: block; width: 170px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.follow ul li:first-child a { 
	background: url(../images/index/nav_icn_00.png) no-repeat 25px center #940a09;
	padding: 10px 0 10px 20px;
}
.follow ul li:nth-child(2) a { 
	background: url(../images/index/nav_icn_02.png) no-repeat 35px center #940a09;
	padding: 10px 0 10px 20px;
}

.follow ul li:last-child a { 
	background: url(../images/index/nav_icn_06.png) no-repeat 15px center #940a09;
	padding: 10px 0 10px 20px;
}

.follow2 { position: fixed; bottom: 0; width: 100%; z-index: 100; background: #f1e7cb; padding: 8px 0; }
.follow2 p { float: left; font-size: 16px; line-height: 27px; }
.follow2 ul { float: right;padding: 4px 0 0; }
.follow2 ul li { float: left; padding: 0 0 0 20px; }
.follow2 ul li a { background: url(../images/index/nav_icn_08.png) no-repeat 24px 15px #940a09; background-size: 20px; float: left; font-size: 22px; color: #fff; display: block; width: 190px; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 6px 0 8px 20px; }
.follow2 ul li:first-child a { 
	background: url(../images/index/nav_icn_07.png) no-repeat 25px center #940a09;
	background-size: 28px;
	padding: 10px 0 11px 20px;
	font-size: 18px;
}


@media only screen and (max-width:640px){

.PC { display: none; }
.SP { display: block;}

body { min-width: inherit; }
.inner { width: 94%; padding: 0 3%;}

.btn { text-align: center; padding: 30px 0; }
.btn a { text-align: center; background: url(../images/common/btn_00.png) no-repeat center center; font-size: 20px; width: 90%; height: 50px; line-height: 50px; }

.bnr{ width: 90%; margin: 20px auto 0; }
.bnr img{ width: 100%; height: auto; }


#wrapper { padding: 45px 0 0; }

.first { padding: 90px 0 0;}
.btn { padding: 15px 0; }
.btn a { display: inline-block; *display: inline; *zoom: 1; text-align: center; background: url(../images/common/btn_00.png) no-repeat; font-size: 13px; width: 270px; height: 35px; line-height: 35px; background-size: 100% auto;}

h1 { font-size: 11px;}
p.name span { font-size: 19px;}
#open_modal { display: block; }

/* #fix_wrap .inner a img { width: 150px; height: auto; } */
/* ------------------------------------------------------------ header*/

#header { background: url(../images/pages/header_bg.jpg) center top no-repeat; background-size: cover; text-align: center; }
#header div { padding: 10px 0 20px;}
#header div img { float: inherit; width: 50%; height: auto;}

/* ------------------------------------------------------------ h3*/

.h3-wrap-w .h3-inner { background-size: 20px auto;}
.h3-wrap-w .h3-inner h3 { background-size: 20px auto; font-size: 12px; padding: 0 10px;} 

.h3-wrap-b .h3-inner {  background-size: 20px auto; }
.h3-wrap-b .h3-inner h3 { background-size: 20px auto; font-size: 12px; padding: 0 10px;}

.h3-inner h3 span { font-size: 24px; letter-spacing: 2px; padding: 0 20px; margin: 0 0 5px;}

/* ------------------------------------------------------------ magazine-tag*/

.tags { background: url(../images/index/tag_left_sp.png) no-repeat; background-size: auto 100%; }
.tags span { background: url(../images/index/tag_right_sp.png) no-repeat right top; background-size: auto 100%; height: 22px; line-height: 25px; padding: 0 25px; font-size: 12px; }

.tag01 { background-color: #48747c; }
.tag02 { background-color: #dcae56; }
.tag03 { background-color: #de3945; }
.tag04 { background-color: #7681b2; }
.tag05 { background-color: #d790af; }


/* ------------------------------------------------------------ btn-styles*/
.w-btn a { background-size: 20px auto; padding: 13px 22px 13px 46px; }
.b-btn a { background-size: 20px auto; padding: 13px 22px 13px 46px; }
.r-btn a { background-size: 20px auto; padding: 13px 22px 13px 46px; }
/* ------------------------------------------------------------ fv*/

#fv { padding: 0 0 100px; }

/* ------------------------------------------------------------ bread */

#bread ol,
#bread ol li,
#bread ol li a,
#bread ol li span { line-height: 50%;}


/* ------------------------------------------------------------ .intro*/

.intro { margin: -18px 0 0;}
.intro h2 { padding: 0 0 30px; font-size: 14px;}
.intro h2 span { font-size: 30px;}

/* ------------------------------------------------------------ items*/

#items { padding: 80px 0; }
#items ul.list { min-width: 94%; padding: 0 0 20px;}
#items ul.list li { width: 50%; float: left; margin: 0 0 5px; min-height: 250px;}
#items ul.list li a { font-size: 12px;}

/* ------------------------------------------------------------ access*/

#access p.address { font-size: 14px; padding: 15px 0 10px;}
#access p.googlemap { padding: 15px 0 20px;}
#access p.r-btn { padding: 0 0 40px;}

/* ------------------------------------------------------------ pager */

#pager { padding: 0 0 50px; font-size: 13px; }
#pager ul span,
#pager ul .number a { margin: 0 1px; }

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

#footer { padding: 20px 0 0;}
#footer #frame { padding: 0 0 30px;}
#footer #frame .box { float: none; width: 100%;}
#footer #frame .box p { padding: 0 0 8px;}
#footer #frame .box a { font-size: 14px; color: #fff;}
#footer #frame .box li { padding: 0 0 10px;}
#footer .bottom img { width: 70%; height: auto;}

p.copyright { margin: 0 auto 14%; }


#ekubo-bnr { text-align: center; padding: 50px 0; }
#ekubo-bnr img { width: 95%; height: auto; }

#pick_up { text-align: center; background: #fff; }
#pick_up img { position: fixed; right: 3%; bottom: 65px; width: 33%; height: auto; }
#pick_up div { background: url(../images/index/btn_icn.png) no-repeat 5px center #940a09; background-size: 25px 15px; position: fixed; right: 3%; bottom: 20px; width: 33%; text-align: center; }
#pick_up h5 a { font-size: 12px; color: #fff; padding: 5px 0 5px 15px; line-height: 130%; }

/* ------------------------------------------------------------ groval nav */

#open_modal					{ cursor: pointer; right: 10px; top: 10px; z-index: 999; position: fixed;}

.fixed 						{ position: fixed; }
#mask 						{ display: none; height: 100%; width: 100%; height: 100%; min-height: 100%; background: #820300; position: fixed; opacity: 0.7; filter: alpha(opacity=70); -moz-opacity:0.70; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }

#navigation					{ display: none;  }
						
/* #open_modal 				{ cursor: pointer; right: 10px; top: 10px; z-index: 999; position: fixed; } */
#navigation 				{ text-align: center; margin: 0 auto; top: 0;  right: 0; left: 0; margin: 0; z-index: 100; position: relative;}
#navigation #menu-header	{ padding: 10px 0; background: url(../images/pages/header_bg.jpg) no-repeat center top; background-size: cover; }
#navigation #menu-header a img { width: 50%; height: auto; }
#navigation ul 				{ font-size: 14px; z-index: 999; width: 100%; padding: 0; }
#navigation ul li 			{ width: inherit; font-size: 12px; color: #aaaaaa; border-bottom: 1px solid #ae4d29; padding: 10px 5px;  text-align: left; background: #820300; background-size: auto 50%; }
#navigation ul li img 		{ height: 20px; width: auto; }
#navigation ul li a 		{ display: block; color: #fff; text-align: left; }
#navigation ul li a span { font-size: 22px; font-family: 'Frank Ruhl Libre', sans-serif; font-weight: 300; padding: 0 5px 0 5px; }
#navigation p#close 		{ background: #000; color: #fff; padding: 15px 0; }
#header-close 				{ position: absolute; top:20px; right: 10px;}


.follow_sp { position: fixed; bottom: 0; width: 100%; z-index: 50; background: #fff; }
.follow_sp li { float: left; width: 33%; }
.follow_sp li:nth-child(2) { padding: 0 0.5%; }
.follow_sp li a img { width: 100%; height: auto; }

.follow2_sp { position: fixed; bottom: 0; width: 100%; z-index: 50; background: #fff; }
.follow2_sp li { float: left; width: 49.5%; }
.follow2_sp li:first-child { padding: 0 1% 0 0; }
.follow2_sp li a img { width: 100%; height: auto; }



}


@media only screen and (orientation : portrait) { 
#navigation 			{ position: fixed; top:0; margin: 0 0 0; right: 0; left: 0; }


}