@charset "UTF-8";

:root {
	--main-color: #323643;
	--sub-color: #606470;
}

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: 13px;
}

small {
	font-size: 0.8em;
}

.wrap {
	overflow-x: scroll;
	background: #F7F7F7;
	background-image: url(/wp-content/themes/datsumou-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: inherit;
}

.sp {
	display: none;
}

img {
	max-width: 100%;
	height: auto;
}

.small {
	font-size: 0.75em;
}

.annotion {
	font-size: .7em;
	color: #555;
}

.red {
	color: #d00;
	font-weight: bold;
}

.marker {
	font-weight: bold;
	background: linear-gradient(transparent 40%, #fff799 40%);
}

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

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

.mainH2::before {
	border-color: #14279B transparent transparent #14279B;
	top: 0;
	left: 0;
}

.mainH2::after {
	border-color: transparent #14279B #14279B transparent;
	bottom: 0;
	right: 0;
}

@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;
	}
}

/*-------------------------------------------------------------- 追加CSS -------------------------------------------------------------------------*/
.firstView {
	margin: 0 auto;
	;
	text-align: center;
	width: 1000px;
	z-index: 0;
	position: relative
}

.firstView::after {
	content: "";
	width: 230px;
	height: 70px;
	background-size: contain;
	position: absolute;
	bottom: 15px;
	right: 0px;
	z-index: 1;
	background-repeat: no-repeat;
}

.firstView__default::after {
	background-image: none;
}

.firstView__saitama::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_saitama.png);
}

.firstView__ibaraki::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_ibaraki.png);
}

.firstView__fukuoka::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_fukuoka.png);
}

.firstView__hyogo::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_hyogo.png);
}

.firstView__shizuoka::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_shizuoka.png);
}

.firstView__tokyo::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_tokyo.png);
}

.firstView__chiba::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_chiba.png);
}

.firstView__okayama::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_okayama.png);
}

.firstView__osaka::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_osaka.png);
}

.firstView__aichi::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_aichi.png);
}

.firstView__kyoto::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_kyoto.png);
}

.firstView__kanagawa::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_kanagawa.png);
}

.firstView__hokkaido::after {
	background-image: url(/wp-content/themes/datsumou-thor/images/fv/area/area_hokkaido.png);
}

.fv_area {
	position: absolute;
	background-color: #323643;
	color: #fff;
	font-weight: bold;
	padding: .3em .5em;
	bottom: 10px;
	right: 0;
	font-size: 4rem;
}

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

.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;
}

/*------------------------------------------------------------------------------- ヘッダー -------------------------------------------------------------------------------*/
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/datsumou-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;
	}
}

/*------------------------------------------------------------------------------- /ヘッダー -------------------------------------------------------------------------------*/

.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/datsumou-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/datsumou-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: top;
	background-color: #fff;
}

.blandSearchForm dl dt:before {
	content: "◆";
	position: absolute;
	display: inline-block;
	left: 1rem;
}

.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 {
	display: table-cell;
	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+px) {
	margin-left: 2rem;
}

.blandSearchForm dl:nth-of-type(px) dd select {
	display: inline-block;
	min-width: 16rem;
	border: solid 1px #333;
}

.blandSearchForm dl:nth-of-type(px) dd select:nth-of-type(n+px) {
	margin-left: 2rem;
}

.blandSearchForm dl:nth-of-type(3) dd {
	padding: 0 0 1.5rem 1rem;
}

.blandSearchForm dl:nth-of-type(3) dd label {
	display: inline-block;
	min-width: 6rem;
	margin-left: 1rem;
	margin-top: 1.5rem;
}

.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(px) dd select {
		margin-top: 1.5rem;
	}

}

/*------------------------------------------------------------------------------- /検索ボックス -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- 上部比較表 -------------------------------------------------------------------------------*/
#compareTable {
	background-color: white;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
	padding-bottom: 1px;
	margin: 0 auto 2rem;
}

#compareTable table {
	width: 96%;
	margin: 5rem auto 1rem;
}

#compareTable table tr th,
#compareTable table tr td {
	text-align: center;
	vertical-align: middle;
	height: 8rem;
}

#compareTable table tr:not(:first-of-type) th {
	width: 19%;
	background: linear-gradient(135deg, #4457bB 0%, #14279B 50%);
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, .1);
	position: relative;
	border-bottom: solid 3px #fff;
}

#compareTable table tr td {
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	width: 27%;
	line-height: 140%;
	position: relative;
	font-weight: bold;
}

