@charset "UTF-8";

/* -------------------------------------------------------------------
	storyPage
------------------------------------------------------------------- */
.storyPage h1 {
	margin:0; padding:30px 0 0 54px; font-size: 18px;}
.storyPage p#mainPhoto {
	margin:0; padding:30px 0 0; text-align:center;}
.storyPage #storyBox{
	padding:60px 0 0 64px;
	width:455px; float:left;}	
	
.storyPage #storyBox1,
.storyPage #storyBox2 {
	padding:60px 0 0 64px;}	
	
.storyPage #photoBox{width:260px; float:right;padding:60px 85px 0 0;}
.storyPage #photoBox1,
.storyPage #photoBox2 {
	padding:0 0 0 40px;
	width:260px; float:right;}	

.storyPage h2,
.storyPage p,
.storyPage p {color:#727171;}		
.storyPage h2 {
	font-size:115%; font-weight: bold; margin: 0 0 1em;}	
.storyPage p{
	line-height:2.2em; padding-bottom:25px;
	font-size:110%;}
	
.storyPage #photoBox p ,
.storyPage #photoBox1 p,
.storyPage #photoBox2 p {
	margin:0; padding: 4px;}
.storyPage p.caption {font-size:80%; padding:3px 0 10px; line-height:1em;}
.storyPage #photoBox .half {width:126px;}
.storyPage #photoBox .wide {width:155px;}
.storyPage #photoBox .narrow {width:98px;}

/* -------------------------------------------------------------------
	00
------------------------------------------------------------------- */
#Main00 {background:url(../01/images/bg.jpg) no-repeat center top #11162d;}	
#Main00 h1 {
	margin:0; padding:54px 0 0 46px;}
#Main00 p.read {
	margin:0; padding:416px 0 0 104px;}
#Main00 p.v4 {
	margin:0; padding:20px 0 26px; text-align:center;}

/* -------------------------------------------------------------------
	v4Cont・titleBox
------------------------------------------------------------------- */	
#v4ContWrap {
	margin:0 auto; width:950px;
	xbackground:url(../images/common/bg.gif) no-repeat center bottom;}
#v4Cont {
	padding:0 25px 37px; text-align:left;
	xbackground:url(../images/common/wrap.gif) no-repeat center top;}
.titleBox {background:url(../images/common/title_backimage_since1978.png) no-repeat right center; padding-bottom:18px;}	
.titleBox p {margin:0; padding:0; text-align:center;}
.titleBox p.logo {
	margin:0; padding:16px 0 4px;}

/* -------------------------------------------------------------------
	menunavi
------------------------------------------------------------------- */	
#menunavi ul{ overflow: hidden; display: flex; justify-content:flex-start; background: #eee;}
#menunavi li { float: left; padding: 4px 8px; flex: 0 1 16%; box-sizing: border-box; font-size: 12px;}
#menunavi li a{ color: #666;}
#menunavi li em{display: inline-block; background: #666; color: #fff; padding: 0 4px; margin: 0 2px 0 0;}
#menunavi li a:hover{color: #d11;}
#menunavi li a:hover em{ background: #d11;}
#menunavi li.current a{ color: #d11;}
#menunavi li.current em{ background: #d11; color: #fff;}

#v4Cont ul#pageNavi { text-align: center; padding: 16px 0 0;}
#v4Cont ul#pageNavi li { display: inline-block; color: #d11; margin: 0 8px; font-size: 13px;}
#v4Cont ul#pageNavi li em{ display: inline-block; background: #d11; color: #fff; padding: 0 4px; margin: 0 4px 0 0;}
#v4Cont ul#pageNavi li a{ color: #666;}
#v4Cont ul#pageNavi li a em{ color: #fff; background: #666;}

#v4Cont ul#pageNavi li a:hover{color: #d11;}
#v4Cont ul#pageNavi li a:hover em{background: #d11;}

.noSP{display: none;}

@media(max-width: 736px){
#v4Cont{padding: 0 8px 8px;}
#v4ContWrap,
#v4ContWrap *{max-width: 100%;}
.titleBox {background:#e80000 url(../images/common/title_backimage_since1978.png) no-repeat right 30px;  text-align:center; padding: 0 8px 64px;}	
#v4Cont .leftBox, #v4Cont .rightBox{padding: 0 0 8px;}
.leftBox ,
#v4Cont .rightBox{float: none; width: auto;}

#menunavi ul{ overflow: hidden; display: flex; flex-wrap: wrap; justify-content:flex-start; background: #eee;}
#menunavi li { float: left; padding: 4px 8px; flex: 0 1 50%; box-sizing: border-box; font-size: 12px;}

#Main00{background-size: cover;}
#Main00 h1{padding: 24px 8px;}
#Main00 p.read{display: none;}
.noSP{display: block; padding:0 16px; color: #fff; font-size: 12px;}

.storyPage #storyBox{float: none; width: auto; padding: 8px;}
.storyPage #photoBox{width: auto; float: none; padding: 8px;}
#v4Cont ul#pageNavi li { display: block; color: #d11; margin:8px; font-size: 13px;}
}