/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Version: 20180323
*/

/* 以前のフォントにする場合はコメントアウトして下さい
* {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}
*/
/*
@font-face {
  font-family: 'HonyaJi';
  src: url('./fonts/HonyaJi-Re.ttf') format('opentype');
}
*/
/* 口コミ用のフォント------口コミ設置時にコメントアウトを外して使おう
@font-face {
    font-family: 'HuiFontP';
    src: url('./fonts/HuiFontP.woff2') format('woff2'),
    url('./fonts/HuiFontP.woff') format('woff'),
    url('./fonts/HuiFontP.ttf') format('truetype'),
    url('./fonts/HuiFontP.eot') format('embedded-opentype');
}
*/
*{
	font-family: sans-serif;
    margin: 0px;
    padding: 0px;
}
/*=======追加=======*/
table td{word-break: break-all;}
table td:first-child {background: #fffcf1;}
.jump {
  cursor: pointer;
  text-decoration: underline;
  color: #4682b4;
}
.jump:hover {color: #991f5c;}
#side .menu_underh1, #side .st-widgets-title:not(.st-css-no) {color: #bb9114 !important;}
#side .menu_underh1::after, #side .st-widgets-title:not(.st-css-no) ::after {background: #b68c0d !important;}
#headbox h1{
	margin:0;
    padding-top: 0;
	background: none;
	border-top:none;
	border-bottom:none;
	font-size:12px;
	line-height:1.2em;
}
#header-l {margin: 0 auto;}
.st-middle-menu {background: #fff !important;}
.st-middle-menu .menu > li {width: 25% !important; height: 5em;}
.st-middle-menu .menu li a {display: grid;}
h1.entry-title {margin-top: 0;}
.category .kanren:not(.st-cardbox) {margin-top: 10px;}
.h3modoki, .post h3:not(.st-css-no):not(.st-matome):not(.rankh3):not(#reply-title) {border-left: 5px solid #212121 !important;}
@media only screen and (max-width: 780px) {
    #headbox-bg #headbox {padding: 0!important;}
    #headbox img.sitename-only-img {
        margin: 0;
        padding: 0;
        transform: scale(.8);
    }
    header .descr.sitename-only, header .sitename.sitename-only {padding-top: 0;}
    .st-middle-menu {display: none;}
    .post h1.entry-title:not(.st-css-no)::before {display: none !important; transform: scale(0.7);}
    .st-dash-design a {font-size: 19px;}
    .st-middle-menu ul {justify-content: center;}
    ul#menu-top\%e3\%83\%8a\%e3\%83\%93 li {
        background: linear-gradient(to left,#212121 0%,#424242 100%) !important;
        margin: 3px 5px;
        padding: 9px 7px;
        border-radius: 5px;
        margin-top: 5px;
    }
    ul#menu-top\%e3\%83\%8a\%e3\%83\%93 li a {line-height: 25px;}
    #content-w .st-middle-menu .menu li a {font-size: 80%;}
    .st-middle-menu .menu > li {width: 21% !important;height: 4.7em;}
    .tagst {display: none;}
    h1.entry-title {margin-bottom: 0 !important; margin-top: -15px;}
    .category .kanren:not(.st-cardbox) {margin-top: -10px !important;}
}
/*--------------------------------
ぱんくず
---------------------------------*/
#breadcrumbs {
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch; /* スマホでスクロールを滑らかにする */
    overflow-x: auto; /* [必須] テキストが多い時はX軸にスクロールバーが出現するように */
    overflow-y: hidden;
}
#breadcrumbs span span:nth-last-of-type(1) a {
    pointer-events: none;
    text-decoration: none;
    color: initial;
    font-weight: bold;
}
@media print, screen and (max-width: 768px) {
    #breadcrumbs {margin-bottom: 20px;}
}

/* 【スクロールバー】  */
#breadcrumbs::-webkit-scrollbar {height: 5px;}
#breadcrumbs::-webkit-scrollbar-track {border-radius: 5px; background: #eee;}
#breadcrumbs::-webkit-scrollbar-thumb {border-radius: 5px; background: #999;}
#breadcrumbs>span {display: table; /* [必須]  */}
#breadcrumbs>span>span {
    font-size: 12px;
    display: table-cell; /* [必須]  */
    white-space: nowrap; /* [必須] テキストを改行させないように */
    vertical-align: middle;
    padding-right: 26px;
    position: relative;
}
#breadcrumbs span:last-of-type {padding-right: 0;}
#breadcrumbs span:last-of-type:after {display: none;}

/* 【矢印】 ため息がでるぐらいかっこよくサイトの雰囲気に合わせて変更 */
#breadcrumbs span:after {
    position: absolute;
    display: block;
    content: '';
    content: ">";
    top: 0;
    right: 8px;
}

/* 【リンクアンダーライン】 適当にサイトの雰囲気に合わせて変更 */
#breadcrumbs span a:before {
    position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #111;
    bottom: -7px;
}
#breadcrumbs span:firs-of-type{
    background-color: #eee;
    border-radius: 4px;
    padding: 6px 8px;
}

/* スクロール設定解除 */
#breadcrumbs.no-scroll span {display: block;}
#breadcrumbs.no-scroll span {
    display: inline-block;
    margin-bottom: 12px;
    white-space: normal;
}
#breadcrumbs.no-scroll span:after {top: -4px;}

/* PC用リンクアニメーション サイトの雰囲気に合わせ劇シブに変更 */
@media print,screen and (min-width: 1024px) { /* 1024pxは適宜変更 */
    #breadcrumbs span a:before {transform: scaleX(1); transition: transform 0.3s ease;}
    #breadcrumbs span a:hover:before {transform: scaleX(0);}
}

/*カテゴリー別ヘッダーCSS*/
#st-menuwide {background: url(/),linear-gradient(to top,#000a93 0%,#0c1857 100%);}