#compareTable>table>tbody>tr>td>img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0.25;
	width: 38%;
}

#compareTable table tr td a {
	color: #333;
}

#compareTable table tr td:nth-of-type(1) {
	background-color: #FFFaDa;
}

#compareTable table tr:first-of-type td:nth-of-type(1) {
	position: relative;
}

#compareTable table tr:first-of-type td:nth-of-type(1)::before {
	position: absolute;
	content: "";
	background-image: url(/wp-content/themes/datsumou-thor/images/crown.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 4rem;
	top: -4rem;
	right: 0;
}

#compareTable table tr td img {
	width: 3rem;
}

#compareTable table tr td.itemTd img {
	width: 70%;
}

#compareTable table tr:last-child td a {
	display: inline-block;
	width: 85%;
	line-height: 3em;
	background: linear-gradient(135deg, #FFC420 0%, #FFA400 50%);
	color: #fff;
	border-bottom: solid 2px #D98C00;
	border-radius: 5px;
}

@media screen and (max-width: 480px) {
	#compareTable table {
		font-size: 3vw;
		margin-top: 11vw;
	}

	#compareTable table tr:last-child td a {
		font-size: 2.5vw;
	}

	#compareTable table tr td img {
		width: 5vw;
	}

	#compareTable table tr th,
	#compareTable table tr td {
		height: 15vw;
	}

	#compareTable table tr:first-of-type td:nth-of-type(1)::before {
		height: 10vw;
		top: -10vw;
	}

	#compareTable table tr td.itemTd img {
		width: 90%;
	}
}

/*------------------------------------------------------------------------------- /上部比較表 -------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------- ranking -------------------------------------------------------------------------------*/
.ranking {
	width: 780px;
	height: auto;
	margin: 0 auto 2rem;
	position: relative;
	box-shadow: 0 0 6px rgba(0, 0, 0, .2);
}

.rankingBg {
	width: 780px;
	height: auto;
	background: #fff;
	padding-bottom: 20px;
}

.itemTitle {
	position: relative;
}

.itemTitle::before {
	content: '';
	width: 60px;
	height: 100px;
	display: block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: top;
	top: 0px;
	left: 5px;
}

.itemTitle__No1::before {
	background-image: url(/wp-content/themes/datsumou-thor/images/rankingNumber/ranking1.png);
}

.itemTitle__No2::before {
	background-image: url(/wp-content/themes/datsumou-thor/images/rankingNumber/ranking2.png);
}

.itemTitle__No3::before {
	background-image: url(/wp-content/themes/datsumou-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/datsumou-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+px) {
		margin-left: 0;
		margin-top: 1rem;
	}

	.blandSearchForm dl:nth-of-type(px) dd {
		padding: 0 0 1.5rem 1rem;
	}

	.blandSearchForm dl:nth-of-type(px) 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/datsumou-thor/images/area/sp/default.png);
	}

	.firstView::after {
		width: 42vw;
		height: 13vw;
		bottom: 2vw;
	}

	/* .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/datsumou-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/datsumou-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/datsumou-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/datsumou-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 {
		width: 12vw;
		height: 14vw;
		top: 0;
		left: 2vw;
	}

	.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: px;
	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;
}

.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/datsumou-thor/images/rankingTable/rightRankBox/rightRank1.png);
}

.rightRankBox ul li:nth-of-type(px):before {
	background-image: url(/wp-content/themes/datsumou-thor/images/rankingTable/rightRankBox/rightRank2.png);
}

.rightRankBox ul li:nth-of-type(3):before {
	background-image: url(/wp-content/themes/datsumou-thor/images/rankingTable/rightRankBox/rightRank3.png);
}

.rightRankBox ul li:nth-of-type(4):before {
	background-image: url(/wp-content/themes/datsumou-thor/images/rankingTable/rightRankBox/rightRank4.png);
}

.rightRankBox ul li:nth-of-type(5):before {
	background-image: url(/wp-content/themes/datsumou-thor/images/rankingTable/rightRankBox/rightRank5.png);
}

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

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

.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/datsumou-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;
}

.cardtype__article {
	position: relative;
	width: calc((100% - 10px*3) / 3);
	margin: 10px 5px 10px;
	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__img img {
	border-radius: 10px;
}

.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*px) / px);
		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: px;
		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;} */
	article p {
		width: 95%;
		color: #646464;
		line-height: 1.8em;
		margin: 0 auto;
	}

	@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/datsumou-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/datsumou-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,
.storeH3::after {
	content: "↓ ↓ ↓";
	margin: 0 .5em;
}

