@charset "utf-8";
/* CSS Document */

/*
Theme Name: support_1.0
Description:「みんなで乗り越えようテーマ」
Theme URI: http://www.sun-tv.co.jp/support/
Author: 大丈夫
Version: 1.0
*/

/**/
*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
  }

img{
  width:100%;
  height:auto;
  }
ol, ul {
    list-style: none;
    padding-inline-start: 0;

}
p{
  line-height:1.7;
  }
  
  @media screen and (max-width: 768px){
  .pc_display{
    display:none;
    }
  }
  @media screen and (min-width: 769px){
  .sp_display{
    display:none;
    }
  }


/* ▼clearfix
---------------------------------*/  
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

body{
  background:#F5F5F5 !important;
  }






/* ▼記事個別ページ
---------------------------------*/
.category_mark{
  padding:0.3em;
  border-radius:5px;
  display:inline-block;
  margin-left:1em;
  font-size:90%;
  }
.category_mark a, .category_mark a:hover{
  text-decoration:none;
  color:#FFFFFF;
  }
.post_title{/*記事タイトル*/
  padding:0.3em;
  text-align: center;
  margin-top: 0;
  }
.post_thumbnail_img{/*サムネイル画像*/
  max-width:800px;
  text-align:center;
  margin:1em auto 3em auto;
  }
.catetag{/*カテゴリーとタグ*/
  border-bottom:3px dotted #ACACAC;
  border-top:3px dotted #ACACAC;
  padding:20px 0 10px 0;
  }
@media screen and (max-width:767px){
  .catetag{
    margin-top:5em;
    }
 }
.post_content{
  max-width:800px;
  margin:0 auto;
  }
.post_content .post_img_l{/*通常画像*/
  padding:1em 0;
  }
@media screen and (min-width:768px){
  .post_content img{
    width:auto !important;/*スマホ以外は通常サイズで表示*/
    }
  }
  
.com_table{
  text-align:left;
  margin:0 auto;
}

.com_data_title{
  background-color:#dcdcdc;
  border-bottom:1px solid #ffffff;
  padding:7px 5px;
  width: 10em;
  text-align: center;
}

.com_data{
  padding-left:10px;
}

.return_list{
  margin:25px auto 10px auto;
  text-align:center;
  background-color:#e7e7e7;
  width: 80%;;
}
.return_list a{
  display: block;
  padding:20px;
}

/* ▼写真2列を横並びに（記事個別ページ内）
---------------------------------*/
.images2list{
  clear:both;
  overflow:hidden;
  margin:2em auto;
  text-align:center;
  list-style:none;
  padding:0;
  }
@media screen and (min-width:651px){
.images2list .listimages img{
 float:left;
 width:47.5% !important;
 margin:0.5em;
}
}
@media screen and (max-width:650px){
.images2list .listimages{
 width:100%;
 margin:0.5em 0;
}
}





/* ▼タイル上に並ばせる
---------------------------------*/
.masonrybox {
  width:auto;
  margin:0 auto;
}  
.masonryitem {
  width: 220px;
  height: 265px;
  margin: 5px;
  float: left;
  border: 1px solid #ccc;
  /*background: #eee;*/
  box-shadow: 0 2px 1px #eee;
}
@media screen and (max-width:489px){
  .masonrybox {
  width:auto !important;
  }
  .masonryitem {
    width: 48%;
    margin: 5px 3px;
  }
}

 

/* ▼article（タイル上に並ぶ単体記事）
---------------------------------*/
article{
  /*border:1px solid #9F9F9F;*/
  padding:10px;
  /*border-radius:7px;
  box-shadow:rgba(53, 68, 87, 0.168627) 0px 0px 5px 1px;*/
  }
    
article h2{/*記事タイトル*/
  font-size:18px !important;
  margin-top:0 !important;
  }
@media screen and (max-width:650px){
  article h2{
    font-size:12px !important;
    margin:1em auto;
  }
}
article a{
  text-decoration:none;
  color:#000000;
  }
article a:hover{
  text-decoration:none;
  color:#000000;
  }
article:hover{
  /*background:#FFA8A9;
  border:1px solid #BFBFBF;*/
  box-shadow:rgba(53, 68, 87, 0.2) 0px 0px 10px 2px;
  }






  
   
