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

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');

body {font-family:"Open Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
/*ヘッダー*/
header h1 {font-family:"Bigelow Rules";display: block;}
header h1 span {/*font-family:"Open Sans";*/}
header h2 {}

#menu {}
#menu ul {}
#menu ul li {width: 33.33%;float:left;margin: 0;overflow: hidden;padding: 1px;}
#menu ul li a {overflow: hidden;}
#menu ul li a p {font-size: 14px;position: absolute;bottom: -100%;left:0;right:0;width: 100%;text-align: left;background: rgba(0,0,0,0.5);transition: all ease 0.3s;padding: 2px;}
#menu ul li a:hover p {bottom:0;}
#menu ul li a img {width: 100%;transition: all ease 0.3s;}
#menu ul li a:hover img {transform: scale(1.2);}

.model h3 {font-style: normal;font-size:2em;font-weight: 400;font-style: italic;line-height: 1.2;}
.model h3 b {font-weight: 700;display: block;margin-bottom: 0.25em;font-style: normal;font-size: 120%;}
.model.yokonomi div.slides {width: 100%;float: none;padding: 0;margin: 0;}
.model .comment a {font-family:inherit;}
.model .comment p {text-align: justify;}

.pagetop a {width: 50px;height: 50px;line-height: 50px;font-size: 40px;border-radius: 50%;transform:rotate(45deg);}

@media screen and (min-width: 480px) {
		#menu ul li {width: 25%;}
.model.yokonomi div.slides {width: 100%;float: none;padding: 0;margin: 0;}
}

@media screen and (min-width: 750px) {
	#menu ul li {width: 16.66%;}
}

@media screen and (min-width: 1500px) {
		#menu ul li {width: 9.09%;}
}