.storeDetail {
	margin: 0 auto 1rem;
	background: #fff;
	width: 96%
}

.storeDetail__area {
	padding: 12px 0;
	color: #555;
	cursor: pointer;
	background: linear-gradient(180deg, #eee, #ddd);
	border-bottom: #fff solid 2px;
	border-radius: 5px;
	text-align: center;
	position: relative;
	transition: 0.3s;
}

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

.storeDetail__area.openArea {
	background: linear-gradient(180deg, #ddd, #eee);
}

.storeDetail__area.openArea::after {
	position: absolute;
	content: "\f146";
	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::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: 3.8vw;
	}
}

/*-------------------------------------------------------------------design2追加分-------------------------------------------------------------------------------*/
/*----------------------------個別口コミページ------------------------------------*/
.reviewContainer {
	width: 100%;
	background-color: #fff;
	padding: 0 0 2rem;
}

.reviewContainer h2 {
	width: 100%;
	background-color: #f8f4e1;
	border-top: double 4px #7d5a5a;
	border-bottom: solid 1px #7d5a5a;
	padding: 1rem;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
	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;
}

.reviewContainer .review_back {
	margin: 0.5rem;
	text-decoration: underline;
}

.reviewContainer .review_back:hover {
	opacity: 0.7;
	transition: 0.3s;
}

.reviewContainer .review::before {
	content: none;
}

.reviewContainer .review {
	margin-top: 2rem;
	margin-bottom: 2rem;
	padding: 2rem 2rem 1rem;
}

.reviewContainer .review:first-of-type {
	margin-top: 0;
}

.reviewBtn__wrap {
	text-align: right;
}

.review_officialBtn {
	display: inline-block;
	width: 49%;
	text-align: center;
	line-height: 17px;
	color: #666 !important;
	font-weight: bold;
	margin: 1rem 0 0.5rem;
	position: relative;
}

.review_officialBtn::after {
	content: "\f35d";
	font-family: 'Font Awesome 5 Free';
	margin-left: 0.5rem;
}

.review_detailBtn {
	display: inline-block;
	width: 49%;
	text-align: center;
	line-height: 17px;
	color: #666 !important;
	font-weight: bold;
	margin: 1rem 0 0.5rem;
	position: relative;
}

.review_detailBtn::after {
	content: "\f061";
	font-family: 'Font Awesome 5 Free';
	margin-left: 0.5rem;
}

.review_officialBtn:hover,
.review_detailBtn:hover {
	border: 0;
	transition: 1s;
}

@media screen and (max-width: 480px) {
	/* .reviewContainer h2{
		background-image: url(/wp-content/themes/datsumou-thor/images/review_title_sp.png);
		background-size: 100%;
		background-repeat: no-repeat;
		width:100%;
		height:auto;
		line-height:5rem;
		font-size: 2rem;
	} */

	.personalData,
	.parts {
		font-size: 1.4rem;
	}
}

/*---------------------------TOPページ--------------------------------*/
.rankTopics .rankTable_container {
	background-color: #fff;
	padding-bottom: 1rem;
}

.compareTable {
	margin-bottom: 1rem;
}

.campaign__title {
	content: '';
	width: 100%;
	background-size: 100%;
	background-repeat: no-repeat;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0px;
}

img.campaignTitle_month {
	width: auto;
	height: 30px;
}

.recommendCampaign {
	background-color: #faf2f2;
	width: 100%;
	height: auto;
	margin: 20px auto 20px;
	position: relative;
	border: double 13px #f3e1e1;
	border-radius: 50px;
	padding: 80px 0 50px;
}

.recommendCampaign:before,
.recommendCampaign:after {
	position: absolute;
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	left: calc(50% - 210px);
	width: 420px;
}

.recommendCampaign:before {
	background-image: url(/wp-content/themes/datsumou-thor/images/rankingPage/recommend_flameTop.png);
	top: -3rem;
	height: 105px;
}

.recommendCampaign:after {
	background-image: url(/wp-content/themes/datsumou-thor/images/rankingPage/recommend_flameBottom.png);
	bottom: -2rem;
	height: 65px;
}

.recommendCampaign h2 {
	font-size: 3rem;
	line-height: 4rem;
	text-align: center;
	margin-bottom: 1rem;
}

.recommendCampaign p {
	font-size: 2rem;
	line-height: 2.5rem;
	position: relative;
	text-align: center;
	height: 2.5rem;
}

.float {
	position: absolute;
	top: 3px;
	left: 0;
	right: 0;
	margin: auto;
	width: auto;
	height: 3rem;
	animation: float 2s infinite ease-in-out;
}

@keyframes float {
	0% {
		transform: translate(0, 0);
	}

	50% {
		transform: translate(0, -5px);
	}

	100% {
		transform: translate(0, 0);
	}
}

.recommendCampaign img {
	display: block;
	margin: 0 auto;
}

.recommendCampaign img.pc {
	display: block;
}

.recommendCampaign img.sp {
	display: none;
}


@media screen and (max-width: 480px) {

	.recommendCampaign:before,
	.recommendCampaign:after {
		width: 80%;
		left: 10%;
	}

	.recommendCampaign:before {
		height: 18vw;
	}

	.recommendCampaign:after {
		height: 12vw;
	}

	.recommendCampaign {
		padding: 4rem 0 1.5rem;
		margin: 25px 0 10px;
		border-radius: 30px;
	}

	.recommendCampaign h2 {
		font-size: 2.5rem;
	}

	.recommendCampaign img {
		margin-bottom: 2rem;
		margin-top: 3vw;
	}

	.float {
		font-size: 4.2vw;
		line-height: 4.2vw;
	}

	.recommendCampaign img.pc {
		display: none;
	}

	.recommendCampaign img.sp {
		display: block;
	}

	img.campaignTitle_month {
		width: 80vw;
		height: auto;
	}
}

/*------------------------------TOPランキングコンテナ---------------------------------*/
.itemTitle {
	width: 100%;
	height: auto;
	background-color: var(--sub-color);
	background: linear-gradient(-45deg, var(--sub-color) 2%, #fff 2%, #fff 2.5%, var(--sub-color) 2.5%, var(--sub-color) 3%, #fff 3%, #fff 3.5%, var(--sub-color) 3.5%);
	color: #fff;
	padding: 10px 0px 10px 80px;
}

.itemTitle .title_comment {
	font-size: 1.5rem;
	padding-left: 0.5em;
	line-height: 1.5em;
}

.itemTitle .clinic_name {
	font-size: 3rem;
	font-weight: bold;
	color: #333 !important;
	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;
}

.rankTopBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.rankTopBlock__left {
	width: 49%;
}

.rankTopBlock__right {
	width: 49%;
}

.totalEva {
	width: 100%;
	height: 55px;
	border-bottom: solid 1px #ccc;
	border-radius: 10px;
	padding: 0.5rem 1rem;
	align-items: flex-end;
}

.totalEva {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}

.totalEva h4 {
	margin-bottom: 0.2rem;
}

.totalEva_score {
	font-size: 4rem;
	font-weight: 500;
}

.rankTopBlock__right table {
	width: 100%;
}

.rankTopBlock__right table th,
.rankTopBlock__right table td {
	text-align: center;
	vertical-align: middle;
	height: 7.5rem;
}

.rankTopBlock__right table th {
	width: 30%;
	background-color: #ECDBBA;
	border-top: solid 1px #fff;
	border-bottom: solid 1px #fff;
	font-weight: bold;
	text-shadow: 2px 2px 0 #fff;
}

.rankTopBlock__right table td {
	border-top: solid 1px #ECDBBA;
	border-bottom: solid 1px #ECDBBA;
}

.rankTopBlock__right table td:nth-of-type(1) {
	width: 30%;
}

.rankTopBlock__right table td:nth-of-type(px) {
	width: 40%;
}

.rankTopBlock__right table td img {
	width: 4rem;
}

.rankTopBlock__right table td .red {
	font-size: 1.2em;
}

.recommendPoint {
	width: 96%;
	/* background-color: #fff; */
	background: linear-gradient(-45deg, #eee 0%, #fff 50%, #eee 100%);
	border: solid 1px #ddd;
	padding: 1rem 4rem;
	margin: 3rem auto 2rem;
}

.recommendPoint h3 {
	display: inline-block;
	margin: -2rem 0 3rem -5rem;
	width: auto;
	font-size: 1.7rem;
	line-height: 3em;
	padding: 0 1em;
	background-color: var(--sub-color);
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	position: relative;
}

.recommendPoint h3::before {
	position: absolute;
	content: "";
	width: 3rem;
	height: 3rem;
	border-style: solid;
	border-width: 0 0 0 2rem;
	border-color: var(--sub-color);
	border-radius: 0 0 0 3rem;
	bottom: calc(-2rem + 1px);
	left: 40px;
}

.recommendPoint h3::after {
	content: "";
	display: inline-block;
	width: 1.5em;
	height: 1em;
	padding: .5em 0;
	background-image: url(/wp-content/themes/datsumou-thor/images/recommend_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.recommendPoint dl {
	margin-bottom: 2rem;
}

.recommendPoint dl dt {
	border-bottom: #ddd solid 2px;
	position: relative;
	font-size: 2rem;
	line-height: 2.5rem;
	font-weight: bold;
	color: #14279B;
	text-shadow: 2px 2px 0 #fff;
}

.recommendPoint dl dt::before {
	font-family: 'Font Awesome 5 Free';
	content: "\f101";
	margin-right: .5em;
}

.recommendPoint dl dd {
	color: #333;
	line-height: 2em;
	margin-top: 0.5rem;
}

/* 
p.rect{
	width: 600px;
	text-align: center;
	margin: 0 auto 2rem;
} */

.officialButton__block {
	text-align: center;
	position: relative;
}

.officialButton__block .btn_top_comment {
	display: block;
	margin: 2rem auto -3rem;
	font-size: 2rem;
	color: #646464;
}

.officialButton {
	display: flex;
	width: 70%;
	height: 70px;
	margin: 4rem auto;
	position: relative;
	justify-content: center;
	align-items: center;
	background: linear-gradient(-45deg, #2Ba477 45%, #4Bc497 50%, #2Ba477 55%, #2Ba477 100%);
	background-size: 1000% 1000%;
	color: #fff !important;
	font-size: 2rem;
	font-weight: bold;
	animation: gradient 3s ease infinite;
	border-bottom: solid 5px #1B9467;
	border-radius: 8px;
}

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

.detailButton {
	color: #555 !important;
}

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

	100% {
		background-position: 0% 50%
	}
}

.officialButton::after {
	content: "≫";
	font-size: large;
	position: absolute;
	line-height: 70px;
	top: 0px;
	right: 20px;
}

.officialButton img {
	width: 30%;
}


@media screen and (max-width: 480px) {
	.itemTitle {
		padding: 2vw 0 2vw 16vw;
	}

	.itemTitle .title_comment {
		font-size: 3vw;
	}

	.itemTitle .clinic_name {
		font-size: 6vw;
	}

	.rankTopBlock__left {
		width: 100%;
	}

	.rankTopBlock__right {
		width: 96%;
		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: 0 5vw 1rem;
	}

	.recommendPoint h3 {
		font-size: 3.7vw;
		margin: -8vw 0 3rem -7vw;
	}

	.recommendPoint dl dt {
		font-size: 4vw;
	}

	.recommendPoint dl dd {
		font-size: 3.5vw;
		line-height: 1.7em;
	}

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

@media screen and (max-width: 350px) {
	p.rect {
		width: 96%;
	}
}

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

.tab-group {
	display: flex;
	justify-content: space-evenly;
	align-items: flex-end;
	border-bottom: solid 3px var(--sub-color);
	height: 4.5rem;
}

.tab {
	width: 45%;
	height: 4rem;
	color: #777;
	background-color: #eee;
	font-size: 1.7rem;
	font-weight: 600;
	line-height: 4rem;
	text-align: center;
	transition: 0.3s;
	position: relative;
	border-radius: 7px 7px 0 0;
}

.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 2px #ddd;
	border-top: 0px;
}

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

.is-show {
	display: block;
}

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

.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: #ECDBBA;
	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_2 th {
	width: 15%;
}

.detailInfo_2 td:nth-of-type(1) {
	width: 15%;
	font-weight: bold;
}

.detailInfo_2 td:nth-of-type(px) {
	width: 70%;
	text-align: left;
	padding: 0 1em;
	font-size: 1.3rem;
	line-height: 1.5em;
}

.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 {
		width: 49%;
		font-size: 4vw;
		line-height: 8vw;
		height: 8vw;
	}

	.is-active {
		height: 9vw;
	}

	.detailInfo_1 tbody {
		width: 100%;
	}

	.detailInfo_1 th,
	.detailInfo_1 td {
		width: 50%;
		font-size: 3.5vw;
	}

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

	.detailInfo_2 th {
		font-size: 3.5vw;
	}

	.detailInfo_2 td:nth-of-type(px) {
		font-size: 2.7vw;
		padding: 2vw;
	}

	.officialButton {
		width: 100%;
		font-size: 4.5vw;
		height: 60px;
		margin: 1rem auto 4rem;
	}

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

.review {
	width: 96%;
	background: linear-gradient(-45deg, #eee 0%, #fff 50%, #eee 100%);
	padding: 1rem 4rem;
	margin: 3rem auto 2rem;
	border: solid 1px #ddd;
}

.review h3 {
	display: inline-block;
	margin: -2rem 0 3rem -5rem;
	width: auto;
	font-size: 1.7rem;
	line-height: 3em;
	padding: 0 1em;
	background-color: var(--sub-color);
	color: #fff;
	font-weight: bold;
	border-radius: 10px;
	position: relative;
}

.review h3::before {
	position: absolute;
	content: "";
	width: 3rem;
	height: 3rem;
	border-style: solid;
	border-width: 0 0 0 2rem;
	border-color: var(--sub-color);
	border-radius: 0 0 0 3rem;
	bottom: calc(-2rem + 1px);
	left: 40px;
}

.review h3::after {
	content: "";
	display: inline-block;
	width: 2em;
	height: 1em;
	padding: .5em 0;
	background-image: url(/wp-content/themes/datsumou-thor/images/voice_icon.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.voice__contents {
	/* background-color: #fff; */
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 2px 2px #ddd inset, -2px -2px 2px #fff inset;
	color: #555;
	line-height: 2em;
}

.reviewer {
	display: flex;
	border-bottom: dashed 1px #7d5a5a;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.reviewer img {
	height: 4rem;
	width: auto;
	margin-right: 1rem;
}

.personalData {
	line-height: 1.7rem;
	font-size: 1.2rem;
}

.reviewTtl {
	line-height: 2.3rem;
	font-size: 1.4rem;
	padding-left: 0.5em;
	font-weight: 600;
	color: #7d5a5a;
}

.reviewLink {
	display: block;
	width: 100%;
	height: 30px;
	text-align: right;
	padding-right: 5rem;
	line-height: 30px;
	color: #555 !important;
	margin: 0.5rem auto 0;
	border-radius: 10px;
	position: relative;
}

.reviewLink::after {
	position: absolute;
	content: "》";
	top: 0px;
	right: 10px;
}

@media screen and (max-width: 480px) {
	.review {
		padding: 0 5vw 1rem;
	}

	.reviewLink {
		text-align: center;
		padding: 0;
	}

	.review h3 {
		font-size: 4.3vw;
		margin: -8vw 0 3rem -7vw;
	}
}


/*-------------------------- ｈ２ ---------------------*/
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;
}

.blandSearchForm dd label {
	display: block;
	min-width: 50px;
	margin-right: 1rem;
	margin-bottom: 0.5rem;
}

/* スライド */
.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;
} */


/* -----------------------サロン一覧----------------------- */
.storeList {
	background-color: #fff;
	padding: 0 1rem 1rem;
}

.storeList ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.storeList ul li {
	display: block;
	width: 170px;
	height: 90px;
	text-align: center;
	margin-bottom: 10px;
}

.storeList ul li a {
	display: block;
	width: 100%;
	height: 90px;
	color: #555;
	font-size: 12px;
}

.storeList ul li img {
	display: block;
	margin-top: auto;
	width: 100%;
	height: 60px;
	width: auto;
	object-fit: contain;
	margin-left: auto;
	margin-right: auto;
}

.storeList ul li p {
	display: block;
}

/* -------------------サイトマップ----------------- */
.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/datsumou-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: 1000px;
	text-align: center;
	margin: 0 auto 2rem;
}

.redirectParagraph_wrap {
	width: 1000px;
	margin: 0 auto 1rem;
	padding: 1em;
	background-color: #fff;
	border: double 4px #ECDBBA;
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}

#redirect p {
	width: 100%;
	margin: 0.5em auto;
	text-align: center;
}

.loader {
	margin: 2rem auto;
	font-size: 25px;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	position: relative;
	text-indent: -9999em;
	-webkit-animation: load5 1.1s infinite ease;
	animation: load5 1.1s infinite ease;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

@-webkit-keyframes load5 {

	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #14279b, 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.5), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.7);
	}

	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.7), 1.8em -1.8em 0 0em #14279b, 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.5);
	}

	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.5), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.7), 2.5em 0em 0 0em #14279b, 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.5), 2.5em 0em 0 0em rgba(20, 39, 155, 0.7), 1.75em 1.75em 0 0em #14279b, 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.5), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.7), 0em 2.5em 0 0em #14279b, -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.5), 0em 2.5em 0 0em rgba(20, 39, 155, 0.7), -1.8em 1.8em 0 0em #14279b, -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.5), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.7), -2.6em 0em 0 0em #14279b, -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.5), -2.6em 0em 0 0em rgba(20, 39, 155, 0.7), -1.8em -1.8em 0 0em #14279b;
	}
}

