@charset "utf-8";

/*=========================================*/
/* 風雅ヒストリー */
/*=========================================*/


/*-- HISTORY --*/

@media all and (min-width:1281px), print{

#history_area{
	padding:0px 80px 100px 80px;
}

#history{
	margin:0px auto 0px auto;
	max-width:1280px;
	background-image:url(../history/images/history_line_bg.png);
	background-repeat:repeat-y;
	background-position:center top;
	overflow:hidden;
}

#history_start{
	padding:0px 0px 20px 0px;
	width:100%;
	text-align:center;
}

#history_end{
	padding:50px 0px 0px 0px;
	width:100%;
	text-align:center;
}

.history_box{
	width:100%;
	background-image:url(../history/images/history_icon_main.png);
	background-repeat:no-repeat;
	background-position:center top 70px;
	overflow:hidden;
}

.history_box_none{
	width:100%;
	background-image:url(../history/images/history_icon_main_none.png);
	background-repeat:no-repeat;
	background-position:center top 70px;
	overflow:hidden;
}

.history_left{
	float:left;
	width:45%;
}

.history_right{
	float:right;
	padding:100px 0px 0px 0px;
	width:45%;
}

.history_year_left{
	padding:0px 0px 15px 0px;
	text-align:right;
}

.history_year_left .year{
	padding:5px 5px 5px 0px;
	font-size:300%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#433634;
	font-family:'Noto Serif JP', serif;
	font-weight:normal;
	text-align:right;
}

.history_year_left .text{
	padding:5px 5px 5px 0px;
	font-size:175%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#433634;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", 'Noto Serif JP', serif;
	font-weight:normal;
	text-align:right;
}

.history_year_right{
	padding:0px 0px 15px 0px;
	text-align:left;
}

.history_year_right .year{
	padding:5px 0px 5px 5px;
	font-size:300%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#433634;
	font-family:'Noto Serif JP', serif;
	font-weight:normal;
	text-align:left;
}

.history_year_right .text{
	padding:5px 0px 5px 5px;
	font-size:175%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#433634;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", 'Noto Serif JP', serif;
	font-weight:normal;
	text-align:left;
}

.history_image{
	padding:0px 0px 20px 0px;
}

.history_image img{
	width:100%;
}

.history_text_left{
	padding:0px 5px 50px 5px;
	font-size:85%;
	line-height:200%;
	color:#433634;
	text-align:left;
}

.history_text_right{
	padding:0px 5px 0px 5px;
	font-size:85%;
	line-height:200%;
	color:#433634;
	text-align:left;
}

.history_textbox_left{
	margin:0px 0px 50px 0px;
	background-color:#ffffff;
	border:1px solid #a19a99;
	box-sizing:border-box;
}

.history_textbox_left p{
	padding:17px 15px 15px 15px;
	font-size:85%;
	line-height:180%;
	color:#433634;
	text-align:left;
}

.history_textbox_right{
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
	border:1px solid #a19a99;
	box-sizing:border-box;
}

.history_textbox_right p{
	padding:17px 15px 15px 15px;
	font-size:85%;
	line-height:180%;
	color:#433634;
	text-align:left;
}

}

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

#history_area{
	padding:0px 80px 80px 80px;
}

#history{
	background-image:url(../history/images/history_line_bg.png);
	background-repeat:repeat-y;
	background-position:center top;
	overflow:hidden;
}

#history_start{
	padding:0px 0px 20px 0px;
	width:100%;
	text-align:center;
}

#history_end{
	padding:50px 0px 0px 0px;
	width:100%;
	text-align:center;
}

.history_box{
	width:100%;
	background-image:url(../history/images/history_icon_main.png);
	background-repeat:no-repeat;
	background-position:center top 60px;
	overflow:hidden;
}

.history_box_none{
	width:100%;
	background-image:url(../history/images/history_icon_main_none.png);
	background-repeat:no-repeat;
	background-position:center top 60px;
	overflow:hidden;
}

.history_left{
	float:left;
	width:45%;
}

.history_right{
	float:right;
	padding:100px 0px 0px 0px;
	width:45%;
}

.history_year_left{
	padding:0px 0px 12px 0px;
	text-align:right;
}

.history_year_left .year{
	padding:5px 5px 5px 0px;
	font-size:250%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#433634;
	font-family:'Noto Serif JP', serif;
	font-weight:normal;
	text-align:right;
}

.history_year_left .text{
	padding:5px 5px 5px 0px;
	font-size:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#433634;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", 'Noto Serif JP', serif;
	font-weight:normal;
	text-align:right;
}

.history_year_right{
	padding:0px 0px 12px 0px;
	text-align:left;
}

.history_year_right .year{
	padding:5px 0px 5px 5px;
	font-size:250%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#433634;
	font-family:'Noto Serif JP', serif;
	font-weight:normal;
	text-align:left;
}

.history_year_right .text{
	padding:5px 0px 5px 5px;
	font-size:150%;
	letter-spacing:0px;
	font-feature-settings:"palt" 1;
	color:#433634;
	font-family:"ヒラギノ明朝 Pr6 W6", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", 'Noto Serif JP', serif;
	font-weight:normal;
	text-align:left;
}

.history_image{
	padding:0px 0px 20px 0px;
}

.history_image img{
	width:100%;
}

.history_text_left{
	padding:0px 5px 50px 5px;
	font-size:80%;
	line-height:180%;
	color:#433634;
	text-align:left;
}

.history_text_right{
	padding:0px 5px 0px 5px;
	font-size:80%;
	line-height:180%;
	color:#433634;
	text-align:left;
}

.history_textbox_left{
	margin:0px 0px 50px 0px;
	background-color:#ffffff;
	border:1px solid #a19a99;
	box-sizing:border-box;
}

.history_textbox_left p{
	padding:17px 15px 15px 15px;
	font-size:80%;
	line-height:180%;
	color:#433634;
	text-align:left;
}

.history_textbox_right{
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
	border:1px solid #a19a99;
	box-sizing:border-box;
}

.history_textbox_right p{
	padding:17px 15px 15px 15px;
	font-size:80%;
	line-height:180%;
	color:#433634;
	text-align:left;
}

}

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

#history_area{
	padding:0px 50px 70px 50px;
}

.history_box{
	width:100%;
	background-image:url(../history/images/history_icon_tab.png);
	background-position:center top 50px;
}

.history_box_none{
	width:100%;
	background-image:url(../history/images/history_icon_tab_none.png);
	background-position:center top 50px;
}

.history_right{
	padding:50px 0px 0px 0px;
}

.history_year_left{
	padding:0px 0px 10px 0px;
}

.history_year_left .year{
	font-size:200%;
}

.history_year_left .text{
	font-size:125%;
}

.history_year_right{
	padding:0px 0px 10px 0px;
}

.history_year_right .year{
	font-size:200%;
}

.history_year_right .text{
	font-size:125%;
}

.history_image{
	padding:0px 0px 15px 0px;
}

.history_text_left{
	padding:0px 3px 30px 3px;
}

.history_text_right{
	padding:0px 3px 0px 3px;
}

.history_textbox_left{
	margin:0px 0px 30px 0px;
}

}

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

#history_area{
	padding:0px 20px 60px 20px;
}

#history{
	background-position:left 12px top;
}

#history_start{
	padding:0px 0px 20px 0px;
	text-align:left;
}

#history_end{
	padding:20px 0px 0px 0px;
	text-align:left;
}

.history_box{
	background-image:none;
}

.history_box_none{
	background-image:none;
}

.history_flame{
	padding:0px 5px 0px 50px;
	background-image:url(../history/images/history_icon_sp.png);
	background-repeat:no-repeat;
	background-position:left top 50px;
}

.history_left{
	float:none;
	padding:0px 0px 20px 0px;
	width:100%;
}

.history_right{
	float:none;
	padding:0px 0px 20px 0px;
	width:100%;
}

.history_year_left{
	padding:0px 0px 9px 0px;
	text-align:left;
}

.history_year_left .year{
	padding:5px 0px 5px 2px;
	font-size:175%;
	text-align:left;
}

.history_year_left .text{
	padding:5px 0px 5px 5px;
	font-size:100%;
	text-align:left;
}

.history_year_right{
	padding:0px 0px 9px 0px;
}

.history_year_right .year{
	padding:5px 0px 5px 2px;
	font-size:175%;
}

.history_year_right .text{
	font-size:100%;
}

.history_image{
	padding:0px 0px 10px 0px;
}

.history_text_left{
	padding:0px 2px 0px 2px;
	font-size:75%;
}

.history_text_right{
	padding:0px 2px 0px 2px;
	font-size:75%;
}

.history_textbox_left{
	margin:0px 0px 0px 0px;
}

.history_textbox_left p{
	padding:12px 10px 10px 10px;
	font-size:75%;
}

.history_textbox_right p{
	padding:12px 10px 10px 10px;
	font-size:75%;
}

}