@charset "UTF-8";

:root{
	--main-color:#0B4619;
	--sub-color: #116530;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td ,header,　footer{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
 :focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {overflow-y: scroll;}
body {font-size:15px;}
small {font-size: 0.8em;}
.wrap{
	overflow-x:scroll;
	background:#F7F7F7;
	background-image: url(/wp-content/themes/store-thor/images/bg2.png);
	background-size: 18px 18px;
	background-attachment: fixed;
}

a:link,
a:visited {
	color: blue;
	text-decoration:none;
}
a:hover,a:hover img,
a:active {
	color: #00bfff;
	text-decoration:none;
	opacity:0.6;filter:alpha(opacity=60);-ms-filter: "alpha( opacity=60 )";-webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;transition: 0.6s;
}

a img {border:none;}
.pc{display:block;}
.sp{display:none;}
img{max-width:100%;height:auto;}
.small {font-size: 0.75em;}
.annotation {font-size: .7em;color: #555;}
.red{color: #d00;font-weight: bold;}
.blue{color: #00d;font-weight: bold;}
.marker{font-weight: bold;background: linear-gradient(transparent 40%,#fff799 40%);}
.item_caption{color: #777;text-align: left;caption-side: bottom;font-size: 13px;}

.mainH2{
	font-size: 2.5rem;
	line-height: 1.2em;
	padding: .5em 0;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: 2px 2px 0 rgba(0,0,0,.1);
	position: relative;
	background: linear-gradient(-70deg,var(--main-color) 50%,var(--sub-color) 50%);
	margin-bottom: 1rem;
}

.mainH2::before{
	/* position: absolute; */
	content: "";
	display: inline-block;
	width: 2em;
	height: 1em;
	/* left: 1em;
	top: 50%; */
	/* transform: translateY(-50%); */
	background-image: url(/wp-content/themes/store-thor/images/club.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 480px){
	.mainH2{font-size: 5vw;}
	.mainH2::after,
	.mainH2::before{
		border-width: 3vw;
	}
}

.pc_table{display: table;}
.sp_table{display: none;}
@media screen and (max-width: 480px){
	.pc_table{display: none;}
	.sp_table{display: table;}
}

#posts{
	padding-bottom: 1px;
}
/*-------------------------------------------------------------- 追加CSS -------------------------------------------------------------------------*/
.firstView {margin:0 auto;;text-align: center;width: 1000px;z-index:0;position: relative}
/* .firstView::after{content:"";width:100%;height:100%;background-size:contain;position:absolute;bottom:0;right:0px;z-index:1;background-repeat:no-repeat;}
.firstView__default::after{background-image:none;}
.firstView__saitama::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_saitama.png);}
.firstView__ibaraki::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_ibaraki.png);}
.firstView__fukuoka::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_fukuoka.png);}
.firstView__hyogo::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_hyogo.png);}
.firstView__shizuoka::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_shizuoka.png);}
.firstView__tokyo::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_tokyo.png);}
.firstView__chiba::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_chiba.png);}
.firstView__okayama::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_okayama.png);}
.firstView__osaka::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_osaka.png);}
.firstView__aichi::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_aichi.png);}
.firstView__kyoto::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_kyoto.png);}
.firstView__kanagawa::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_kanagawa.png);}
.firstView__hokkaido::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_hokkaido.png);}
.firstView__okinawa::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_okinawa.png);}
.firstView__miyagi::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_miyagi.png);}
.firstView__fukui::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_fukui.png);}
.firstView__hiroshima::after{background-image:url(/wp-content/themes/store-thor/images/fv/area/area_hiroshima.png);} */

.wrap{width:100% !important; overflow:hidden !important;}
.container{width:1000px;height:auto;margin:0px auto 0;background-color: transparent!important;display: flex!important;justify-content: space-between;padding: 0!important;}

.fv_ribbon {
	position: absolute;
	right: 15%;
	bottom: 3%;
	width: 37%;
}

.fv_prefTxt {
	position: absolute;
	right: 33.5%;
	transform: translateX(50%);
	bottom: 11%;
	font-size: 4rem;
	font-weight: bold;
	color: #08A60A;
}

@media screen and (max-width : 480px) {
	.fv_ribbon {
		width: 60%;
		right: 3%;
	}

	.fv_prefTxt {
		font-size: 7vw;
		bottom: 10%;
	}
}

/*------------------------------------------------------------------------------- ヘッダー -------------------------------------------------------------------------------*/
header{width:100%;height:73px;background:var(--main-color);}
header h1{width: 1000px;margin: 0 auto;}
header img{text-align:left;display:block;height:73px;width:auto;padding:10px 0;}
nav{width:100%;height:41px;background:url(/wp-content/themes/store-thor/images/menuBg.jpg) center top repeat-x;background-size:1000px 51px;padding:10px 0 0 !important;}
nav table{width:455px;height:30px;margin:0 auto;}
nav table td{width:150px;height:30px;text-align:center;}
nav table td a{color:#fff !important;width:150px;height:30px;font-size:14px;display:block;border-left:1px solid #fff;line-height:2em;}
nav table td:last-child a{color:#fff !important;;width:150px;height:30px;font-size:14px;display:block;border-left:1px solid #fff;line-height:2em;border-right:1px solid #fff;}
img.fv{width:1000px;height:280px;margin:0 auto;display:block;}
img{max-width: 100%}
@media screen and (max-width: 480px){
	header h1{width: 96%;}
	header h1 img{width: 60%;margin: 0 auto 0 0;}
	.firstView__saitama::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_saitama.png);}
	.firstView__ibaraki::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_ibaraki.png);}
	.firstView__fukuoka::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_fukuoka.png);}
	.firstView__hyogo::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_hyogo.png);}
	.firstView__shizuoka::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_shizuoka.png);}
	.firstView__tokyo::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_tokyo.png);}
	.firstView__chiba::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_chiba.png);}
	.firstView__okayama::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_okayama.png);}
	.firstView__osaka::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_osaka.png);}
	.firstView__aichi::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_aichi.png);}
	.firstView__kyoto::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_kyoto.png);}
	.firstView__kanagawa::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_kanagawa.png);}
	.firstView__hokkaido::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_hokkaido.png);}
	.firstView__okinawa::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_okinawa.png);}
	.firstView__miyagi::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_miyagi.png);}
	.firstView__fukui::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_fukui.png);}
	.firstView__hiroshima::after{background-image:url(/wp-content/themes/store-thor/images/fv/sp/area/area_hiroshima.png);}
}
/*------------------------------------------------------------------------------- /ヘッダー -------------------------------------------------------------------------------*/

