@charset "utf-8";

/* CSS Document */
.pc_none { display:none; }
.inner { position:relative; max-width:800px; margin:0 auto; }
section.inner { margin:130px auto 0; padding-top:70px; background:url(../img/line.png) no-repeat top center; background-size:800px;}

/*---タイトル類---------------------------*/
.sec_ttl { margin-bottom:35px; text-align:center; }
.sec_ttl img { height:62px; }

.sub_ttl { margin:65px auto 20px; text-align:center; font-size:24px; }
.sub_ttl span { position:relative; }
.sub_ttl span:before,.sub_ttl span:after {
	position: absolute; top:14px; content: "";
	vertical-align: middle; width: 30px; height: 2px; border-top: 2px solid #bfbfbf; }
.sub_ttl span:before { left:-50px; }
.sub_ttl span:after { right:-50px; }

/*---ボタン類---------------------------*/
.text_btn {
	display:inline-block; border:solid 1px #aaa; text-align:center; padding:13px 28px 11px;
	line-height:1; font-size:14px;	position: relative; }
.text_btn::before,
.text_btn::after { position: absolute; z-index: -1; display: block; content: ''; }
.text_btn,
.text_btn::before,
.text_btn::after { -webkit-transition: all .5s; transition: all .5s; }
.text_btn:hover { color: #fff; }
.text_btn::after { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(.5); transform: scale(.5); }
.text_btn:hover::after { background: #ba2624; -webkit-transform: scale(1); transform: scale(1); }

/*---slide---------------------------*/
#bxslider li { overflow:hidden; height:570px; text-align:center;}

/*---header---------------------------*/
header h1 { position:absolute; top:540px; width:100%; text-align:center; }
header h1 a { display:inline-block; }
header h1 img { width:380px; }

header #gNav { margin-top:130px; }
header #gNav ul { text-align:center; border-bottom:solid 1px #959595; }
header #gNav ul li { display:inline-block; border-right:solid 1px #959595; vertical-align:bottom; }
header #gNav ul li:last-child { border-right:none; }
header #gNav ul li a { display:block; padding:0 40px 15px;transition: .3s; }
header #gNav ul li a:hover { color:#c20000; }
header #gNav ul li a p { margin:0; font-size:16px; letter-spacing:2px; }
header #gNav ul li a p+p { margin-top:1px; font-size:12px; color:#666; letter-spacing:1px; }
header #gNav ul li a p+p span { display:inline-block; }
header #gNav ul li a:hover p+p span {-webkit-transform: rotateY(360deg);
	transform: rotateY(360deg);
	transition: .6s; color:#c20000; }
header #gNav ul li a:hover p+p span:nth-of-type(1) { -webkit-transition-delay: .02s; transition-delay: .02s; }
header #gNav ul li a:hover p+p span:nth-of-type(2) { -webkit-transition-delay: .04s; transition-delay: .04s; }
header #gNav ul li a:hover p+p span:nth-of-type(3) { -webkit-transition-delay: .06s; transition-delay: .06s; }
header #gNav ul li a:hover p+p span:nth-of-type(4) { -webkit-transition-delay: .08s; transition-delay: .08s; }
header #gNav ul li a:hover p+p span:nth-of-type(5) { -webkit-transition-delay: .10s; transition-delay: .10s; }
header #gNav ul li a:hover p+p span:nth-of-type(6) { -webkit-transition-delay: .12s; transition-delay: .12s; }
header #gNav ul li a:hover p+p span:nth-of-type(7) { -webkit-transition-delay: .14s; transition-delay: .14s; }
header #gNav ul li a:hover p+p span:nth-of-type(8) { -webkit-transition-delay: .16s; transition-delay: .16s; }
header #gNav ul li a:hover p+p span:nth-of-type(9) { -webkit-transition-delay: .18s; transition-delay: .18s; }
header #gNav ul li a:hover p+p span:nth-of-type(10) { -webkit-transition-delay: .20s; transition-delay: .20s; }
header #gNav ul li a:hover p+p span:nth-of-type(11) { -webkit-transition-delay: .22s; transition-delay: .22s; }

/*---ハンバーガーメニュー---------------------------*/
.drawer-hamburger { display:none!important; }
.drawer-nav { height:100%; z-index:9999;}
.drawer-nav li { border-bottom:solid 1px #a0a0a0;}
.drawer-nav li a { display:block; position:relative; padding:16px 0 11px 30px;}
.drawer-nav li a::before {
	position: absolute; top:2px; bottom: 0; left: 15px; margin: auto; content: "";
	vertical-align: middle; width: 3px; height: 3px; border-top: 1px solid #222; border-right: 1px solid #222;
	-webkit-transform: rotate(45deg); transform: rotate(45deg); }
.drawer-hamburger .drawer-hamburger-text { position:relative; top:14px; left:0px; font-size:11px; letter-spacing:0.5px; font-weight:bold;}
.drawer-nav li a p { margin:0;}
.drawer-nav li a p+p { font-size:12px;}

/*---News---------------------------*/
.news {
	display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;
	margin-top:50px; padding:22px 30px 19px 0; border:solid 1px #aaa; font-size:14px;}
.news h2 {
	float:left; width:17%; background:url(../img/ttl_news.png) no-repeat center; background-size:100%;
	overflow: hidden; text-indent: 100%; white-space: nowrap; }
.news > div { float:left; width:83%; border-left:solid 1px #aaa; padding-left:35px;}
.news > div > p + p { margin-top:8px;}
.news a { text-decoration:underline; }

.bnr_shop { max-width:800px; margin-top:60px; /*background:url(../img/bnr_shop_bg.jpg) repeat;*/}
.bnr_shop a { display:block; /*padding:40px 38px 30px;*/}
.bnr_shop a img { vertical-align:top;}
.bnr_shop a img+img { float:right; margin-top:3px;}

/*---About---------------------------*/
#about.inner { max-width:560px; margin-top:90px; padding-top:0; background:none; }
#about div { position:relative; height:165px; margin-top:50px;}
#about .sec_ttl+div { margin-top:0;}
#about div img { position:absolute; }
#about div.r_img img { right:-90px;}
#about div.l_img img { left:-90px;}

#about h3 { margin:50px auto 15px; text-align:center;}
#about h3 span { position:relative; font-size:25px;}
#about h3 span:before { content:''; display:inline-block; position:relative; top:-11px; left:-15px; width:11px; height:9px; background:url(../img/dqm1.png) no-repeat; background-size:100%;}
#about h3 span:after { content:''; display:inline-block; position:relative; top:-11px; right:-15px; width:11px; height:9px; background:url(../img/dqm2.png) no-repeat; background-size:100%;}

/*---Exhibit---------------------------*/
#exhibit { position:relative;}
#exhibit .l_img { position:absolute; left:-600px;}
#exhibit .r_img { position:absolute; right:-600px;}
#exhibit .l_img li,#exhibit .r_img li { margin-bottom:50px;}
#exhibit .l_img li:nth-child(2n) { position:relative; right:60px;}
#exhibit .r_img li:nth-child(2n) { position:relative; left:60px;}
#exhibit .l_img img,#exhibit .r_img img { height:100%;}
#exhibit .e_text { max-width:570px; margin:65px auto 0;}
#exhibit .e_text li { padding-bottom:20px; margin-bottom:30px; border-bottom:solid 1px #aaa; background:url(../img/num1.png) no-repeat top left; }
#exhibit .e_text li:nth-child(2) { background-image:url(../img/num2.png); }
#exhibit .e_text li:nth-child(3) { background-image:url(../img/num3.png); }
#exhibit .e_text li:nth-child(4) { background-image:url(../img/num4.png); }
#exhibit .e_text li:nth-child(5) { background-image:url(../img/num5.png); }
#exhibit .e_text li:nth-child(6) { background-image:url(../img/num6.png); }
#exhibit .e_text li.e_main { border-bottom:none; }
#exhibit .e_text li.e_main h3 { margin-bottom:13px; }
#exhibit .e_text li.e_main .en { font-size:13px; }
#exhibit .e_text li.e_main .en+p { border:solid 1px #aaa; font-size:14px; padding:45px 50px 40px; margin:35px auto 0; }
#exhibit .e_text li h3 { font-size:22px; text-align:center; margin-bottom:4px;}
#exhibit .e_text li h3+p { margin:14px auto 5px; text-align:center; }
#exhibit .e_text li h4 { text-align:center;}
#exhibit .e_text li .en { text-align:center;}
.women .txt{margin-bottom:10px; padding-top:20px; font-size:22px; }

/*---Information---------------------------*/
#information .sec_ttl { margin:130px auto 35px; padding-top:70px; background:url(../img/line.png) no-repeat top center; background-size:800px;}
#information .sec_ttl+dl { margin-top:50px;}
#information dl { max-width:570px; margin:0 auto; border-bottom:solid 1px #aaa; margin-bottom:20px;}
#information dl dt { float:left; width:15%; padding:0 0 13px;}
#information dl dd { float:right; width:85%; padding:0 0 13px 20px; border-left:solid 1px #aaa; }

#information .map_canvas { height:400px; margin:25px auto 20px;}

/*---Panorama---------------------------*/
#panorama.inner { max-width:980px;}
#panorama .sec_ttl { margin-bottom:45px;}
#panorama .ricoh-theta-spherical-image { margin-bottom:40px;}


/*---footer---------------------------*/
footer { margin-top:110px; }
footer .inner { max-width:980px; margin:0 auto; }
footer .link_bnr+.sub_ttl { margin-top:75px; }
footer .link_bnr li { float:left; width:48%; }
footer .link_bnr li+li { float:right; }
footer .link_bnr li a { display:block; }
footer .link_bnr li a img { width:470px; }

footer .photos { text-align:center; }
footer .photos li { display:inline-block; position:relative; }
footer .photos li:nth-child(2) { margin:0 20px; }
footer .photos li:after {
	position: absolute; top:2px; bottom: 0; right: 25px; margin: auto; content: "";
	vertical-align: middle; width: 5px; height: 5px; border-top: 1px solid #aaa; border-right: 1px solid #aaa;
	-webkit-transform: rotate(45deg); transform: rotate(45deg); }
footer .photos li a { position: relative; display:block; border:solid 1px #aaa; text-align:center; padding:14px 40px 12px 25px; line-height:1;}
footer .photos li a:before,
footer .photos li a:after { position: absolute; z-index: -1; display: block; content: ''; }
footer .photos li a,
footer .photos li a:before,
footer .photos li a:after { -webkit-transition: all .5s; transition: all .5s; }
footer .photos li a:hover { color: #333; }
footer .photos li a:after { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(.5); transform: scale(.5); }
footer .photos li a:hover:after { background: #eee; -webkit-transform: scale(1); transform: scale(1); }

footer .fNav ul { margin:80px auto 50px; text-align:center; }
footer .fNav ul li { display:inline-block; border-right:1px solid #aaa; }
footer .fNav ul li:last-child { border-right:none; }
footer .fNav ul li a { display:block; padding:0 25px; }

footer h1 { text-align:center; }
footer h1 a { display:inline-block; width:213px; }
footer h1 a img { width:100%; }

footer .address { margin:34px auto 7px; text-align:center; }
footer .tel { margin:0; text-align:center; }
footer .tel a { margin-right:20px; }
footer .tel span { position:relative; top:1.5px; font-size:22px; font-weight:lighter; }

footer .copy { border-top:solid 1px #a0a0a0; text-align:center; padding:8px; margin-top:25px; margin-bottom:0; font-size:11px;}
footer .copy a { text-decoration:underline; }
footer #pagetop { position:fixed; bottom:15px; right:15px; margin:0;}
footer #pagetop a { display:block; position:relative; width:40px; height:40px; background:#666;}
footer #pagetop a:before { content:""; position:absolute; left:13px; bottom:9px; width:12px; height:12px; border-top:solid 2px #fff; border-right:solid 2px #fff; transform:rotate(-45deg);}



/*----------------------------------------------------
タブレット
-----------------------------------------------------*/
@media screen and (max-width: 979px) {
.pc_none { display:inherit; } 
.tb_none { display:none; }
.tb_wide { width:100%; }

section.inner { padding:60px 10% 0; background-size:550px;}

/*---slide---------------------------*/
#bxslider li { height:350px; }

/*---header---------------------------*/
header h1 { top:325px; }
header h1 a { width:300px; }
header h1 a img { width:100%; }

/*---gNav---------------------------*/
header #gNav { display:none; }
.drawer-hamburger { position:absolute!important; top:-2px!important; display:block!important; background-color:#222!important; padding:10px 10px 20px!important; color:#fff!important; width:2.5rem!important;}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before { background-color:#fff!important;}
.drawer-open .drawer-hamburger-icon { background-color:transparent!important;}
.drawer-nav,.drawer-hamburger { z-index:9999!important;}

/*---------------NEWS---------------*/
.news { margin:50px auto 0; width:94%; font-size:13px; }

.bnr_shop { margin:120px auto 0; max-width:94%; background-size:75px; }
	.bnr_shop a img { max-width: 100%; }
/*.bnr_shop a { padding:30px 32px 28px;}*/
/*.bnr_shop a img { width:43%;}
.bnr_shop a img+img { width:52%;}*/

/*---About---------------------------*/
#about div { height:100px; }
#about div img { height:100%; }
#about div.r_img img { right:-50px;}
#about div.l_img img { left:-50px;}

/*---Exhibit---------------------------*/
#exhibit .l_img { position:absolute; left:-400px;}
#exhibit .r_img { position:absolute; right:-400px;}
#exhibit .l_img li,#exhibit .r_img li { height:130px; margin-bottom:60px;}

#exhibit .e_text { max-width:450px; margin:65px auto 0;}
#exhibit .e_text li { background-size:30px; }
#exhibit .e_text li.e_main .en+p { padding:37px 35px 30px; }

/*---Information---------------------------*/
#information .sec_ttl { padding-top:60px; background-size:550px;}

/*---footer---------------------------*/
footer .link_bnr { width:90%; margin:75px auto 0; }
footer .link_bnr li a img { width:100%; }

}



/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 599px) {
  
.pc_none { display:inherit; } 
.tb_none { display:inherit; }
.sp_none { display:none; }
.sp_wide { width:100%; }

section.inner { margin:65px auto 0; padding:40px 10% 0; background-image:url(../img/line_sp.png); background-size:270px;}

/*---ボタン類---------------------------*/
.text_btn { font-size:12px; }

/*---タイトル類---------------------------*/
.sec_ttl { margin-bottom:29px; }
.sec_ttl img { height:45px; }

.sub_ttl { margin:40px auto 13px; font-size:18px; }
.sub_ttl span:before,.sub_ttl span:after { top:9px; width:23px; }
.sub_ttl span:before { left:-40px; }
.sub_ttl span:after { right:-40px; }

/*---slide---------------------------*/
#bxslider li { height:300px; }

/*---header---------------------------*/
header h1 { top:278px; }
header h1 a { width:220px; }

/*---------------NEWS---------------*/
.news { margin:40px auto 0; width:90%; padding:25px 25px 23px 25px; }
.news h2 { float:none; width:100%; background:none; text-indent:0; border-bottom:solid 1px #aaa; margin-bottom:11px;  }
.news > div { float:none; width:100%; border-left:none; padding-left:0;}

.bnr_shop { margin:80px auto 0; max-width:90%; background-size:75px; }
/*.bnr_shop a { padding:25px 22px 22px;}*/
.bnr_shop a img { width:100%;}
.bnr_shop a img+img { float:none; width:100%; margin-top:20px;}

/*---About---------------------------*/
#about div { height:70px; margin-top:30px;}
#about div.r_img img { right:0;}
#about div.l_img img { left:0;}

#about h3 { margin:30px auto -3px; }
#about h3 span { font-size:17px;}
#about h3 span:before { top:-11px; left:-7px; width:6px; height:5px; }
#about h3 span:after { top:-11px; right:-7px; width:6px; height:5px; }

/*---Exhibit---------------------------*/
#exhibit .e_text { margin:35px auto 0;}
#exhibit .l_img,#exhibit .r_img { display:none;}
#exhibit .e_text li { background-size:20px; }
#exhibit .e_text li.e_main .en { font-size:12px; }
#exhibit .e_text li h3 { font-size:18px; }
#exhibit .e_text li h4 { font-size:13px; }
#exhibit .e_text li.e_main .en+p { border-right:none; border-left:none; border-top-style:dashed; padding:25px 0 25px; margin-top:25px; }
	.women .txt { font-size:18px;  }

/*---Information---------------------------*/
#information .sec_ttl { margin-top:85px; margin-bottom:30px; padding-top:40px; background-image:url(../img/line_sp.png); background-size:270px;}
#information .sec_ttl+dl { margin-top:0;}
#information dl { max-width:90%; font-size:13px; }
#information dl dt { width:23%; padding:0 0 8px;}
#information dl dd { width:77%; padding:0 0 8px 13px; }

#information .sub_ttl+p { padding:0 10%;}
#information .map_canvas { height:300px;}

/*---Panorama---------------------------*/
#panorama .sec_ttl { margin-bottom:30px;}
#panorama .ricoh-theta-spherical-image { margin-bottom:25px;}

/*---footer---------------------------*/
footer { margin-top:60px; }
footer .link_bnr { width:80%; }
footer .link_bnr+.sub_ttl { margin-top:45px; }
footer .link_bnr li { float:none; width:100%; }
footer .link_bnr li+li { float:none; margin-top:20px; }

footer .photos { margin-top:20px; }
footer .photos li { width:80%; }
footer .photos li:nth-child(2) { margin:10px 0; }

footer .fNav ul { margin:45px auto 30px; }
footer .fNav ul li { display:inline-block; width:40%; margin-bottom:13px; border-right:none; border-bottom:1px solid #aaa; }
footer .fNav ul li:nth-child(1),footer .fNav ul li:nth-child(3) { margin-right:3%; }
footer .fNav ul li:last-child { border-right:none; }
footer .fNav ul li a { padding:0 0 2px; }

footer h1 a { width:175px; }

footer .address { margin:30px auto 6px; }
footer .tel a { margin-right:0; }
footer .tel span { font-size:20px; }

footer .copy { border-top:solid 1px #a0a0a0; text-align:center; padding:8px; margin-top:25px; margin-bottom:0; font-size:11px;}
footer .copy a { text-decoration:underline; }
footer #pagetop { position:fixed; bottom:15px; right:15px; margin:0;}
footer #pagetop a { display:block; position:relative; width:40px; height:40px; background:#666;}
footer #pagetop a:before { content:""; position:absolute; left:13px; bottom:9px; width:12px; height:12px; border-top:solid 2px #fff; border-right:solid 2px #fff; transform:rotate(-45deg);}
}