@media print, screen and (min-width: 960px) {
  .cat_373 .smanone ul.menu li a:hover, .cat_376 .smanone ul.menu li a:hover {text-shadow: 0 0 10px #bd9856, 0 0 20px #dba11d;}
  .cat_375 .smanone ul.menu li a:hover, .cat_377 .smanone ul.menu li a:hover {text-shadow: 0 0 10px #ffad18, 0 0 20px #ffe007;}
  .cat_362 .smanone ul.menu li a:hover {text-shadow: 0 0 10px #bd9856, 0 0 20px #dba11d;}
  .cat_378 .smanone ul.menu li a:hover, .cat_379 .smanone ul.menu li a:hover {text-shadow: 0 0 10px #ffcd18, 0 0 20px #ffc318;}
}

li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-2746 {padding: 0px 15px;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-2747 {padding: 0 15px;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-2748 {padding: 0 15px;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-7959 {padding: 0 15px;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-8874 {padding: 0 15px;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-7960 {padding: 0 15px;}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-582 {padding: 0 15px;}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1374 {padding: 0 15px;}
li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-12319 {padding: 0 15px;}
@media only
.h1modoki, .post h1:not(.st-css-no),.entry-title{color:#991F5C !important;}
.h2modoki, .post h2:not(.st-css-no):not(.st-matome):not(.rankh2):not(#reply-title) {border-top:5px solid #991F5C !important;}
.post h1.entry-title>span {padding: 0px 20px 0 0 !important;display: block !important;}
.post h1.entry-title>span span{padding:0 !important;margin:0 !important;}
.post h1.entry-title:not(.st-css-no){position: relative;overflow: visible;line-height: 1.3em !important;}
.post h1.entry-title a{color:#333;}
.post h1.entry-title a:hover{text-decoration: none !important;}
.post h1.entry-title:not(.st-css-no)>span.st-dash-design::before{background-color:transparent !important;}
.post h1.entry-title:not(.st-css-no)>span.st-dash-design::after{display: none !important;}
.post h1:not(.entry-title) span.st-dash-design::before, .post h1:not(.entry-title) span.st-dash-design::after{display:none;}
.post h1:not(.entry-title) span.st-dash-design, .post h1:not(.entry-title) span.st-dash-design span {padding: 0; margin: 0;}
.entry-content h1:not(.entry-title){text-align:left !important;}
.post h1:not(.entry-title){
	position:relative;
	min-height:40px;
    background-color: #e2b3cb !important;
    border-radius: 8px;
    margin-bottom: 1.8em;
    text-align:left !important;
}
.post h1:not(.entry-title)>span{padding-left:43px !important;}

.catname{background:#00c8bf !important;}
/*--文字装飾--*/
.strong{background: linear-gradient(transparent 80%, #F8C8D1 0%);font-weight:bold;}
.pink{color:#FE9390;font-weight:bold;}
.green{color:#74D9CE;font-weight:bold;}
.bg_y{background-color: #ffff99;font-weight:bold;}
.bg_g{background: linear-gradient(transparent 80%, #8aefe4 0%);font-weight:bold;}
.bg_p{background: linear-gradient(transparent 80%, #F8C8D1 0%);font-weight:bold;}
/*--サイドバー---*/
#side li.page_item:not(.menu-item) li{border-top:1px dotted #ccc;}
#side aside ul li {
    font-size: 14px;
    line-height: 18px;
    padding: 0.5em;
}
/*--サイドバーにあるgoogle検索ボックスの表示--*/
#side form.gsc-search-box.gsc-search-box-tools table tr td,
table.gsc-table-result tr td,
table.gsc-above-wrapper-area-container tr td,
table.gsc-resultsHeader tr td{border:none !important;line-height: normal !important;}
#side form.gsc-search-box.gsc-search-box-tools table tr td.gsib_a {width: 100%;padding: 0 6px;}
#side form.gsc-search-box.gsc-search-box-tools .gsc-input-box {height: auto !important;padding: 4px !important;}
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {background-color: #666666 !important;}
.cse .gsc-search-button-v2, .gsc-search-button-v2 {padding: 8px 27px !important;}
/*--サイドバータグ一覧--*/
.tagcloud a {
    background: #ffffff;
    border: #e53935 solid 1px !important;
    color: #1f537d !important;
    opacity: 1;
    border-radius: 20px;
    margin: 7px 2px 6px;
    font-size: 16px !important;
    font-weight: 700;
	box-shadow: 3px 3px;
	animation: purupuru2 0.3s infinite;
}
a.tag-cloud-link:before {
    content: "\f004";
    font-size: 1.2em;
    font-family: 'FontAwesome';
    margin-right: 3px;
    color: red;
}
#side ul.menu li a {
    position: relative;
    line-height: 22px;
    display:block;
    padding-left: 1.5em;
    background:#fff;
}
#side ul.menu li a:before {
    content: url(https://www.s-restaurant24h.site/wp-content/uploads/2020/11/icon_side_li.png);
    display: inline-block;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    margin-left: -2.5em;
}
@keyframes purupuru2 {
    0% {transform: scale(1, 1);}
    50% {transform: scale(0.98, 0.95)}
}

/*サイドバーカテゴリー別リンク*/
#categoryname {display: none;}

/*--footerのメニュー--*/
#footer .footerlogo a {text-decoration: none; color: #fff !important;}
#footer .headbox ul.menu{list-style-type:none;padding-left:0px;}
#footer .headbox ul.menu li{display:inline-block;}
#footer .headbox ul.menu li a{display:inline-block;padding:0 10px;}
/*プロフィール用CSS*/
.profile-box1,.profile-box2,.profile-box3{font-size:15px;}
dl.profile-type1{float: right; width:100%;}
.profile-box2 label{width:7em;text-align:center;background:#FCA3AD;color:#fff;display:inline-block;margin-right:0.7em;border-radius:3px;}
dl.profile-type1 dt{color:#FCA3AD;width:140px;float:left;padding:5px 0 5px 5px;clear:both;}
dl.profile-type1 dd{padding:5px 0 5px 140px;}
dl.profile-type1 dd:not(:last-child){border-bottom: 1px dotted #ccc;}
.profile-box3{background:#F3F3F3;padding-bottom:1.0em;}
dl.profile-type2{margin: 0 0.7em}
dl.profile-type2 dt{font-weight:bold;color:#4682b4;}
dl.profile-type2 dd{
    background: #fff;
    border-radius: 7px;
    padding: 1.0em;
    margin-bottom:1.0em;
}
.profile-type3 label{font-weight:bold;display:block;}
dl.profile-type4 dt{color:#4682b4;font-weight:bold;}
dl.profile-type4 dt:before{content: "\f2c4";font-family: FontAwesome;}
dl.profile-type4 dd{margin-bottom:1.0em;}

/*吹き出しCSS*/
.freview-l img{
	width: 60px;
    height: auto;
    float: left;
    position: relative;
    margin-right: -60px;
}
.freview-l p.fukidashi{
	float: left;
    position: relative;
	background:#EEEEEE;
    margin-left: 70px;
	border-radius: 0 15px 15px 15px;
	padding:1.0em;
}
.freview-l p.fukidashi:before{
    position: absolute;
    top: 0;
    left: -8px;
    z-index: 1;
    height: 0;
    width: 0;
    border-style: solid none none solid;
    border-width: 8px;
    border-color: #EEEEEE transparent;
    content: "";
}
.freview-r img{
	width: 60px;
    height: auto;
    float: right;
    position: relative;
    margin-left: -60px;
}
.freview-r p.fukidashi{
	float: right;
    position: relative;
	background:#EEEEEE;
    margin-right: 70px;
	border-radius: 15px 0 15px 15px;
	padding:1.0em
}
.freview-r p.fukidashi:before{
    position: absolute;
    top: 0;
    right: -8px;
    z-index: 1;
    height: 0;
    width: 0;
	border-style: solid solid none none;
    border-width: 8px;
    border-color: #EEEEEE transparent;
    content: "";
}
/*--記事をさんこうにしている人の人数表示--*/
.post-view {
    float: right;
    font-weight: bold;
    padding: 6px 12px !important;
    font-size: 11px;
    border-radius: 50px;
    background-color: #FAF8F6;
    border: 1px solid #F3F1EE;
}
.post-view i {
    background-color: #ee7b91;
    color: #fff;
    padding: 2px 8px;
    text-align: center;
    line-height: 2;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 4px;
    vertical-align: top;
}
/*shopinfo*/
.k_img_box {display: block; text-align: center;}
.k_text {
    margin: 1em 0 3em;
    line-height: 1.5em;
    padding: 0.7em;
    background: #ffe7f1;
}
.k_kousiki {margin: 0.5em; color: #991f6b;}
.k_linkurl{
	color: #4682b4;
	text-decoration:underline;
	display:inline-block;
	padding-left:0.7em;
}
/*追加　ランキング2(ロング⑧ver)表示*/
.l-rankbox {
    background: #f3c0da;
    position:relative;
    margin-top:55px;
}
.post .l-rankbox h3.l-ranktitle {
    display: inline-block;
    position: absolute;
    top: -55px;
    left: 15px;
    background: #991f5c !important;
    color: #fff !important;
    border:none !important;
}
.post ul.l-ranklist {list-style-type: none !important; padding: 20px 20px 10px 20px !important;}
ul.l-ranklist li .l-namebox{position:relative; padding-left:80px;}
ul.l-ranklist li .l-namebox:before{
	position:absolute;
	top:50%;
	margin-top:-35px;
	left:0;
}
ul.l-ranklist li:nth-child(1) .l-namebox:before{content:url(./images/icon/icon_l-rank01.png);}
ul.l-ranklist li:nth-child(2) .l-namebox:before{content:url(./images/icon/icon_l-rank02.png);}
ul.l-ranklist li:nth-child(3) .l-namebox:before{content:url(./images/icon/icon_l-rank03.png);}
ul.l-ranklist li:nth-child(4) .l-namebox:before{content:url(./images/icon/icon_l-rank04.png);}
ul.l-ranklist li:nth-child(5) .l-namebox:before{content:url(./images/icon/icon_l-rank05.png);}
ul.l-ranklist li:nth-child(6) .l-namebox:before{content:url(./images/icon/icon_l-rank06.png);}
ul.l-ranklist li:nth-child(7) .l-namebox:before{content:url(./images/icon/icon_l-rank07.png);}
ul.l-ranklist li:nth-child(8) .l-namebox:before{content:url(./images/icon/icon_l-rank08.png);}
ul.l-ranklist li:nth-child(9) .l-namebox:before{content:url(./images/icon/icon_l-rank09.png);}
ul.l-ranklist li:nth-child(10) .l-namebox:before{content:url(./images/icon/icon_l-rank10.png);}
.l-imgbox{text-align:center;width:30%;float:left;margin-right:3%;}
.l-item-box {
    background: #fff;
    padding: 1.5em;
    margin: 1.0em 0;
    border-radius: 8px;
}
ul.l-ranklist li .l-reviewbox.r01,
ul.l-ranklist li .l-reviewbox.r02{position:relative;padding-left:150px;margin-top:1.0em;}
ul.l-ranklist li .l-reviewbox.r01:before,
ul.l-ranklist li .l-reviewbox.r02:before{
	position:absolute;
	top:50%;
	margin-top:-80px;
	left:0;
}
ul.l-ranklist li .l-reviewbox:before{content:url(./images/icon/icon-l-rankreview01.png);}
ul.l-ranklist li .l-reviewbox span.r-text{background:#fff0e0;padding:1.0em;display:block;position:relative;}
ul.l-ranklist li .l-reviewbox span.r-text:after {
	border:10px solid transparent;
	border-right-color:#fff0e0;
	border-left-width:0;
	left:-10px;
	content:"";
	display:block;
	top:60%;
	position:absolute;
	width:0;
}

/*ランキングpc*/
.section__body {
    display: block;
    margin-top: 28px;
    width: 94%;
    margin-left: 2px;
    border: 1px solid #dcdcdc;
    padding: 5px;
    padding-top: 22px;
}
.body_rank {display: flex;}
.ranking1__list {
    margin: 2px;
    width: 100%;
    padding: 2px;
}
.ranking1__title {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 2px;
    text-decoration: none;
    display: block;
    color: #000000;
}
.ranking1__image {width: 100%; height: auto;}
p.ranking1__text1 {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 8px;
    margin-top: 6px;
}
p.ranking1__text1:after {
    border-bottom: 2px solid #4c4c4c;
    content: "";
    width: 22%;
    display: block;
    margin-left: 40%;
    margin-top: 5px;
}
.sfrank_btn {
    display: flex;
    width: 100%;
    padding-left: 0!important;
    text-align: center;
    margin-bottom: 10px !important;
}
.sfrank_btn1 {
    display: block;
    background-color: #0db2a5;
    padding: 12px 16px;
    margin: 3px;
    width: 95%;
    border-bottom: 3px solid #1b9087;
    height: 100%;
}
.sfrank_btn2 {
    display: block;
    background-color: #dd2860;
    padding: 12px 16px;
    margin: 3px;
    width: 95%;
    border-bottom: 3px solid #943955;
    height: 100%;
}
.sfrank_btn3 {
    display: block;
    background-color: #53b0ef;
    padding: 12px 16px;
    margin: 3px;
    width: 95%;
    border-bottom: 3px solid #5186ab;
    height: 100%;
}
.sfrank_btn1:hover {filter: brightness(110%);}
.sfrank_btn2:hover {filter: brightness(110%);}
.sfrank_btn3:hover {filter: brightness(110%);}
a.sfrank_btn_text1,.jump.sfrank_btn_text1 {
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    padding-right: 0px;
    position: relative;
}
a.sfrank_btn_text1:after,.jump.sfrank_btn_text1:after {
   font-family: 'FontAwesome';
   content: "\f105";
   position: absolute;
   top: 50%;
   right: 0;
   margin-top: -8px;
}
span.sfrank_btn_text2 {
    font-size: 13px;
    font-weight: 100;
    display: block;
}
.str_btn {
    background: linear-gradient(to top,#ca60c8,1px,#000000,#212121,#44363d);
    width: 80%;
    border: 3px solid #e02587;
    border-radius: 60px;
    box-shadow: 3px 3px 5px #212121;
    text-align: center;
    line-height: 26px;
    margin: 0 auto;
}
.str_btn a,.str_btn .jump {
    color: #ffe2e2;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 22px;
    text-shadow: 1px 1px 10px #e02587, 2px 2px 20px #e02587;
    margin-left: 14px;
    padding: 26px 0px;
    text-align: center;
}
.str_btn a:hover ,.str_btn .jump:hover{text-shadow: 1px 1px 10px #e672af, 2px 2px 20px #e27ab1;}
.str_btn a:before,.str_btn .jump:before {
    font-family: 'FontAwesome';
    content: "\f004";
    font-size: 32px;
    display: block;
    color: #fff;
    position: absolute;
    margin-left: 2px;
}
.str_btn a:after,.str_btn .jump:after {
    font-family: 'FontAwesome';
    content: "\f054";
    font-size: 20px;
    right: 13%;
    position: absolute;
    display: block;
    margin-top: -24px;
    filter: opacity(.5);
}
.str_btn a:before,.str_btn .jump:before {animation: btn_heart 1s linear infinite;}
.str_btn2 {
    background: linear-gradient(to top,#000000,1px,#171717,#212121,#3c3c3c);
    width: 53%;
    border-radius: 15px;
    text-align: center;
    line-height: 26px;
    margin: 0 auto;
    margin-bottom: 80px;
}
.str_btn2 br {display: none;}
.str_btn2 span:not(.jump) {display: block;}
.str_btn2:hover {background: linear-gradient(to top,#000000,1px,#212121,#212121,#4a4a4a);}
.str_btn2 a,.str_btn2 .jump {
    color: #ffffff;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 18px;
    padding: 26px 0;
    text-align: center;
    font-weight: 600;
}
.str_btn2 a:before,.str_btn2 .jump:before {
    content: url(https://www.s-restaurant24h.site/wp-content/uploads/2021/02/cupid1.gif);
    font-size: 32px;
    display: block;
    color: #fff;
    position: absolute;
    margin-left: -39px;
    margin-top: -27px;
}
.str_btn2 a:hover:before ,.str_btn2 .jump:hover:before{
    content: url(https://www.s-restaurant24h.site/wp-content/uploads/2021/02/cupid2.png);
    font-size: 32px;
    display: block;
    color: #fff;
    position: absolute;
    margin-left: -38px;
    margin-top: -27px;
}
.str_btn2 a:after,.str_btn2 .jump:after {
    font-family: 'FontAwesome';
    content: "\f054";
    font-size: 20px;
    right: 27%;
    position: absolute;
    display: block;
    margin-top: -33px;
    filter: opacity(0.8);
    color: #ffffff;
}
.str_btn2 a:hover:after,.str_btn2 .jump:hover:after {content: none;}
@keyframes btn_heart {
    20% {
        transform: scale(1.5, 1.5);
    }
    35% {
        transform: scale(0.98, 0.95)
    }
    50% {
        transform: scale(1.5, 1.5);
    }
    65% {
        transform: scale(1, 1)
    }
}
/*ボタン　スマホ*/
@media only screen and (max-width:768px) {
    .str_btn {
      background: linear-gradient(to top,#ca60c8,1px,#000000,#212121,#44363d);
      display: inline-block;
      width: 80%;
      border: 3px solid #e02587;
      border-radius: 60px;
      box-shadow: 3px 3px 5px #212121;
      text-align: center;
      line-height: 26px;
      margin-left: 9%;
  }
  .str_btn span {display: inline-flex; font-size: 14px;}
  .str_btn a,.str_btn .jump {
      color: #f9dde8;
      display: block;
      width: 100%;
      height: 100%;
      text-decoration: none;
      font-size: 18px;
      text-shadow: 1px 1px 10px #e02587, 2px 2px 20px #e02587;
      margin-left: 14px;
      padding: 8px 0px;
      text-align: center;
  }
  .str_btn a:before,.str_btn .jump:before {
      font-family: 'FontAwesome';
      content: "\f004";
      font-size: 32px;
      display: block;
      color: #fff;
      position: absolute;
      margin-top: 13px;
      margin-left: 4px;
  }
  .str_btn a:after,.str_btn .jump:after {
      font-family: 'FontAwesome';
      content: "\f054";
      font-size: 17px;
      right: 13%;
      position: absolute;
      display: block;
      margin-top: -27px;
      filter: opacity(0.5);
  }
.str_btn a:before,.str_btn .jump:before {animation: btn_heart 1s linear infinite; margin: auto;}
.str_btn2 {width: 84%; margin-bottom: 40px;}
.str_btn2 br {display: none; !important}
.str_btn2 span:not(.jump) {display: block;}
.str_btn2 a,.str_btn2 .jump {
    font-size: 18px;
    color: #ffadce;
    margin-left: 2px;
    animation: colorblink 1.5s linear infinite;
  }
.str_btn2 a:before,.str_btn2 .jump:before {
    content: url(https://www.s-restaurant24h.site/wp-content/uploads/2021/02/64092f3a1cb46e9fab6cb9ab70d4b84d.gif);
    display: block;
    position: absolute;
    margin-left: -2.6em;
    margin-top: -37px;
    transform: scale(0.7);
  }
.str_btn2 a:after,.str_btn2 .jump:after {
      font-size: 17px;
      right: 14%;
      filter: opacity(.8);
      margin-top: -38px;
  }
@keyframes btn_heart {
    20% {
        transform: scale(1.5, 1.5);
    }
    35% {
        transform: scale(0.98, 0.95)
    }
    50% {
        transform: scale(1.5, 1.5);
    }
    65% {
        transform: scale(1, 1)
    }
}
@keyframes colorblink {
    0% {
        color: #ff87b9;
    }
    50% {
        color: #ff4b93;
    }
    100% {
        color: #ff87b9;
    }
}
}
@media only screen and (max-width:320px) {
    .str_btn a,.str_btn .jump {font-size: 18px;}
  }

/*ランキング　スマホ*/
@media only screen and (max-width:768px) {
  .section__body {margin-top: 10px; padding-top: 10px;}
  .body_rank {margin-bottom: 19px;}
  .ranking1__list {margin: 1px;}
  .ranking1__title {
      font-size: 12px;
      padding: 2px 0;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Hiragino Kaku Gothic ProN","メイリオ",meiryo,sans-serif;
  }
  p.ranking1__text1 {
      text-align: inherit;
      font-weight: 500;
      font-size: 13px;
      margin-top: 6px;
      font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Hiragino Kaku Gothic ProN","メイリオ",meiryo,sans-serif;
      line-height: 17px;
      margin-bottom: -20px;
  }
  p.ranking1__text1:after {display: none;}
  p.ranking1__text2 {display: none;}
  .sfrank_btn {padding-bottom: 0 !important;}
  .sfrank_btn1 .sfrank_btn2 .sfrank_btn3 {
      padding: 5px 8px;
      margin: 1px;
      width: 100%;
  }
  a.sfrank_btn_text1,.jump.sfrank_btn_text1 {
      font-size: 12px;
      padding-right: 5px;
      margin-bottom: 0;
  }
  a.sfrank_btn_text1:after, .jump.sfrank_btn_text1:after {bottom: 9.8em; right: -6px;}
  span.sfrank_btn_text2 {display: none;}
}

/*ステップブロック*/
.stepbar {margin: 0 auto; width: 80%;}
.stepbar .stepbarwrap {margin: 2em 0; position: relative;}
.stepbar .stepbarwrap .steptitle {display: inline-flex; align-items: center;}
.stepbar .stepbarwrap .steptitle .stepcircle {
    display: inline-block;
    width: 1em;
    height: 1em;
    content: "";
    border-radius: 50%;
    background-color: #1d41bd;
  }
.stepbar .stepbarwrap .steptitle .stepnum {
    padding-left: 1em;
    font-size: .9em;
    font-weight: 700;
    color: #1d41bd;
    margin-bottom: 0;
  }
.stepbar .stepbarwrap .steptxt {
    padding-left: 2em;
    line-height: 2em;
    margin-top: -7px;
  }
.stepbar .stepbarwrap .steptxt:after {
    border-bottom: 1px solid #cdcdcd;
    display: block;
    content: "";
    margin-top: 1.5em;
  }
.stepbarwrap:last-child .steptxt:after {border-bottom: none;}
.stepbar .stepbarwrap .steptxt .title {
    margin: 0.5em 0;
    font-weight: bold;
    font-size: 1.2em;
    background: #d0fbff;
    display: inline-block;
  } 
.stepbar .stepbarwrap .steptxt .txt {font-size: 0.9em;}
.stepbar .stepbarwrap .stepline {
    width: 1px;
    height: calc(100% + 1em);
    background-color: #1d41bd;
    position: absolute;
    top: 1em;
    left: 0.5em;
    z-index: -1;
  }
.stepnum span {
    font-weight: 700;
    font-size: 1.4em;
    padding-left: 0.8em;
    color: #333;
  }
.stepbarwrap:last-of-type .stepline:last-of-type {display: none;}
  
@media screen and (max-width: 960px) {
    .stepbar {width: 90%;}
}

/*ボタンCSS*/
.btn-cv {
    padding: .5em 0;
    overflow: hidden;
    position: relative;
}
.linkbtn {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    display: block;
    position: relative;
    padding: 1rem 3rem;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: all 0.3s;
    letter-spacing: .1em;
    color: #fbfcf6;
    border-radius: 0.5rem;
    width: 40%;
    background-color: #e5306b;
    border-bottom: 4px solid #912c4d;
    margin: auto;
    margin-top: 3em;
    margin-bottom: 3em;
}
.linkbtn.jump:before {
    font-family: 'FontAwesome';
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 100;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: "\f105";
}
span.linkbtn.jump:after {content: "(18禁)";}
.linkbtn:hover {color: #fff; transform: scale(1.02);}

/* 緑ボタン */
.btn-cv a,.btn-cv .jump {
	background: #b5046e;
    background: -webkit-linear-gradient(#b5046e,#e2268e);
    background: linear-gradient(#b5046e,#e2268e);
	text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
    border: solid #fff 3px;
    border-radius: 12px;
    box-shadow: 1px 1px 10px 0 #a1a1a1;
    color: #fff;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.3;
    margin: 0.5em auto;
    padding: 1em 0.5em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    vertical-align: middle;
    width: 80%;
}

/* 赤ボタン */
.btn-cv.is-red a ,.btn-cv.is-red .jump{
  background: #fb4e3e;
  background: -webkit-linear-gradient(#fb4e3e, #d64b26);
  background: linear-gradient(#fb4e3e, #d64b26);
}

/* 水色ボタン */
.btn-cv.is-sky a ,.btn-cv.is-sky .jump{
  background: #00b9eb;
  background: -webkit-linear-gradient(#00b9eb, #009dc7);
  background: linear-gradient(#00b9eb, #009dc7);
}

/* 青ボタン */
.btn-cv.is-blue a,.btn-cv.is-blue .jump {
  background: #09c;
  background: -webkit-linear-gradient(#09c, #069);
  background: linear-gradient(#09c, #069);
}

/* 黒ボタン */
.btn-cv.is-black a,.btn-cv.is-black .jump {
  background: #666;
  background: -webkit-linear-gradient(#8a8a8a, #666);
  background: linear-gradient(#8a8a8a, #666);
}

/* ボタンの光沢 */
.is-reflection:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

/* アニメーションを遅延させる */
.is-reflection + .is-reflection:after {-webkit-animation-delay: .3s; animation-delay: .3s;}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* CVボタン矢印揺れ */
.is-trembling a:before,.is-trembling .jump:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}

  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}

/* アニメーションを遅延させる */
.is-bounce + .is-bounce {-webkit-animation-delay: .5s; animation-delay: .5s;}

/*トップに戻るボタン*/
.ct {
    text-align: center;
    display: flex;
    justify-content: center;
}
.ct .raised.accent-bc {
    background: linear-gradient(to left,#424242 0%,#212121 100%);
    display: block;
    width: 30%;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    font-size: 1.1em;
    margin-bottom: 10px;
		box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    border-bottom: 3px solid #212121;
}
a.raised.accent-bc:hover {text-shadow: 0 0 10px #ff1892, 0 0 20px #ff1892;}
@media screen and (max-width: 768px) {
		.ct .raised.accent-bc {width: 40%;}
}

/*日本地図クリッカブルマップ*/
#japan-map div div.area div {
	border: 1px #ffffff solid;
	text-align: center;
	font-size: 14px;
 	display: flex;
		display: -webkit-flex;
 	align-items: center; /* 縦方向中央揃え */
 		-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 	justify-content: center; /* 横方向中央揃え */
 		-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	border-radius: 6px;
		-webkit-border-radius: 6px;
	position: absolute;
	box-sizing: border-box;
	transition: 0.2s;
}
#japan-map div div.area div:hover {opacity: 0.5; transition: 0.2s;}
#japan-map {
	display: block;
	width: 100%;
	height: 482px;
	background-color: none;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#japan-map p.area-title {display: none;}
div#japan-map p {margin-bottom: 0; line-height: 0;}

/* 北海道・東北 */
#hokkaido-touhoku {
  width: 17.5%;
  display: block;
  height: 265px;
  position: absolute;
  left: 81.6%;
}
#hokkaido-touhoku div.area div {background-color: #3f51b5; color: #ffffff;}
#hokkaido {width: 98%; height: 70px;}
#aomori {
  width: 77%;
  height: 43px;
  left: 10%;
  top: 96px;
}
#akita {
    width: 49%;
    height: 42px;
    left: 0;
    top: 139px;
}
#iwate {
    width: 49%;
    height: 42px;
    left: 49%;
    top: 139px;
}
#yamagata {
    width: 49%;
    height: 42px;
    top: 181px;
    left: 0%;
}
#miyagi {
    width: 49%;
    height: 42px;
    top: 181px;
    left: 49%;
}
#fukushima {
    width: 49%;
    height: 42px;
    top: 223px;
    left: 49%;
}

/* 関東 */
#kantou {
	width: 20%;
	display: block;
	height: 174px;
	position: absolute;
	top: 265px;
	left: 80%;
	z-index: 2;
}
#kantou div.area div {background-color: #027731; color: #ffffff;}
#ibaraki {
    width: 31.5%;
    height: 85px;
    top: 0;
    left: 62.5%;
}
#tochigi {
    width: 31.5%;
    height: 42px;
    top: 0;
    left: 31%;
}
#gunma {
    width: 31.5%;
    height: 42px;
    top: 0;
    left: -1%;
}
#saitama {
    width: 62.5%;
    height: 43px;
    top: 42px;
    left: 0;
}
#chiba {
    width: 31.5%;
    height: 84px;
    top: 85px;
    left: 62.5%;
}
#tokyo {
    width: 62.5%;
    height: 42px;
    top: 85px;
    left: 0;
}
#kanagawa {
    width: 42%;
    height: 42px;
    top: 127px;
    left: 0;
}

/* 中部 */
#tyubu {
    width: 34.5%;
    height: 211px;
    position: absolute;
    left: 56.3%;
    top: 223px;
}
#tyubu div.area div {background-color: #79c32d; color: #ffffff;}
#niigata {
    width: 29.5%;
    height: 42px;
    left: 68.5%;
}
#toyama {
    width: 25%;
    height: 42px;
    left: 43.5%;
}
#ishikawa {
    width: 18.5%;
    height: 57px;
    left: 25%;
}
#fukui {
    width: 25%;
    height: 42px;
    left: 0%;
    z-index: 2;
}
#nagano {
    width: 25%;
    height: 85px;
    left: 43.5%;
    top: 42px;
}
#yamanashi {
    width: 25%;
    height: 42px;
    left: 43.5%;
    top: 127px;
}
#gifu {
    width: 18.5%;
    height: 55px;
    left: 25%;
    top: 57px;
}
#shizuoka {
    width: 25%;
    height: 42px;
    left: 43.5%;
    top: 169px;
}
#aichi {
    width: 18.5%;
    height: 57px;
    top: 112px;
    left: 25%;
}

/* 近畿 */
#kinki {
    width: 24%;
    height: 211px;
    position: absolute;
    left: 41.1%;
    top: 223px;
}
#kinki div.area div {background-color: #f3d500; color: #ffffff;}
#kyoto {
    width: 36%;
    height: 84px;
    left: 27%;
}
#shiga {
    width: 36%;
    height: 42px;
    top: 42px;
    left: 63%;
}
#osaka {
    width: 36%;
    height: 85px;
    top: 84px;
    left: 27%;
}
#nara {
    width: 18%;
    height: 85px;
    top: 84px;
    left: 63%;
}
#mie {
    width: 18%;
    height: 85px;
    top: 84px;
    left: 81%;
}
#wakayama {
    width: 60%;
    height: 42px;
    top: 169px;
    left: 33%;
}
#hyogo {
    width: 27%;
    height: 98px;
    left: 0;
    z-index: 1;
}

/* 中国 */
#tyugoku {
    width: 23.6%;
    height: 98px;
    position: absolute;
    left: 22%;
    top: 223px;
}
#tyugoku div.area div {background-color: #FB7E00; color: #ffffff;}
#tottori {
    width: 27%;
    height: 49px;
    left: 54%;
}
#okayama {
    width: 27%;
    height: 49px;
    top: 49px;
    left: 54%;
}
#shimane {
    width: 27%;
    height: 49px;
    left: 27%;
}
#hiroshima {
    width: 27%;
    height: 49px;
    top: 49px;
    left: 27%;
}
#yamaguchi {
    width: 27%;
    height: 98px;
    left: 0;
}

/* 四国 */
#shikoku {
    width: 28.8%;
    height: 84px;
    position: absolute;
    left: 22%;
    top: 350px;
}
#shikoku div.area div {background-color: red; color: #ffffff;}
#kagawa {
    width: 41%;
    height: 42px;
    right: 0;
    left: 41%;
}
#ehime {
    width: 41%;
    height: 42px;
    left: 0;
}
#tokushima {
    width: 41%;
    height: 42px;
    right: 0;
    top: 42px;
    left: 41%;
}
#kochi {
    width: 41%;
    height: 42px;
    left: 0;
    top: 42px;
}

/* 九州・沖縄 */
#kyusyu {
    width: 23.8%;
    height: 247px;
    position: absolute;
    left: 0;
    top: 235px;
}
#kyusyu div.area div {background-color: #FF0479; color: #ffffff;}
#fukuoka {
    width: 27%;
    height: 50px;
    left: 54%;
    top: 0;
}
#saga {
    width: 27%;
    height: 50px;
    left: 27%;
    top: 0;
}
#nagasaki {
    width: 27%;
    height: 50px;
    left: 0;
    top: 0;
}
#oita {
    width: 27%;
    height: 50px;
    left: 54%;
    top: 50px;
}
#kumamoto {
    width: 27%;
    height: 100px;
    left: 27%;
    top: 50px;
}
#miyazaki {
    width: 27%;
    height: 50px;
    left: 54%;
    top: 100px;
}
#kagoshima {
    width: 36%;
    height: 49px;
    left: 45%;
    top: 150px;
}
#okinawa {
    width: 27%;
    height: 50px;
    left: 0;
    top: 197px;
}