.left{width:780px;height:auto;float:left;background:none;margin-top: 20px;}
h2.searchBoxTtl{text-align:center;font-size:20px;width:780px;height:49px;line-height:49px;background-color:var(--sub-color);color:#fff;margin-top:-2px;}
h2.searchBoxTtl span{position:relative;}
/* h2.searchBoxTtl span::before{position:absolute;content:"";top:-20px;left:-60px;height:60px;width:60px;background-image:url(/wp-content/themes/store-thor/images/rankingPage/searchTtl.png);background-size:contain;background-repeat:no-repeat;} */
h2.rankingDscrTtl{text-align:center;font-size:20px;width:780px;height:150px;line-height:2.1em;color:#fff;margin-top:5px;}
h2.neighborMapTtl{text-align:center;font-size:20px;width:780px;height:42px;line-height:2.1em;background:url(/wp-content/themes/store-thor/images/share/neighborMapTtlBg.jpg);background-size:780px 42px;color:#fff;margin-top: 5px;}

/*------------------------------------------------------------------------------- 検索ボックス -------------------------------------------------------------------------------*/
.searchBox{width:100%;margin:0 auto 20px;padding:1rem 0;background-color: #E6E6E6;font-size:16px;}
.blandSearchForm dl {display: table;width: 96%;padding: 0;margin: 0 auto;margin-top: 1rem;border-right: solid 2px #ccc;border-bottom: solid 2px #ccc;border-radius: 5px;color: #333;}
.blandSearchForm dl dt{position: relative;display: table-cell;width: 23%;padding: 1.5rem 2rem 1.5rem 3.5rem;margin: 0;vertical-align: middle;background-color: #fff;}
.blandSearchForm dl dt:before{position: absolute;display: inline-block;left: 1rem;font-family: 'Font Awesome 5 Free';font-weight: bold;}
.blandSearchForm dl dt.dt_area:before{content: "\f276";}
.blandSearchForm dl dt.dt_score:before{content: "\f5a2";}
.blandSearchForm dl dt.dt_store:before{content: "\f54f";}
.blandSearchForm dl dt.dt_needs:before{content: "\f450";}
.blandSearchForm dl dt::after{content: "";position: absolute;display: block;width: 100%;height: 80%;border-right: solid 1px #ddd;top:10%;left: 0;}
.blandSearchForm dl dd {padding: 1.5rem 0rem 1.5rem 2rem;margin: 0;background-color: #FFF;vertical-align: top;}
.blandSearchForm dl dd br {display: none;}
.blandSearchForm dl:nth-of-type(1) dd label {display: inline-block;}
.blandSearchForm dl:nth-of-type(1) dd label:nth-of-type(n+2) {margin-left: 2rem;}
.blandSearchForm dl:nth-of-type(2) dd select {	display: inline-block;min-width: 16rem;border: solid 1px #333;}
.blandSearchForm dl:nth-of-type(2) dd select:nth-of-type(n+2) {margin-left: 2rem;}
.blandSearchForm dl:nth-of-type(3) dd label {display: inline-block;}
.blandSearchForm dl:nth-of-type(3) dd br:nth-of-type(6n) {display: inline;}
.blandSearchForm p button {display: block;padding: 0;margin: 2rem auto 1rem;background-color: transparent;border: none;}
@media only screen and (max-width:480px) {
	.blandSearchForm dl:nth-of-type(2) dd select {
		margin-top:1.5rem;
	}
	
}
/*------------------------------------------------------------------------------- /検索ボックス -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- ranking -------------------------------------------------------------------------------*/
.ranking{width:780px;height:auto;margin:0 auto 2rem;position:relative;box-shadow: 0 0 6px rgba(0,0,0,.2);background: #fff;}
.rankingBg{width:780px;height:auto;background:#fff;padding-bottom:20px;}

.itemTitle {position: relative;}
.itemTitle::before {
	content: '';
	width: 100px;
	height: 7rem;
	display: block;
	position: absolute;
	background-size: contain;
	background-position: left;
	background-repeat: no-repeat;
	bottom: 0;
	left: 5px;
}
.itemTitle__No1::before {background-image: url(/wp-content/themes/store-thor/images/rankingNumber/ranking1.png);}
.itemTitle__No2::before {background-image: url(/wp-content/themes/store-thor/images/rankingNumber/ranking2.png);}
.itemTitle__No3::before {background-image: url(/wp-content/themes/store-thor/images/rankingNumber/ranking3.png);}

/*------------------------------------------------------------------------------- /ranking -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- right -------------------------------------------------------------------------------*/
.right{width:200px;height:auto;float:right;background:none;margin:2rem 0 30px;}
@media only screen and (max-width: 480px){
	.right{display: none!important;}
}
/* .rightRankBox{width:200px;height:356px;background:url(/wp-content/themes/store-thor/images/rankingTable/rightRankBoxBg.png) center top no-repeat;background-size:200px 356px;}
.rightRankBox ul{padding:93px 0 0 55px;line-height:3.8em;}
.rightRankBox ul li a{color:#72370c;font-weight:bold;font-size:15px;} */
/*------------------------------------------------------------------------------- /right -------------------------------------------------------------------------------*/
ul.bnr{margin:16px 0 16px;display:flex;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;gap: 15px;}
ul.bnr li{width:49%;}
ul.bnr li a{position: relative;display: block;width: 100%;height: 152.86px;}
ul.bnr li a:hover{opacity: 1;}
ul.bnr li a img{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	z-index: 10;
}
ul.bnr li a::before{
	position: absolute;
	top: 5px;
	left: 5px;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: #aaa;
	transition: .3s;
}
ul.bnr li a:hover::before{
	transform: rotate(3deg);
	background-color: #14279B;
}
ul.bnr li a img:hover{
	opacity: 1;
}
.bnr::after {content: none!important;}
@media only screen and (max-width: 768px) {
	.blandSearchForm dl {display: block;}
	.blandSearchForm dl dt{position: relative;display: block;width: 100%;padding: 1.5rem 2rem 1.5rem 3.5rem;}
	.blandSearchForm dl dt:before{left: 1rem;}
	.blandSearchForm dl dt::after{border-right: 0px;border-bottom: 1px solid #ddd;width: 94%;left: 3%;}
	.blandSearchForm dl dd {display: block;padding: 1.5rem 0rem 1.5rem 2rem;}
	.blandSearchForm dl dd br {display: none;}
	/* .blandSearchForm dl:nth-of-type(1) dd label {display: block;}
	.blandSearchForm dl:nth-of-type(1) dd label:nth-of-type(n+2) {margin-left: 0;margin-top: 1rem;} */
	.blandSearchForm dl:nth-of-type(1) dd {padding-right: 2rem;}
	.blandSearchForm dl:nth-of-type(1) dd select {display: block;width: 100%;}
	.blandSearchForm dl:nth-of-type(1) dd select:nth-of-type(n+2) {margin-left: 0;margin-top: 1rem;}
	.blandSearchForm dl:nth-of-type(2) dd {padding: 0 0 1.5rem 1rem;}
	.blandSearchForm dl:nth-of-type(2) dd br:nth-of-type(6n) {display: none;}
	.blandSearchForm p button {display: block;margin: 0 auto;margin-top: 1.5rem;}
	ul.bnr{gap: 2vw;width: 96%;margin-left: auto;margin-right: auto;}
	ul.bnr li{width: 48%;}
	ul.bnr li a{height: 18vw;}
}	

@media screen and (max-width: 480px) {
	.firstView {width: 100%;background-image:url(/wp-content/themes/store-thor/images/area/sp/default.png);}
	/* .wrap{width:100% !important; overflow:hidden !important;}
	.container{width:100%;height:auto;margin:0px auto !important;padding: 0} */
	.container{width:100%;height:auto;margin:0px auto !important;padding: 0}
	header{width:100%;height:auto;}
	header img{text-align:center;display:block;margin:0px auto;width:50%;height:auto;padding:5px 0;}
	nav{width:100%;height:41px;background:url(/wp-content/themes/store-thor/images/menuBg.jpg) center top repeat-x;background-size:1000px 51px;padding:10px 0 0 !important;}
	nav table{width:300px;height:30px;margin:0 auto;}
	nav table td{width:100px;height:30px;text-align:center;}
	nav table td a{color:#fff !important;width:100px;height:30px;font-size:11px;display:block;border-left:1px solid #fff;line-height:2.7em;}
	nav table td:last-child a{color:#fff !important;;width:100px;height:30px;font-size:11px;display:block;border-left:1px solid #fff;line-height:2.7em;border-right:1px solid #fff;}
	
	.left{width:100%;height:auto;float:none;background:none;margin:0px auto 0;}
	.searchBox{display:none;}
	h2.searchBoxTtl{font-size:15px;width:100%;height:40px;line-height:40px;margin-bottom:0;font-weight:bold;text-indent: 0.5em;margin-top:10px;}
/* h2.searchBoxTtl span::before{position:absolute;content:"";top:-18px;left:-60px;height:50px;width:50px;background-image:url(/wp-content/themes/store-thor/images/rankingPage/searchTtl.png);background-size:contain;background-repeat:no-repeat;} */
	h2.rankingDscrTtl{font-size:14px;width:100%;height:auto;line-height:2.4em;background:url(/wp-content/themes/store-thor/images/share/neighborMapTtlBg.jpg) center top no-repeat;background-size:600px 35px;margin-bottom:0px !important;}
	h2.neighborMapTtl{font-size:14px;width:100%;height:40px;line-height:2.4em;background:url(/wp-content/themes/store-thor/images/share/neighborMapTtlBg.jpg) center top no-repeat;background-size:600px 35px;}
	.rankBox{width:460px;}
	
	.ranking{width:100%;height:auto;margin:0px auto 3rem;position:relative;}
/* 	.ranking h2 {background:linear-gradient(300deg,#fff 90px#Ea507F 90px);width:100%;height:50px;font-weight:bold;font-size:20px;text-indent:2.9em;line-height:2.4em;margin: 0px auto;}	 */
	.rankIcon{width:50px;position:absolute;top:30px;left:7px;display:block;}
	.rankingBg{width:100%;height:auto;background:#fff;padding-bottom:15px;}
	
	.rankTopBlock__left {width: 100%;padding:0}
	.rankTopBlock__left table{width:90%;margin: 0 auto 15px;font-size: 15px}
	.rankTopBlock__itemImage {width:100%}
	.rankTopBlock__radarChart::before {width: 51%;height: 75px;top: -35px;left: 0;right: 0;margin: auto;}
	/* .rankTopBlock__radarChart {width: 100%;padding: 10px 0 10px;margin: 0;} */
	.itemTitle::before {height: 14vw;}
	.itemTitle::after {width:90px;height:30px;top:10px;right:0px;}
	
	
	/*------------------------------------------------------------------------------- right -------------------------------------------------------------------------------*/
	.right{display:none;}
	/*------------------------------------------------------------------------------- /right -------------------------------------------------------------------------------*/
}

/*------------------------------------------------------------------------------- ranking -------------------------------------------------------------------------------*/
ul.slider{width:746px;height:280px;margin:0px auto 0;padding-top:20px;position:relative;}
ul.slider li{position:absolute;top:20px;left:0;width:100%;overflow:hidden;}
ul.slider li.active{z-index: 10;}
ul.slider li.inactive{z-index: 10;}
ul.slider li.transiton{z-index: 11;}
ul.slider li.transitonLeft img{animation: sliderTransitonLeft 1s ease 0s 1 alternate none running;}
ul.slider li.transitonRight img{animation: sliderTransitonRight 1s ease 0s 1 alternate none running;}

@keyframes sliderTransitonLeft {
	0% {margin-left:100%;opacity:0.5;}
	100% {margin-left:0%;opacity:1.0;}
}
@keyframes sliderTransitonRight {
	0% {margin-left:-100%;opacity:0.5;}
	100% {margin-left:0%;opacity:1.0;}
}


.leftSliderBtn{position:absolute;top:125px;left:-17px;width:50px;z-index:99;}
.rightSliderBtn{position:absolute;top:125px;right:-17px;width:50px;z-index:99;}

.photo{margin:0 auto;display:block;margin:20px auto 0;width:746px;}
.btn{margin:0 auto;display:block;margin:35px auto 0;width:746px;}
#button {display: block;width: 746px;height:70px;margin:15px auto 15px;}
#iryo_button {display: block;width: 746px;height:70px;margin:15px auto 15px;}
#button a {display: block;position: relative;z-index: 2;overflow: hidden;width: 746px;height:70px;background: url("../images/btn.png") center top no-repeat ;background-size:746px 70px;padding: 0;text-align: center;text-decoration: none;transition: .25s linear;-webkit-transition: .25s linear;-moz-transition: .25s linear;margin:0 auto;display:block;}
#button a:before {display: block;position: absolute;z-index: -1;left: -30%;top: -50%;content: "";width: 40px;height: 150px;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 3s infinite linear;-webkit-animation: shiny 3s infinite linear;-moz-animation: shiny 3s 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%;}
}
/*------------------------------------------------------------------------------- /ranking -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- right -------------------------------------------------------------------------------*/
.right {
	margin-top: 20px;
	position: sticky;
}

.right h2{
	position: relative;
	background-color: var(--sub-color);
	background: linear-gradient(110deg,var(--sub-color) 50%, var(--main-color) 50%);
	width: 100%;
	height: 50px;
	padding: 3px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
}

.rightRankBox{
	box-shadow: 0 0 6px rgba(0,0,0,.1);
}

.rightRankBox ul{
	background-color: #fff;
	padding: 0 5px 10px;
}

.rightRankBox ul li {
	position: relative;
	height: 190px;
	padding:  10px 5px;
	text-align: center;
}

.rightRankBox ul li::before{
	position: absolute;
	content: "";
	top:0;
	left: 0;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: center center;
}

.rightRankBox ul li:nth-of-type(1):before{background-image: url(/wp-content/themes/store-thor/images/rankingTable/rightRankBox/rightRank1.png);}
.rightRankBox ul li:nth-of-type(2):before{background-image: url(/wp-content/themes/store-thor/images/rankingTable/rightRankBox/rightRank2.png);}
.rightRankBox ul li:nth-of-type(3):before{background-image: url(/wp-content/themes/store-thor/images/rankingTable/rightRankBox/rightRank3.png);}
.rightRankBox ul li:nth-of-type(4):before{background-image: url(/wp-content/themes/store-thor/images/rankingTable/rightRankBox/rightRank4.png);}
.rightRankBox ul li:nth-of-type(5):before{background-image: url(/wp-content/themes/store-thor/images/rankingTable/rightRankBox/rightRank5.png);}

.rightRankBox ul li img{
	width: 96%;
	box-shadow: 7px 7px 0 #F2F013;
}

.rightRankBox ul li a {
	display: block;
	text-align: left;
	font-size: 1.5rem;
	line-height: 2em;
	font-weight: bold;
	color: #555!important;
}

.rightRankBox ul li a span{
	display: inline-block;
	width: 100%;
	padding-left: 40px;
}

.sideVoiceTtl{
	position: relative;
	background-color: #a87963;
	width: 100%;
	height: 50px;
	padding: 3px;
	margin-top: 20px;
	margin-bottom: 9px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
}

.sideVoiceTtl::after{
	position: absolute;
	content: "";
	top: -17px;
	right: -2px;
	height: 40px;
	width: 40px;
	background-image: url(/wp-content/themes/store-thor/images/rankingTable/sideVoiceTtl.png);
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(10deg);
}

.sideVoiceTtl div{
	display: block;
	border: dashed 1px #fff;
	border-radius: 5px;
}

img.voiceSidebarTtl{margin:20px auto 0;width:200px;}
.voiceSidebar{padding:13px;border:1px solid #a87963;margin-bottom:9px;background:#fefff7;border-radius: 5px;}
img.face{width:33px;float:left;margin-left:7px;}
.voiceSidebarRight{float:right;margin-right:13px;}
.voiceSidebarRight p{font-size:11px;color:#72370c;font-size:12px;}
.voiceSidebarRight img{width:78px;margin-top:10px;}
.name{font-size:11px;line-height:1.5em;margin-top:3px;}
.voiceSidebarTxt{font-size:12px;line-height:1.5em;margin-top:8px;word-break:break-all;}
.voiceSidebarLink{font-size:11px;color:#0064dc !important;text-decoration:underline !important;margin-top:11px;display:block;}

.sideDetailPage ul{
	background-color: #fff;
	border-top: 0px;
	padding: 0.5rem 1rem;
	margin: 0 auto;
	text-align: center;
	box-shadow: 0 0 6px rgba(0,0,0,.2);
}

.sideDetailPage ul li{
	border-bottom: dashed 1px #555;
}

.sideDetailPage ul li:last-of-type{
	border-bottom: 0;
	height: 70px;
}

.sideDetailPage ul li:last-of-type a{
	line-height: 70px;
}

.sideDetailPage ul li a{
	color: #333;
	font-size: 1.5rem;
	line-height: 3rem;
}

.sideDetailPage ul li a img{
	width: 100%;
	margin-bottom: 0;
}

.sideCategory{
	box-shadow: 0 0 6px rgba(0,0,0,.2);
}

.sideCategory li{
	padding: 1rem 0;
	/* border-bottom: dashed 1px #555; */
}

.sideCategory li a{
	display: flex;
	color: #333!important;
	align-items: center;
}

.sideCategory li a img{
	width: 60px;
	height: 60px;
	object-fit: cover;
	/* border: solid 1px #ddd; */
	box-shadow: 0 0 3px rgba(0,0,0,.1);
	border-radius: 5px;
	margin-right: 3px;
}

.sideCategory p{
	margin: 1rem;
}

.sideCategory p a{
	color: #333!important;
}


/*------------------------------------------------------------------------------- /right -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------*/
.footerMenu{width:100%;height:148px;background:#ddd!important;text-align:center;padding-top:10px;}
img.footerLogo{width:400px;text-align:center;margin:0px auto 0;display:block;}
footer{width:100%;height:55px;background:var(--sub-color);text-align:center;}
footer p{color:#fff;font-size:13px;text-align:center;line-height:4em;margin:0 60px;border-right: solid 1px rgba(255, 255, 255,0.6);}
footer p a{color:#fff !important;}
.footerMenu_wrap{
	width: 1100px;
	margin: 1rem auto;
}
.footerMenu_top,
.footerMenu_bottom{
	display: flex;
}
.footerMenu_top li,
.footerMenu_bottom li{
	width: calc(100% / 5);
	text-align: center;
	padding: 1rem 0;
	border-right: solid 1px #777;
}

.footerMenu_top li:first-of-type,
.footerMenu_bottom li:first-of-type{
	border-left: solid 1px #777;
}

.footerMenu_top li a,
.footerMenu_bottom li a{
	color: #646464;
	font-weight: bold;
}

.footerMenu_middle{
	display: flex;
	margin: 2rem 0;
}

.footerMenu_middle ul{
	width: calc(100% / 5);
}

.footerMenu_middle ul li{
	display: flex;
	text-align: left;
	align-items: center;
	height: 3em;
}

.footerMenu_middle ul li a{
	color: #646464;
}
/*------------------------------------------------------------------------------- /footer -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- 下層ページ -------------------------------------------------------------------------------*/
article.content {margin-top:15px;}
/*------------------------------------------------------------------------------- /下層ページ -------------------------------------------------------------------------------*/



/* クリアフィックスハック */
.clearfix:after {content:"";display: none!important;;clear:both;} 
.clearfix {display: inline-block;}
/* Mac版IE除外 \*/
.clearfix {display: block;}
/**********************************/


/*
 * トップページ/アーカイブの記事一覧スタイル
 */
.topTopic__ribbon {
box-sizing: border-box;
height: 41px;
margin: 30px auto 10px;
position: relative;
text-align: center;
vertical-align: middle;
width: 65%;
}

.topTopic__ribbon::before,
.topTopic__ribbon::after {
border-color: #F9E9Ab;
border-style: solid;
bottom: -4px;
content: '';
position: absolute;
width: 0;
z-index: 8;
}

.topTopic__ribbon::before {
border-left-color: transparent;
border-width: 18px 15px 18px 15px;
left: -20px;
}

.topTopic__ribbon::after {
border-right-color: transparent;
border-width: 18px 15px 18px 15px;
right: -20px;
}

h2.topTopicTtl {
font-size: 14px;
}

.topTopicTtl {
background: #FFEFA0;
color: #7d5a5a;
font-weight: bold;
padding: 10px 20px;
position: relative;
z-index: 10;
}

.topTopicTtl::before,
.topTopicTtl::after {
border: none;
border-bottom: solid 10px transparent;
content: '';
position: absolute;  
top: 100%;
z-index: 9;
}

.topTopicTtl::before {
left: 0;
border-right: solid 10px #DFCFA0;
}

.topTopicTtl::after {
right: 0;
border-left: solid 10px #DFCFA0;
}

.cardtype {margin-bottom: 0;display: flex;flex-wrap: wrap;gap:10px; width: 96%;margin: 0 auto 1rem;}
.cardtype__article {
 position: relative;
 width: calc( (100% - 10px*2) / 3 );
 background: #fff;
 box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
 cursor: pointer;
 transition: .2s ease-in-out;
}
.cardtype__article:hover {
 box-shadow: 0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);
 transform: translateY(-4px);
}
.cardtype__link {
 display: block;
 color: #555;
 text-decoration: none;
 cursor: pointer;
}
.cardtype__link:hover {
 color: #555;
 text-decoration: none;
}
.cardtype__img {
 margin: 0;
 overflow: hidden;
 height: 0;
 padding-bottom: 57.7%;
}
.cardtype h3 {
 display: block;
 margin: 13px 13px 8px;
 color: #555;
 font-size: 17px;
 font-weight: bold;
 text-align: left;
}
.cardtype time {
 display: block;
 display: none;
 margin: 13px 13px 8px;
 color: #b5b5b5;
 font-size: 13px;
 font-weight: bold;
}
.cardtype time:before {
 content: '\f017';
 font-family: 'Font Awesome 5 Free';
 padding-right: 4px;
 font-weight: normal;
} 
.cat-name {
 display: inline-block;
 display: none;
 overflow: hidden;
 position: absolute;
 top: 3px;
 left: 3px;
 height: 16px;
 margin: 0;
 padding: 0 10px;
 border-radius: 14px;
 background-color: #6bb6ff;
 opacity: 0.7;
 color: #fff !important;
 font-size: 10px;
 font-weight: bold;
 vertical-align: middle;
 line-height: 16px;
 text-decoration: none;
}
.cat-name:hover {
 background: silver;
}

.posts__list {
	margin-bottom: 25px;
}

.posts__list a {
	color: #666!important;
}

.cardtype article:nth-of-type(4) {
	display: none;
}

@media screen and (max-width: 480px) {
	.topTopic__ribbon{
		width: 80%;
	}
	.cardtype__article {
	 width: calc( (100% - 10px*1) / 2 );
	 margin-top: 0;
	}

	.cat-name {
		top: 5px;
		left: 5px;
	}

	.cardtype h3 {
		font-size: 14px;;
	}

	.cardtype article:nth-of-type(4) {
		display: block;
	}
}

@media screen and (max-width: 480px){
.pc{display:none;}
.sp{display:block;}
body{font-family: 'Meiryo',"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka", sans-serif;}
.wrap{width:480px !important; overflow:hidden !important;}

/*------------------------------------------------------------------------------- ranking -------------------------------------------------------------------------------*/
ul.slider{width:95%;height:auto;margin:0px auto 0;padding-top:20px;position:relative;}
ul.slider:before {content: "";display: block;padding-top: 35%;}
ul.slider li img{width:100%;}
.leftSliderBtn{position:absolute;top:70px;left:-5px;width:30px;}
.rightSliderBtn{position:absolute;top:70px;right:-5px;width:30px;}
	
.campaign::before,
.campaign::after{
	border-width: 8px;
}
	



.photo{margin:0 auto;display:block;margin:15px auto 0;width:95%;}
.btn{margin:0 auto;display:block;margin:15px auto 0;width:95%;padding-bottom:10px;}
#button {display:block;width:95%;height:auto;margin:15px auto 15px;}
#iryo_button {display:block;width:95%;height:auto;margin:15px auto 15px;}
#button a {display: block;position: relative;z-index: 2;overflow: hidden;width:420px;height:42px;background: url("../images/btn.png") center top no-repeat ;background-size:contain;padding: 0;text-align: center;text-decoration: none;transition: .25s linear;-webkit-transition: .25s linear;-moz-transition: .25s linear;margin:0 auto;display:block;}
#button a:before {display: block;position: absolute;z-index: -1;left: -30%;top: -50%;content: "";width: 40px;height: 150px;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 3s infinite linear;-webkit-animation: shiny 3s infinite linear;-moz-animation: shiny 3s 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%;}
}
/*------------------------------------------------------------------------------- /ranking -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- footer -------------------------------------------------------------------------------*/
.footerMenu{width:100%;height:auto;background:#fffdeb;text-align:center;padding-top:10px;}
img.footerLogo{width:80%;text-align:center;margin:0px auto 0;display:block;}
.footerMenu table{width:300px;height:30px;display:block;margin:10px auto 0;font-size:11px;display:block;}
.footerMenu table td{width:33%;padding:5px 10px;border-left:1px solid #b4b4b4;}
.footerMenu table td:last-child{width:33%;padding:5px 5px;border-left:1px solid #b4b4b4;border-right:1px solid #b4b4b4;}
.footerMenu table td a{color:#646464 !important;}
footer{width:100%;height:55px;background:var(--sub-color);text-align:center;}
footer p{color:#fff;font-size:11px;text-align:center;line-height:1.6em;padding:10px;border-right: solid 1px rgba(255, 255, 255,0.6);margin:2px 60px 3px 0}
footer p a{color:#fff !important;}
/*------------------------------------------------------------------------------- /footer -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- 下層ページ -------------------------------------------------------------------------------*/
/* article h2{width:95%;height:auto;color:#72370c;background:#ffec52;font-weight:bold;font-size:20px;text-indent:0.5em;line-height:1.8em;margin:0px auto 15px;} */

@media screen and (max-width: 480px){article{width: 100%;}}
/*------------------------------------------------------------------------------- /下層ページ -------------------------------------------------------------------------------*/   
}


.recommend__list {margin-bottom: 15px;font-size: 14px;padding-left:20px;margin-top:15px;padding-top:15px;border:dotted 1px #555;border-radius:10px;border-left:0px;border-right:0px;}
.recommend__list li {padding-left: 10px;position: relative;margin-bottom:15px;line-height:1.2}
.recommend__list li::after {content: '◆';display:block;width:15px;height:15px;position: absolute;top: 0;left:-10px;color: #b071b5;font-family: Verdana, "Droid Sans";}
.recommend__list li:nth-of-type(odd)::after {color: #ef6d91;}
.recommendPoint__inner {margin-top: 30px;}
.recommendPoint__inner p {line-height: 1.5;margin-bottom:1em}
.important {background:#F0EA30;background:linear-gradient(180deg, transparent 60%, #F0EA30 60%);background:-webkit-linear-gradient(270deg, transparent 60%, #F0EA30 60%);font-weight: bold;}
.swiper-container {width: 600px;height: 300px;}
/* .swiper-button-next, .swiper-button-prev {background-image: url(/wp-content/themes/store-thor/images/rankingPage/arrow.png) !important;right:5px !important;background-size: contain!important;width: 44px!important;opacity: 0.6;} */
/* .swiper-button-prev {transform: rotate(180deg)!important;left:5px !important;} */
.swiper-pagination-bullet-active {background: #eaaaef !important;}
.swiper-slide {position:relative;}
.voice__contents {padding:20px;line-height:1.5;}
.voice__contents li {list-style: inside;margin-bottom: 10px;}
.voice__personal {position:absolute;bottom:35px;right:45px;}
.voice__parts {background:#f4d3d3;padding:5px;border-radius:10px;color:#fff;}
.swiper-container img{border: solid 2px #7d5a5a;border-radius: 10px;}
.inStoreH3{
	color: #7d5a5a;
	font-size: 1.7rem;
	text-align: center;
	font-weight: bold;
}

.inStoreH3::before,.inStoreH3::after{
	content: "−";
	margin: 0 0.5em;
}

@media screen and (max-width: 480px) {
	.swiper-container {width: 100%;height:370px}
	.swiper-button-next, .swiper-button-prev{
		width: 30px!important;
		height: 30px!important;
		margin-top: -15px!important;
	}
	.voice__contents {padding:20px;line-height:1.3;font-size:13px;}
	.voice__personal{right:5px}
	.voice__personal img{width:30px;vertical-align:bottom;}
	.voice__parts {padding:3px;border-radius:7px;margin-right:2px;}
}

.campaign {width: 80%;margin:0 auto 2rem;background-color: #fff;position: relative;padding: 110px 30px 25px 30px;text-align: center;box-shadow: 10px 10px 0px #14279B;border: solid 1px #14279B;background-repeat: no-repeat;background-position: top;background-size: contain;position: relative;}
.campaign::before,
.campaign::after{
	position: absolute;
	content: "";
	/* width: 80px;
	height: 80px;
	background-image: url(/wp-content/themes/store-thor/images/campaign_flame.png);;
	background-repeat: no-repeat;
	background-size: contain; */
	border-style: solid;
	border-width: 20px;
}
.campaign::before{
	top: 0;
	left: 0;
	border-color: #00BDAA transparent transparent #00BDAA;
	/* transform: rotate(90deg); */
}
.campaign::after{
	bottom: 0;
	right: 0;
	border-color: transparent #00BDAA #00BDAA transparent;
	/* transform: rotate(-90deg); */
}
.campaign img{margin-top: 0.5rem;}
.campaign__title{
	/* font-size: 4rem;
	font-weight: bolder;
	color: #FDB827;
	text-shadow: 0 0 4px #aaa;
	line-height: 110px; */
	/* -webkit-text-stroke: 1px #777; */
	font-weight: bold;
  font-size: 4rem;
	line-height: 110px;
  color: rgba(0, 0, 0, 0);
  text-shadow: 2px 2px 0 #FDB827;
  -webkit-text-stroke: 1px #888;
  padding: 0 0 10px;
}


.campaign__head{
	display: inline-block;
	width: 30%;
	height: 20px;
	line-height: 22px;
	background-color: #7d5a5a;
	color: #fff;
	font-size: 1.3rem;
	font-weight: bold;
	border-radius: 20px 20px 0 0;
}

.campaign__content{
	display: inline-block;
	width: 80%;
	height: 35px;
	line-height: 35px;
	font-size: 1.5rem;
	background-color: #fff;
	border: solid 2px #7d5a5a;
	border-radius: 5px;
	margin-bottom: 1rem;
}

.campaign__content .large{
	font-size: 1.3em;
}


@media screen and (max-width: 480px) {
	.campaign {
		width: 90%;
		margin: 0 auto 2rem;
		padding: 20vw 5vw 10vw;
	}
	.campaign__title{
		font-size: 6.5vw;
		line-height: 20vw;
	}
}

.storeH3{
	width: 96%;
	margin: 0 auto;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	line-height: 2.3em;
	background-color: var(--sub-color);
	text-align: center;
}

.storeH3::before{
	font-family: 'Font Awesome 5 Free';
	content: "\f54f";
	margin-right: .5em;
}

.storeDetail{margin:0 auto 1rem;background:#fff;width:96%}
.storeDetail__area{padding:12px 0;color:#555;cursor:pointer;background:#ddd;border-bottom:#fff solid 2px;border-radius: 5px;text-align:center;position: relative;transition: 0.3s;font-weight: bold;}
.storeDetail__area::after{position: absolute;content: "\f055";font-family: 'Font Awesome 5 Free';top: 12.5px;right: 10px;}
.storeDetail__area.openArea{background:#F1E0AC;color: var(--sub-color);}
.storeDetail__area.openArea::after{position: absolute;content: "\f056";font-family: 'Font Awesome 5 Free';top: 12.5px;right: 10px;}
.storeDetail__arrow{margin-left:10px;display:inline-block;font-size:60%;position:relative;top:-2px}
.storeDetail .storeDetail__arrow{font-size:70%;position:static}
.storeDetail__list{margin-bottom:10px;padding:10px}
.storeDetail__pref{border-bottom:1px solid #7d5a5a;padding:5px;color:#7d5a5a;margin-top:5px;text-align:center;}
.storeDetail__pref:not(:first-of-type){
	margin-top: 30px;
}
.storeDetail__Name{margin-top:20px;font-weight:700;}
.storeDetail__Name a{color: #0064dc!important;text-decoration: underline;}
.storeDetail__Name::before{font-family: 'Font Awesome 5 Free';content: "\f0da";margin-right: .5em;}
.storeDetail__address{font-weight:500;margin:5px 0 20px;padding-bottom:5px;color: #555;}
.storeDetail__anchor{text-align:right}

.storeDetail__list{display: none;}
.storeDetail__arrow{transition-duration: 250ms;}
.rotate .storeDetail__arrow {transform: rotate(180deg);transition-duration: 250ms;}
.open {display:block !important;}



@media screen and (max-width: 480px){
	.storeH3{
		font-size: 4vw;
	}
}

/*------------------------------TOPランキングコンテナ---------------------------------*/
.itemTitle{
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: .5em .5em .5em 3em;
	background: linear-gradient(110deg,#fff 80%,var(--sub-color) 80%);
	color: var(--sub-color);
	font-weight: bolder;
	font-size: 3rem;
	border-bottom: solid 3px var(--sub-color);
	margin-bottom: 1rem;
}

.detail .itemTitle{
	padding: .5em;
}

.itemTitle .itemName{
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
}

.itemTitle .totalScore{
	color: #fff;
}

.rankTopBlock{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 96%;
	margin: 0 auto 1rem;
}

.rankTopBlock__left{
	width: 49%;
	box-shadow: 0 0 5px #ccc;
}

.rankTopBlock__right{
	width: 49%;
	padding: 1rem;
}

.recommendPoint{
	width: 100%;
	height: 100%;
	padding: 2rem;
	background-color: #FEF5ED;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	box-shadow: 0 0 5px #ccc;
}

.recommendPoint::before,
.recommendPoint::after{
	position: absolute;
	content: "";
	border-style: solid;
	border-width: 17px;
}

.recommendPoint::before{
	border-color: var(--sub-color) transparent transparent var(--sub-color);
	top: -1rem;
	left: -1rem;
}
.recommendPoint::after{
	border-color: transparent var(--sub-color) var(--sub-color) transparent;
	bottom: -1rem;
	right: -1rem;
}

.recommendPoint li{
	font-size: 1.9rem;
	font-weight: bold;
	width: 100%;
	line-height: 1.7em;
	padding-left: 1em;
	text-indent: -1em;
}

.recommendPoint li::before{
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	content: "\f105";
	margin-right: .5em;
	color: var(--sub-color);
	text-shadow: 2px 2px 0 #fff;
}

.table_price{
	width: 96%;
	margin: 2rem auto;
}

.table_price table{
	width: 100%;
	font-size: 2rem;
	font-weight: bold;
	border-collapse: separate;
	border-spacing: 5px;
}

.table_price table th,
.table_price table td{
	text-align: center;
	padding: .5em 0;
	width: 50%;
	vertical-align: middle;
	border-radius: 6px;
}

.table_price table th{
	color: #fff;
}

.table_price table th.th_price_trial{
	background-color: #F4A442;
	background: linear-gradient(-45deg,#F4A442 25%,#E49432 25%,#E49432 50%,#F4A442 50%,#F4A442 75%,#E49432 75%);
	background-size: 10px 10px;
}
.table_price table th.th_price{
	background-color: var(--sub-color);
}

.table_price table td{
	border-bottom: solid 3px #eee;
	vertical-align: middle;
}

.table_price table td::before{
	width: 1em;
	height: 1em;
	display: inline-block;
	background-size: contain;
	content: "";
	margin-right: .5em;
}
.table_price table td.td_veryGood::before{background-image: url(/wp-content/themes/store-thor/images/level_mark/veryGood.png);}
.table_price table td.td_good::before{background-image: url(/wp-content/themes/store-thor/images/level_mark/good.png);}
.table_price table td.td_normal::before{background-image: url(/wp-content/themes/store-thor/images/level_mark/normal.png);}
.table_price table td.td_bad::before{background-image: url(/wp-content/themes/store-thor/images/level_mark/bad.png);}

.table_price .table_price_pc{
	display: table;
}
.table_price .table_price_sp{
	display: none;
}

.panel table a{
	text-decoration: underline;
}

.officialButton__block{
	text-align: center;
	position: relative;
	margin: 3rem auto;
}

.officialButton__block .btn_top{
	display: block;
	margin: 0 auto.5rem;
	font-size: 2rem;
	color: #646464;
	animation: float infinite 3s;
}

@keyframes float{
	0%,100%{transform: translateY(0);}
	50%{transform: translateY(3px);}
}

.officialButton{
	display: flex;
	width: 70%;
	height: 70px;
	margin: 0 auto;
	position: relative;
	justify-content: center;
	align-items: center;
	background: linear-gradient(-45deg,#F4A442 45%,#FFB452 50%,#F4A442 55%,#F4A442 100%);
	background-size: 1000% 1000%;
	color: #fff!important;
	font-size: 2rem;
	font-weight: bold;
	animation: gradient 4s ease infinite;
	text-shadow: 0 0 2px #aaa;
	box-shadow: 5px 5px 0px #FFE400;
	border: solid 5px #E49432;
	border-radius: 10px;
	line-height: 1.2em;
}

/* .officialButton::before{
	font-family: 'Font Awesome 5 Free';
	content: "\f450";
	margin-right: .5rem;
	font-size: 1.5em;
} */

.officialButton::after{
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	font-weight: 900;
	content: "\f138";
	right: 1em;
	top: 50%;
	transform: translateY(-50%);
}

.detailButton__block{
	width: 100%;
	margin: -1rem 0 2rem;
	text-align: center;
}

.detailButton__block a{
	color: #555!important;
}

@keyframes gradient {
	0% {
		background-position: 100% 50%
	}
	100% {
			background-position: 0% 50%
		}
}



@media screen and (max-width: 480px) {
	.itemTitle {
		font-size: 6vw;
		background: linear-gradient(110deg,#fff 73%,var(--sub-color) 73%);
	}

	.itemTitle .totalScore .small{
		font-size: .6em;
	}

	.rankTopBlock__left{
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.rankTopBlock__right{
		width: 100%;
		margin: 0 auto 1rem;
	}

	.rankTopBlock__right table{
		font-size: 3.5vw;
	}

	.rankTopBlock__right table th, .rankTopBlock__right table td{
		height: 12vw;
	}

	.rankTopBlock__right table td img{
		width: 5vw;
	}

	.totalEva.pc{
		display: none;
	}
	.totalEva.sp{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
	}

	.rankTop_Table{
		width: 90%;
	}

	.recommendPoint{
		padding: 3vw;
		gap: 1em;
	}

	.recommendPoint li{
		font-size: 4vw;
	}

	.recommendPoint::before,
	.recommendPoint::after{
		border-width: 4vw;
	}

	.officialButton__block .btn_top_comment{
		font-size: 4vw;
		margin: 2rem auto 0;
	}

	.table_price .table_price_pc{
		display: none;
	}
	.table_price .table_price_sp{
		display: table;
	}
}

.group{
	width: 96%;
	margin: 0 auto 2rem;
}

.tab-group{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 4.5rem;
}

.tab{
	width: 50%;
	height: 4rem;
	color: #999;
	background-color: #ddd;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 4rem;
	text-align: center;
	transition: 0.3s;
	position: relative;
}

.is-active{
	height: 4.5rem;
	line-height: 4.5rem;
	color: #fff;
	background-color: var(--sub-color);
}

.panel-group{
	/* box-shadow: 0px 3px 3px #eee; */
	margin-bottom: 1rem;
	border: solid 3px var(--sub-color);
}

.panel{
	padding: 2rem 0;
	display: none;
}

.is-show {
	display: block;
}

.detailInfo_1,.detailInfo_2{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

.detailInfo_1 th,.detailInfo_1 td,.detailInfo_2 th,.detailInfo_2 td{
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
}
.detailInfo_1 th,.detailInfo_1 td{
	width: calc(100% / 4);
}
.detailInfo_2 th,.detailInfo_2 td{
	width: calc(100% / 6);
}

.detailInfo_1 th,.detailInfo_2 th{
	height: 3em;
	background-color: #ECE7B4;
	color: #333;
	text-shadow: 2px 2px 0 #fff;
	font-size: 1.5rem;
	border-left: solid 3px #fff;
	border-right: solid 3px #fff;
	border-bottom: solid 3px #fff;
}

.detailInfo_1 td,.detailInfo_2 td{
	height: 60px;
	background-color: #fff;
	color: #555;
	font-size: 2.2rem;
	border-left: solid 3px #fff;
	border-right: solid 3px #fff;
	border-bottom: solid 1px #ddd;
	font-size: 1.5rem;
}

.detailInfo_1 td img,.detailInfo_2 td img{
	width: 3rem;
}

.detailInfo_container dl{
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}

.detailInfo_container dd{
	line-height: 2rem;
	margin: 0.5rem 0 1.5rem;
	text-indent: -1.5rem;
	padding-left: 1.5rem;
}

.detailInfo_container dd::before{
	content: "≫";
	margin-right: 0.5rem;
}

.detailInfo_container dt{
	font-size: 1.5rem;
	line-height: 2rem;
	border-bottom: solid 2px #7d5a5a;
	padding-left: 0.5rem;
	color: #7d5a5a;
	font-weight: 600;
}

@media screen and (max-width: 480px) {
	.rankTop__table{
		padding-top: 0.5rem;
	}

	.group{
		width: 96%;
	}

	.tab{
		font-size: 5vw;
		line-height: 10vw;
		height: 10vw;
	}

	.is-active{
		height: 11vw;
		line-height: 11vw;
	}

	.detailInfo_1 td,.detailInfo_2 td{
		font-size: 4.5vw;
	}

	.officialButton__block .btn_top{
		font-size: 4vw;
	}

	.officialButton{
		width: 96%;
		font-size: 4.7vw;
		height: 60px;
	}

	.officialButton::after{
		right: 2vw;
		line-height: 53px;
	}
}

.ranking_article{
	width: 96%;
	margin: 0 auto 2rem;
}

.rankingH3{
	font-size: 2rem;
	font-weight: bold;
	line-height: 2em;
	margin-bottom: 1rem;
	background: linear-gradient(-45deg,#FFE61B 25%,transparent 25%,transparent 50%,#FFE61B 50%,#FFE61B 75%,transparent 75%);
	background-size: 5px 5px;
	background-position: bottom;
	background-repeat: repeat-x;
}

.ranking_article .rankingH3::before{
	font-family: 'Font Awesome 5 Free';
	content: "\f15c";
	margin-right: .5em;
	color: var(--sub-color);
	font-size: 1.5em;
}
.review_wrap .rankingH3::before{
	font-family: 'Font Awesome 5 Free';
	content: "\f0a1";
	margin-right: .5em;
	color: var(--sub-color);
	font-size: 1.5em;
}

.ranking_article p{
	font-size: 1.7rem;
	line-height: 2em;
	margin: 2em auto;
}

.ranking_article img{
	width: 70%;
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 6px #aaa;
}

.review_wrap{
	width: 96%;
	margin: 0 auto 2rem;
}

.review{
	width: 100%;
	margin: 1rem auto;
	border: solid 3px var(--sub-color);
	border-radius: 10px;
	padding: 1rem;
}

.review .personal_data{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border-bottom: solid 3px var(--sub-color);
	font-size: 1.6rem!important;
}

.review .personal_data .personal_data_img{
	/* height: 4em; */
	object-fit: contain;
}

.review .personal_data .personal_data_img img{
	object-fit: contain;
	height: 3em;
}

.review .personal_data .personal_data_txt{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	padding-left: .5em;
	line-height: 1.3em;
}

.review .personal_data .personal_data_txt h4{
	/* font-size: 1.2em; */
	font-weight: bold;
}

.review .review_article p{
	line-height: 2em;
	padding: .5em;
	font-size: 14px;
}

.review_more_wrap{
	display: none;
}

.review_more_btn{
	display: block;
	width: 200px;
	padding: .5em 0;
	text-align: center;
	background-color: transparent;
	border: dashed 2px #ccc;
	border-radius: 999px;
	color: #777;
	margin: 0 auto;
	font-weight: bold;
}

@media screen and (max-width : 480px){
	.review .personal_data .personal_data_img{
		width: 17%;
		height: auto;
	}

	.review .personal_data .personal_data_img img{
		height: auto;
	}

	.review .personal_data .personal_data_txt{
		width: 83%;
	}

	.ranking_article img{
		width: 90%;
	}

	.ranking_article p{
		font-size: 4vw;
	}
}

/*-------------------------- ｈ２ ---------------------*/
h2.rankingDscrTtl2 {
	position: relative;
	text-align: center;
	font-size: 20px;
	line-height: 35px;
	/* width: 780px; */
	height:35px;
	margin:5px 0 0;
	background-color: #f3e1e1;
	border-top: double 4px #7d5a5a;
	border-bottom: solid 1px #7d5a5a;
	color: #7d5a5a;
	text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}

/* h2.rankingDscrTtl2::before{
	position: absolute;
	content:"";
	display: inline-block;
	width: 772px;
	height: 29px;
	top: 3px;
	right: 3px;
	border-right: dashed 1px #fff;
	border-left: dashed 1px #fff;
} */

@media (max-width: 480px) {
	h2.rankingDscrTtl2 {
	width: 100%;
  }
/* 	
	h2.rankingDscrTtl2::before {
		width: calc(100% - 6px);
	} */
}


/* ------------------検索フォーム　フレックス---------------- */
.blandSearchForm dd{
	display: flex!important;
	flex-wrap: wrap;
	gap: 5px;
}

.blandSearchForm dd label{
	display: block;
	min-width: 50px;
	padding: .5em;
}

.blandSearchForm dd label input{
	display: inline;
}

.blandSearchForm dd select{
	border: solid 1px #ddd;
	padding: .5em;
	border-radius: 5px;
}

.searchBox + .mainH2{
	margin-top: 2rem;
}

/* スライド */
.swiper-container {
  width: 96%;
	height: auto;
  margin: 10px auto 30px!important;
}

.swiper-scrollbar,.swiper-scrollbar-drag{
	display: none;
}


/*------------------------------------- ランキング根拠　調査結果 ------------------------------*/
.surveyResult table{
	width: 750px;
}

.surveyResult table th,.surveyResult table td{
	border: #ccc solid 1px;
	height:3rem;
	line-height:3rem;
}

.surveyResult table th{
	background-color: #f8f3ec;
	text-align: center;
}

.surveyResult table td{
	text-align: right;
	width: 80px;
	padding-right:0.5rem;
}

/* ----------------------------------詳細ページ------------------------------- */
.detailPage .ranking{
	padding-top: 0;
}

.detailPage .itemTitle{
	padding: 0.5rem 1rem;
	height: 55px;
	line-height: 45px;
}

.location{
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	margin: 10px 20px;
}

.location div{
	position: relative;
	width: calc(100% / 6);
	height: 60px;
	border: solid 1px #fff;
	font-size: 1.2rem;
	font-weight: 500;
	text-align: center;
	line-height: 24px;
	color: #fff;
	background-position: 120% 20px;
	background-size: 55px 55px;
	background-repeat: no-repeat;
	background: linear-gradient(#7d5a5a 40%,#fffafa 40%);
}

.location div::after{
	position: absolute;
	font-size: 20px;
	left: calc(50% - 10px);
	bottom: 8px;
}

.location .true::after{
	content: "◎";
	color: #f00;
	
}

.location .false::after{
	content: "×";
	color: #00f;
}

.officialButton__default{
	display: block;
	width: 60%;
	height: 90px;
	border: solid 3px #55a290;
	border-radius: 45px;
	background-color: #6fd5be;
	text-align: center;
	line-height: 90px;
	margin-top:0.5rem;
	margin-left: auto;
	margin-right: auto;
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff!important;
	filter: drop-shadow(0px 2px 2px rgba(190,190,190,1));
	animation: officialBtn 2.5s infinite;
}

@media screen and (max-width: 480px) {
	.location{
		margin: 10px;
	}

	.officialButton__default{
		width: 90%;
		height: calc(90vw / 5);
	}
}

/* 検索ボックス　さらに詳しくボタン */
/* .more-btn{
	width: 140px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0.5rem auto;
	border: dashed 1px #777;
	color: #777;
	border-radius: 15px;
}

.more-list{
	display: none;
} */


/* -------------------サイトマップ----------------- */
.sitemap_content{
	display: flex;
	background-color: #fff;
	padding: 1rem;
	flex-wrap: wrap;
	justify-content: space-around;
}

.sitemap_content_left,.sitemap_content_right{
	width: 45%;
}

.siteamap_content h3,.sitemap_content a,.sitemap_content li{
	color: #555!important;
	line-height: 2.5rem;
}

.sitemap_content h3{
	font-size: 1.5rem;
	font-weight: bold;
	margin-top: 2rem;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
	padding-left: 1em;
	width: 100%;
	line-height: 3rem;
	position: relative;
	background-color: #eee;
}

.sitemap_content h3::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background-image: repeating-linear-gradient(45deg, #ccc 0px, #ccc 1px, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%);
	background-size: 5px 5px;
}

/* .sitemap_content h3::before{
	content: "▶︎";
	color: #b071b5;
	margin-right: 0.5em;
} */

.sitemap_content li{
	padding-left: 2em;
	text-indent: -1.5em;
}

.sitemap_content li::before{
	content:"−";
	font-size: 1em;
	line-height: 1rem;
	/* color: #6bb6ff; */
	margin-right: 0.5rem;
}

/* .sitemap_content li:nth-of-type(even)::before{
	color: #6fd5be;
} */

@media screen and (max-width: 480px){
	.sitemap_content_left,.sitemap_content_right{
		width: 100%;
	}
}



/* 検索ボタン */
.blandSearchForm p button{
	width: 249px;
	height: 46px;
	color: #fff;
	background: var(--sub-color);
	border-radius: 5px;
	position: relative;
}

.blandSearchForm p button::before{
	position: absolute;
	content: "";
	background-image: url(/wp-content/themes/store-thor/images/rankingPage/searchBtn.png);
	background-size: contain;
	background-repeat: no-repeat;
	width: 60px;
	height: 60px;
	text-align: center;
	top: -8px;
	left: 25px;
}


/* ------------------------スマホ版フッターメニュー----------------- */
.footerMenu_sp h3{
	border-radius: 5px;
	margin-top: 2px;
	font-size: 1.5rem;
	color: #fff;
	background-color: var(--sub-color);
	font-weight: 500;
	padding: 0.7em 0;
	position: relative;
}

.footerMenu_sp h3:first-of-type{
	padding: 0;
}

.footerMenu_sp h3:first-of-type::after{
	position: absolute;
	content: "▶";
	/* font-family: 'Font Awesome 5 Free'; */
	font-size: 10px;
	top: 13px;
	right: 10px;
}

.footerMenu_sp h3 a{
	color: #fff!important;
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 0.7em 0;
}

.footerMenu_btn::after{
	position: absolute;
	content: "\f0fe";
	font-family: 'Font Awesome 5 Free';
	font-size: 10px;
	top: 13px;
	right: 10px;
}

.footerMenu_open::after{
	content: "\f146";
	color: #aaa;
}

.footerMenu_list{
	display: none;
}

.footerMenu_list li{
	text-align: left;
	/* padding: 1em 0; */
}

.footerMenu_list li:not(:last-of-type){
	border-bottom: dashed 1px #ccc;
}

.footerMenu_list li:before{
	content: "−";
	margin-right: 0.5em;
}

.footerMenu_list li a{
	color: #646464!important;
	display: inline-block;
	height: 100%;
	width: calc(100% - 2em);
	line-height: 3em;
}

.footerMenu_list_clinic li:last-of-type,.footerMenu_list_column li:last-of-type{
	font-weight: 500;
}

.footerMenu_list_clinic li:last-of-type::before,.footerMenu_list_column li:last-of-type::before{
	content: "➞";
	margin-right: 0.5em;
}

.footerMenu_menu{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-wrap: wrap;
	margin-top: 1rem;
	justify-content: center;
}

.footerMenu_menu li{
	padding: 0 1em;
}

.footerMenu_menu li:not(:last-child){
	border-right: solid 1px #666;
}

.footerMenu_menu li a{
	color: #666!important;
}


/* ---------------トップに戻る------------ */
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: -50px;
  bottom: 5px;
  background: var(--sub-color);
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f0d8';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* --------------------コラムページ------------------ */
div.breadcrumb{
	background-color: #7d5a5a;
	margin-left: 0!important;
	margin-right: 0!important;
}

div.wider .breadcrumb ul{
	background-color: #7d5a5a;
	margin: 0 auto;
}

div.wider .breadcrumb ul li a{
	color: #fff!important;
}

.heading-primary{
	border-bottom: double 3px #7d5a5a;
	margin: 1rem 0;
}

.eyecatch__cat{
	background: #7d5a5a!important;
}

.postContents h2{
	color: #7d5a5a!important;
	padding-left: 0.8em;
	text-indent: -1em;
	font-size: 1.8rem!important;
	margin-top: 2rem!important;
	margin-bottom: 0.5rem;
	background-color: #faf2f2;
	box-shadow: 2px 2px 3px #ddd;
}

.postContents h2::before{
	content: "‖";
}

/* ---------------プライバシーポリシー--------------- */
#privacy section{
	margin: 0 0 2rem;
	color: #333;
}

#privacy section h3{
	font-size: 2.7rem;
	line-height: 2em;
	color: #14279B;
	border-bottom: solid 2px #14279B;
}

#privacy section h4{
	font-size: 2rem;
	line-height: 2em;
	margin: 0;
}

#privacy section h4::before{
	content: "≫";
	color: #14279B;
	margin-right: .5em;
}

#privacy section p{
	margin: 0 1rem 1rem;
	color: #646464;
	font-size: 1.5rem;
}

#privacy section ol{
	font-size: 1.5rem;
	margin: 0 1rem 1rem;
	color: #646464;
}

#privacy section ol li::before{
	color: #14279B;
	border-color: #14279B;
}

@media screen and (max-width: 480px){
	#privacy section h3{
		font-size: 5.5vw;
	}
	#privacy section h4{
		font-size: 4.5vw;
	}
	#privacy section p{
		font-size: 3.5vw;
	}
	#privacy section ol{
		font-size: 3.5vw;
	}
}



/* -----------------リダイレクトページ------------------- */
.redirectImg{
  width: 60%;
  margin: 1rem auto;
}
.loader{
  text-align: center;
  line-height: 2em;
}
.redirectParagraph_wrap{
  text-align: center;
  line-height: 2em;
  margin-bottom: 2rem;
}

.dot-elastic {
  position: relative;
  width: 10px;
  height: 10px;
  margin: 0 auto;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElastic 1s infinite linear;
}

.dot-elastic::before, .dot-elastic::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-elastic::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElasticBefore 1s infinite linear;
}

.dot-elastic::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElasticAfter 1s infinite linear;
}

@keyframes dotElasticBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dotElastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}

@keyframes dotElasticAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

@media screen and (max-width: 480px){
  .redirectImg{
    width: 96%;
  }
}

/* ------------口コミページ---------- */
#review_container{
	/* background-color: #fff; */
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	margin: 20px auto 2rem;
	background-image: linear-gradient(-45deg,#fafafa 25%,#fff 25%,#fff 50%,#fafafa 50%,#fafafa 75%,#fff 75%);
	background-size: 10px 10px;
	background-repeat: repeat;
}

#review_container .review{
	padding: 1rem;
	box-shadow: 0 0 6px rgba(0,0,0,.1);
}

/* -----------------ハンバーガーメニュー--------------- */
.ham_nav {
	display: none;
	z-index: 100;
	position: fixed;
	top: 5rem;
	right: 0;
	bottom: 0;
	opacity: 0;
	/* visibility: hidden; */
	transition: .5s;
	background: linear-gradient(to right,transparent 32%,rgba(0,0,0,0.5) 32%);
	width: 0;
	overflow-y: scroll;
}

.ham_nav_wrap{
	width: calc(68% - 4rem);
	margin: 2rem 2rem 2rem auto;
}

.ham_nav.show {
	opacity: 1;
	width: 100%;
}

.ham_nav h2{
	position: relative;
	background-color: var(--sub-color);
	background: linear-gradient(110deg,var(--sub-color) 50%, var(--main-color) 50%);
	width: 100%;
	height: 50px;
	padding: 3px;
	color: #fff;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	line-height: 42px;
}

.ham_nav .rightRankBox ul li a span{
	font-size: 3.7vw;
}

.ham_nav .rightRankBox,
.ham_nav .rightBnrBox,
.ham_nav .sideDetailPage{
	margin-bottom: 2rem;
}

.nav_toggle {
	display: none;
	position: relative;
	width: 2rem;
	height: 2rem;
	margin: 1.5rem;
}

.nav_toggle i {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	transition: .5s;
}

.nav_toggle i:nth-child(1) {
	top: 0;
	bottom: auto;
}

.nav_toggle i:nth-child(2) {
	top: 0;
	bottom: 0;
	margin: auto;
}

.nav_toggle i:nth-child(3) {
	top: auto;
	bottom: 0;
}

.nav_toggle.show i:nth-child(1) {
	transform: rotate(45deg);
	bottom: 0;
	margin: auto;
}

.nav_toggle.show i:nth-child(2) {
	display: none;
}

.nav_toggle.show i:nth-child(3) {
	transform: rotate(-45deg);
	top: 0;
	margin: auto;
}

@media screen and (max-width: 480px) {
	.nav_toggle {
		display: block;
	}

	body {
		padding-top: 5rem!important;
	}

	header {
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		height: 5rem;
		z-index: 100;
		transition: .3s;
	}

	.ham_nav {
		display: block;
	}
}

/* 検索結果 */
.search{
	margin-bottom: 2rem;
}

.search .itemTitle{
	padding: .5em;
}

.search .rankTopBlock__right{
	padding: 0;
}

.searchResult_table{
	width: 100%;
	height: 100%;
}

.searchResult_table th,
.searchResult_table td{
	text-align: center;
	vertical-align: middle;
	border: solid 2px #eee;
	height: 25%;
}

.searchResult_table th{
	background-color: #ECE7B4;
	font-weight: bold;
	text-shadow: 2px 2px 0 #fff;
	width: 40%;
}

.searchResult_table td{
	width: 50%;
}

.searchResult_table td a{
	text-decoration: underline;
}

.searchResult_bln{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	width: 96%;
	margin: 0 auto 1rem;
}

.blnBox{
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc((100% - 10px * 2) / 3);
	/* border: solid 2px #555; */
	border-radius: 10px;
	padding: 1em 0;
	font-weight: bold;
	background-color: #ddd;
	color: #aaa;
	font-size: 1.7rem;
}

.blnBox_true{
	color: #333;
	text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	border: double 4px var(--sub-color);
	box-shadow: 0 0 6px #ccc;
	background-image: url(/wp-content/themes/store-thor/images/level_mark/veryGood.png);
	background-color: rgba(255, 255, 255, .5);
	background-size: 2em 2em;
	background-repeat: no-repeat;
	background-position: center;
	background-blend-mode: lighten;
}

@media screen and (max-width : 480px){
	.searchResult_bln{
		gap: 5px;
	}

	.blnBox{
		width: calc((100% - 5px * 2) / 3);
		font-size: 3.4vw;
		padding: 1em .5em;
	}
}

/* コラムページ */
#column .column_article{
	background-color: #fff;
	box-shadow: 0 0 6px #ccc;
	padding-bottom: 1rem;
}

#column .column_article p{
	line-height: 2.2em;
	width: 96%;
	margin: 0 auto 2em;
}

#column .column_article img{
	display: block;
	width: 70%;
	margin: 0 auto;
}

#column .column_article h3{
	font-size: 2rem;
	line-height: 1em;
	padding: .5em 0;
	border-bottom: solid 2px #ddd;
	width: 96%;
	margin: 0 auto 1rem;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

#column .column_article h3::before{
	content: "◆";
	margin-right: .5em;
	color: var(--sub-color);
}

#column .column_article ul{
	width: 90%;
	margin: 0 auto 2rem;
	border: dashed 2px #ddd;
	border-radius: 10px;
	padding: 1em;
}

#column .column_article ul li{
	line-height: 2em;
	text-indent: -1.5em;
	padding-left: 1.5em;
}

#column .column_article ul li::before{
	content: "・";
	margin-right: .5em;
}

#column .column_article dl{
	width: 96%;
	margin: 0 auto 2rem;
	line-height: 2em;
}

#column .column_article dl dt{
	font-size: 1.7rem;
	font-weight: bold;
	color: var(--sub-color);
}

#column .column_article dl dt::before{
	content: "■";
	margin: 0 .5em;
}

#column .column_article dl dd{
	margin-bottom: 2em;
	padding-left: 1em;
}

@media screen and (max-width : 480px){
	#column .column_article img{
		width: 90%;
	}
}