@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/*アフィリエイトボタン用CSS*/
#inner-content .btn2{padding:0;margin:.5em .5em .5em 0}#inner-content .btn2 a{display:block;padding:.4em .8em}#inner-content .btn2 a:hover{display:block;text-decoration:none}.btn2.btntext a {color: inherit;}#inner-content .btn2.raised a{color:#fff}.btn2.flat1 a{color:#00bcd4}.btn2.flat1 a:hover{color:#fff}.btn2.flat2 a{color:#67c5ff}.btn2.flat2 a:hover{color:#fff}.btn2.flat3 a,.btn2.flat4 a,.btn2.flat5 a{color:#67c5ff}.btn2.flat4 a:hover{color:#679efd}.btn2.flat5 a:hover{color:#fff}.btn2.flat6 a{color:#668ad8}.btn2.flat6 a:hover{color:#fff}.btn2.flat7 a{color:#67c5ff}.btn2.flat8 a{color:#00bcd4}.btn2.flat9 a{color:#fff}.btn2.flat10 a{color:#ffa000}.btn2.flat10 a:hover{color:#fff}.btn2.flat11 a{color:#668ad8}.btn2.cubic1 a,.btn2.grad1 a,.btn2.grad2 a,.btn2.grad3 a,.btn2.grad4 a{color:#fff}#inner-content .btn2.emboss a{color:rgba(0,0,0,.4)}.btn2.text3d.blue-bc a{color:#4f9df4}.btn2.text3d.red-bc a{color:#f88080}.btn2.text3d.green-bc a{color:#90d581}.btn2.cubic2 a,.btn2.cubic3 a{color:#fff}.btn2 img{visibility:hidden;display:block;width:0;height:0;}/*END アフィリエイトボタン用CSS*/

#inner-content .wd100 {
    width: 100%;
    text-align: center;
}

.aka { color: #ff0000;font-weight: bold; }
.ao { color: #0000cc;font-weight: bold; }
.orange{color:#f60;font-weight: bold;}
.b { font-weight: bold; }
.line { background: #ffff00;font-weight: bold; }
.big { font-size: 20px; }
.bb{ font-weight: bold;font-size: 20px;}
.bbb{ font-weight: bold;font-size: 20px; color: #ff0000; }
.pink2{color:#ff1493;font-weight: bold;}

/*テキストリンク装飾*/

.textlink{
margin-top:20px;
font-size:20px;
font-weight:bold;
}

.clear{clear:both;}
.foot_p{
border:1px solid #191970;
background-color:#b0c4de;
font-size:10px;
line-height:150%;
margin: 20px auto;
padding:20px;
}

/*トップエリア*/

.img_top{
margin:0 auto;
padding: 0 10px;
float:center;
}

.imgtop2{
margin:10px;
padding:5px 10px;
float:center;
text-align:left;
font-weight:bold;
font-size:  14px;
}


.rankaka{font-size:20px;font-weight:bold;color:#f00;margin-bottom:10px;}
.rankarea{font-size:14px;border:1px dotted #666;padding:10px;}

.imgl {
	margin: 5px 20px 5px 10px;
	padding: 0;
	float: left;
}

.imgr {
margin: 5px 30px 5px 20px;
padding: 0;
float: right;
}

img.imgr,img.imgl{
width:30%;
height:30%;
}

/*緊急*/

.kinkyu2{	
	background-color:#ffc;
	margin:10px auto;
	padding:10px;
	border:1px solid #f00;
}

/*マップのテーブル*/

#map{
width:100%;
background-color:#666;
margin:10px auto 20px auto;
text-align:center;
}

.tr{
text-align:left;
height:50px;
}

.td1{
background-color:#d3d3d3;
width:25%;
padding-left:10px;
line-height:200%;
}

.td2{
background-color:#fff;
width:75%;
padding-left:10px;
}

/*そのほか*/

ul{list-style-type: none}


.check{
margin:20px auto;
line-height:24px;
font-size:20px;
padding-left:34px;
padding-bottom:10px;
background-image:url(https://xn--mck8fl82gx5v.net/wp-content/themes/keni71_wp_corp_pink_201712281457/images/icon/icon-check-list.png);
background-repeat:no-repeat;
border-bottom:1px dotted #000;
font-weight:bold;
}

.nbox{
border:1px solid #999;
margin: 20px auto;
padding:15px;
}

/*--------------------------------------------------------
店舗ページの評価テーブル
--------------------------------------------------------*/

#rank01{
width: 100%;
margin: 1em 0;
padding: 0;
border-top: 1px solid #cfcfcf;
border-left: 1px solid #cfcfcf;
}

.rank01_th,.rank01_td{
padding: 0.25em 0.7em;
border-right: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
}

.rank01_th{
width:33%;
}

.rank01_td{
width:66%;
font-size:0.8em;
}

.rank01_th{
background-color: #ffdad8;
text-align: left;
font-weight:normal;
font-size:0.8em;
line-height:150%;
}

thead .rank01_th{
background-color: #ff9690;
color: #fff;
text-align: center;
}

.rank01_td50{
background-image:url(/img/star50.png);
}

.rank01_td45{
background-image:url(/img/star45.png);
}

.rank01_td40{
background-image:url(/img/star40.png);
}

.rank01_td35{
background-image:url(/img/star35.png);
}

.rank01_td30{
background-image:url(/img/star30.png);
}

.rank01_td25{
background-image:url(/img/star25.png);
}

.rank01_td20{
background-image:url(/img/star20.png);
}

.rank01_td15{
background-image:url(/img/star15.png);
}

.rank01_td10{
background-image:url(/img/star10.png);
}

.rank01_td05{
background-image:url(/img/star05.png);
}

.rank01_td50,.rank01_td45,.rank01_td40,.rank01_td35,.rank01_td30,.rank01_td25,.rank01_td20,.rank01_td15,.rank01_td10,.rank01_td05{
margin:1em 0;
background-repeat:no-repeat;
padding-left:170px;
font-weight:bold;
font-size:18px;
line-height:200%;
}

/*マップのテーブル*/

#map{
width:100%;
background-color:#666;
margin:10px auto 20px auto;
text-align:center;
}

.tr{
text-align:left;
height:50px;
}

.td1{
background-color:#d3d3d3;
width:25%;
padding-left:10px;
line-height:200%;
}

.td2{
background-color:#fff;
width:75%;
padding-left:10px;
}

.instagram-media {
    position: static!important;
}

/*トップページ人気記事用のウィジェット*/
.popular-posts .cardtype__article-info {
    padding-top: 0.5em;
}
.popular-posts .cardtype__link {
    padding-bottom: 10px;
}
.popular-posts.cardtype {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.popular-posts .cardtype__article {
    width: 48%;
    margin: 0 0 25px;
}
.popular-posts .cardtype__article:nth-child(odd){
    margin-right: 4%;
}
.popular-posts .cardtype__article p {
    margin: 0; 
}
.popular-posts.cardtype h2 {
    margin: 0 5px;
    font-size: 15px;
}

h3{background-color:#fcfcfc;}