@charset "UTF-8";
/* 最終更新日：23-02-04 */

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■Top_メイン写真とニュース */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* メイン写真_DIV */


#toppic {
	width: 960px;
	height: 450px;
	overflow:hidden;
}

/* PC画像<img>設定 */
#toppic .toppic-mp{
	display:none;
}

/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

#toppic {

	/* サイズ */
	width: 100%;
	height:auto;
	margin:2px 0 10px 0;
}

/* MP画像<img>設定 */
#toppic .toppic-mp{
	display:inline-block;
	width:100%; height:auto;
}

#toppic .toppic-pc{
	display:none;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ニュース-読み込み用_iframe */
		/* ↑ 編集
			┃
			┃ <22.05.24>
			┃ニュースボックスの高さを
			┃380pxに変更
			┃220px→340px→今回
			┗━━━━━━━━━━━━━ */
.news-box{
	/* サイズ */
	width:864px;
	height:380px;
	
	margin:0 auto;
	margin-top:100px;
	padding-bottom:0px;
	overflow:hidden;
	
	border-bottom:2px solid rgb(15,45,90);
}


/* (▼ MP) */
@media screen and (max-width:480px) {

.news-box{
	/* サイズ */
	width:94%;
	height:380px;
	overflow:hidden;

}

}
/* (△ MP) */



.news-frame{
	width:100%; height:100%;
	padding:0;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.news-frame{
	/* サイズ */
	width:100%; height:100%;
	margin:0; padding:0;
	overflow:auto;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */


#news-top{
	padding-top:20px;
	margin-top:-20px;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■キャッチコピー文章 */



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* キャッチコピー 全体_DIV */

#begin{
	width:960px;
	padding:50px 30px 60px 30px;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

#begin{
	width:96%;
	padding:8px 2% 40px 2%;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* ----------------------------------------------------- */
/* キャッチコピー タイトル_DIV */

#begin-title{
	width:900px;
	text-align:center;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

#begin-title{
	width:100%;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





#begin-title p{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:33px;
	font-weight:bold;
	color:rgb(105,105,112);
	letter-spacing:0.05em;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

#begin-title p{
	font-family: initial;
	font-size:16px;
	letter-spacing:normal;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */






/* ----------------------------------------------------- */
/* キャッチコピー 内容_DIV */

#begin-cont{
	width:900px;
	margin-top:30px;
	text-align:center;
	height:auto;
}


#begin-cont_smart{
	width:100%;
	margin-top:16px;
	text-align:center;
	height:auto;
}


	/* --▼Responsive▼-- */
	
/* ★スマホ対応のための表示・非表示スイッチ */

/* 画面サイズ480px以下 ≫ begin-cont【×】 / begin-cont_smart【◯】 */
@media screen and (max-width:480px) {
	
#begin-cont{
	display:none;
}

}

/* 画面サイズ481px以上 ≫ begin-cont【◯】 / begin-cont_smart【×】 */
@media screen and (min-width:481px) {

#begin-cont_smart{
	display:none;
}


} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





#begin-cont p{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
	font-size:17px;
	font-weight:normal;
	color:rgb(105,105,112);
	letter-spacing:normal;
	line-height:1.5em;
}


#begin-cont_smart p{
	font-family: initial;
	font-size:12px;
	color:rgb(105,105,112);
	letter-spacing:1px;
	line-height:1.5em;
}




/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

/* ■メインコンテンツ　枠 */


/* コンテンツボタン */
#top-cont{
	width:960px;
	margin:0;
	padding:0;
	overflow:hidden;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

#top-cont{
	width:100%;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ▼新式メインボタン 
			22/11/01 テスト*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* メインコンテンツボタン_Div */

#R1-cont-bt-box{
	display:flex;
	
	margin:0; padding:0;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
#R1-cont-bt-box{
		/* flex〔縦並び-中央〕 */
		flex-direction:column;
		align-items:center;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/* ─┐┐
────────────────────────────────────────────┐┐
▼ [項目ボタン エリア]
──────────────────────────────────────────── */

