@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Bigelow+Rules');
@import url('https://fonts.googleapis.com/css?family=Lobster+Two:400i');

* {box-sizing:border-box;}
a, a:after {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; outline:none;}
a {cursor:pointer;text-decoration: none;}
div,ol,ul,li,p,span,a {position:relative;}
ol,ul,li {list-style:none;list-style-type:none;padding:0;}
body,header,footer,menu,p,ul {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;margin:0;padding:0;line-height:1em;}
div,a,img,p,li {display:block;}
/*a:hover img {opacity:0.75;}*/

body {background-color:#000;color:#fff;font-size:16px;width:100%;
font-family:"Bigelow Rules", "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", cursive;font-feature-settings : "palt", "swsh";}
/*ヘッダー*/
header {width:100%;background: rgba(0,0,0,1) /*url(../img/headerbg.jpg) no-repeat center center;background-size: cover*/; color:#fff;/*position: fixed;*/top:0;left:0;z-index: +10;border-bottom: 1px solid rgba(255,255,255,0.1);transition: all ease 0.3s;}
header > div {width: 100%;margin:0 auto;padding:1em 1em 0;transition: all ease 0.3s;}
header h1 {/*font-family: 'Lobster Two', cursive;*/font-size: 4em;float: left;transition: all ease 0.3s;font-weight: 400;line-height: 1.0;}
header h1 a {/*height: 100%;*/color: #fff;}
header h1 a span {display:inline-block;margin-left: 0.5em;font-size: 50%;}
header h1 a img {/*height:100%;*/}

header ul.menu {display:none;float: right;margin-right: 1.5em;}
header ul.menu li {float: left;margin-left: 1em;text-align: center;font-size: 0.75em;}
header ul.menu li a {text-decoration: none;color: #fff;font-weight: 500;padding: 0;}
header ul.menu li a img {height: 3em;transition: all ease 0.3s;}
header ul.menu li span {display:block;font-size: 0.7em;}
header ul.menu li a:hover {color:#f90;}
header ul.menu li a:hover img {transform: scale(1.1);}
header ul.menu li a i {font-size: 2em;line-height: 1.15em;}

header p.lead {float: left; margin: 0.5em 0;text-align: left;}
 
/*contents*/
#contentWrapper {width:100%;}
#content {/*background: url(../img/bg.jpg) no-repeat center top fixed;background-size: cover;*/ width:100%;height: auto;min-height: 100%;padding-bottom: 2em;/*padding-top: 3em;*/}

/*section*/
section > img {width:100%;}
section > div {width: 94%;margin:0 auto;}
/*
section > div > h3 {font-size:2.5em;text-align: center;margin: 1em auto;}
section > div > h3 span {font-size:0.4em;font-weight: 400;display:block;line-height: 1.5em;}*/
section a {color:#fff;}

section#menu {padding-top: 1em;font-style: italic;}
#menu > div {background: none;}
#menu h4 {color: #fff;border-bottom: 1px solid #fff;margin-bottom: 0.25em;padding-bottom: 0.1em;text-align: center;}
#menu ul {text-align: center;margin: 0.5em auto 0;width: auto;}
#menu ul li {display: inline-block;margin: 0 0.7em;}
#menu ul li a {font-size: 1.5em;}
#menu ul li a:hover {color: #f90;}
#menu p.lead {color: #fff;text-align: center;margin: 0 auto 1em;}

.model {color: #fff;margin: 2em 0;/*border-top:1px solid rgba(255,255,255,0.5);*/padding-top: 2em;}
.model h3 {z-index: +50;text-shadow:2px 2px 0.25em #000,-1px 2px 0.25em #000,-1px -1px 0.25em #000,2px -1px 0.25em #000;font-style: italic;font-weight: 400;/*position: absolute;left:0.2em;top:0.2em;*/}
.model .comment {background: rgba(0,0,0,0.5);float:left;padding: 0.5em;display: block;/*z-index: +10;*/}
.model .comment a {text-align: center;padding:0.5em;border: 1px solid rgba(255,255,255,0.7);border-radius: 3px;background: rgba(0,0,0,0.5);font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.model .comment a i {display: block;font-size: 3em;}
.model .comment a.sold {color: #aaa;border:1px solid rgba(255,255,255,0.3);cursor: default;}
.model .comment a.sold i {font-size: 1em;border: none;}
/*.model .comment a i svg {width: 3em;}*/
.model .comment a span {}
.model .comment a:hover {color: #f90;border: 1px solid rgba(255,180,0,0.8);}
.model .comment a.sold:hover {color: #aaa;border: 1px solid rgba(255,255,255,0.3);}

.model h3 {/*position: absolute;top:0.25em;right: 0.5em;*/font-size: 3.5em;margin-bottom: 0.2em;}
.model .comment {/*position: absolute;bottom: 0;*/width: 100%;}
.model .comment p {width: 100%;float: none;}
.model .comment a {width: 100%;float:none;margin-top: 0.5em;}
/*.model .comment a  {position: absolute;right:0.25em;bottom: 0.25em;}*/
.model img.mainimg {width: 100%;float:none;}
.model div.slides {width: 100%;float: none;padding: 0;margin: 0;}


/*フッター*/
footer {background-color:#222;color:rgba(255,255,255,0.6);width:100%;border-top:1px solid rgba(0,0,0,0.3);}
footer div {padding:20px 0;}
p.copyright {font-weight:400;font-size:0.75em;text-align:center;line-height:2em;}
footer a {color:rgba(255,255,255,0.6);}

/*ページトップへ*/
.pagetop {display: block;position: fixed;right: 5px;bottom: 5px;z-index:+20;}
.pagetop a {display: block;background-color: rgba(0,0,0,0.7);color: rgba(255,255,255,0.6); text-align: center;text-decoration: none;outline:none;width: 50px;height: 50px;line-height: 55px;font-size: 40px;border-radius: 50%;transform:rotate(45deg);}
.pagetop a i {transform:rotate(-45deg);}
.pagetop a:hover {color:rgb(233,168,37);}

/*汎用*/
.mincho {font-family: "游明朝", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.serif {font-family:  "Times New Roman", Times, serif, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝";}
.gothic {font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.txtwshadow {text-shadow:1px 1px 0.1em #000,-1px 1px 0.1em #000,-1px -1px 0.1em #000,1px -1px 0.1em #000;}
.clearfix:after, ul:after, p.lead:before {content:"";display:block;position:relative;clear:both;}

.mlhide {display: none;}
.mbhide {display: none !important;visibility: hidden;}/*@@*/
.spshow {display: block;}

/**/
@media screen and (min-width: 480px) {
/*@@*/
	.model .comment p {width: 68%;float: left;}
	.model .comment a {width: 30%;float:right;}
.model .comment a i {font-size: 5em;}
.model div.slides.mainimg {width: 30.78%;float:left;}
.model div.slides {width: 69.22%;float: right;padding: 0;margin: 0;}
	.spshow {display: none;}
/*@@*/
}

@media screen and (min-width: 750px) {
	.model .comment p {width: 77%;}
	.model .comment a {width: 20%;}
	#nav-toggle {display: none;}
	header ul.menu {display:block;padding-top: 0.3em;}
	section > div {width: 94%;}
	.mlhide {display: block;}
	.mbhide {display: block !important;visibility: visible;}
	/*@@*/
	.model .comment a {right:0.5em;bottom: 0.5em;}
	.model h3 {position: absolute;left:0.2em;top:0.2em;}
	/*@@*/
}

@media screen and (min-width: 920px) {
	section > div {width: 80%;}
	header ul.menu {margin-top: 0.1em;}
	header ul.menu li {font-size: 1em;}
	/*@@*/
	/*@@*/
}

@media screen and (min-width: 1200px) {
	section > div {width: 84%;max-width: 1820px;}
	header ul.menu li {margin-left: 1.75em;}
	/*header h1:after {content:"1200";}*/
}

@media screen and (min-width: 1500px) {
}


/*墓場*/
/*
header ul.menu li ul.drop {display: none;transition: all ease 0.3s;background: #f00;}
header ul.menu li.drop:hover ul.drop {display: block;}
header ul.menu li ul.drop li {position:absolute;text-align: left;float:none;background: #fff;width:12em;border-top: #ccc 1px solid;left:-2em;box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1);}
header ul.menu li ul.drop li a {padding:0.65em;font-size: 0.875em;font-weight: 600;color:rgba(0,0,0,0.5);}
header ul.menu li ul.drop li a img {display: inline;vertical-align: bottom;height: 1em;margin-right: 0.1em;}
header ul.menu li ul.drop li a:hover {color:#d33;}
header ul.menu li ul.drop li:nth-of-type(1) {top:0em;}
header ul.menu li ul.drop li:nth-of-type(2) {top:2em;}
header ul.menu li ul.drop li:nth-of-type(3) {top:4em;}
header ul.menu li ul.drop li:nth-of-type(4) {top:6em;}
header ul.menu li ul.drop li:nth-of-type(5) {top:8em;}
header ul.menu li ul.drop li:nth-of-type(6) {top:10em;}
*/

/**humberger**/
/*
#nav-toggle {color:transparent;float: right;line-height: 2em;}
#nav-toggle span {display: block;background: #fff;width:1.5em;height: 0.1875em;position:absolute;right:0.25em;top:50%;transition: 0.3s background ease;}
#nav-toggle span:before, #nav-toggle span:after {content:"";width:1.5em;height: 0.1875em;background: #fff;display: block;position: absolute;transition: ease all 0.3s;transform-origin: 0 50%;}
#nav-toggle span:before {top:-0.55em;}
#nav-toggle span:after {top:0.55em;}
#nav-toggle.nav-open {}
#nav-toggle.nav-open span {background: transparent;}
#nav-toggle.nav-open span:before {transform: translate(0.25em,0.0625em) rotate(45deg);}
#nav-toggle.nav-open span:after {transform: translate(0.25em,0) rotate(-45deg);}

/*vertical menu*/
/*
#verticalmenu {width:100%;background: #666;display: none;}
#verticalmenu li {border-top:1px solid rgba(0,0,0,0.2);}
#verticalmenu li.drop > div {position: absolute;top: 0;right:0;color:rgba(0,0,0,0.5);font-size: 2em;padding:0 1em;line-height: 1.65625em;border-left: 1px solid rgba(0,0,0,0.2);}
#verticalmenu li.drop > div i {transition: all ease 0.2s;}
#verticalmenu li.drop > div.nav-open > i {transform: rotate(180deg);}
#verticalmenu li a {font-weight: 400;color:rgba(255,255,255,0.9);padding:1em;}
#verticalmenu li a span {font-size: 0.75em;margin-left: 1em;}
#verticalmenu li a:hover {color:#d33;}
#verticalmenu ul.drop {display: none;border-bottom: 1px solid rgba(0,0,0,0.5);}
#verticalmenu ul.drop li a {padding-left: 2em;}
#verticalmenu ul.drop li a img {display: inline;vertical-align: bottom;height: 1em;margin-right: 0.1em;}
*/