/* ▼header
---------------------------------*/
header{
  /*border-bottom:2px solid #848484;*/
  background:url(https://sun-tv.co.jp/support/wp-content/themes/support/img/h_back.jpg) repeat center 10px;
  }
.description_container{/*サイト説明文*/
  background:#848484;
  color:#FFFFFF;
  }
.description_txt{
  margin:5px;
  }
.logo img{
  max-width:595px;
  }
  
  
/* ▼googleカスタム検索
---------------------------------*/
.search{
  border-radius:5px;
  margin-top:0.5em;
  }
.gsc-control-cse{/*カスタム検索背景*/
  border-radius:5px;
  }
.gsc-search-button input{
  box-sizing: initial;/*カスタム検索のbox-sizing打ち消し*/
  }
.gsc-input-box{
  box-sizing: initial;/*カスタム検索のbox-sizing打ち消し*/
  }
.gsc-input{
  height:80% !important;/*カスタム検索ロゴを小さくして、下のボーダーを見せる*/
  }

/* 検索プラグイン */
h4{
  width: 100%;
  padding:5px;
  border-bottom:1px solid #cccccc;
}
#ofcategory{
  padding:5px;
  width:100%;
}
.search_area{
  width:100%;
  text-align: center;;
}
.search_area li{
  padding:5px;
}
.searchandfilter li{
  display: block !important;
}
.cat-item{
  text-align: left;
}
/* ▼メニュー
---------------------------------*/
.sunback{/*サンテレビへのリンク*/
  text-align:right;
  margin:0.5em 0;
  }
  @media screen and (max-width:767px){
    .sunback{
      text-align:center;
      }
    }        
 .sunback .btn_sun{
  background:#ffe100;
  border-radius:5px;
  color:#000000;
  display:inline-block;
  }
.sunback .btn_sun{
  background:#FFE100 !important;
  border-color:#EDD100 !important;
  }
.sunback .btn_sun:hover{
  background:#EDD100 !important;
  }

.sunback .btn-default a{
  color:#000000;
  text-decoration:none;
  }
.sunback .fa{
  font-size:150%;
  color:#514700;
  }

  /* SPメニュー */
  .sp-search {
    background: #666;
    padding: .5rem;
    text-align: right;
  }
  .sp-search-list li {
    margin: 2rem 0;
  }
  .sp-search-list a {
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
  }
  /* ボタン */
  .btn-menu {
    border: 1px solid #999;
    background: transparent;
    color: #fff;
    padding: .5rem 1rem;
    font-size: 2rem;
    cursor: pointer;
    line-height: 1;
  }
   
  /* メニュー */
  .sp-search-nav {
    background: #F5F5F5;
    position: absolute;
    z-index: 1;
    top: 120px;
    right: 0;
    overflow-x: hidden;
    text-align: center;
    width: 0;
    transition: .5s;
    }
  .sp-search-nav.open-menu {
    width: 100%;
  }
