/*
Theme Name:PORIPU tears for SANGO
Template:sango-theme
Theme Name:sango-theme-poripu
Theme URI:https://oldno07.com/poripu/
Author: マサオカ
Author URI:https://oldno07.com/
Description: SANGOの子テーマです。SANGO親テーマをインストールした状態で、本子テーマを適用してください。使い方は<a href="https://oldno07.com/poripu/">デモサイト</a>を御覧ください。
Version:1.03
/*--------------------------------------
ここから下にCSSを追加してください
--------------------------------------*/

/*--------------------------------------
  見出しh2
--------------------------------------*/
.entry-content h2{
position: relative;
  color: white;
  background: #00c4cc;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;

}

.entry-content h2:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}
/*--------------------------------------
  見出しh3
--------------------------------------*/
.entry-content h3 {
border-bottom: double 5px #00c4cc;
/*線の種類（二重線）太さ 色*/
}
/*--------------------------------------
  見出しh4
--------------------------------------*/
.entry-content h4 {
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
font-size: 1.15em;
}

.entry-content h4:before{ 
font-family: FontAwesome;
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #5ab9ff; /*アイコン色*/
}

/*--------------------------------------
  ウィジェットの背景色を消す
--------------------------------------*/

.textwidget {
	background: #EAEDF2;
}

.textwidget .ad-wigetstyle {
    text-align: center;
}

.widget .textwidget {
    padding: 0 10px 0 10px!important;
}

.sponsored .textwidget{
	background: white;
}

/*--------------------------------------
  記事タイトル下の余白を消す
--------------------------------------*/

#main .entry-content {
    padding-top: 10px;
}
#main .article-header {
    margin-bottom: 10px;
}


/*--------------------------------------
  横長記事一覧のスタイル
--------------------------------------*/
.sidelong__img{
	width: 130px;
}

.sidelong__article-info h2, .cardtype__article-info h2{
	color:#1063B5;	
}

.itiranyokonaga-custam{
	font-size:0.7em;
}

.itirancard-custam{
	margin: 8px 13px 0;
	font-size:0.7em;
}

.sidelong__link{
	box-shadow: 0 10px 20px -5px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    background-color: white; 
    transition: all .3s ease;
	padding: 0 7px 0 7px;
}

.sidelong__article{
	margin: 0 0 0.5em;
}


/*--------------------------------------
  タイトルとアイキャッチの間
--------------------------------------*/
.title-eyecatch-widget {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 20px;
}


/*--------------------------------------
  アフィボタン
--------------------------------------*/

/*光るボタン*/
.shinybutton {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.shinybutton a {
 display: block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 100%;
 font-size:12pt;
 font-weight: bold ;
 border-radius: 5px;
 color: #ffffff !important;
 padding: 12px 0;
 text-align: center;
 text-decoration: none;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
}
/*赤いボタン*/
.shinybutton-red a {
 border-bottom: solid 5px #e53935 ;
 background-color: #ef5350 ;	
}
/*赤いボタンここまで*/

/*緑のボタン*/
.shinybutton-green a {
 border-bottom: solid 5px #21610B ;
 background-color: #298A08 ;	
}
/*緑のボタンここまで*/

/*食べログのボタン*/
.shinybutton-taberogu a {
 border-bottom: solid 5px #e16b0a ;
 background-color: #f3980a ;	
}
/*食べログのボタンここまで*/

.shinybutton a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.shinybutton a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
}
/*光るボタンここまで*/

.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #67c5ff;
    color: white;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.square_btn:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.square_btn2 {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #f88080;
    color: white;
    border: solid 2px #f88080;
    border-radius: 3px;
    transition: .4s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.square_btn2:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.taberogu {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #f3980a;
    color: white;
    border: solid 2px #f3980a;
    border-radius: 3px;
    transition: .4s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.taberogu:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.hotpepper {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #E73820;
    color: white;
    border: solid 2px #E73820;
    border-radius: 3px;
    transition: .4s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.hotpepper:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

/*--------------------------------------
 テーブルでURLが改行されない 
--------------------------------------*/
table td a{word-break:break-all;"}