/* ---------  menu_nav ------------ */



#menu_nav ul.d_flex {

	width:90%;

	margin:20px auto 40px auto;

	justify-content:center;



}



#menu_nav ul.d_flex li {

	margin:0 2em;



}



#menu_nav ul.d_flex li a {

	font-size:115%;



}



#menu_nav ul.d_flex li a i {

	padding-left:0.5em;

}



/* ---------  menu_nav fin ------------ */



/* ---------  #chapter fin ------------ */



#chapter {

	background:#fffcf0;

}



#chapter .inner,

#chronology .inner,

#shops .inner {

	max-width:1000px;

	margin:0 auto;

}



#chapter h1,

#chronology h1,

#shops h1 {

	font-size:214%;

	text-align:center;

	margin-top:2em;

}



.chapter_detail {

	margin:60px auto 0px auto;

}



.chapter_detail h2 {

	width:15%;

	display: flex;

	align-items: center;

	writing-mode: vertical-rl;

	font-size:172%;

	letter-spacing:0.05em;

}



.chapter_detail h2 span {

	display:block;

	writing-mode: horizontal-tb;

	font-size:64%;

	letter-spacing:0.05em;

	margin-bottom:1.5em;

}



.chapter_txt {

	width:50%;

	padding:0 1em;

}



.chapter_txt p {

	line-height:1.8em;

	margin-bottom:1em;

}



.chapter_img {

	width:35%;

	padding:0 10px;

}



.chapter_img p img {

	max-width:80%;

	-webkit-filter: grayscale(100%);

	-moz-filter: grayscale(100%);

	-ms-filter: grayscale(100%);

	-o-filter: grayscale(100%);

	filter: grayscale(100%);

	/*-webkit-filter: sepia(100%);

	-moz-filter: sepia(100%);

	-ms-filter: sepia(100%);

	-o-filter: sepia(100%);

	filter: sepia(100%);*/

}



.chapter_detail:nth-of-type(2) .chapter_img p img {

	-webkit-filter: sepia(90%);

	-moz-filter: sepia(90%);

	-ms-filter: sepia(90%);

	-o-filter: sepia(90%);

	filter: sepia(90%);

}



.chapter_detail:nth-of-type(3) .chapter_img p img {

	-webkit-filter: sepia(70%);

	-moz-filter: sepia(70%);

	-ms-filter: sepia(70%);

	-o-filter: sepia(70%);

	filter: sepia(70%);

}



.chapter_img p:nth-of-type(2) {

	text-align:right;

	margin-top:3em;

}



.chapter_detail:nth-of-type(2) .chapter_img p,

.chapter_detail:nth-of-type(3) .chapter_img p {

	text-align:center;

}



.chapter_detail:nth-of-type(4) {

	min-height:200px;

	margin-bottom:80px;

}



.chapter_detail:nth-of-type(4) .chapter_txt {

	width:85%;

}





/* ---------  #chapter fin ------------ */



/* ---------  #chronology  ------------ */



#chronology dl {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

	padding:0 20px;

	margin: 60px auto 80px auto;

}



#chronology dl dt {

	width:30%;

	border-bottom:1px solid #ccc;

	line-height:2em;

	padding:0.8em 0;

}

#chronology dl dd {

	width:70%;

	border-bottom:1px solid #ccc;

	line-height:2em;

	padding:0.8em 0;

}



#chronology dl dt:first-of-type,

#chronology dl dd:first-of-type {

	padding-top:0;

}

/* ---------  #chronology fin ------------ */



/* ---------  #shops ------------ */

.shop_list {

	padding:0 20px;

	margin:60px auto 160px auto;

	justify-content:space-around;

}



.shop_info {

	padding:0 5px;

	width:25%;

}





.shop_info h2 {

	padding-left:1em;

	position:relative;

	font-size:129%;

}

.shop_info h2::before {

	content:"";

	display:block;

	width:0.3em;

	height:100%;

	margin:auto;

	position:absolute;

	top:0;

	left:0;

	bottom:0;

	background:#ff9933;

}



.shop_info p {

	margin-top:1em;

	line-height:1.5em;

}

/* ---------  #shops fin ------------ */



/* ---------  ver.SmartPhone ------------ */



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



#menu_nav ul.d_flex {

	margin:0 auto 20px auto;

}



#menu_nav ul.d_flex li {

	margin:0 10% 0 0;

}



#menu_nav ul.d_flex li:last-of-type {

	margin:0;

}



#menu_nav ul.d_flex li a {

	font-size:100%;

}



#chapter .inner,

#chronology .inner,

#shops .inner {

	padding:0 5%;

}



#chapter h1, #chronology h1, #shops h1 {

	margin-top:1em;

	font-size:200%;

}



.chapter_detail {

	margin:40px 0 0 0;

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

}



.chapter_detail h2 {

	width:100%;

	text-align:center;

	writing-mode:horizontal-tb;

	display:block;

	font-size:143%;

	letter-spacing:0;

	margin-bottom:1em;

}



.chapter_detail h2 br {

	display:none;

}



.chapter_detail h2 span {

	margin-bottom:0;

}



.chapter_img {

	width:50%;

}



.chapter_detail:nth-of-type(4) .chapter_txt {

	width:100%;

}





#chronology dl {

	margin:20px auto;

}



#chronology dl dt,

#chronology dl dd {

	width:100%;

}



#chronology dl dt {

	border:none;

	padding-bottom:0;

}



#chronology dl dd {

	padding:0 0 0.8em 0;

}



.shop_list {

	margin:20px auto 80px auto;

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

}



.shop_info {

	width:50%;

	padding:0 5px 0 0;

	margin-bottom:2em;

}



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



.chapter_txt,

.chapter_img {

	width:100%;

}



.shop_list {

	justify-content:flex-start;

}



.shop_info {

	width:100%;

	padding:0;

	margin-bottom:2em;

}



}/* @480 fin */



}



/* ---------  ver.SmartPhone fin ------------ */