.R1-bt-area{
	flex:1;
	
	display:flex;
	align-items:flex-start;
	align-content:flex-start;
	flex-wrap:wrap;
	
	margin:0;
	padding:0;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-bt-area{
	width:90%;
	
		justify-content:center;
		align-content:center;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/*______________________________________
◇ メインボタン	*/
.R1-main-bt_1{
	display:flex;
		justify-content:center;
		align-content:center;
	
	width:218px;
	height:auto;
	
	margin-bottom:40px;
	
	border-left:2px solid rgb(15,45,90);
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-main-bt_1{
	width:100%;
	
	margin-bottom:8px;
}

/* ※パーツ毎のmargin */

	/* 3の倍数 下マージン：38px */
	.R1-main-bt_1:nth-child(3n){
		margin-bottom:38px;
	}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




.R1-main-bt_1 a{
	display:block;

	padding-bottom:9px;
	
	border-bottom:1px solid rgb(15,45,90);
}

.R1-main-bt_1 img{
	width:200px;
	height:auto;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-main-bt_1 a{
	padding:8px 0 8px 0;
	margin:0 8px 0 8px;
}


.R1-main-bt_1 img{
	width:100%;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/*______________________________________
◇ SNSボタン集 ※特殊	*/
.R1-sns-bt_1{
	display:flex;
		flex-direction:column;
		align-items:center;
	
	width:218px;
	height:auto;
	
	margin-bottom:40px;
	
	border-left:2px solid rgb(15,45,90);
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-sns-bt_1{
	width:100%;
	
	margin-bottom:8px;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/*.................................
// 調整用内枠	*/
.R1-sns-bt_1_inner{
	display:flex;
		flex-direction:column;
		align-items:center;
	
	flex-basis:100%;
	height:auto;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-sns-bt_1_inner{
	min-width: 0;
	
	padding:4px 0 4px 0;
	margin:0 8px 0 8px;

		flex-direction:row;
	
	border-bottom:1px solid rgb(15,45,90);
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/*.................................
// SNS タイトル	*/
.R1-sns-bt-title{
	display:block;
}

.R1-sns-bt-title img{
	width:200px;
	height:auto;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-sns-bt-title{
	width:29%;
	margin-right:2%;
}

.R1-sns-bt-title img{
	width:100%;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/*.................................
// SNS ボタン (UL)	*/
.R1-sns-bt-area{
	display:flex;
		align-items:flex-start;
		align-content:flex-start;
		flex-wrap:wrap;
	
	width:200px;
	height:auto;
	
	padding-top:8px;
	padding-bottom:9px;
	
	border-bottom:1px solid rgb(15,45,90);
}



/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-sns-bt-area{
	flex-basis:69%;
	
	padding:0 0 0 0;
	
	flex-wrap:nowrap;
	
	border-bottom:none;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/* SNS ボタンパーツ (li) */
.R1-sns-bt_parts{
	display:block;
	
	margin:0;
	padding:0;
	
	margin-right:10px;
	margin-bottom:10px;
}

/* ※パーツ毎のmargin */

	/* 2の倍数 右マージン：0 */
	.R1-sns-bt_parts:nth-child(2n){
		margin-right:0;
	}

	/* 3つ目以降 下margin：0 */
	.R1-sns-bt_parts:nth-child(n+3){
		margin-bottom:0;
	}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-sns-bt_parts{
	flex:1;

	width:30%;
	
	margin:0 0 0 0;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



.R1-sns-bt_parts a{
	display:block;
	margin:0;
	padding:0;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-sns-bt_parts a{
	display:flex;
		justify-content:center;
		align-content:center;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



.R1-sns-bt_parts img{
	width:95px;
	height:auto;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
/* ^^^^^^^^^^^^^^ */
	
.R1-sns-bt_parts img{
	width:100%;
}
	
} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* -○- -○- -○- -○- -○- -○- -○- -○- */
/* メインボタン　リンク */


/* LINK【通常】 */
.R1-main-bt_1 a,
.R1-main-bt_1 a:link,
.R1-main-bt_1 a:visited,
.R1-sns-bt_parts a,
.R1-sns-bt_parts a:link,
.R1-sns-bt_parts a:visited{
	background: none;
}


/* LINK【ホバー】 */
.R1-main-bt_1 a:hover,
.R1-main-bt_1 a:active,
.R1-sns-bt_parts a:hover,
.R1-sns-bt_parts a:active{
	background: none;
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.R1-main-bt_1 a:hover,
.R1-sns-bt_parts a:hover{
	background: none;
	
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/* ─┐┐
────────────────────────────────────────────┐┐
▼ [Facebookページ 埋め込み エリア]
──────────────────────────────────────────── */









/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
	/* ▼旧式メインボタン */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* メインコンテンツボタン_Div */

#cont-bt-box{
	float:left;
	margin:0; padding:0;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

#cont-bt-box{
	width:98%; height:auto;
	float:none;
	margin:0; padding:0 1% 0 1%;
	text-align:center;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





.main-bt_1,
.main-bt_2{
	float:left;
	width:218px; height:260px;
	margin-bottom:50px;
}
		/* ↑Re【21.08.29】マージン下を25pixから50pixに変更 */

.main-bt_1{
	margin-right:3px;
}

.main-bt_2{
	margin-right:0px;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.main-bt_1,
.main-bt_2{
	width:31%; height:auto;
	padding:0 1% 0 1%;
	margin:0 0 30px 0;
}

/* ※ */
.main-bt_1 img,
.main-bt_2 img{
	width:100%; height:auto;
	margin:0; padding:0;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* -○- -○- -○- -○- -○- -○- -○- -○- */
/* メインボタン　リンク */


/* LINK【通常】 */
.main-bt_1 a,
.main-bt_2 a,
.main-bt_1 a:link,
.main-bt_2 a:link,
.main-bt_1 a:visited,
.main-bt_2 a:visited{
	background: none;
}


/* LINK【ホバー】 */
.main-bt_1 a:hover,
.main-bt_2 a:hover,
.main-bt_1 a:active,
.main-bt_2 a:active{
	background: none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.main-bt_1 a:hover,
.main-bt_2 a:hover{
	background: none;
	
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* サブコンテンツボタン_Div */


/* ----------------------------------------------------- */
/* サブボタン  */


/* サブボタン共通 */
.sub-bt_1,
.sub-bt_2{
	float:left;
	height:60px;
}

/* サブボタン 1 */
.sub-bt_1{
	width:380px;
	margin-right:10px;
	background-color:white;
}

/* サブボタン 2 */
.sub-bt_2{
	width:270px;
	background-color:white;
}



.sub-bt_1_smart,
.sub-bt_2_smart{
	float:left;
	width:48%;
	padding:0 1% 0 1%;
}

.sub-bt_1_smart img,
.sub-bt_2_smart img{
	width:100%; height:auto;
}


	/* --▼Responsive▼-- */
	
/* ★スマホ対応のための表示・非表示スイッチ */

/* 画面サイズ480px以下 ≫ sub-bt_*【×】 / sub-bt_*_smart【◯】 */
@media screen and (max-width:480px) {
	
.sub-bt_1,
.sub-bt_2{
	display:none;
}

	}


/* 画面サイズ481px以上 ≫ sub-bt_*【◯】 / sub-bt_*_smart【×】 */
@media screen and (min-width:481px) {

.sub-bt_1_smart,
.sub-bt_2_smart{
	display:none;
}


} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */





/* -○- -○- -○- -○- -○- -○- -○- -○- */
/* サブボタン　リンク */


/* LINK【通常】 */
.sub-bt_1 a,
.sub-bt_2 a,
.sub-bt_1 a:link,
.sub-bt_2 a:link,
.sub-bt_1 a:visited,
.sub-bt_2 a:visited{
	background: none;
}

/* LINK【ホバー】 */
.sub-bt_1 a:hover,
.sub-bt_2 a:hover,
.sub-bt_1 a:active,
.sub-bt_2 a:active{
	background: none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {
	background: none;
	
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
{
	
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* TOPサイドエリア_DIV */

#top-side-area{
	width:300px; height:auto;
	margin:0; padding:0px0px 0px 0px;
}
/* ! ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━ ━  */



/* ========================================================== */
/* Facebook埋め込み_DIV */



/* /////////// */
/* /////////// */
/* /////////// */
/* /////////// */
/* ★スマホ対応のための表示・非表示スイッチ */

/* 画面サイズ480px以下 ≫ sub-bt_*【×】 / sub-bt_*_smart【◯】 */
@media screen and (max-width:480px) {
	
	#cont-fb-box{
		display:none;
	}
	
}
	
	
/* 画面サイズ481px以上 ≫ sub-bt_*【◯】 / sub-bt_*_smart【×】 */
@media screen and (min-width:481px) {
	
	#cont-fb-box_SP{
		display:none;
	}
	
} /* …SP END */

/* /////////// */
/* /////////// */
/* /////////// */
/* /////////// */



/* Facebookインライン_Div【PC表示 / スマホ表示】 */


/* 【PC表示】 */

#cont-fb-box{
	width:290px; height:550px;
	margin:0; padding:0px 0px 0px 10px;
	overflow:auto;
}

		/* ↑Re【21.11.08】SNSボタン追加分、高さを150pix追加 (495px ---> 550px) */


/* 【スマホ表示】 */

#cont-fb-box_SP{
	width:90%; height:auto;
	margin:0 auto;
	padding-top:50px;
	text-align:center;
	overflow:auto;
}




/* ========================================================== */
/* メディア履歴ボタンエリア_DIV */

/* ─┐┐
…………………………………………………………………………┐┐
▼ [□メディア履歴ボタンエリア]
………………………………………………………………………… */

/* ********************************************
◆ メディア履歴ボタンエリア (DIV)	*/
.media-log-area{
	width:300px; height:auto;
	margin:0; padding:55px 0px 0px 0px;
	overflow:hidden;
	text-align:center;
}

/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.media-log-area{
	width:90%; height:auto;
	margin:0 auto; padding:70px 0px 60px 0px;
	overflow:hidden;
	text-align:center;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/*______________________________________
◇ 	*/
.R1-side-bt_1 a{
	display:inline-block;
}

/*………………………………
// イメージ設定	*/
.R1-side-bt_1 img{
	width:225px;
	height:auto;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.R1-side-bt_1 img{
	width:90%;
	height:auto;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/* -○- -○- -○- -○- -○- -○- -○- -○- */
/* メディア履歴ボタン　リンク */


/* LINK【通常】 */
.R1-side-bt_1 a,
.R1-side-bt_1 a:link,
.R1-side-bt_1 a:visited{
	background: none;
}


/* LINK【ホバー】 */
.R1-side-bt_1 a:hover,
.R1-side-bt_1 a:active{
	background: none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

.R1-side-bt_1 a:hover{
	background: none;
	
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */



/* ─┘┘
△ [□メディア履歴ボタンエリア]
…………………………………………………………………………┘┘*/


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* TOP_SNSボタン */


/* ▼ここからメニュー項目に入れ込む新しいSNSボタン */



/* /////////// */
/* /////////// */
/* /////////// */
/* /////////// */
/* ★スマホ対応のための表示・非表示スイッチ */

/* 画面サイズ480px以下 ≫ sub-bt_*【×】 / sub-bt_*_smart【◯】 */
@media screen and (max-width:480px) {
	
	.top-sns_box{
		display:none;
	}
	
}
	
	
/* 画面サイズ481px以上 ≫ sub-bt_*【◯】 / sub-bt_*_smart【×】 */
@media screen and (min-width:481px) {
	
	.top-sns_box_SP{
		display:none;
	}
	
} /* …SP END */

/* /////////// */
/* /////////// */
/* /////////// */
/* /////////// */



/* >>>>>>>>>>>>>>>>>>>>> */
/* SNSボックス 【PC表示 / スマホ(SP)表示】 */
/* >>>>>>>>>>>>>>>>>>>>> */

/* SNSボックス 【PC】 */
.top-sns_box{
	margin:25px 0 0 0; padding:0;
}

/* SNSボックス 【SP】 */
.top-sns_box_SP{
	width:98%; height:auto;
	margin:15px 0 30px 0; padding:0 1% 0 1%;
}



/*-- 
_______________________________________
	SNSボタン
 --*/

/* SNSボタン
	└ 【外枠】 Lサイズ */
.sns-bt-l_size{
	float:left;
	overflow:hidden;
}


/* SNSボタン
	└ 【外枠】 Sサイズ */
.sns-bt-s_size{
	float:left;
	overflow:hidden;
}


/* SNSボタン
	└ 【個別枠】 S・Lサイズ  */
.sns-s,
.sns-l{
	overflow:hidden;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	
	line-height:0;
}


/* SNSボタン
	└ 【個別枠_右端】 S・Lサイズ
			(※右端のみ右マージンなし) */
.sns-l_,
.sns-s_{
	float:left;
	margin:0 0 0 0;
	padding:0;
	
	line-height:0;
}



/* /// ▼モバイル(SP)のみ特殊 /// */
 
/* SNSボタン [SP表示]
	└ 【個別枠】 S・Lサイズ  */
	
.top-sns_box_SP .sns-s,
.top-sns_box_SP .sns-l{
	float:left;
	margin:0 1% 0 0;
	padding:0;
	
	line-height:0;
}


/* SNSボタン [SP表示]
	└ 【個別枠】 Lサイズ 追加仕様 */
.top-sns_box_SP .sns-l,
.top-sns_box_SP .sns-l_{
	width:32%; height:auto;
}

/* SNSボタン [SP表示]
	└ 【個別枠】 Lサイズ 追加仕様 */
.top-sns_box_SP .sns-s,
.top-sns_box_SP .sns-s_{
	width:16%; height:auto;
}



/* SNS ( L・S ) ボタン
	└ 画像 */
.sns-l img,
.sns-l_ img,
.sns-s img,
.sns-s_ img{
	display:block;
	margin:0;
	padding:0;
}

.top-sns_box_SP .sns-l img,
.top-sns_box_SP .sns-l_ img{
	width:100%; height:auto;
}
.top-sns_box_SP .sns-s img,
.top-sns_box_SP .sns-s_ img{
	width:100%; height:auto;
}



/* -○- -○- -○- -○- -○- -○- -○- -○- */
/* SNSボタンリンク */


/* LINK【通常】 */


/* __Sサイズ */
.sns-s a,
.sns-s_ a,
.sns-s a:link,
.sns-s_ a:link,
.sns-s a:visited,
.sns-s_ a:visited{
	display:block;
	color:inherit;
	background: none;
	text-decoration: none;
}

/* __Lサイズ */
.sns-l a,
.sns-l_ a,
.sns-l a:link,
.sns-l_ a:link,
.sns-l a:visited,
.sns-l_ a:visited{
	display:block;
	color:inherit;
	background: none;
	text-decoration: none;
}

/* LINK【ホバー】 */


/* __Sサイズ */
.sns-s a:hover,
.sns-s_ a:hover,
.sns-s a:active,
.sns-s_ a:active{
	background: none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

/* __Lサイズ */
.sns-l a:hover,
.sns-l_ a:hover,
.sns-l a:active,
.sns-l_ a:active{
	background: none;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



/* ^^^^^^^^^^^^^^^^
┏━━ [MOBILE]	 */
@media screen and
 (max-width:480px) {

/* __Sサイズ */
.sns-s a:hover,
.sns-s_ a:hover{
	background: none;

	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* __Lサイズ */
.sns-l a:hover,
.sns-l_ a:hover{
	background: none;

	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

} /* 
┗━━ [MOBILE]
/  ^^^^^^^^^^^^^^ */




/* -○- -○- -○- -○- -○- -○- -○- -○- */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* 常時SSL化のお知らせ注釈 */


/*-- 
_______________________________________
	常時SSL化のお知らせ 外枠
 --*/
 
#change-ssl{
	display:block;
	overflow:hidden;
	
	margin:100px 0 0 0;
	
	border-left:5px solid rgb(15,45,90);
}


/*-- 
_______________________________________
	常時SSL化のお知らせ 各種文字設定
 --*/
 
/* 常時SSL化のお知らせ 【 h3 】タイトル文 */
#change-ssl h3{
	font-size:11px;
	font-weight:bold;
	color:rgb(15,45,90);
	letter-spacing:normal;
	
	margin-left:1em;
	margin-top:3px;
	margin-bottom:3px;
}

/* 常時SSL化のお知らせ 【 p 】説明文 */
#change-ssl p{
	font-size:11px;
	color:rgb(15,45,90);
	letter-spacing:normal;
	line-height:normal;
	
	margin-left:2em; margin-right:2em;
	margin-bottom:3px;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* キャッシュの削除をお願いする注釈 */


/*-- 
_______________________________________
	キャッシュ削除注釈 外枠
 --*/
 
#cache-delete{
	display:block;
	overflow:hidden;
	
	margin:30px 0 0 0;
	
	border-left:5px solid rgb(15,45,90);
}

/* …画面サイズ481px以下 ≫ 非表示 */
@media screen and (max-width:480px) {
	
	#cache-delete{
		display:none;
	}
	
} /* …SP END */



/*-- 
_______________________________________
	キャッシュ削除注釈 各種文字設定
 --*/
 
/* キャッシュ削除 【 h3 】タイトル文 */
#cache-delete h3{
	font-size:11px;
	font-weight:bold;
	color:rgb(15,45,90);
	letter-spacing:normal;
	
	margin-left:1em;
	margin-top:3px;
	margin-bottom:3px;
}

/* キャッシュ削除 【 p 】説明文 */
#cache-delete p{
	font-size:11px;
	color:rgb(15,45,90);
	letter-spacing:normal;
	line-height:normal;
	
	margin-left:2em; margin-right:2em;
	margin-bottom:3px;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */