/* CSS Document */

/*
Theme Name: 北海道エネルギースキー部
Description: 北海道エネルギースキー部の公式ホームページです。
*/


@media screen and (max-width: 480px) { /* 横幅pxまで */
 
/*ヘッダー*/

.sp_head_fl-box {
    padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    justify-content:space-between;
}
 
.sp_h_fl-item {
    padding: 0px;
    margin:  0px;              /* 外側の余白 */
}
 
.sp_h_fl-item:nth-child(1) {
    width:70%;
	text-align: left;
}
 
.sp_h_fl-item:nth-child(2) {
}

#sp_h_logo {
	margin-top: 25px;
	padding: 0px 0px 0px 30px;
	}

#sp_h_name {
	padding: 5px 0px 0px 30px;
		font-family: Poppins;
		font-style: normal;
		font-weight: bold;
		font-size: 18px;
		color: rgba(255,161,19,1);
	}

#sp_h_p_name {
	padding: 5px 0px 0px 30px;
		font-style: normal;
		font-weight: bold;
		font-size: 12px;
		color: rgba(10,10,5,1);
	}	
	
	#h_right_btn {
	padding: 25px 0px 25px 0px;;
	}
	



#common_area_01 {
  width: 100%;
 padding: 0px;
}

#top_main_photo img{
width: 100%;
	margin-top: 55px;
margin-left:25px;
}

#top_main_copy{
width: 100%;
padding: 0px 25px;
}

#top_title {
	padding-top:25px;
font-size: 16px;
	}
#top_sub_copy2 {
font-size: 16px;
padding-right: 25px;
	}

.sp_area_or{
  display:block;
}

#common_area03_sp {

  width: 100%;
 padding: 0px;
	}	
#common_area03_sp img{
width: 100%;
}	
	
/*common_area_04*/
	
.a04_fl_box {
  width: 100%;
    padding:  0px 0px 55px 0px;             /* 余白指定 */
}	

.a04_fl_item {
    padding: 0px 0px;
    margin:  0px;              /* 外側の余白 */
    text-align:  left;        /* 文字中央揃え */
}
 
.a04_fl_item:nth-child(1) {
    flex-basis: 100%;         /* 幅指定 */
}
.a04_fl_item:nth-child(2) {
    flex-basis: 100%;         /* 幅指定 */
}	

#team_name_04 {
    padding:  0px 0px 0px 30px;  
	}

#team_ex_04 {
    padding:  0px 0px 0px 30px;  
	}
#team_ex_04_r {
    padding:  30px 30px 0px 30px;
	}	
	

/*common_area_05*/

#common_area_05 {
  width: 100%;

}

.a05_fl_box {
    padding:  0px 0px 55px 0px;             /* 余白指定 */
}
 
.a05_fl_item {
    padding: 0px 0px;
    margin:  0px;              /* 外側の余白 */
    text-align:  left;        /* 文字中央揃え */
}
 
.a05_fl_item img{
  width: 100%;
}
 	
	
.a05_fl_item:nth-child(1) {
    flex-basis: 100%;         /* 幅指定 */
}
 
.a05_fl_item:nth-child(2) {
    flex-basis: 100%;         /* 幅指定 */
}

#area05_title {
    padding:  45px 0px 0px 30px;  
}
#area05_sub_title {
    padding:  30px 0px 0px 30px;  

	}
#area05_para_copy {
    padding:  30px 30px 0px 30px;  
	}
	

/*common_area_06*/

#common_area_06 {
  width: 100%;
}

.a06_fl_box {
    padding:  0px 0px 55px 0px;             /* 余白指定 */
}
 
.a06_fl_item {
    padding: 0px 0px;
    margin:  0px;              /* 外側の余白 */
    text-align:  left;        /* 文字中央揃え */
}
 
.a06_fl_item img{
  width: 100%;
}	
	
.a06_fl_item:nth-child(1) {
    flex-basis: 100%;         /* 幅指定 */
}
 
.a06_fl_item:nth-child(2) {
	margin-top: 50px;
    flex-basis: 100%;         /* 幅指定 */
}

#a06_title {
    padding:  45px 0px 0px 30px;  
	}
#a06_sub_title {
    padding:  30px 0px 0px 30px;  
	}

#a06_copy {
    padding:  30px 30px 0px 30px;  
	}

	

	
#a07_sub_title {
		font-size: 28px;
    padding:  0px 0px 60px 0px;  
	}	
	
#news_zone_title02 {
		font-size: 28px;
    padding:  0px 0px 60px 0px;  
	}	

	
#common_news {
  width: 90%;
  margin-top: 30px;
}
	
.flex_news-box {

    padding: 0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
}
 
.flex_news-item {
    padding: 0px;
    margin:  0px;              /* 外側の余白 */
}
 
.flex_news-item:nth-child(1) {
    flex-basis:  0px;         /* 幅指定 */
}
 
.flex_news-item:nth-child(2) {
}

.thumbnail img {
		width:25px;
	}	
	
