@media screen and (min-width: 640px) {
/*———————————
基本設定
———————————*/
body {
width: 100%;
font-family: "游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
}

main {
max-width: 2000px;
width: 100%;
margin: 0 auto;
position: relative;
}


ul {
margin: 0;
padding: 0px;
}

h1 {
display: block;
padding-left: 3.5%;
margin-bottom: 17px;
}

h1 img {
height:100%;
width: 15%;
}

h2 {
font-size: 38px;
text-align: left;
vertical-align: middle;
margin: 0;
}

h2::before {
content: url(../img/icon_kamon.svg);
width: 40px;
margin-right: 16px;
vertical-align: middle;
margin-left: 100px;
font-feature-settings : "palt";
}

h2 > span {
font-size: 21.87px;
color: #737373;
letter-spacing: 0.07em;
font-weight: 300;
margin-left: 15px;
vertical-align: middle;
}

/* PC用コンテンツのみを表示 */
img.sp_only{
display: none;
}
img.pc_only{
display: inline-block;
}
/*———————————
ヘッダー＆スライドショー
———————————*/
header {
background-image: url(../img/header_bg_texture.png);
}

.nav-bar {
padding-left: 8.3%;
padding-right: 8.3%;
min-height: 300px;
}

.slide_show {
position: absolute;
top: 0;
right: 0;
max-width: 1100px;
width: 70%;
min-width: 480px;
}

/*----------------------------
* メニュー本体
*----------------------------*/

.menu {
width: 60%;
padding-bottom: 10px;
padding-top: 10px;
}

.menu ul {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}

li.menu_item{
list-style: none;
padding:0 10px 0 10px;
line-height: 13px;
font-size: 15px;
border-left: 1px solid #fff;
margin-bottom: 15px;
}

li.menu_item a {
color: #fff;
text-decoration: none;
}
li.menu_item a:hover {
color: #fff;
text-decoration: none;
}


/*———————————
メインビジュアル
———————————*/

.main_visual {
display: flex;
justify-content: space-between;
align-items: flex-end;
background-image: url(../img/bg_red.jpg);
padding-right: 8.3%;
padding-left: 8.3%;
min-height: 400px;
}

.event_date{
margin-top: 20px;
margin-bottom: 20px;
margin-left: 20px;
width: 16%;
}

.event_date img {
height:100%;
width: 100%;
min-width: 100px;
}


/*———————————
メインコンテンツ
———————————*/

section.main_contents {
background-image: url(../img/mc_bg_02.jpg);
padding-top: 28px;
padding-bottom: 30px;
}

.main_contents ul{
display: flex;
justify-content: center;
text-align: center;
margin: 0;
padding: 0 100px 0 100px ;
}

.main_contents li {
list-style: none;
}

.main_container img {
margin-right: 10px;
width: 98%;
}
.main_container li:last-child img {
margin-right: 0px;
}
.main_container a{
display: block;

}


/*———————————
お知らせセクション
———————————*/

section.news {
margin-top: 70px;
margin-bottom: 105px;
}

.news ul {
margin-top: 15px;
}

.news li{
height: 76px;
display: table;
padding: 24px 170px 14px 135px;
max-width: 2000px;
box-sizing: border-box;
}

.news li:nth-child(1n){
background-color: #ededed;
width: 100%;
}

.news li:nth-child(2n){
background-color: #f6f6f6;
}

.news li p.news_date {
display: table-cell;
width: 115px;
padding-right: 28px;
margin: 0;
}

.news li p.news_txt {
display: table-cell;
margin: 0;
}

input + #backnumber{
display: none;
}
input:checked + #backnumber {
display:block;
}

#check{
display:none;
}

.btn_oshirase{
text-align: center;
text-decoration: underline;
width: 100%;
margin: 20px 0;
display: block;
background: #ffffff;;
color: #000000;
}

/*———————————
パンフレットセクション
———————————*/
.pamphlet{
}

.pamphlet ul{
max-width: 1000px;
margin: 0 auto;
text-align: center;
}

.pamphlet li{
max-width: 470px;
list-style: none;
display: inline-block;
margin: 10px;
}

.pamphlet li img{
max-width: 100%;
}


/*———————————
フッター
———————————*/

div.footer {
background-image: url(../img/footer_bg.jpg);
height: 322px;
background-size: cover;
background-position: right;
color: #fff;
display: flex;
justify-content: left;
align-items: flex-start;
padding: 0 100px 0 100px;
}

.footer_logo {
margin: 33px 45px 45px 25px;
}

.footer img {
/*width: 100%;*/
}
.footer_contact {
font-size: 15px;
margin-top: 29px;
}

.footer_contact_ttl {
font-size: 17px;
width: 294px;
padding-bottom: 1em;
border-bottom: 1px dotted #ededed;
}

.footer_contact p {
line-height: 0.5em;
letter-spacing: 0.1em;
}

.footer_contact_ttl:nth-child(2n) {
margin-top: 50px;
}
.copylight {
height: 60px;
text-align: center;
line-height: 60px;
}

.footer_contact a{
color: #ffffff;
}


}