/****************************************
	レスポンシブ
****************************************/
@media screen and (max-width: 776px) {
#japan-map {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-around;
}
#japan-map p.area-title {
	display: inline-block;
	width: 100%;
	font-size: 15px;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 1em;
	color: #000000;
}
#hokkaido-touhoku, #kantou, #tyubu, #kinki, #tyugoku, #shikoku, #kyusyu {
	display: block;
	position: static;
	margin: 0 1em 0 1em;
}
#japan-map div div.area {display: block; position: relative;}
#hokkaido-touhoku {height: calc(265px + 4.5em);}
#kantou {height: calc(174px + 4.5em);}
#tyubu {height: calc(211px + 4.5em);}
#kinki {height: calc(211px + 4.5em);}
#tyugoku {height: calc(98px + 4.5em);}
#shikoku {height: calc(84px + 4.5em);}
#kyusyu {height: calc(247px + 4.5em);}
} /* レスポンシブ max-776px */

@media screen and (max-width: 500px) {
#japan-map {
	display: block;
	width: 100%;
	height: auto;
}
#hokkaido-touhoku, #kantou, #tyubu, #kinki, #tyugoku, #shikoku, #kyusyu {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	position: static;
	margin-left: 0px;
	margin-right: 0px;
}
#japan-map div div.area {
	font-size: 14px;
 	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#japan-map div div.area a {height: auto; width: 25%;}
#japan-map div div.area div {
 	display: block;
	border-radius: 0px;
	position: static;
	height: auto;
	font-size: 16px;
	width: 100%;
	padding: 0.5em 0.3em 0.5em 0.3em;
}
} /* レスポンシブ max-500px */

/*日本地図クリッカブルマップ(パパ活・ママ活)*/
#arealist_papa br, #arealist_mama br {display: none;}
#sidebar #arealist_papa .areatext, #sidebar #arealist_mama .areatext {width: 99%; margin: 0 auto;}
#arealist_papa .hokkaido-touhoku, #arealist_papa .kantou, #arealist_papa .chubu, #arealist_papa .kinki, #arealist_papa .chugoku,  #arealist_papa .shikoku, #arealist_papa .kyushu,
#arealist_mama .hokkaido-touhoku, #arealist_mama .kantou, #arealist_mama .chubu, #arealist_mama .kinki, #arealist_mama .chugoku,  #arealist_mama .shikoku, #arealist_mama .kyushu {margin-bottom: 12px;}
#arealist_papa .hokkaido-touhoku p, #arealist_papa .kantou p, #arealist_papa .chubu p, #arealist_papa .kinki p, #arealist_papa .chugoku p, #arealist_papa .shikoku p, #arealist_papa .kyushu p,
#arealist_mama .hokkaido-touhoku p, #arealist_mama .kantou p, #arealist_mama .chubu p, #arealist_mama .kinki p, #arealist_mama .chugoku p, #arealist_mama .shikoku p, #arealist_mama .kyushu p {border-bottom: none;}
#sidebar #arealist_papa .areatext a, #sidebar #arealist_mama .areatext a, #arealist_papa .areatext a, #arealist_mama .areatext a {
    background: #e5e5e5;
    padding: 0px 12px;
    line-height: 2.5em;
    border-radius: 5px;
    display: inline-block;
    color: #1176d4;
    font-size: 16px;
}
#sidebar #arealist_papa .areatext a, #arealist_papa .areatext a {background: #ebf0f5;}
#sidebar #arealist_mama .areatext a, #arealist_mama .areatext a {background: #fbeeee;}
#sidebar #arealist_papa .areatext a, #sidebar #arealist_mama .areatext a {margin: 2px -3px;}
#arealist_papa .areatext a, #arealist_mama .areatext a {margin: 2px 2px;}

/* FAQ */
dl.faq dt {
    color: #2a3f8d;
    font-weight: bold;
    margin-bottom:7px;
}
dl.faq dt:before {
    content: 'Q';
    background: #242424;
    display: inline-block;
    padding: 3px 3px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #fff;
    margin-right: 5px;
    line-height: 2;
}
dl.faq dd {padding-left: 2.0em;}
dl.faq dd:before {
    content: 'A';
    display: inline-block;
    padding: 3px 3px;
    border-radius: 50%;
    border:1px solid #242424;
    width: 32px;
    height: 32px;
    text-align: center;
    color: #242424;
    margin-right: 5px;
    margin-left: -2.0em;
    font-weight: bold;
    line-height: 2;
}

a.hokkaido-touhoku,.hokkaido-touhoku a{ background-color: #3f51b5; }
a.touhoku{ background-color: #3f51b5; }
a.kantou,.kantou a{ background-color: #027731; }
a.chubu,.chubu a{ background-color: #79c32d; }
a.kinki,.kinki a{ background-color: #f3d500; }
a.chugoku,.chugoku a{ background-color: #FB7E00; }
a.shikoku,.shikoku a{ background-color: #ff0000; }
a.kyushu,.kyushu a{ background-color: #FF0479; }
.areatext a{display:inline-block;padding:15px; border-radius:3px; color:#fff;text-decoration:none;margin-bottom:7px;}
.areatext p{font-size:1.3em;margin-bottom:7px;margin-top:20px;}
.areatext . p{border-bottom:3px solid #;}
.areatext .hokkaido-touhoku p{ border-bottom:3px solid #3f51b5; }
.areatext .kantou p{ border-bottom:3px solid #027731; }
.areatext .chubu p{ border-bottom:3px solid #79c32d; }
.areatext .kinki p{ border-bottom:3px solid #f3d500; }
.areatext .chugoku p{ border-bottom:3px solid #FB7E00; }
.areatext .shikoku p{ border-bottom:3px solid #ff0000; }
.areatext .kyushu p{ border-bottom:3px solid #FF0479; }

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {
 .areatext a {margin-right: 7px;}
 dl.faq dt:before, dl.faq dd:before {
    width: 22px;
    height: 22px;
    line-height: 1.5;
 }
/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {
	dl.profile-type1{width:60%;float: right;padding: 0.5em 0.7em;}

/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
}

/*-- ここまで --*/

/*media Queries スマホ&ipadの小のみ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
	.h1modoki span{padding:0 !important;}
	.post h1.entry-title>span {padding: 0 !important;}
	#footer p.descr{
	    line-height: 1.4em;
	    padding: 5px;
	    background: #b68c0d;
	    color: #991f5c;
	    border-radius: 5px;
	    text-align:left;
	}
	/*-追尾型フッター広告*/
	.foot-btn, .foot-btn2{
		position:fixed;
		bottom:5px;
		width:100%;
		left:0;
	}
	.foot-btn a{
		display:inline-block;
		margin:0 auto;
		width:96%;
	}
	.foot-btn img{width:100%;opacity:0.9;}
	#page-top {bottom: 75px;}

  /*フッターCSS*/
  .foot-btn2 {
      background: rgb(0 0 0 / 80%);
      line-height: 1.6em;
      padding: 0.5em 0;
  }
  .foot-btn2 a {
      position: relative;
      display: inline-block;
      background: #d31955;
      padding: 1em 0;
      border-radius: 5px;
      border-bottom: 4px solid #641033;
      font-weight: 700;
      font-size: 17px;
      letter-spacing: .1em;
      transition: all 0.3s ease;
      width: 77%;
      overflow: hidden;
      top: 5px;
  }
  .foot-btn2 a:after {
      content: "\f105";
      font-family: 'FontAwesome';
      font-weight: 700;
      margin-left: 18px;
      font-size: 15px;
      position: absolute;
  }
  .foot-btn2 a:before{
    content: "";
    animation: shine 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
    background-color: #fff;
    width: 140%;
    height: 100%;
    transform: skewX(-45deg);
    top: 0;
    left: -160%;
    opacity: 0.5;
    position: absolute;
  }

	/*-追加　トップランキングスマホ2-*/
	.l-rankbox {margin: 55px -15px 0 -15px;}
	.btn-cv a {font-size:1.3em !important; width: 85%;}
	.l-imgbox{width:100%;float:none;margin-right:0;}
	ul.l-ranklist li .l-reviewbox span.r-text:after {display:none;}
	ul.l-ranklist li .l-reviewbox.r01,
	ul.l-ranklist li .l-reviewbox.r02{padding-left:0px;margin-top:50px;}
	ul.l-ranklist li .l-reviewbox.r01:before,
	ul.l-ranklist li .l-reviewbox.r02:before{
		top:0;
		left:0;
		margin-top:-55px;
	}
	ul.l-ranklist li .l-reviewbox:before{content:url(./images/icon/icon-l-rankreview01s.png);}

/*-- ここまで --*/
}

/*media Queries スマホのみ
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	header #header-r .headbox ul.menu li {
	    display:inline-block;
	    float: none;
	    width: auto;
	    height: auto;
	    text-align: left;
	    border-right: none;
	}
}
	/* WordPress popular posts */
	.wpp-meta, .post-stats{
	    display: inline-block !important;
	    background: #333;
	    color: #FFFFFF;
	    border-radius: 20px;
	    padding: 0 10px;
	}

/*オススメ横並び広告3つ*/
.osusume-img img {width: 100%;}
ul#osusume, ul#osusume-m, ul#osusume-p, ul#osusume-e, ul#osusume-c, ul#osusume-l, ul#osusume-p2, ul#osusume-m2, ul#osusume-s, ul#osusume-e2, ul#osusume-c2  {
    display: flex;
    padding: 0;
    margin: 10px 0 58px;
    justify-content: space-evenly;
}
#osusume-s li {margin: 0 8px;}
#osusume li, #osusume-m li, #osusume-p li, #osusume-e li, #osusume-c li, #osusume-l li {width: 30%;}
#osusume .sitename, #osusume-m .sitename, #osusume-p .sitename, #osusume-e .sitename, #osusume-c .sitename, #osusume-l .sitename, #osusume-p2 .sitename, #osusume-m2 .sitename, #osusume-s .sitename, #osusume-e2 .sitename, #osusume-c2 .sitename {
    text-align: center;
    text-decoration: underline;
    font-size: 18px;
    font-weight: bolder;
    color: #3a6caf;
}
#osusume  li::marker, #osusume-m  li::marker, #osusume-p li::marker, #osusume-e li::marker, #osusume-c li::marker, #osusume-l li::marker, #osusume-p2 li::marker, #osusume-m2 li::marker, #osusume-s li::marker, #osusume-e2 li::marker, #osusume-c2 li::marker {content: none !important;}
#osusume .img_jump, #osusume-m .img_jump, #osusume-p .img_jump, #osusume-e .img_jump, #osusume-c .img_jump, #osusume-l .img_jump, #osusume-p2 .img_jump, #osusume-m2 .img_jump, #osusume-s .img_jump, #osusume-e2 .img_jump, #osusume-c2 .img_jump {display: block; overflow: hidden;}
#osusume .img_jump, #osusume-m .img_jump, #osusume-p .img_jump, #osusume-e .img_jump, #osusume-c .img_jump, #osusume-l .img_jump {height: 112px; border: 2px solid #bb9114;}
#osusume-p2 .img_jump, #osusume-m2 .img_jump, #osusume-s .img_jump, #osusume-e2 .img_jump, #osusume-c2 .img_jump {width: 310px; height: 172px;}
#osusume-p2 .img_jump {border: 2px solid #4a72ff;}
#osusume-e2 .img_jump {border: 2px solid #ff72a6;}
#osusume-c2 .img_jump {border: 2px solid #ff5289;}
#osusume-m2 .img_jump {border: 2px solid #f04086;}
#osusume-s .img_jump {border: 2px solid #6433cc;}
.siteimg img {max-width: 125%;}
#osusume-p2 .siteimg:hover, #osusume-m2 .siteimg:hover, #osusume-s .siteimg:hover, #osusume-e2 .siteimg:hover, #osusume-c2 .siteimg:hover {opacity: 0.9;}
#osusume-p2 .info_text, #osusume-m2 .info_text, #osusume-s .info_text, #osusume-e2 .info_text, #osusume-c2 .info_text {
    display: table;
    height: 77px;
    padding: 2px 5px;
}
#osusume-p2 .info_text p, #osusume-m2 .info_text p, #osusume-s .info_text p, #osusume-e2 .info_text p, #osusume-c2 .info_text p {display: table-cell; vertical-align: middle;}
#osusume span.sitebtn.btn_g.jump, #osusume-m span.sitebtn.btn_g.jump, #osusume-p span.sitebtn.btn_g.jump, #osusume-e span.sitebtn.btn_g.jump, #osusume-c span.sitebtn.btn_g.jump, #osusume-l span.sitebtn.btn_g.jump,
#osusume-p2 span.sitebtn.btn_g.jump, #osusume-m2 span.sitebtn.btn_g.jump, #osusume-s span.sitebtn.btn_g.jump, #osusume-e2 span.sitebtn.btn_g.jump, #osusume-c2 span.sitebtn.btn_g.jump {
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    transition: all 0.3s;
    letter-spacing: 0.1em;
    color: #fbfcf6;
    border-radius: 0.5rem;
}
#osusume span.sitebtn.btn_g.jump, #osusume-m span.sitebtn.btn_g.jump, #osusume-p span.sitebtn.btn_g.jump, #osusume-e span.sitebtn.btn_g.jump, #osusume-c span.sitebtn.btn_g.jump, #osusume-l span.sitebtn.btn_g.jump {
    padding: 1rem 0;
    bottom: -0.7em;
    width: 100%;
}
#osusume-p2 span.sitebtn.btn_g.jump, #osusume-m2 span.sitebtn.btn_g.jump, #osusume-s span.sitebtn.btn_g.jump, #osusume-e2 span.sitebtn.btn_g.jump, #osusume-c2 span.sitebtn.btn_g.jump {
    padding: 0.6rem 3rem;
    bottom: 0;
    width: 68%;
    margin: 0 1px;
}
#osusume span.sitebtn.btn_g.jump {background-color: #e3277d; border-bottom: 4px solid #ab2763;}
#osusume-m span.sitebtn.btn_g.jump, #osusume-m2 span.sitebtn.btn_g.jump {background-color: #cc2c60; border-bottom: 4px solid #a71d4a;}
#osusume-p span.sitebtn.btn_g.jump, #osusume-p2 span.sitebtn.btn_g.jump {background-color: #1d41bd; border-bottom: 4px solid #102260;}
#osusume-s span.sitebtn.btn_g.jump {background-color: #6433cc; border-bottom: 4px solid #4c2f8a;}
#osusume-e span.sitebtn.btn_g.jump, #osusume-e2 span.sitebtn.btn_g.jump {background-color: #A75391; border-bottom: 4px solid #7e2e68;}
#osusume-c span.sitebtn.btn_g.jump, #osusume-c2 span.sitebtn.btn_g.jump {background-color: #f897ca; border-bottom: 4px solid #b76891;}
#osusume-l span.sitebtn.btn_g.jump {background-color: #af011c; border-bottom: 4px solid #690010;}
#osusume span.sitebtn.btn_g.jump:before, #osusume-m span.sitebtn.btn_g.jump:before, #osusume-p span.sitebtn.btn_g.jump:before,
#osusume-e span.sitebtn.btn_g.jump:before, #osusume-c span.sitebtn.btn_g.jump:before, #osusume-l span.sitebtn.btn_g.jump:before,
#osusume-p2 span.sitebtn.btn_g.jump:before, #osusume-m2 span.sitebtn.btn_g.jump:before, #osusume-s span.sitebtn.btn_g.jump:before, 
#osusume-e2 span.sitebtn.btn_g.jump:before, #osusume-c2 span.sitebtn.btn_g.jump:before {
    font-family: 'FontAwesome';
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: calc(50% - 0.8rem);
    right: 1rem;
    margin: 0;
    padding: 0;
    content: "\f105";
}
#osusume p, #osusume-m p, #osusume-p p, #osusume-e p, #osusume-c p, #osusume-l p {
    text-align: center;
    height: 50px;
    display: block;
    margin-top: 10px;
    font-size: 19px;
    color: #9c7d37;
    font-weight: 700;
    width: 100%;
}
#osusume span.sitebtn.btn_g.jump:hover, #osusume-m span.sitebtn.btn_g.jump:hover, #osusume-p span.sitebtn.btn_g.jump:hover, #osusume-e span.sitebtn.btn_g.jump:hover, #osusume-c span.sitebtn.btn_g.jump:hover, #osusume-l span.sitebtn.btn_g.jump:hover {transform: scale(1.03);}
#osusume-p2 span.sitebtn.btn_g.jump:hover, #osusume-m2 span.sitebtn.btn_g.jump:hover, #osusume-s span.sitebtn.btn_g.jump:hover, #osusume-e2 span.sitebtn.btn_g.jump:hover, #osusume-c2 span.sitebtn.btn_g.jump:hover {transform: scale(1.02);}

@media screen and (max-width: 767px) {
ul#osusume, ul#osusume-m, ul#osusume-p, ul#osusume-e, ul#osusume-c, ul#osusume-l {margin: 10px 0 0;}
#osusume .sitename, #osusume-m .sitename, #osusume-p .sitename, #osusume-e .sitename, #osusume-c .sitename, #osusume-l .sitename {font-size: 12px;}
#osusume .img_jump, #osusume-m .img_jump, #osusume-p .img_jump, #osusume-e .img_jump, #osusume-c .img_jump, #osusume-l .img_jump {
    width: 98%;
    height: 4.2em;
    display: inline-block;
    margin-bottom: -3px;
}
#osusume-p2 .img_jump, #osusume-m2 .img_jump, #osusume-s .img_jump, #osusume-e2 .img_jump, #osusume-c2 .img_jump {
    width: 94%;
    height: 5.2em;
    margin: auto;
}
#osusume p, #osusume-m p, #osusume-p p, #osusume-e p, #osusume-c p, #osusume-l p {
    height: 48px;
    font-size: 13px;
    width: 100%;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: 131%;
}
#osusume span.sitebtn.btn_g.jump, #osusume-m span.sitebtn.btn_g.jump, #osusume-p span.sitebtn.btn_g.jump, #osusume-e span.sitebtn.btn_g.jump, #osusume-c span.sitebtn.btn_g.jump, #osusume-l span.sitebtn.btn_g.jump {
    font-size: 0.7rem;
    line-height: 0.5;
    padding: 1rem 0;
    width: 100%;
    bottom: 0;
}
#osusume span.sitebtn.btn_g.jump:before, #osusume-m span.sitebtn.btn_g.jump:before, #osusume-p span.sitebtn.btn_g.jump:before, #osusume-e span.sitebtn.btn_g.jump:before, #osusume-c span.sitebtn.btn_g.jump:before, #osusume-l span.sitebtn.btn_g.jump:before {
    top: calc(50% - 0.6rem);
    right: 0.3rem;
    font-size: 1rem;
    line-height: 1.1;
  }
#osusume-p2 span.sitebtn.btn_g.jump:before, #osusume-m2 span.sitebtn.btn_g.jump:before, #osusume-s span.sitebtn.btn_g.jump:before, #osusume-e2 span.sitebtn.btn_g.jump:before, #osusume-c2 span.sitebtn.btn_g.jump:before {
    font-weight: 400;
    font-size: 1.3rem;
    top: calc(50% - 0.7rem);
    right: 0.7rem;
}
#osusume-p2 span.sitebtn.btn_g.jump, #osusume-m2 span.sitebtn.btn_g.jump, #osusume-s span.sitebtn.btn_g.jump, #osusume-e2 span.sitebtn.btn_g.jump, #osusume-c2 span.sitebtn.btn_g.jump {
    padding: 0.6rem 0;
    width: 97%;
    margin: 0px 5px;
    font-size: 0.7em;
  } 
#osusume-p2 .info_text p, #osusume-m2 .info_text p, #osusume-s .info_text p, #osusume-e2 .info_text p, #osusume-c2 .info_text p {font-size: 13px;}   
#osusume-p2 li, #osusume-m2 li, #osusume-s li, #osusume-e2 li, #osusume-c2 li {width: 50%;}
}

@media screen and (max-width: 320px){
#osusume .sitename, #osusume-m .sitename, #osusume-p .sitename, #osusume-e .sitename, #osusume-c .sitename, #osusume-l .sitename {font-size: 10px;}
#osusume p, #osusume-m p, #osusume-p p, #osusume-e p, #osusume-c p, #osusume-l p {
    height: 35px;
    font-size: 13px;
    width: 100%;
    line-height: 131%;
    position: relative;
    top: -5px;
    margin-bottom: 18px;
    margin-left: 0px;
    }
}

/* 編集者紹介CSS（サイドバー）*/
.user-profile {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.user-profile ul {width: 30%; text-align: center;}
.user-profile span {
    display: flex;
    justify-content: center;
    margin: 5px;
}
.user-profile a {text-decoration: none;}

/* この記事を書いた人box */
#st-tab-box {background: #fff !important; padding: 25px 15px 15px 15px !important;}
p.st-author-nickname {border-bottom: 1px solid #d0d0d0; padding-bottom: 0;}
#st-tab-menu li {
    border-radius: 20px;
    bottom: -15px;
    position: relative;
    margin-left: 5px;
    font-size: 84% !important;
    background: #00c8bf !important;
    padding: 3px 14px !important;
    color: #fff;
}
p.st-author-sns {display: none;}

/* 作成記事一覧CSS */
.kanren {margin-top: 5px !important;}
h3.point {border-bottom: 1px solid #212121!important;}
span.point-in {
    font-size: 15px;
    padding-left: 5px;
    color: #212121 !important;
    background-color: #fff !important;
}

/* 会話ふきだし [say] */
.say {
    display: table;
    overflow: hidden;
    width: 100%;
    margin: 1.5em 0;
  }
  
  .faceicon {
    display: table-cell;
    width: 100px;
    padding-right: 20px;
    text-align: center;
    vertical-align: top;
  }
  
  .faceicon img {width: 100%; height: auto;}
  .faceicon span {
    font-size: 11px;
    font-weight: bold;
    margin-top: 8px;
    line-height: 1.4;
    display: block;
  }
  .chatting {
    display: table-cell;
    position: relative;
    width: calc(100% - 100px);
    font-size: 0.95em;
    vertical-align: top;
  }
  
  .sc {
    display: inline-block;
    text-align: left;
    padding: 13px;
    border: solid 1px #d5d5d5;
    border-radius: 12px;
    background: #f6fcff;
    word-break: break-word;
  }
 .sc:before {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -22px;
    border: 10px solid transparent;
    border-right: 12px solid #d5d5d5;
    content: "";
  }
 .sc:after {
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -20px;
    border: 10px solid transparent;
    border-right: 12px solid #f6fcff;
    content: "";
  }
  .sc p {margin: 5px 0; padding: 0;}
  
  /*吹き出し（右）*/
  .right {text-align: right;}
  .right .faceicon {padding: 0 0 0 20px;}
  .right .sc:before,
  .right .sc:after {
    right: -23px;
    left: auto;
    border: 12px solid transparent;
    border-left: 12px solid #d5d5d5;
  }
  .right .sc:after {right: -20px; border-left-color: #fff;}
  .balloon {
    position: relative;
    display: inline-block;
    margin: 0.5em 0 1.5em 0;
    padding: 10px 14px;
    min-width: 100px;
    max-width: 100%;
    color: #fff;
    font-size: 0.9em;
    background: #000;
}
.balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 30%;
    margin-left: -15px;
    border: 11px solid transparent;
    border-top: 12px solid #000;
}
.balloon p {margin: 0; padding: 0;}

/* table */
.table-scroll {
    overflow:auto;
    white-space: nowrap;
    max-width: 800px;
}
.table-scroll table {border-collapse: collapse;}
.table-scroll th, .table-scroll td {
    padding: 8px;
    min-width:5em;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
.table-scroll th:not(:last-child),
.table-scroll td:not(:last-child){border-right: 1px solid #ddd;}
.table-scroll thead th:first-child{
    position:sticky;
    top:0;
    left: 0;
    z-index: 10;
    border-left: 1px solid rgba(0,0,0,.1);
  }
.table-scroll tbody th:first-child {border-left: 1px solid rgba(0,0,0,.1);}  
.table-scroll thead th {z-index: 2;}
.table-scroll thead th::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-bottom:1px solid #ddd;
  }
.table-scroll th {
    position: sticky;
    top:0;
    left: 0;
  }
.table-scroll th:first-child::before {
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-right:1px solid #ddd;
  }
.table-scroll table thead tr th:first-child, .table-scroll table tbody tr th {background: #fffcf1;}

/* 追加CSS */
.table-scroll th:not(:last-child), .table-scroll td:not(:last-child) {border-right: none;}
.table-scroll thead th:first-child, .table-scroll tbody th:first-child {border-left: 1px solid #999;}
.table-scroll th, .table-scroll td {border-bottom: 1px solid #999;}
.table-scroll th:first-child::before {border-right: 1px solid #999;}
.table-scroll thead th::before {border-bottom: 1px solid #999;}
.post table span img {border-radius: 10px;}

/*SNSボタン*/
.post .sns ul, .sns ul{display: inline-block; width: auto!important;}

/*商標タブCSS*/
.tab_box {
    margin-top: 2em;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.tab-contents {
    padding: 1em;
    margin-bottom: 1em;
}
.menu2 {
    flex-wrap: wrap;
}
.tab_box .tab-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tab_box .btn {
    flex-basis: 33.33%;
    text-align: center;
    background-color: #ececec;
    border-bottom: 2px solid #e6306b;
}
.tab_box .btn a {
    display: block;
    position: relative;
    font-size: 16px;
    padding: 12px;
    text-decoration: none;
    line-height: 1.2;
    cursor: pointer;
}
.tab_box .btn .is-active {
    background-color: #e6306b;
    color: #fff;
}

.tab_box .tab-contents-item {
    display: none;
    width: 100%;
    justify-content: center;
}
.tab_box .tab-contents-item.is-active {
    display: flex;
    /*background-color: #ececec;*/

}
.tab_box .tab-contents-item>p {
    margin: auto;
    height: 40px;
    align-content: center;
}
.tab_box .tab-contents-item table {
    margin-bottom: 0 !important;
}
.tab_box table td:first-of-type {
    background: #fff5f6;
}
.hikaku_frame {
    border: 1px solid #e5306b;
    padding: 1em;
    margin: 3em 0;
    border-radius: 10px;
}
@media screen and (max-width: 468px){
    .hikaku_frame {
        padding: 0 .8em;
        margin: 2em 0;
    }
    .linkbtn {
        margin-top: 1em;
        margin-bottom: 2em;
    }
}