.post_title {
font-size: 14px;
line-height: 18px;
padding-left:10px;
margin-bottom: 15px;
}

.post_date {
font-size: 10px;
}
	
/*スマホ版フッター*/

footer {
	background-color: #262420;
    padding:  0px;             /* 余白指定 */
	height: 1000px;
}	

.form_btn {
	
padding: 35px 0px 0px 0px;	
  margin-left: auto;
  margin-right: auto;
	text-align: center;
}	

.ft_contents {
font-family: "Noto Sans CJK JP";
font-weight: normal;
font-size: 18px;
text-align: left;
color: #fff;
opacity: 0.6;
padding: 55px 0px 0px 30px;
}	

	
.ft_r_link {
font-family: "Noto Sans CJK JP";
font-weight: normal;
font-size: 16px;
text-align: left;
line-height: 3;
color: #fff;
padding: 20px 0px 0px 30px;
}

.btn-link {
    color: #fff; /* テキストカラーを青色に指定 */
    text-decoration: none; /* リンクさせた時表示される下線を非表示 */
	padding-right: px;
}

.btn-link:hover {
    color: #ff850b; /* hover時テキストカラーをオレンジ色に指定 */
    text-decoration: underline; /* マウスポインターが合わさった時下線を表示 */
}	
	
.ft_contact {
font-family: "Noto Sans CJK JP";
font-weight: normal;
font-size: 18px;
text-align: left;
color: #fff;
opacity: 0.6;
padding: 55px 0px 0px 30px;
 }

.ft_otoiawase {
font-family: "Noto Sans CJK JP";
font-weight: normal;
font-size: 20px;
line-height: 30px;
text-align: left;
color: #fff;
padding: 25px 0px 0px 30px;
}

.ft_c_name{
	font-family: "Noto Sans CJK JP";
font-weight: normal;
font-size: 16px;
text-align: left;
color: #fff;
padding: 45px 0px 0px 30px;
}

.ft_foot_logo {
padding: 20px 0px 0px 30px;
 }	
	
.ft_stop_te {
font-family: "Noto Sans CJK JP";
font-weight: normal;
font-size: 16px;
line-height: 1.5;
text-align: left;
color: #fff;
padding: 20px 0px 0px 30px;

 }	
.ft_copyright {
font-family: "Noto Sans CJK JP";
font-weight: normal;
font-size: 14px;
color: #fff;
padding: 20px 0px 0px 30px;
 }


/****	---- news_CONTAINER ----
===================================****/
#news_container {
		width: 100%;
		padding: 50px 0px 0px 0px;
		margin: 0px;
		overflow: hidden;
	background:rgba(255,255,255,1);
		}

#post_date {
font-weight: 300;
font-size: 12px;
padding: 0px 0px 15px 30px;
}

#news_title_h2 {
font-size: 22px;
line-height: 26px;
padding: 0px 0px 0px 25px;
margin: 0px 30px 0px 30px;
border-bottom: none;
}


.news_contents {
font-size: 16px;
line-height: 30px;
margin: 35px;
padding: 0px;
}

.news_contents p {
font-size: 16px;
line-height: 30px;
	margin-bottom: 0px;
}

.news_contents p a{
line-height: 30px;
}
	
	
	
#page-navi {
  width: 100%;
  height: 100px;
  background-color:rgba(255,255,255,1);
  text-align: center;
　padding-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.flex_navi-box {
  width: 100%;
    padding: 0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    flex-wrap: wrap;            /* 折り返し指定 */
   justify-content:space-between;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
 
.flex_navi-item {
    margin:  0px;              /* 外側の余白 */
	align-self: center;
    align-self: flex-start;
}
 
.flex_navi-item:nth-child(1) {
    text-align:  left;        /* 文字中央揃え */
  width: 30%;
	margin-left: 15px;
}
.flex_navi-item:nth-child(2) {
    text-align:  center;        /* 文字中央揃え */
  width: 30%;
}
.flex_navi-item:nth-child(3) {
    text-align:  right;        /* 文字中央揃え */
  width: 30%;
	margin-right: 15px;
}

.flex_navi-item a img{
  width: 80%;
}
 	
	
.go_top {
	padding-top:50px;
}

.back_top {
    color: #000; /* テキストカラーを青色に指定 */
    text-decoration: none; /* リンクさせた時表示される下線を非表示 */
}

.back_top:hover {
    color: #ff850b; /* hover時テキストカラーをオレンジ色に指定 */
    text-decoration: underline; /* マウスポインターが合わさった時下線を表示 */
}

#sns_zone {
  padding-top: 50px;
	background:rgba(255,255,255,1);
}
	
.sns_fl_box {
    padding:  0px;             /* 余白指定 */
    display: flex;              /* フレックスボックスにする */
    justify-content:center;
    flex-wrap: wrap;            /* 折り返し指定 */
}
 
.fl_item {
    padding: 0px;
    margin:  0px;              /* 外側の余白 */
    border-radius:  0px;        /* 角丸指定 */
  width: 50%;
}
.fl_item img{
  width: 100%;
}	
	
}