@charset "UTF-8";

/*---------------------------------------------
	広告のオンオフ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
---------------------------------------------*/


/*-----メイン画像直下バナー-------*/

.banner1{
	display: none;
}


/*-----右コンテンツ上部バナーー-------*/

.contents_right_banner1{
	display: none;
}



/*-----よろず情報差し込みバナー　※2連のバナー----*/

.sasikomi_banner{
	display: none!important;
}

/*--

差し込みバナーの片方だけ消す場合は

.sasikomi_banner>li:nth-child(2n-1){
	display: none!important;
}

↑左側を消す場合

.sasikomi_banner>li:nth-child(2n){
	display: none!important;
}
↑右側を消す場合

--*/


/*-----枠外バナー（右）----*/
.all_wrap>ul:nth-child(2) {
 display: none;
}

/*--

片方だけ消す場合は

.all_wrap>ul:nth-child(2)>li:nth-child(2n-1){
	display: none;
}

↑一つ目を消す場合

.all_wrap>ul:nth-child(2)>li:nth-child(2n){
	display: none;
}
↑2個目のみ消す場合

--*/


/*-----サブページ用バナー-------*/

.sub_banner1{
    display: none;
}



/*---------------------------------------------
	広告のオンオフ ここまで■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
---------------------------------------------*/













/*---------------------------------------------

	初期設定用

---------------------------------------------*/

html,body{
	margin:0px;
	padding:0px;
	min-width: 1000px;
/*	min-width: 1000px;  ★★元の大きさ1300px*/


}


*{
/* font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
/* font-family:Arial,sans-serif; */
/* font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; */
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
    width: 1000px;
/*    width: 1347px;   ★★元の大きさ*/
  margin-right: auto;//ここで中央寄せを指定する。
  margin-left : auto;
 }



#top {
/*　　トップはカラでしたが追加 */
     margin-left:auto;    /* 左側マージンを自動的に空ける ★★*/
     margin-right:auto;   /* 右側マージンを自動的に空ける ★★*/
}




iframe{
margin: 0;
padding: 0;

}

.red{
background-color: red;
}


/*---------------------------------------------

	h1

---------------------------------------------*/


h1{
font-size: 14px;
text-align: right;
background: #e4e4e4;
padding: 2px 5px;
}




/*---------------------------------------------

	h2 各ページタイトル

---------------------------------------------*/

/*---------------------------------------------

	h3

---------------------------------------------*/



/*---------------------------------------------
	h4
---------------------------------------------*/


/*---------------------------------------------
	h5
---------------------------------------------*/
h5{
	font-weight: bold;

}
/*---------------------------------------------
	h6
---------------------------------------------*/
h6{
	font-weight: bold;

}


/*---------------------------------------------
	a
---------------------------------------------*/
a{
	color: #06c;
	text-decoration: none;
}
a:link {
}
a:visited{
}
a:hover{
	color: #e60;
	text-decoration: underline;
}
a:active{
}
a.on{
	color: #f60;
	text-decoration: underline;
}



/*---------------------------------------------

	Common

---------------------------------------------*/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */






.bold{
font-weight: bold;
}




/*---------------------------------------------
	margin
---------------------------------------------*/
.mb5{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb70{margin-bottom: 70px!important;}
.mb80{margin-bottom: 80px!important;}


/*---------------------------------------------
	text-align
---------------------------------------------*/
.tc{text-align: center!important;}
.tr{text-align: right!important;}
.tl{text-align: left!important;}
.tj{text-align: justify!important;text-justify: distribute!important;}

/*---------------------------------------------
	list
---------------------------------------------*/

.imgRight{
	float: right;

}
.imgLeft{
	float: left;
}




/*----------------------------------------
追加部分

-----------------------------------------*/


.hm_btn{
	display: none;
}

.hm_title{
	display: none;
}


.hm_menu_wrap{

}

#hm_menu{
	display: none;
}

.hm_menu_wrap>ul{
width: 100%;
margin: 0 auto;
display: flex;
justify-content: flex-end;
}

.hm_menu_wrap>ul>li{
margin-right: 25px;

}

.hm_menu_wrap>ul>li:last-child{
margin-right: 0;
}



.hm_menu_wrap>ul>li>a{
font-size: 1.3rem;
text-decoration: none;
color: black;
padding-bottom: 5px;
border-bottom: 3px solid #005bf2;
}

.hm_menu_wrap>ul>li>a:hover{
border-bottom: 3px solid yellow;
}





.all_wrap{
display: flex;
flex-wrap:wrap;
padding-left: 10px;
}

.all_wrap>div:nth-child(1){
width: 1000px;

margin-right: 20px;
}


.all_wrap>ul:nth-child(2){

width: 300px;


}


.all_wrap>ul:nth-child(2)>li{
margin-bottom: 20px;
}

header{
	display: flex;
	margin-bottom: 10px;
}

header>div:nth-child(1){
width: 450px;
align-self:flex-end;
}

