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

main {
max-width: 640px;
width: 100%;
position: relative;
}

ul {
margin: 0;
padding: 0;
}

div.container,.main_container {
margin: 0 40px 0 40px;
}

h1 {
padding: 26px 0px 14px 31px;
display: inline-block;
width: 100%;
}

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

h2 {
font-size: 38px;
vertical-align: middle;
text-align: center;
}

h2::before {
content: url(../img/icon_kamon.svg);
width: 53px;
height: 51px;
margin-right: 18px;
margin-left: 0;
vertical-align: middle;
}

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

/* スマホ用コンテンツのみを表示 */

img.sp_only{
display: inline-block;
}

img.pc_only{
display: none;
}

/*———————————
ヘッダー＆スライドショー
———————————*/
header {
background-color: #fff;
}

.nav-bar {
height: 145px;
width: 100vw;
}

/* .header_logo {
padding: 26px 0px 14px 31px;
display: inline-block;
width: 100%;
} */
/* 
.header_logo img{
height: 100%;
width: 68%;
} */


.slide_show {
position: absolute;
top: 145px;
right: 0;
max-width: 1100px;
width: 70%;
min-height: 200px;
}
/*———————————
ハンバーガーメニュー
———————————*/

.menu_btn {
width: 100px;
height: 100px;
background-color: #000000;
display: flex;
align-items: center;
justify-content: center;
z-index: 100;
position: fixed;
top: 18px;
right: 20px;
}

#gnav_btn {
display: flex;
align-items: center;
justify-content: center;
}

#gnav_btn span,
#gnav_btn span::before,
#gnav_btn span::after {
content: "";
display: block;
height: 5px;
width: 60px;
border-radius: 0px;
background: #ffffff;
position: absolute;

}

#gnav_btn span::before {
bottom: 15px;

}

#gnav_btn span::after {
top: 15px;
}


/*----------------------------
* メニュー本体
*----------------------------*/
.menu{
position: fixed;
top: 0;
right: 0;
z-index: 1;
width: 100vw;
height: 100vh;
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: left;
background: #333333;
color: #fff;
padding-top: 120px;
}

.menu ul {
margin: 0;
display: block;
}

li.menu_item {
list-style: none;
width: 100vw;
height: auto;
line-height: 50px;
padding: 5px 50px;
text-align: left;
color: #fff;
box-sizing: border-box;
font-size: 20px;
border: none;
}

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

/* アニメーション前のメニューの状態 */
.menu{
transform: translateX(100vw);
transition: all .3s linear;
}
/* アニメーション後のメニューの状態 */
.menu.is-active{
transform: translateX(20vw);
}


/*———————————
メインビジュアル
———————————*/
div.main_visual {
background-image: url(../img/bg_red.jpg);
background-size: cover;
width: 100vw;
max-height: 432px;
background-position: right;
padding:20px 0 50px 10px;
min-height: 200px;
}

.event_date{
width: 22%;
height: 100%;
}

.event_date img {
height: 100%;
width: 100%;
}

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

section.main_contents {
background-color: #000000;
padding-top: 28px;
padding-bottom: 30px;
max-height: 751px;
width: 100%;
margin-top: 0;
}

.main_contents img {
width: 100%;
}

.main_contents a {
display: block;
}

.main_contents ul {
display: block;
margin: 0;
padding: 0;
}

.main_contents li {
list-style: none;
margin: 0 0 11px 0;
}

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


section.news {
margin-top: 55px;
margin-bottom: 60px;
}


.news li{
height: 128px;
display: table;
padding: 25px 40px 0 40px;
max-width: 640px;
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: 125px;
}

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

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: 325px;
background-size: cover;
background-position: right;
color: #fff;
display: flex;
justify-content: left;
align-items: flex-start;
padding: 0px 40px 0px 40px;
}
.footer_logo {
margin-left: 16px;
margin-right: 40px;
}

.footer img {
/*width: 100%;*/
margin-top: 30px;
min-width: 50px;
}
.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 {
font-size: 12px;
text-align: center;
height: 47px;
line-height: 47px;
}

.footer_contact a{
color: #ffffff;
}


}