/*------------------------------------------
  Responsive Grid Media Queries - 1024, 768, 480
--------------------------------------------*/


/*------------------------------------------
   1024-768    - デスクトップ、タブレット横長
--------------------------------------------*/

@media all and (min-width: 768px) and (max-width: 1024px) {

/*位置関連*/
.cm_making_p #content_wrapper03 article .staff_area div.flex_box03,
.cm_making_p #content_wrapper02 article.flex_box07,
.cm_making_p #content_wrapper02 article.flex_box03,
.cm_making_p #content_wrapper01 section.flex_box01{
	display: block;
}
	
/***************************
style.css
***************************/

header h1{
	width: 95%;/*730px*/
	/*background: #FF0000;*/
}
	
header div.logo_box{
	width: 95%;/*730px*/
}

#content_banner .content_box01{
	width: 95%;/*730px*/
}

footer div.sitemap_area ol{
	/*width: 768px;*/
	width: 95%;/*730px*/
}
	
footer div.sitemap_area li{
	font-size: 70%;
}

footer div.sitemap_area li::after{
	margin: 0px 5px 0px;
}
	
footer div.logo_box a{
	/*width: 768px;*/
	width: 95%;/*730px*/
}
	
footer article.flex-box{
	/*width: 768px;*/
	width: 95%;/*730px*/
}
	
footer article.flex-box div.l_box{
	width: 354px;
	padding: 0px 0px 0px 0px;/*(36px/354px)*/
}
	
footer article.flex-box div.r_box{
	width: 354px;
}

#content_banner .content_box01 li{
	margin: 0px 7px 10px;
}



/***************************
content.css
***************************/
.home_p #content_wrapper03 .content_box01,
.home_p #content_wrapper01 .content_box01{
	/*width: 768px;*/
	width: 95%;/*730px*/
}

.home_p #content_wrapper01 article.small_card{
	width: 43%;/*(319px/730px)*/
	margin: 0px 20px 30px;
}
	
.home_p #content_wrapper02 div.pop_box figure{
	width:60%;/*(439px/730px)*/
	margin: 10px 100px 0px auto;
}

.home_p #content_wrapper03 .content_card h4{
	padding: 0px 0px 20px;
}
	
/*「100周年記念」ページ用*/
/*.cm_making_p #content_wrapper03 .content_box01,*/
/*.cm_making_p #content_wrapper02 .content_box01,*/
.anniv_info_p #content_wrapper01 .content_box01,
.cm_making_p #content_wrapper01 .content_box01,
.donations_p #content_wrapper01 .content_box01,
.handbook_p #content_wrapper01 .content_box01,
.anniv_p #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}

.cm_making_p #content_wrapper01 section.video_area{
	margin: 0px auto 0px;
	padding: 0px 0px 50px;
}
	
.cm_making_p #content_wrapper01 section.video_area h3{
	text-align: left;
}
	
.cm_making_p #content_wrapper01 section.video_area section{
	width:95%;/*730px*/
	margin: 50px auto 0px;
}
	
.cm_making_p #content_wrapper01 div.video_box{
	width:95%;/*730px*/
	padding: 0px;
	margin: 20px auto 0px;
}

.cm_making_p #content_wrapper01 div.video_box video{
	width:100%;/*730px*/
    height:auto;
	padding: 0px 0px 24px;
}
	
.cm_making_p  #content_wrapper02 .content_box01 p.concept{
	width:95%;/*730px*/
	margin: 0px auto 60px;
}