header>div:nth-child(1)>a>img{
width: 100%;
height: auto;
max-width: 360px;
}

header>div:nth-child(2){
width: 550px;
text-align: right;
padding-top: 13px;
}

header>div:nth-child(2)>div:nth-child(1){
margin-bottom: 10px;
}




.contents_wrap{
	width: 1000px;
	display: flex;
}


.contents_wrap>div:nth-child(1){
	width: 644px;

	margin-right: 20px;
}

.contents_wrap>div:nth-child(2){
width: 336px;

}




.midasi{
	border-bottom: 3px solid #0070c0;
	margin-bottom: 20px;

}



.midasi>h3{
padding-bottom: 3px;
padding-left: 5px;
padding-top: 5px;
margin-bottom: 5px;
font-size: 1.5rem;
padding-left: 10px;
font-weight: bold;
	background: #0070c0;
color: white;
}


h4.mini_midasi{
	padding-bottom: 2px;
	border-bottom: 1px solid #a0a0a0;
	margin-bottom: 20px;
	font-size: 1.2rem;
}



h4.mini_midasi:first-letter{

	font-size: 1.5rem;
}


.contents_left_img_right_text{
display: flex;
margin-bottom: 45px;
}


.contents_left_img_right_text>li:nth-child(1){
width: 217px;
margin-right: 20px;
}


.contents_left_img_right_text>li:nth-child(1)>a>img{
box-sizing:border-box;
border:1px solid #000;
width: 100%;
height: auto;
}

.contents_left_img_right_text>li:nth-child(1)>a>img:hover{
 filter: brightness(110%);
}


.contents_left_img_right_text>li:nth-child(2){
width: 400px;

}


.contents_left_img_right_text>li:nth-child(2)>div{
margin-bottom: 5px;
}






.contents_left_img_right_text_2{
display: flex;
margin-bottom: 25px;
}

.contents_left_img_right_text_2>li:nth-child(1){
width: 400px;
margin-right: 20px;
}

.contents_left_img_right_text_2>li:nth-child(1)>a>img{
box-sizing:border-box;
border:1px solid #000;
width: 100%;
height: auto;
}

.contents_left_img_right_text_2>li:nth-child(1)>a>img:hover{
 filter: brightness(110%);
}

.contents_left_img_right_text_2>li:nth-child(2){
width: 400px;
}

.contents_left_img_right_text_2>li:nth-child(2)>div{
margin-bottom: 5px;
}







.sasikomi_banner{

	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;

}






.yorozu{
	box-sizing:border-box;
	margin: 0 auto 30px auto;
	text-align: center;
}

.yorozu>li{
border: 1px solid #ddd;
	box-sizing:border-box;
	display: inline;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
padding: 5px;
}

.yorozu>li>a,.yorozu>li{

font-size: 1.2rem;
color:#000;
text-decoration: none;
}

.yorozu>li:hover{
background: #eee;
}


.yorozu>li.pg_on{
background: #0070c0;
color: #fff;
}

.yorozu>li.pg_on>a{

color: #fff;
}
























.contents_right_banner1{
	text-align: center;
	margin-bottom: 30px;
}



.site_shokai_img>a>img{
width: 100%;
height: auto;
}

.site_shokai_img{
margin-bottom: 30px;
}

.twitter{
margin-bottom: 30px;
}


.site_shokai{

	background: #f8e9cb;
	padding: 15px;
	margin-bottom: 30px;
}

.site_shokai>h5{
	font-size: 1.3rem;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
}



.sticker_img{
	margin-bottom: 30px;
}
.sticker_img>a>img{
	width: 100%;
	height: auto;
}




.link_img{
	margin-bottom: 30px;
}

.link_img>a>img{
	width: 100%;
	height: auto;
}






footer{
	display: flex;
	border-top:15px solid #0070c0;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-top: 30px;
	justify-content:space-between;
}

footer>div:nth-child(1){
width: 350px;
}

footer>div:nth-child(1)>a>img{
width: 100%;
height: auto;
max-width: 250px;
}


footer>div:nth-child(2){
width: 650px;
}

footer>div:nth-child(2)>ul{
width: 650px;
text-align: right;
display: flex;
justify-content: flex-end;

}


footer>div:nth-child(2)>ul>li>div>a{
font-size: 1.3rem;
color: black;
text-decoration: none;
}

footer>div:nth-child(2)>ul>li>div:after{
font-size: 1.3rem;
content: "│";

}

footer>div:nth-child(2)>ul>li>div>a:hover{

background: #eee;

	}

footer>div:nth-child(2)>div{
	text-align: right;
	font-size: 1.3rem;
}


.banner1{

	text-align: center;
	margin-bottom: 40px;
}


.pc_off{
	display: none;
}



.off{
    display: none;
}

.embed_youtube{
	width: 100%;
	height: 420px;
	margin-bottom: 30px;
	border:none;
}