@keyframes load5 {

	0%,
	100% {
		box-shadow: 0em -2.6em 0em 0em #14279b, 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.5), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.7);
	}

	12.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.7), 1.8em -1.8em 0 0em #14279b, 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.5);
	}

	25% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.5), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.7), 2.5em 0em 0 0em #14279b, 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	37.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.5), 2.5em 0em 0 0em rgba(20, 39, 155, 0.7), 1.75em 1.75em 0 0em #14279b, 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	50% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.5), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.7), 0em 2.5em 0 0em #14279b, -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.2), -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	62.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.5), 0em 2.5em 0 0em rgba(20, 39, 155, 0.7), -1.8em 1.8em 0 0em #14279b, -2.6em 0em 0 0em rgba(20, 39, 155, 0.2), -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	75% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.5), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.7), -2.6em 0em 0 0em #14279b, -1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2);
	}

	87.5% {
		box-shadow: 0em -2.6em 0em 0em rgba(20, 39, 155, 0.2), 1.8em -1.8em 0 0em rgba(20, 39, 155, 0.2), 2.5em 0em 0 0em rgba(20, 39, 155, 0.2), 1.75em 1.75em 0 0em rgba(20, 39, 155, 0.2), 0em 2.5em 0 0em rgba(20, 39, 155, 0.2), -1.8em 1.8em 0 0em rgba(20, 39, 155, 0.5), -2.6em 0em 0 0em rgba(20, 39, 155, 0.7), -1.8em -1.8em 0 0em #14279b;
	}
}


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

	.redirectParagraph_wrap {
		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 40%, rgba(0, 0, 0, 0.5) 40%);
	width: 0;
	overflow-y: scroll;
}

.ham_nav_wrap {
	width: calc(60% - 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,
.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(px) {
	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(px) {
	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 {
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	margin-bottom: 2rem;
}

.flex {
	display: flex;
}

.flex>a {
	width: 46%;
}

td>p {
	font-size: 1.3vh;
	letter-spacing: -0.39px;
	margin-bottom: 2px;
}

.itamisukunai {
	font-size: 0.8em;
	color: blue;
	border: 1px solid blue;
	border-radius: 50%;
	padding: 2px;
	box-sizing: border-box;
}

span.koukatakai {
	font-size: 0.9em;
	border: 1px solid red;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 2px;
}

#area-items,
#regina-area-items {
	width: 96%;
	margin: 0 auto;
}

.area-item>.title {
	background-color: #fbfbc2;
	box-sizing: border-box;
	padding: .2em;
}

.area-item>ul {
	margin: .5em auto;
	display: flex;
	flex-wrap: wrap;
	width: 96%;
	line-height: 150%;
}

.area-item>ul>li>a {
	margin-right: 8px;
	text-decoration: underline;
}

.area-item>ul>li>a:last-child {
	margin-right: 8px;
}


.items {
	width: 100%;
	margin: 1em auto;
}

.items-inner {
	width: 96%;
	padding: 1em 0;
	box-sizing: border-box;
	margin: 0 auto 2em;
}

.item {
	width: 100%;
	margin: 0 auto 1em;
	padding: 0 1em 1em;
	border-bottom: 1px dotted #14279b;
	border-radius: 16px;
	font-weight: bold;
	border: solid 3px #aaa;
	background: #fff;
	max-width: 680px;
}

.item:nth-of-type(1) {
	border-color: #E4CF00;
	background: #fffcde;
}
.item:nth-of-type(2) {
	border-color: #B3B3B3;
}
.item:nth-of-type(3) {
	border-color: #E5A36C;
}

.item>p {
	margin-top: .25em;
}

.item-ttl {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0 0 8px;
}

.item-ttl .item-ttl-rankIcon {
	width: 6rem;
	transform: translateY(-3px);
	/* 	margin-bottom: auto; */
}

.item-ttl>img {
	width: 28%;
}

.item-ttl>img:not(.item-ttl-rankIcon) {
	margin-top: 8px;
}

.item-ttl>a {
	width: 40%;
	text-align: center;
	position: relative;
	background: linear-gradient(-45deg, #2ba477 45%, #4bc497 50%, #2ba477 55%, #2ba477 100%);
	background-size: 1000% 1000%;
	color: #fff !important;
	animation: gradient 3s ease infinite;
	border-bottom: solid 5px #1b9467;
	border-radius: 8px;
	display: block;
	padding: 1.4em 0;
	box-sizing: border-box;
	border-radius: 4px;
}

.item-ttl>a::after,
.item-ttl>div>a::after {
	content: "≫";
	font-size: 1em;
	position: absolute;
	transform: translateY(-50%);
	top: 50%;
	right: 1em;
}

.item-ttl>div {
	width: 50%;
}

.item-ttl>a {
	margin-top: 13px;
}

.item-ttl>div>p {
	text-align: center;
	font-weight: bold;
	line-height: 1.2;
	font-size: 1.2em;
	/* 	color:#646464; */
}

.item-ttl>div>a {
	text-align: center;
	position: relative;
	background: linear-gradient(-45deg, #2ba477 45%, #4bc497 50%, #2ba477 55%, #2ba477 100%);
	background-size: 1000% 1000%;
	color: #fff !important;
	animation: gradient 3s ease infinite;
	border-bottom: solid 5px #1b9467;
	border-radius: 8px;
	display: block;
	padding: 1.4em 0;
	box-sizing: border-box;
	border-radius: 4px;
}

.item-body table {
	/* 	table-layout:fixed; */
	width: 100%;
}

.item-body>table>tbody>tr>th {
	text-align: center;
	background: #eee;
	padding: 1em 0;
	box-sizing: border-box;
	border: solid 1px #ccc;
}

.item-body>table>tbody>tr>td {
	padding: .5em 0;
	box-sizing: border-box;
	position: relative;
	text-align: center;
	width: 25%;
	border: solid 1px #ccc;
	font-size: 1.7rem;
	background: #fff;
}

.item-body>table>tbody>tr>td>img {
	width: 1.7em;
	margin: 0 auto;
	opacity: 0.5;
}

/* .item-body > table > tbody > tr > td > span{
	position:absolute;
	top:50%;
	left:50%;
	width:100%;
	text-align:center;
	font-weight:bold;
	transform:translate(-50%,-50%);
} */
@media screen and (max-width:480px) {
	.item-ttl>img {
		width: 38%;
	}

	.item-ttl {
		font-size: .8em;
	}

	.item-ttl .item-ttl-rankIcon {
		width: 10vw;
		/* 	margin-bottom: auto; */
	}

	.item-body>table>tbody>tr>td {
		font-size: 3vw;
	}
}

.items-foot {
	font-size: 1.2em;
}

.item {
	position: relative;
}

/* .item:before{
	position:absolute;
	content:'';
	height:30px;
	width:30px;
	display:block;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top;
	top:-12%;
	left:50%;
	transform:translateX(-50%);
}
#ranking1::before{
	background-image:url('/wp-content/themes/datsumou-thor/images/rankingNumber/no1.png')
}
#ranking2::before{
	background-image:url('/wp-content/themes/datsumou-thor/images/rankingNumber/no2.png')
}
#ranking3::before{
	background-image:url('/wp-content/themes/datsumou-thor/images/rankingNumber/no3.png')
} */

.datsumou-column {
	line-height: 1.5em;
	font-size: 1.3em;
	color: #333;
}

@media screen and (max-width:480px) {
	.datsumou-column li {
		font-size: 1.1em;
	}
}

.datsumou-column-item {
	margin-bottom: 1em;
}

.datsumou-column-item-ttl {
	text-align: center;
	background: linear-gradient(272deg, #333, #616470);
	color: #fff;
	padding: 0.25em 0;
	box-sizing: border-box;
	margin-bottom: .5em;
}

.blue {
	color: #3c86e1;
	font-weight: bold;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
}

.bold {
	font-weight: bold;
}

.detailInfo_container {
	margin-top: 1em;
}

.datsumou-column-item-body img {
	width: 10%;
	display: block;
	margin: 0 auto;
}

.datsumou-column-item-body table {
	width: 100%;
}

.datsumou-column-item-body th {
	min-width: 80px;
	text-align: center;
	vertical-align: middle;
	background-color: #13289b;
	color: #fff;
}

.datsumou-column-item-body td {
	text-align: center;
}

.datsumou-column-item-body th,
.datsumou-column-item-body td {
	padding: .5em .25em;
	box-sizing: border-box;
	border: 1px solid #dbe2e8;
}

@media screen and (max-width:480px) {
	.datsumou-column-item-body table {
		width: 96%;
		margin: 0 auto;
	}

	.datsumou-column-item-body {
		font-size: 1.1em;
	}

	.datsumou-column-item-body img {
		width: 20%;
	}
}