.cm_making_p  #content_wrapper02 .content_box01 article section{
	width:100%;/*730px*/;
	margin: 0px 0px 0px 0px;
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4{
	width:95%;/*730px*/
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area section h4{
	margin: 0px 0px 40px 5%;
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene07,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene05,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene03,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene01{
	padding: 0px 0em 0px 81px;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article section p{
	width:90%;/*730px*/
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area section p{
	margin: 0px 5% 0px 5%;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area section p{
	margin: 0px 5% 0px 5%;
}

	
.cm_making_p  #content_wrapper02 .content_box01 article figure{
	width:95%;/*730px*/
}
	
.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area figure{
	margin: 40px auto 0px;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area figure{
	margin: 40px auto 0px;
}
	
.cm_making_p #content_wrapper03 article div.staff_area dl{
	margin: 20px 0px 0px 30px;
}
	
.cm_making_p #content_wrapper03 section p{
	width:95%;/*730px*/
    height:auto;
}
	
.cm_making_p #content_wrapper03 article div.staff_area{
	min-width: auto;
}
	
	
/*「新着情報」ページ用*/
.news_article_p #content_wrapper01 .content_box01,
.news_p #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}
	
/*「イベント情報」ページ用*/
.event_article_p #content_wrapper01 .content_box01,
.event_p #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}
	
.event_p #content_wrapper01 article.small_card{
	width: 43%;/*(319px/730px)*/
	margin: 0px 20px 30px;
}
	
.event_p #content_wrapper02 div.pop_box figure{
	width:60%;/*(439px/730px)*/
	margin: 10px 100px 0px auto;
}

.event_p #content_wrapper03 .content_card h4{
	padding: 0px 0px 20px;
}
	
/*「越嶺会報」ページ用*/

.bulletin_p  #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}

.bulletin_p  #content_wrapper01 .content_box01 ol.flex_box03{
	flex-wrap: wrap;
	justify-content: center;
}

/*「役員一覧」ページ用*/
.list_of_officers_p  #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}
	
/*「会則」ページ用*/
.rules_p  #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}
	
/*「母校支援」ページ用*/
.support_p #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}
	
/*「会員名簿・記念アルバム」ページ用*/
.register_p #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}
	
	
/*「プライバシーポリシー」ページ用*/

.privacy-policy_p #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}

/*「サイトマップ」ページ用*/

.sitemap_p #content_wrapper01 .content_box01{
	width: 95%;/*730px*/
}
	
	
/***************************
parts.css
***************************/

/*「新着情報一覧」ボタン*/
.home_p #content_wrapper01 .content_box01 div.bt-area{
	width: 168px;/*(168pxpx/1024px)*/
}

/*「 下階層用」タイトルスぺース*/	

div.midasi h2{
	width: 95%;/*730px*/
}

div.breadcrumbs_area ul{
	width: 95%;/*730px*/
}

	
/***************************
slider.css
***************************/

#slider_wrapper h2{
  width: 70%;
  font-size:200%;
}


}
 
/*------------------------------------------
   768-480     - タブレット縦長
--------------------------------------------*/

@media all and (min-width: 480px) and (max-width: 768px) {

/*位置関連*/
.flex_box07,
.flex_box03,
.flex_box02,
.flex_box01{
	display: block;
}

/***************************
style.css
***************************/
header h1{
	width: 95%;/*456px*/
	line-height: 1.4em;
	/*background: #0000FF;*/
}
	
header div.logo_box{
	width: 95%;/*456px*/
	margin: 20px auto 20px;
}
	
header div.logo_box figcaption{
	font-size: 130%;
}

header nav{
	display: none;
}

#content_banner .content_box01{
	width: 95%;/*456px*/
}

footer div.sitemap_area ol{
	width: 95%;/*456px*/
	flex-wrap: wrap;
}
	
footer div.sitemap_area li{
	font-size: 70%;
}

footer div.sitemap_area li::after{
	margin: 0px 5px 0px;
}
	
footer div.logo_box a{
	width: 95%;/*456px*/
}
	
footer div.logo_box figcaption{
	font-size: 130%;
}
	
footer article.flex-box{
	width: 100%;/*480px*/
	display: block;
}
	
footer .address_area{
	width: 80%;/*480px*/
	padding: 0px;
	margin: 0px auto 0px;
    border-right: none;
}
	
footer .address_area dl{
	width: 100%;/*480px*/
}
	
footer .sns_area{
	width: 80%;/*480px*/
	margin: 15px auto 0px;
	padding: 20px 0px 0px;
    border-top: solid 1px #2f2f2f;
}
	
footer .sns_area ul{
	width: 100%;/*480px*/
	margin: 30px 0px 0px;
}
	
#content_banner .content_box01 li{
	width: 100%;/*(480px)*/
	margin: 0px auto 1em;
}	
	
	
/***************************
content.css
***************************/
.home_p #content_wrapper03 .content_box01,
.home_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
	padding: 59px 0px 40px;
	flex-direction: column;
}
	
.home_p #content_wrapper01 article.small_card{
	width: 100%;/*(456px)*/
	margin: 0px auto 30px;
}
	
.home_p #content_wrapper02 section.content_box01{
	width: 95%;/*456px*/
	margin: 0px auto 0px;
}

.home_p #content_wrapper02 article.pop_area section,
.home_p #content_wrapper02 article.video_area section{
	width:100%;/*456px*/
	display: flex;
}

.home_p #content_wrapper02 article.pop_area section h4,
.home_p #content_wrapper02 article.video_area section h4{
	width:50%;/*(228px/456px)*/
	padding: 0px 0px 15px 0px;
	text-align: center;
	border-bottom: none;
/*	background-color: #ff0000;*/
}

.home_p #content_wrapper02 div.pop_box,
.home_p #content_wrapper02 div.video_box{
	width:100%;/*456px*/
    height:auto;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	box-sizing: border-box;
	display: block;
}

.home_p #content_wrapper02 div.pop_box figure,
.home_p #content_wrapper02 div.video_box p,
.home_p #content_wrapper02 div.video_box video{
	width:100%;/*(456px)*/
}

.home_p #content_wrapper03 .right_box,
.home_p #content_wrapper03 .center_box,
.home_p #content_wrapper03 .left_box{
	width: 100%;/*456px*/
	margin: 0px 0px 0px;
}
	
.home_p #content_wrapper03 h3{
	margin: 0px 0px 30px;
}
	
.home_p #content_wrapper03 .content_card{
	margin: 0px 0px 20px;
}
	
.home_p #content_wrapper03 div.right_box .content_card h4,
.home_p #content_wrapper03 div.center_box .content_card h4{
	background-image: url("../images/top_content_yajirusi1.jpg");
}
	
/*「100周年記念」ページ用*/
/*.cm_making_p #content_wrapper03 .content_box01,*/
/*.cm_making_p #content_wrapper02 .content_box01,*/
.cm_making_p #content_wrapper01 .content_box01,
.donations_p #content_wrapper01 .content_box01,
.handbook_p #content_wrapper01 .content_box01,
.anniv_info_p #content_wrapper01 .content_box01,
.anniv_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}

.anniv_p #content_wrapper01 .content_box01 article div.flex_box01 dl{
	width: 100%;
	margin: 0px auto 1em;
}
	
.anniv_info_p #content_wrapper01 .content_box03,
.anniv_info_p #content_wrapper01 .content_box02,
.anniv_info_p #content_wrapper01 .content_box01{
	width: 96%;/*(460px/480px)*/
}
	
.anniv_info_p #content_wrapper02 .content_box01{
	width: 96%;/*(460px/480px)*/
}
	
.anniv_info_p #content_wrapper02 .content_box01 iframe{
    height: 1680px;
}
	
.anniv_info_p #content_wrapper01 .content_box03 h3,
.anniv_info_p #content_wrapper01 .content_box02 h3{
	padding: 10px 0px;
	line-height: 1.2em;
	background-image: none, none;
	border-top: #07355f 1px solid;
	border-bottom: #07355f 1px solid;
}
	
.anniv_info_p #content_wrapper01 .content_box03 dt,
.anniv_info_p #content_wrapper01 .content_box02 dt{
	width:40%;/*(135px/460px)*/
}

.anniv_info_p #content_wrapper01 .content_box03 dd,
.anniv_info_p #content_wrapper01 .content_box02 dd{
	width:60%;/*(598px/460px)*/
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dl{
/*	display: flex;*/
	flex-direction: column;
	justify-content: flex-start;
	font-size: 110%;
}
	
.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dt{
	margin-bottom: 1em;
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dd{
	padding: 0px 0px 10px 0px;
}
	
.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dd::after{
	content:"";
}

.anniv_info_p #content_wrapper01 .content_box03 dd br.w_small{
	display: block;
}

	
.cm_making_p #content_wrapper01{
	min-height: auto;
}
	
.cm_making_p #content_wrapper01 section.video_area{
	margin: 0px auto 0px;
	padding: 0px 0px 50px;
}
	
.cm_making_p #content_wrapper01 section.video_area h3{
	text-align: left;
}
	
.cm_making_p #content_wrapper01 section.video_area section{
	width:95%;/*456px*/
	margin: 50px auto 0px;
}
	
.cm_making_p #content_wrapper01 div.video_box{
	width:95%;/*456px*/
	padding: 0px;
	margin: 20px auto 0px;
}

.cm_making_p #content_wrapper01 div.video_box video{
	width:100%;/*456px*/
    height:auto;
	padding: 0px 0px 24px;
}
	
	
.cm_making_p  #content_wrapper02 .content_box01 p.concept{
	width:95%;/*456px*/
	margin: 0px auto 60px;
	line-height: 1.4em;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article section{
	width:100%;/*456px*/
	margin: 0px 0px 0px 0px;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article section h4{
	width:95%;/*456px*/
}
	
.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area section h4{
	margin: 0px 0px 40px 5%;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene07,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene05,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene03,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene01{
	padding: 0px 0em 0px 81px;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article section p{
	width:90%;/*456px*/
	min-width:456px;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area section p{
	margin: 0px 5% 0px 5%;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area section p{
	margin: 0px 5% 0px 5%;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article figure{
	width:95%;/*456px*/
}
	
.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area figure{
	margin: 40px auto 0px;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area figure{
	margin: 40px auto 0px;
}
	
.cm_making_p #content_wrapper03 section h3{
	margin: 30px 0px 15px;
}

.cm_making_p #content_wrapper03 section p{
	width:95%;/*456px*/
    height:auto;
}

.cm_making_p #content_wrapper03 section p br{
	display: none;
}

.cm_making_p #content_wrapper03 article div.staff_area{
	width:95%;/*456px*/
	min-width: auto;
	margin: 0px auto 0px;
}
	
	
.cm_making_p #content_wrapper03 article div.staff_area dl{
	margin: 20px 0px 0px 30px;
}
	
.cm_making_p #content_wrapper03 article div.supporter_area{
	width:95%;/*456px*/
    height:auto;
	margin: 20px auto 0px;
	padding: 40px 0px 0px 0px;
	border-top: #000000 1px solid;
	border-left: none;
}
	
.cm_making_p #content_wrapper03 article div.supporter_area dl{
	display: flex;
}
	

/*「新着情報」ページ用*/
.news_article_p #content_wrapper01 .content_box01,
.news_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.news_p #content_wrapper01 .content_box01 dl{
	display: block;
}

.news_p #content_wrapper01 .content_box01 dd{
	width: 100%;/*(456px)*/
}

.news_article_p #content_wrapper01 article{
	display: block;
}

.news_article_p #content_wrapper01 article figure{
	width: 100%;/*(456px)*/
}
	
.news_article_p #content_wrapper01 article figure img{
	width:100%;
    height:auto;
	margin: 1em auto 1em;
	display: block;
}
	
.news_article_p #content_wrapper01 section.txt_box{
	width:100%;/*(456px)*/
    height:auto;
	margin: 0px 0px 40px;
}
	
.news_article_p #content_wrapper01 article p{
	width: 100%;/*(456px)*/
}

/*「イベント情報」ページ用*/
.event_article_p #content_wrapper01 .content_box01,
.event_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.event_p #content_wrapper01 article.small_card{
	width: 100%;/*(456px)*/
	margin: 0px auto 30px;
}
	
.event_p #content_wrapper01 .content_box01 dl{
	display: block;
}

.event_p #content_wrapper01 .content_box01 dd{
	width: 100%;/*(456px)*/
}

.event_article_p #content_wrapper01 article{
	display: block;
}

.event_article_p #content_wrapper01 article figure{
	width: 100%;/*(456px)*/
}
	
.event_article_p #content_wrapper01 article figure img{
	width:100%;
    height:auto;
	margin: 1em auto 1em;
	display: block;
}
	
.event_article_p #content_wrapper01 section.txt_box{
	width:100%;/*(456px)*/
    height:auto;
	margin: 0px 0px 40px;
}
	
.event_article_p #content_wrapper01 article p{
	width: 100%;/*(456px)*/
}

/*「越嶺会報」ページ用*/

.bulletin_p  #content_wrapper01 .content_box01{
	width: 95%;/*(456px)*/
}

.bulletin_p  #content_wrapper01 .content_box01 li a,
.bulletin_p  #content_wrapper01 .content_box01 li{
	width: 100%;
	margin: 0px 0px 5px 0px;
}

/*「役員一覧」ページ用*/
.list_of_officers_p  #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
/*「会則」ページ用*/
.rules_p  #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.rules_p #content_wrapper01 .content_box01 article ol,
.rules_p #content_wrapper01 .content_box01 article ul{
	margin: 20px 0px 40px 0em;
	padding: 0px 0px 0px 2.5em;
}
	

/*「母校支援」ページ用*/
.support_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
/*「会員名簿・記念アルバム」ページ用*/
.register_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.register_p #content_wrapper01 .content_box01 section{
	padding: 0px 0px 0px 0.5em;
}
	
.register_p #content_wrapper01 .content_box01 article ol{
	margin: 20px 0px 40px 0em;
	padding: 0px 0px 0px 1em;
}

/*「プライバシーポリシー」ページ用*/

.privacy-policy_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
/*「サイトマップ」ページ用*/

.sitemap_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	

/***************************
parts.css
***************************/
	
.home_p #content_wrapper02 .content_box01 h3{
	width: 100%;/*456px*/
	font-size: 200%;
}	
	
	
/*「新着情報一覧」ボタン*/
.home_p #content_wrapper01 .content_box01 div.bt-area{
	width: 168px;/*(168pxpx/1024px)*/
}

.home_p #content_wrapper02 .content_box01 div.bt-area{
	margin: 0px 0px 0px;
}

.home_p #content_wrapper02 .content_box01 article.pop_area div.bt-area{
	margin: 5px 0px 0px 0px;
}


/*「 下階層用」タイトルスぺース*/	

div.midasi h2{
	width: 95%;/*456px*/
}

div.breadcrumbs_area ul{
	width: 95%;/*456px*/
}
	
/*プライバシーポリシー関連*/
#meal_p #content_wrapper02 .content_box03 article.menu-table .w_price {
	width: 70%;
}	
	
	
	
	

/***************************
slider.css
***************************/

.slider {
  height: 186px;
}
	
.slider-item {
  height: 186px;
}

#slider_wrapper h2{
  width: 100%;
  top: 50%;
  left: 50%;
  font-size:140%;
	text-align: center;
}
	

}




/*------------------------------------------
   480-less    - スマホ
--------------------------------------------*/

@media all and (max-width: 480px) {

/*位置関連*/
.flex_box07,
.flex_box03,
.flex_box02,
.flex_box01{
	display: block;
}

/***************************
style.css
***************************/
header h1{
	width: 95%;/*456px*/
	line-height: 1.4em;
	/*background: #0000FF;*/
}
	
header div.logo_box{
	width: 95%;/*456px*/
	margin: 20px auto 20px;
}
	
header div.logo_box figcaption{
	font-size: 130%;
}

header nav{
	display: none;
}

#content_banner .content_box01{
	width: 95%;/*456px*/
}

footer div.sitemap_area ol{
	width: 95%;/*456px*/
	flex-wrap: wrap;
}
	
footer div.sitemap_area li{
	font-size: 70%;
}

footer div.sitemap_area li::after{
	margin: 0px 5px 0px;
}
	
footer div.logo_box a{
	width: 95%;/*456px*/
}
	
footer div.logo_box figcaption{
	font-size: 130%;
}
	
footer article.flex-box{
	width: 100%;/*480px*/
	display: block;
}
	
footer .address_area{
	width: 80%;/*480px*/
	padding: 0px;
	margin: 0px auto 0px;
    border-right: none;
}
	
footer .address_area dl{
	width: 100%;/*480px*/
}
	
footer .sns_area{
	width: 80%;/*480px*/
	margin: 15px auto 0px;
	padding: 20px 0px 0px;
    border-top: solid 1px #2f2f2f;
}
	
