﻿@charset "utf-8";
/*10周年記念*/
#main_contents{ padding-top:0px !important;}

.box_event_main{ background: url(../images/16th_main.jpg) center top no-repeat;}
.box_event_main h1{ text-align: center;}
.box_event_main p{ color: #684a0b;}
.box_event_main p.text_01{ text-align: center;}
.box_event_main p.text_02{ text-align: right;}
.box_event_main .box_text_01 p{ line-height: 1.8;}

.box_event_frame_01{ background: #684a0b;}
.box_event_frame_01 h2{ color: #ffffff; text-align: center; font-weight: bold;}
.box_event_frame_01 p{ color: #ffffff;}

.box_event_frame_02{ background: #f3edd1; overflow: hidden;}
.box_event_frame_02 p{ clear: both; color: #684a0b;}

ul.list_event{ clear: both; overflow: hidden;}
ul.list_event li{ float: left;}

.box_event_bg{ background: #6a0101; padding: 10px 0 5px 0;}
.box_event_btn{ display: flex; -webkit-box-pack: justify; max-width: 700px; margin: auto; text-align: center;}
.box_event_btn li:not(:first-child){ margin-left: 10px;}

@media print, screen and (min-width: 769px){
	.inner_event{ width: 1000px; margin: 0 auto;}
	
	.box_event_main{ padding-bottom: 80px;}
	.box_event_main h1{ padding-top: 480px;}
	.box_event_main p.text_01{ font-size: 3.4em; margin-bottom: 20px;}
	.box_event_main p.text_02{ margin-right: 60px;}
	.box_event_main .box_text_01 p{ font-size: 1.4em; margin: 0 60px 40px;}
	
	.box_event_frame_01{ padding: 80px 0 40px;}
	.box_event_frame_01 h2{ font-size: 4.3em;margin-bottom: 40px;}
	.box_event_frame_01 p{ text-align: center; font-size: 1.8em;}
	
	.box_event_frame_02{ padding-top: 60px; padding-bottom: 200px;}
	.box_event_frame_02 p{ font-size: 1.8em; margin-bottom: 40px; text-align: center;}
	
	ul.list_event{ margin-left: -20px; margin-bottom: 20px;}
	ul.list_event li{ margin-left: 20px; margin-bottom: 20px;}

}
@media screen and (max-width: 768px) {
	.inner_event{ margin: 0 20px;}
	
	.box_event_main{ background-size: 180%;}
	.box_event_main h1{ padding-top: 28vh;}
	.box_event_main p.text_01{ font-size: 1.4em;}
	.box_event_main p.text_02 img{ width: 119px;}
	.box_event_main .box_text_01 p{ margin-bottom: 30px;}
	
	.box_event_frame_01{ padding: 40px 0;}
	.box_event_frame_01 h2{ font-size: 1.4em; margin-bottom: 20px;}
	
	.box_event_frame_02{ padding-top: 40px; padding-bottom: 80px;}
	.box_event_frame_02 p{ font-size: 1.2em; margin-bottom: 20px; text-align: center;}
	
	ul.list_event{ margin-left: -2%; margin-bottom: 20px;}
	ul.list_event li{ width: 48%; margin-left: 2%; margin-bottom: 2%;}
	
	.box_event_btn{ margin-bottom: 4px;}
	.box_event_btn li{ float: left; width: 48%;}
}