/* ▼footer
---------------------------------*/
footer{
  border-top:2px solid #1F4868;
  background:url(https://sun-tv.co.jp/support/wp-content/themes/support/img/h_back.jpg) repeat center center;
  padding:1.5em 0 0.5em 0;
  margin-top:3em;
  }
footer .copy{
  text-align:center;
  font-size:80%;
  padding:0 !important;
  }


  
  

.ribbon{
  width:80%;
  text-align: center;
  margin: 0 auto;
}
.ribbon a{
  display:block;
  text-decoration:none;
  color:#ffffff;
  padding:6px 0;

}
.ribbon .other{
    background-color:#dfb032;
}
.ribbon .service{
    background-color:#2763bc;
}
.ribbon .mono{
    background-color:#82bc27;
}
.ribbon .food{
  background-color:#df3a32;
}
.ribbon a:hover{
  color:#2a2a2a;
  text-decoration:none;
  }

   
/* ▼サイドメニュー
---------------------------------*/
.col-sm-2{
  padding:0 !important;
  }
.nav{
  padding-right:0;
  padding-top:10px;
  display:block;
  width:100%;
  }
.nav ul{
  padding:0 !important;
  list-style:none;
  margin-bottom:0 !important;
  }
.nav li a{
  display:block;
  padding:1em;
  }
.navbar-collapse{
  padding:0 !important;
  }
 .navbar-nav{
   margin:0 !important;
   float:none !important;/*メニュー部分float解除*/
   }
 .navbar-brand{/*スマホ用メニュータイトル*/
   padding:0 !important;
   }
 #gnavi a{
   color:#000000;
   }
 .menu li{
   border-bottom:1px dotted #C4C4C4;
   }
 .menu li:hover{
   background:#E9E9E9;
   }
 .menu li a:hover{
   text-decoration:none;
   }
 .navbar-brand img{/*ナビ用ロゴ*/
   max-width:185px;
   }
 .menu .fa{/*メニュー内のアイコン*/
  font-size:180%;
  padding-right:0.5em;
  width:1.3em;
  }
 @media screen and (max-width:767px){/*スマホの時はメニューに背景をつける*/
 .navbar-default{
   background:url(https://sun-tv.co.jp/go-hyogo/wp-content/themes/go_hyogo/img/h_back.jpg) repeat center center;
   }
 .navbar-default .navbar-toggle{/*ボタンは白っぽく*/
   background:#F9F9F9;
   }
 .navbar-default .navbar-collapse{/*項目は透かし*/
   background:rgba(255,255,255,0.5)
   }
 }


/* ▼ウィジェット
---------------------------------*/
 .widgettitle{
  font-size:16px;
  border-bottom:1px dotted #4E4E4E; 
  }
 .textwidget{
  text-align:center;
  }
 .widget_tag_cloud{
  margin-top:2em; 
  }
    
  









/* ▼iframeをレスポンシブに
---------------------------------*/
.iframe_wrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}
.iframe_wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*映画コピーライト*/
.movie_copy{
  font-size:87%;
  margin:2em 0;
  }


/* ▼広告
---------------------------------*/
.adsense{
  text-align:center;
  }




/* ▼スラッグ別 装飾指定

   1・斜めがけリボン色
   1・ディスクリプション部分色
   1・カテゴリーマーク
   2・記事一覧色分け
   3・ヘッダー下のボーダー色
   4・メニューアイコン色
   5・投稿記事内タイトルの斜めボーダー背景
   
---------------------------------*/

/*イベント情報【slag_events】(赤系#d93131)
  .slag_events .ribbon a,
  .slag_events .description_container,
  .slag_events .category_mark{
    background: #d93131;
    }
  .slag_events article{
    border:2px solid #d93131;
    }
  .slag_events header{
    border-bottom:2px solid #d93131;
    }
  .icon_slag_events{
    color: #D42C2C;
    }
  .slag_events .post_title{
      background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #ffc0cb 25%, #ffc0cb 50%,
        #fff 50%, #fff 75%,
        #ffc0cb 75%, #ffc0cb
      );
      background-size: 5px 5px;
    }*/

/*コラム【slag_column】(緑系#d93131)
  .slag_column .ribbon a,
  .slag_column .description_container,
  .slag_column .category_mark{
    background: #29AB58;
    }
  .slag_column article{
    border:2px solid #29AB58;
    }
  .slag_column header{
    border-bottom:2px solid #29AB58;
    }
  .icon_slag_column{
    color: #29AB58;
    }
  .slag_column .post_title{
      background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #9FDBBC 25%, #9FDBBC 50%,
        #fff 50%, #fff 75%,
        #9FDBBC 75%, #9FDBBC
      );
      background-size: 5px 5px;
    }*/

/*映画情報【slag_movie】(青系#d93131)
  .slag_movie .ribbon a,
  .slag_movie .description_container,
  .slag_movie .category_mark{
    background: #175393;
    }
  .slag_movie article{
    border:2px solid #175393;
    }
  .slag_movie header{
    border-bottom:2px solid #175393;
    }
  .icon_slag_movie{
    color: #175393;
    }
  .slag_movie .post_title{
      background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #A7DEF1 25%, #A7DEF1 50%,
        #fff 50%, #fff 75%,
        #A7DEF1 75%, #A7DEF1
      );
      background-size: 5px 5px;
    }*/