footer .sns_area ul{
	width: 100%;/*480px*/
	margin: 30px 0px 0px;
}
	
#content_banner .content_box01 li{
	width: 100%;/*(480px)*/
	margin: 0px auto 1em;
}	
	
	
/***************************
content.css
***************************/
.home_p #content_wrapper03 .content_box01,
.home_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
	padding: 59px 0px 40px;
	flex-direction: column;
}
	
.home_p #content_wrapper01 article.small_card{
	width: 100%;/*(456px)*/
	margin: 0px auto 30px;
}
	
.home_p #content_wrapper02 section.content_box01{
	width: 95%;/*456px*/
	margin: 0px auto 0px;
}

.home_p #content_wrapper02 article.pop_area section,
.home_p #content_wrapper02 article.video_area section{
	width:100%;/*456px*/
	display: flex;
}

.home_p #content_wrapper02 article.pop_area section h4,
.home_p #content_wrapper02 article.video_area section h4{
	width:50%;/*(228px/456px)*/
	padding: 0px 0px 15px 0px;
	text-align: center;
	border-bottom: none;
/*	background-color: #ff0000;*/
}

.home_p #content_wrapper02 div.pop_box,
.home_p #content_wrapper02 div.video_box{
	width:100%;/*456px*/
    height:auto;
	margin: 0px auto 0px;
	padding: 10px 0px 0px 0px;
	box-sizing: border-box;
	display: block;
}

.home_p #content_wrapper02 div.pop_box figure,
.home_p #content_wrapper02 div.video_box p,
.home_p #content_wrapper02 div.video_box video{
	width:100%;/*(456px)*/
}

.home_p #content_wrapper03 .right_box,
.home_p #content_wrapper03 .center_box,
.home_p #content_wrapper03 .left_box{
	width: 100%;/*456px*/
	margin: 0px 0px 0px;
}
	
.home_p #content_wrapper03 h3{
	margin: 0px 0px 30px;
}
	
.home_p #content_wrapper03 .content_card{
	margin: 0px 0px 20px;
}
	
.home_p #content_wrapper03 div.right_box .content_card h4,
.home_p #content_wrapper03 div.center_box .content_card h4{
	background-image: url("../images/top_content_yajirusi1.jpg");
}
	
/*「100周年記念」ページ用*/
/*.cm_making_p #content_wrapper03 .content_box01,*/
.cm_making_p #content_wrapper02 .content_box01,
.cm_making_p #content_wrapper01 .content_box01,
.donations_p #content_wrapper01 .content_box01,
.handbook_p #content_wrapper01 .content_box01,
.anniv_info_p #content_wrapper01 .content_box01,
.anniv_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.anniv_info_p #content_wrapper01 .content_box03,
.anniv_info_p #content_wrapper01 .content_box02,
.anniv_info_p #content_wrapper01 .content_box01{
	width: 96%;/*(460px/480px)*/
}
	
.anniv_info_p #content_wrapper02 .content_box01{
	width: 96%;/*(460px/480px)*/
}
	
.anniv_info_p #content_wrapper02 .content_box01 iframe{
    height: 1680px;
}
	
.anniv_info_p #content_wrapper01 .content_box03 h3,
.anniv_info_p #content_wrapper01 .content_box02 h3{
	padding: 10px 0px;
	line-height: 1.2em;
	background-image: none, none;
	border-top: #07355f 1px solid;
	border-bottom: #07355f 1px solid;
}
	
.anniv_info_p #content_wrapper01 .content_box03 dt,
.anniv_info_p #content_wrapper01 .content_box02 dt{
	width:40%;/*(135px/460px)*/
}

.anniv_info_p #content_wrapper01 .content_box03 dd,
.anniv_info_p #content_wrapper01 .content_box02 dd{
	width:60%;/*(598px/460px)*/
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dl{
/*	display: flex;*/
	flex-direction: column;
	justify-content: flex-start;
	font-size: 110%;
}
	
.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dt{
	margin-bottom: 1em;
}

.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dd{
	padding: 0px 0px 10px 0px;
}
	
.anniv_info_p #content_wrapper01 .content_box02 section.pick_up dd::after{
	content:"";
}

.anniv_info_p #content_wrapper01 .content_box03 dd br.w_small{
	display: block;
}
	
	
.cm_making_p #content_wrapper03 .content_box01{
/*	background-position: left bottom;*/
}

.anniv_p #content_wrapper01 .content_box01 article div.flex_box01 dl{
	width: 100%;
	margin: 0px auto 1em;
}
	
.cm_making_p #content_wrapper01{
	min-height: auto;
}
	
.cm_making_p #content_wrapper01 section.video_area{
	margin: 0px auto 0px;
	padding: 0px 0px 50px;
}
	
.cm_making_p #content_wrapper01 section.video_area h3{
	text-align: left;
}
	
.cm_making_p #content_wrapper01 section.video_area section{
	width:95%;/*456px*/
	margin: 50px auto 0px;
}
	
.cm_making_p #content_wrapper01 div.video_box{
	width:95%;/*456px*/
	padding: 0px;
	margin: 20px auto 0px;
}

.cm_making_p #content_wrapper01 div.video_box video{
	width:100%;/*456px*/
    height:auto;
	padding: 0px 0px 24px;
}
	
.cm_making_p  #content_wrapper02 .content_box01 h3{
	padding: 0px 0px 0px 0px;
}

.cm_making_p  #content_wrapper02 .content_box01 p.concept{
	width:95%;/*456px*/
	margin: 0px auto 60px;
	line-height: 1.4em;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article section{
	width:100%;/*456px*/
	margin: 0px 0px 0px 0px;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article section h4{
	width:95%;/*456px*/
}
	
.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area section h4{
	/*margin: 0px 0px 40px 5%;*/
	margin: 0px 0px 40px 10%;
}

.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene07,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene05,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene03,
.cm_making_p  #content_wrapper02 .content_box01 article section h4 span.scene01{
	padding: 0px 0em 0px 81px;
}
		
.cm_making_p  #content_wrapper02 .content_box01 article section p{
	width:90%;/*456px*/
	/*min-width:456px;*/
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area section p{
	margin: 0px 5% 0px 5%;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area section p{
	margin: 0px 5% 0px 5%;
}
	
.cm_making_p  #content_wrapper02 .content_box01 article figure{
	width:95%;/*456px*/
}
	
.cm_making_p  #content_wrapper02 .content_box01 article.making_left_area figure{
	margin: 40px auto 0px;
}

.cm_making_p  #content_wrapper02 .content_box01 article.making_right_area figure{
	margin: 40px auto 0px;
}
	
.cm_making_p #content_wrapper03 section h3{
	margin: 30px 0px 15px;
}

.cm_making_p #content_wrapper03 section p{
	width:95%;/*456px*/
    height:auto;
}

.cm_making_p #content_wrapper03 section p br{
	display: none;
}

.cm_making_p #content_wrapper03 article div.staff_area{
	width:95%;/*456px*/
	min-width: auto;
	margin: 0px auto 0px;
}
	
	
.cm_making_p #content_wrapper03 article div.staff_area dl{
	margin: 20px 0px 0px 30px;
}
	
.cm_making_p #content_wrapper03 article div.supporter_area{
	width:95%;/*456px*/
    height:auto;
	margin: 20px auto 0px;
	padding: 40px 0px 0px 0px;
	border-top: #000000 1px solid;
	border-left: none;
}
	
.cm_making_p #content_wrapper03 article div.supporter_area dl{
	display: flex;
}
	

/*「新着情報」ページ用*/
.news_article_p #content_wrapper01 .content_box01,
.news_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.news_p #content_wrapper01 .content_box01 dl{
	display: block;
}

.news_p #content_wrapper01 .content_box01 dd{
	width: 100%;/*(456px)*/
}

.news_article_p #content_wrapper01 article{
	display: block;
}

.news_article_p #content_wrapper01 article figure{
	width: 100%;/*(456px)*/
}
	
.news_article_p #content_wrapper01 article figure img{
	width:100%;
    height:auto;
	margin: 1em auto 1em;
	display: block;
}
	
.news_article_p #content_wrapper01 section.txt_box{
	width:100%;/*(456px)*/
    height:auto;
	margin: 0px 0px 40px;
}
	
.news_article_p #content_wrapper01 article p{
	width: 100%;/*(456px)*/
	min-width:auto;
}

/*「イベント情報」ページ用*/
.event_article_p #content_wrapper01 .content_box01,
.event_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.event_p #content_wrapper01 article.small_card{
	width: 100%;/*(456px)*/
	margin: 0px auto 30px;
}
	
.event_p #content_wrapper01 .content_box01 dl{
	display: block;
}

.event_p #content_wrapper01 .content_box01 dd{
	width: 100%;/*(456px)*/
}

.event_article_p #content_wrapper01 article{
	display: block;
}

.event_article_p #content_wrapper01 article figure{
	width: 100%;/*(456px)*/
}
	
.event_article_p #content_wrapper01 article figure img{
	width:100%;
    height:auto;
	margin: 1em auto 1em;
	display: block;
}
	
.event_article_p #content_wrapper01 section.txt_box{
	width:100%;/*(456px)*/
    height:auto;
	margin: 0px 0px 40px;
}
	
.event_article_p #content_wrapper01 article p{
	width: 100%;/*(456px)*/
}

/*「越嶺会報」ページ用*/

.bulletin_p  #content_wrapper01 .content_box01{
	width: 95%;/*(456px)*/
}

.bulletin_p  #content_wrapper01 .content_box01 li a,
.bulletin_p  #content_wrapper01 .content_box01 li{
	width: 100%;
	margin: 0px 0px 5px 0px;
}

/*「役員一覧」ページ用*/
.list_of_officers_p  #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
/*「会則」ページ用*/
.rules_p  #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.rules_p #content_wrapper01 .content_box01 article ol,
.rules_p #content_wrapper01 .content_box01 article ul{
	margin: 20px 0px 40px 0em;
	padding: 0px 0px 0px 2.5em;
}
	

/*「母校支援」ページ用*/
.support_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
/*「会員名簿・記念アルバム」ページ用*/
.register_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
.register_p #content_wrapper01 .content_box01 section{
	padding: 0px 0px 0px 0.5em;
}
	
.register_p #content_wrapper01 .content_box01 article ol{
	margin: 20px 0px 40px 0em;
	padding: 0px 0px 0px 1em;
}

/*「プライバシーポリシー」ページ用*/

.privacy-policy_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	
/*「サイトマップ」ページ用*/

.sitemap_p #content_wrapper01 .content_box01{
	width: 95%;/*456px*/
}
	

/***************************
parts.css
***************************/
	
.event_p #content_wrapper01 .content_box01 h3,
.news_p #content_wrapper01 .content_box01 h3,
.home_p #content_wrapper01 .content_box01 h3{
	width: 100%;/*456px*/
	font-size: 130%;
}
	
.signboard{
	padding: 20px 0px 0px 100px;
}
	
.home_p #content_wrapper02 .content_box01 h3{
	width: 100%;/*456px*/
	font-size: 200%;
}	
	
/*「新着情報一覧」ボタン*/
.home_p #content_wrapper01 .content_box01 div.bt-area{
	width: 168px;/*(168pxpx/1024px)*/
}

.home_p #content_wrapper02 .content_box01 div.bt-area{
	margin: 0px 0px 0px;
}

.home_p #content_wrapper02 .content_box01 article.pop_area div.bt-area{
	margin: 5px 0px 0px 0px;
}


/*「 下階層用」タイトルスぺース*/	

div.midasi h2{
	width: 95%;/*456px*/
}

div.breadcrumbs_area ul{
	width: 95%;/*456px*/
}
	
/*プライバシーポリシー関連*/
#meal_p #content_wrapper02 .content_box03 article.menu-table .w_price {
	width: 70%;
}	
	
	
	
	

/***************************
slider.css
***************************/

.slider {
  height: 186px;
}
	
.slider-item {
  height: 186px;
}

#slider_wrapper h2{
  width: 100%;
  top: 50%;
  left: 50%;
  font-size:140%;
	text-align: center;
}
	


	
}