/*番組内容【slag_shop】(オレンジ系#FF9B2C)
  .slag_shop .ribbon a,
  .slag_shop .description_container,
  .slag_shop .category_mark{
    background: #FF9B2C;
    }
  .slag_shop article{
    border:2px solid #FF9B2C;
    }
  .slag_shop header{
    border-bottom:2px solid #FF9B2C;
    }
  .icon_slag_shop{
    color: #FF9B2C;
    }
  .slag_shop .post_title{
      background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #F1D9A7 25%, #F1D9A7 50%,
        #fff 50%, #fff 75%,
        #F1D9A7 75%, #F1D9A7
      );
      background-size: 5px 5px;
    }*/


/*ペット【slag_pet】(ピンク系#ff5df9)
  .slag_pet .ribbon a,
  .slag_pet .description_container,
  .slag_pet .category_mark{
    background: #ff5df9;
    }
  .slag_pet article{
    border:2px solid #ff5df9;
    }
  .slag_pet header{
    border-bottom:2px solid #ff5df9;
    }
  .icon_slag_pet{
    color: #ff5df9;
    }
  .slag_pet .post_title{
      background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #f1a7db 25%, #f1a7db 50%,
        #fff 50%, #fff 75%,
        #f1a7db 75%, #f1a7db
      );
      background-size: 5px 5px;
    }*/

/*シーン【slag_scene】(紫系#b11cea)
  .slag_scene .ribbon a,
  .slag_scene .description_container,
  .slag_scene .category_mark{
    background: #b11cea;
    }
  .slag_scene article{
    border:2px solid #b11cea;
    }
  .slag_scene header{
    border-bottom:2px solid #b11cea;
    }
  .icon_slag_scene{
    color: #b11cea;
    }
  .slag_scene .post_title{
      background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #c97de6 25%, #c97de6 50%,
        #fff 50%, #fff 75%,
        #c97de6 75%, #c97de6
      );
      background-size: 5px 5px;
    }*/

/*花【slag_flower】(黄系#fff606)
  .slag_flower .ribbon a,
  .slag_flower .description_container,
  .slag_flower .category_mark,
  .slag_flower .category_mark a{
    background: #fff606;
    color:#3d3d3d;
    }
    .slag_flower article{
    border:2px solid #fff606;
    }
  .slag_flower header{
    border-bottom:2px solid #fff606;
    }
  .icon_slag_flower{
    color: #e0d803;
    }
  .slag_flower .post_title{
      background-image: linear-gradient(
        -45deg,
        #fff 25%,
        #fffa7c 25%, #fffa7c 50%,
        #fff 50%, #fff 75%,
        #fffa7c 75%, #fffa7c
      );
      background-size: 5px 5px;
    }*/




/* ▼ページトップボタン
---------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 25px 0;
    text-align: center;
    display: block;
    border-radius: 10px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
#page-top a .fa{
  font-size:120%;
  }


/* ▼サンテレビサイトへのリンクボタン
---------------------------------*/
.sunlink{
  text-align:center;
  }


/* ▼YOUTUBE埋め込み
---------------------------------*/
.youtube_wrapper{
	margin-top: 30px;
  margin-bottom: 30px;
  text-align:center;
  }
@media screen and (max-width:650px){
.youtube_wrapper{
position: relative ;
margin-top: 1.2em ;
margin-bottom: 1.2em ;
padding-top: 69px ;
padding-bottom: 50% ;
overflow: hidden ;
}
.youtube_wrapper iframe {
position: absolute ;
top: 0 ;
left: 0 ;
height: 100% ;
width: 100% ;
}
}



/*SNS*/
.share ul{
  display: flex;
  justify-content: center;
	margin: 40px 0;
	padding: 0;
	list-style: none;
}
.share li a{
  display: block;
  padding: 8px 17px;
  margin-right: 15px;
	border-radius: 10px;
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
}
.share li a:hover{
	opacity: 0.8;
}

.share-tw{
	background-color: #55acee;
}
.share-fb{
	background-color: #3b5998;
}
/* 599以下の場合はシェアの文字を非表示にする*/
@media(max-width:599px){
	.share span{
		display: inline-block;
		text-indent: -9999px;
	}
	.share li a{
		padding: 8px 10px;
	}
}