@charset "utf-8";
/*
Theme Name:ADVERTORIAL
Description: PPC広告やSNSなどで使う記事型広告が簡単に作れるようになるWordPressテーマ
Version: 2.2
Author: Noith Creative Agency
*/

html,body{
	margin:0;
	padding:0;
	width:100%;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.bold,.b,h1,h2,h3,.h1,.h2,.h3{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:bold;
}

body{
	counter-reset: comnum 0;
}
#wrap{
	background-size: 3px 4px;
	width:100%;
	position:relative;
}

#contents{
	box-sizing: border-box;
	width:100%;
	max-width:660px;
	min-height: 100vh;
	padding:0 5% 5%;
	margin:0 auto;
	background-color:#FFF;
	border-radius:0.5em;
	border:#a9a9a9 2px solid;
	box-shadow:5px 5px 5px rgba(0,0,0,0.4);
	position:relative;
}

header{

}

header h2{
	margin:0 1em;
}

header .btn{
	margin:0.5em 1em;
}


footer{
	font-size:10.5pt;
	text-align:center;
	margin-top:1.5em;
}
footer p{ font-size:10.5pt; }

.size-full,.size-large,.size-medium{
	width:100%;
	max-width:660px;
	height:auto;
}

iframe{
	margin:.5em auto;
	
}

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

img,iframe,video{
	max-width:100%;
	height:auto;
}
.youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

a{ text-decoration:none; }
.WaveWrap a { display: block; }

/*--------------------------------------------
	H1-Box
--------------------------------------------*/
h1,.h1{
	font-size:21px;
	text-align:center;
	margin:0;
	padding:0.5em 0;
	background-color:#FFF;
	font-weight:bold;
}


/*--------------------------------------------
	H2
--------------------------------------------*/
h2{
	font-size: 20px;
	font-weight: bold;
	margin:1em 0;
	padding:0;
	text-decoration: none;
	border-bottom: dashed 2px var(--pgcolor);
}
/*--------------------------------------------
	H3
--------------------------------------------*/
h3,.h3{
	font-size: 18px;
	font-weight: bold;
	margin:1em 0;
	text-decoration: none;
	border: none;
	padding: .5em;
	color:var(--fontcolor);
	background-color:var(--pgcolor);
}

/*------------------------------------------------------
 * カラー設定
-------------------------------------------------------*/
.bk,.black{ color:#000!important; text-decoration:none!important; }
.white{ color:#FFF!important; }

.red{ color:var(--red); }
.blue{ color: var(--blue); }
.green{ color:var(--green); }
.yellow{ color:var(--yellow); }
.orange{ color:var(--orange); }
.gray{ color:var(--gray); }
.pink{ color:var(--pink); }
.beige{ color:var(--beige); }
.cyan{ color:var(--cyan); }
.gold{ color:var(--gold); }
.brown{ color:var(--brown); }
.magenta{ color:var(--magenta); }
.cream{ color:var(--cream); }
.purple{ color:var(--purple); }
.navy{ color:var(--navy); }

.color1{ color:var(--color1); }
.color2{ color:var(--color2); }
.color3{ color:var(--color3); }
.color4{ color:var(--color4); }


.bg_red{ background-color:var(--red); }
.bg_blue{ background-color: var(--blue); }
.bg_green{ background-color:var(--green); }
.bg_yellow{ background-color:var(--yellow); }
.bg_orange{ background-color:var(--orange); }
.bg_gray{ background-color:var(--gray); }
.bg_pink{ background-color:var(--pink); }
.bg_beige{ background-color:var(--beige); }
.bg_cyan{ background-color:var(--cyan); }
.bg_gold{ background-color:var(--gold); }
.bg_brown{ background-color:var(--brown); }
.bg_magenta{ background-color:var(--magenta); }
.bg_cream{ background-color:var(--cream); }
.bg_purple{ background-color:var(--purple); }
.bg_navy{ background-color:var(--navy); }

.bg_color1{ background-color:var(--color1); }
.bg_color2{ background-color:var(--color2); }
.bg_color3{ background-color:var(--color3); }
.bg_color4{ background-color:var(--color4); }

.entry-content{
	background: var(--pgcolor);
	background: 
	linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,
	linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 0 0,
	linear-gradient(115deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,
	linear-gradient(245deg, transparent 75%, rgba(255,255,255,.8) 75%) 7px -15px,
	var(--pgcolor);
}


/*--------------------------------------------
	P
--------------------------------------------*/
p{
	font-size:var(--font_size);
}
.st{
	font-size:16pt;
	font-weight:bold;
	color:var(--pgcolor);
}

.bold{ font-weight:bold; }
.small{ font-size:10.5pt; }

.ta_c,.txt-canter,.align-center{ text-align:center; }
.ta_l{ text-align:left; }
.ta_r{ text-align:right; }
.va_t{ vertical-align:top!important; }
/*--------------------------------------------
	Font-Size
--------------------------------------------*/
.fs5{ font-size:5pt!important; }
.fs6{ font-size:6pt!important; }
.fs7{ font-size:7pt!important; }
.fs8{ font-size:8pt!important; }
.fs9{ font-size:9pt!important; }
.fs10{ font-size:10pt!important; }
.fs11{ font-size:11pt!important; }
.fs12{ font-size:12pt!important; }
.fs13{ font-size:13pt!important; }
.fs14{ font-size:14pt!important; }
.fs15{ font-size:15pt!important; }
.fs16{ font-size:16pt!important; }
.fs17{ font-size:17pt!important; }
.fs18{ font-size:18pt!important; }
.fs19{ font-size:19pt!important; }
.fs20{ font-size:20pt!important; }
.fs21{ font-size:21pt!important; }
.fs22{ font-size:22pt!important; }
.fs23{ font-size:23pt!important; }
.fs24{ font-size:24pt!important; }
.fs25{ font-size:25pt!important; }
.fs26{ font-size:26pt!important; }
.fs28{ font-size:28pt!important; }


.lh1{ line-height:1; }
.lh1-2{ line-height:1.2; }
.lh1-4{ line-height:1.4; }
.lh1-6{ line-height:1.6; }
.lh1-8{ line-height:1.8; }

.palt{ font-feature-settings: "palt"; }

/*--------------------------------------------
	Margin
--------------------------------------------*/
.m0{ margin:0!important; }
.m5{ margin:5; }
.m10{ margin:10; }
.m15{ margin:15; }
.m20{ margin:20; }
.m25{ margin:25; }
.m30{ margin:30; }
.m35{ margin:35; }
.m40{ margin:40; }
.m45{ margin:45; }
.m50{ margin:50; }

.m1em{ margin:1em; }
.m2em{ margin:2em; }
.m3em{ margin:3em; }
.m4em{ margin:4em; }
.m5em{ margin:5em; }

.mt0{ margin-top:0!important; }
.mt5{ margin-top:5; }
.mt10{ margin-top:10; }
.mt15{ margin-top:15; }
.mt20{ margin-top:20; }
.mt25{ margin-top:25; }
.mt30{ margin-top:30; }
.mt35{ margin-top:35; }
.mt40{ margin-top:40; }
.mt45{ margin-top:45; }
.mt50{ margin-top:50; }

.ml0{ margin-left:0; }
.ml5{ margin-left:5; }
.ml10{ margin-left:10; }
.ml15{ margin-left:15; }
.ml20{ margin-left:20; }
.ml25{ margin-left:25; }
.ml30{ margin-left:30; }
.ml35{ margin-left:35; }
.ml40{ margin-left:40; }
.ml45{ margin-left:45; }
.ml50{ margin-left:50; }

.ml1em{ margin-left:1em; }
.ml2em{ margin-left:2em; }
.ml3em{ margin-left:3em; }
.ml4em{ margin-left:4em; }
.ml5em{ margin-left:5em; }

.mb0{ margin-bottom:0!important; }
.mb5{ margin-bottom:5; }
.mb10{ margin-bottom:10; }
.mb15{ margin-bottom:15; }
.mb20{ margin-bottom:20; }
.mb25{ margin-bottom:25; }
.mb30{ margin-bottom:30; }
.mb35{ margin-bottom:35; }
.mb40{ margin-bottom:40; }
.mb45{ margin-bottom:45; }
.mb50{ margin-bottom:50; }

.m_auto{ margin:0 auto!important; }
.m1auto{ margin:1em auto!important; }
.m1auto0{ margin:1em auto 0!important; }
.m05em0{ margin:.5em 0; }
.m1em0{ margin:1em 0; }
.m0-05em{ margin:0 .5em; }
.m0-1em{ margin:0 1em; }

/*--------------------------------------------
	Padding
--------------------------------------------*/
.p0{ padding:0!important; }
.p02em{ padding:0.2em!important; }

/*--------------------------------------------
	eye-catch-box
--------------------------------------------*/
.eye-catch-box{
	text-align:center;
	margin:0.5em 0;
}

/*--------------------------------------------
	border-box
--------------------------------------------*/
.border-box{
	margin: 1.5em 0;
	padding: .5em;
	border:2px solid var(--pgcolor);
}
[class*="border-box_"]{
	margin: 1.5em 0;
	padding: .5em;
	border:2px solid;
}
.border-box_red{ border-color:var(--red); }
.border-box_blue{ border-color: var(--blue); }
.border-box_green{ border-color:var(--green); }
.border-box_yellow{ border-color:var(--yellow); }
.border-box_orange{ border-color:var(--orange); }
.border-box_gray{ border-color:var(--gray); }
.border-box_pink{ border-color:var(--pink); }
.border-box_beige{ border-color:var(--beige); }
.border-box_cyan{ border-color:var(--cyan); }
.border-box_gold{ border-color:var(--gold); }
.border-box_brown{ border-color:var(--brown); }
.border-box_magenta{ border-color:var(--magenta); }
.border-box_cream{ border-color:var(--cream); }
.border-box_purple{ border-color:var(--purple); }
.border-box_navy{ border-color:var(--navy); }

.border-box_color1{ border-color:var(--color1); }
.border-box_color2{ border-color:var(--color2); }
.border-box_color3{ border-color:var(--color3); }
.border-box_color4{ border-color:var(--color4); }


.border-dashed{ border:dashed; }
.border-dotted{ border:dotted; }
.border-double{ border:double; }
.border-none{ border:none!important; }

.sub_box{
	margin:1em 0;
	background-color: #fffffb;
	padding: 10px;
	border: 1px solid #ccc9b7;
	font-size: 14px;
}
/*--------------------------------------------
	口コミ
--------------------------------------------*/
.voice{
	margin:1em 0;
	border:2px solid var(--pgcolor);
}

.voice h3{
	font-size:16px;
	padding: .5em;
	margin: 0;
	border:none;
}

.voice p{
	padding:0 .5em;
	margin: .3em 0;
}


/*--------------------------------------------
	List
--------------------------------------------*/
ul,ol{
	padding-left:0;
	list-style-type:none;
}

li{
	line-height:1.8em;
}

.tdunder{ border-bottom: solid 2px; }
.tdunder_red{ border-bottom: solid 2px var(--red); }
.tdunder_blue{ border-bottom: solid 2px  var(--blue); }
.tdunder_green{ border-bottom: solid 2px var(--green); }
.tdunder_yellow{ border-bottom: solid 2px var(--yellow); }
.tdunder_orange{ border-bottom: solid 2px var(--orange); }
.tdunder_gray{ border-bottom: solid 2px var(--gray); }
.tdunder_pink{ border-bottom: solid 2px var(--pink); }
.tdunder_beige{ border-bottom: solid 2px var(--beige); }
.tdunder_cyan{ border-bottom: solid 2px var(--cyan); }
.tdunder_gold{ border-bottom: solid 2px var(--gold); }
.tdunder_brown{ border-bottom: solid 2px var(--brown); }
.tdunder_magenta{ border-bottom: solid 2px var(--magenta); }
.tdunder_cream{ border-bottom: solid 2px var(--cream); }
.tdunder_purple{ border-bottom: solid 2px var(--purple); }
.tdunder_navy{ border-bottom: solid 2px var(--navy); }
.tdunder_color1{ border-bottom: solid 2px var(--color1); }
.tdunder_color2{ border-bottom: solid 2px var(--color2); }
.tdunder_color3{ border-bottom: solid 2px var(--color3); }
.tdunder_color4{ border-bottom: solid 2px var(--color4); }


[class*="tdunder_dot"]{ border-bottom: dotted 2px; }
.tdunder_dot_red{ border-color:var(--red); }
.tdunder_dot_blue{ border-color: var(--blue); }
.tdunder_dot_green{ border-color:var(--green); }
.tdunder_dot_yellow{ border-color:var(--yellow); }
.tdunder_dot_orange{ border-color:var(--orange); }
.tdunder_dot_gray{ border-color:var(--gray); }
.tdunder_dot_pink{ border-color:var(--pink); }
.tdunder_dot_beige{ border-color:var(--beige); }
.tdunder_dot_cyan{ border-color:var(--cyan); }
.tdunder_dot_gold{ border-color:var(--gold); }
.tdunder_dot_brown{ border-color:var(--brown); }
.tdunder_dot_magenta{ border-color:var(--magenta); }
.tdunder_dot_cream{ border-color:var(--cream); }
.tdunder_dot_purple{ border-color:var(--purple); }
.tdunder_dot_navy{ border-color:var(--navy); }
.tdunder_dot_color1{ border-color:var(--color1); }
.tdunder_dot_color2{ border-color:var(--color2); }
.tdunder_dot_color3{ border-color:var(--color3); }
.tdunder_dot_color4{ border-color:var(--color4); }


[class*="marker_"]{
	transition: background-position 1.5s ease-out;
	-webkit-transition: background-position 1.5s ease-out;
}
.marker_line{
	background: -webkit-linear-gradient(left, #fff599 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, #fff599 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_red{
	background: -webkit-linear-gradient(left, var(--red) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--red) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_blue{
	background: -webkit-linear-gradient(left, var(--blue) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--blue) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_green{
	background: -webkit-linear-gradient(left, var(--green) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--green) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_yellow{
	background: -webkit-linear-gradient(left, var(--yellow) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--yellow) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_orange{
	background: -webkit-linear-gradient(left, var(--orange) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--orange) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_gray{
	background: -webkit-linear-gradient(left, var(--gray) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--gray) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_pink{
	background: -webkit-linear-gradient(left, var(--pink) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--pink) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_beige{
	background: -webkit-linear-gradient(left, var(--beige) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--beige) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_cyan{
	background: -webkit-linear-gradient(left, var(--cyan) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--cyan) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_gold{
	background: -webkit-linear-gradient(left, var(--gold) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--gold) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_brown{
	background: -webkit-linear-gradient(left, var(--brown) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--brown) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_magenta{
	background: -webkit-linear-gradient(left, var(--magenta) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--magenta) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_cream{
	background: -webkit-linear-gradient(left, var(--cream) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--cream) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_purple{
	background: -webkit-linear-gradient(left, var(--purple) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--purple) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_navy{
	background: -webkit-linear-gradient(left, var(--navy) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--navy) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_color1{
	background: -webkit-linear-gradient(left, var(--color1) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--color1) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_color2{
	background: -webkit-linear-gradient(left, var(--color2) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--color2) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_color3{
	background: -webkit-linear-gradient(left, var(--color3) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--color3) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}
.marker_color4{
	background: -webkit-linear-gradient(left, var(--color4) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, var(--color4) 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
}


.marker_start { background-position: 0% bottom; }
/*--------------------------------------------
	Table
--------------------------------------------*/
table,td,th{
	border-collapse:collapse;
	border:1px solid #000;
}

table{
	width:100%;
	margin:15px auto;
	border:none;
}
th,td{
	padding:0.5em;
}

th{
	background-color:#e9e9e9;
	text-align:left;
}
@media only screen and (max-width: 768px){
	table.sp-block th,table.sp-block td{
		display:block;
		border-bottom: none;
	}
	table.sp-block tr:last-child td{
		border-bottom:1px solid;
	}
}

.bdr0{ border:none!important; }
/*--------------------------------------------
	Btn
--------------------------------------------*/
.btn{
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255,255,255,0.5);
	display: inline-block;
	border-radius: 10px;
	cursor: pointer;
	color: var(--btnfont);
	text-shadow: 0 1px 1px rgba(0,0,0,0.5);
	background-color: var(--btnstart);
    background-image: -webkit-linear-gradient(var(--btnstart) 0%, var(--btnhalf) 5%, var(--btnend) 80%);
	background-image: -moz-linear-gradient(var(--btnstart) 0%, var(--btnhalf) 5%, var(--btnend) 80%);
	background-image: linear-gradient(var(--btnstart) 0%, var(--btnhalf) 5%, var(--btnend) 80%);
	width:90%;
	box-sizing:border-box;
	padding:0.5em;
	margin:1em auto;
	font-size: 26px;
	font-weight:bold;
}
.btn:hover {
	filter: brightness(110%);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

.BtnWrap,.WaveWrap{
	max-width:98%;
	display:block;
	margin:1em auto;
	text-align:center;
}



.txt-link{
	text-align:right;
	margin-right:0.5em;
}

.txt-link{
	display: block;
	position: relative;
	padding: 10px 25px 10px 10px;
	background: #FFF;
	color: #0C0;
	font-weight: bold;
	text-decoration: none;
}

.txt-link:before{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10em;
	width: 0;
	height: 0;
	margin: -3px 0 0 0;
	border-top: 8px solid #ff0000;
	border-left: 8px solid transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


.link-bnr{
	text-align:center;
}

.link-bnr img{
	width:90%;
	max-width:468px;
}

.source,.source a{
	font-size:.8rem;
	color:#666;
	cursor: default
}
.btm-btn,div.btm-btn{
    position: sticky;
	position: -webkit-sticky;
    bottom: 1em;
}
.BtmBtn{
	text-align:center;
    position: sticky!important;
	position: -webkit-sticky;
    bottom:.5em;
	z-index:99;
}
.BtmBtn0{
	text-align:center;
    position: sticky!important;
	position: -webkit-sticky;
    bottom:0;
	z-index:99;
}
.arr_wave {
/*
	overflow: hidden;
*/
}
.arr_wave a ,.arr_wave span{
	position: relative;
	width: 100%;
	max-width: 400px;
	display: block;
	height: 76px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}
.arr_wave a .btn_arr,.arr_wave span .btn_arr{
	position: absolute;
	z-index: 2;
	width: 60px;
	height: 60px;
	top: 50%;
	margin-top: -30px;
	margin-bottom: 0px;
	animation-name: btn_arr;
	animation-duration: 0.6s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation-name: btn_arr;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-name: btn_arr;
	-moz-animation-duration: 0.6s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
}
.btn_rolling{
	position: relative;
	z-index: 2;
	animation-name: btn_arr;
	animation-duration: 0.6s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation-name: btn_arr;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-moz-animation-name: btn_arr;
	-moz-animation-duration: 0.6s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
}
@keyframes btn_arr {0% {left: -35px;}100% {left: 0px;}}
@-webkit-keyframes btn_arr {0% {left: -35px;}100% {left: 0px;}}
@-moz-keyframes btn_arr {0% {left: -35px;}100% {left: 0px;}}


.arr_wave a .btn_wave,.arr_wave span .btn_wave {
	position: absolute;
	left: 50%;
	top:0;
	bottom: 0;
	width: 300px;
/*
	height: 66px;
*/
	margin: auto 0px auto -150px;
	z-index: 1;
	animation-name: btn_wave;
	animation-duration: 3s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-name: btn_wave;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-moz-animation-name: btn_wave;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;
}
.BtnWave{
	z-index: 1;
	animation-name: btn_wave;
	animation-duration: 3s;
	animation-timing-function: ease-in;
	animation-iteration-count: infinite;
	animation-direction: normal;
	-webkit-animation-name: btn_wave;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: normal;
	-moz-animation-name: btn_wave;
	-moz-animation-duration: 3s;
	-moz-animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: normal;	
}
@keyframes btn_wave {
	0% {transform: skewX(10deg);}
	7% {transform: skewX(-8deg);}
	14% {transform: skewX(6deg);}
	21% {transform: skewX(-5deg);}
	28% {transform: skewX(4deg);}
	35% {transform: skewX(-3deg);}
	42% {transform: skewX(2deg);}
	49% {transform: skewX(0deg);}
	100% {transform: skewX(0deg);}
	
}
@-webkit-keyframes btn_wave {
	0% {-webkit-transform: skewX(10deg);}
	7% {-webkit-transform: skewX(-8deg);}
	14% {-webkit-transform: skewX(6deg);}
	21% {-webkit-transform: skewX(-5deg);}
	28% {-webkit-transform: skewX(4deg);}
	35% {-webkit-transform: skewX(-3deg);}
	42% {-webkit-transform: skewX(2deg);}
	49% {-webkit-transform: skewX(0deg);}
	100% {-webkit-transform: skewX(0deg);}
}
@-moz-keyframes btn_wave {
	0% {-moz-transform: skewX(10deg);}
	7% {-moz-transform: skewX(-8deg);}
	14% {-moz-transform: skewX(6deg);}
	21% {-moz-transform: skewX(-5deg);}
	28% {-moz-transform: skewX(4deg);}
	35% {-moz-transform: skewX(-3deg);}
	42% {-moz-transform: skewX(2deg);}
	48% {-moz-transform: skewX(0deg);}
	100% {-moz-transform: skewX(0deg);}
}

img.arrow_b {
    width: 18px;
    height: 18px;
    padding: 0px 15px;
    display: inline;
}
.tarr_scale {
	overflow: hidden;
}
.overflow-unset{ overflow:unset; }
.tarr_scale a,.tarr_scale span {
	text-align: center;
	position: relative;
	width: 90%;
	min-height: 80px;
	display:flex;
	justify-content:center;
	align-items:center;
	margin-right: auto;
	margin-left: auto;
}
.tarr_scale a .btn_scale,.tarr_scale span .btn_scale {
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 320px;
	margin-left: -160px;
	z-index: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);

	animation-name: btn_scale;
	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;

	-webkit-animation-name: btn_scale;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;

	-moz-animation-name: btn_scale;
	-moz-animation-duration: 1.2s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
}
.tarr_scale a .btn_scale_center,.tarr_scale span .btn_scale_center {
/*
	position: absolute;
*/
	left: 0;
	right:0;
	z-index: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);

	animation-name: btn_scale;
	animation-duration: 1.2s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;

	-webkit-animation-name: btn_scale;
	-webkit-animation-duration: 1.2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;

	-moz-animation-name: btn_scale;
	-moz-animation-duration: 1.2s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
}
@keyframes btn_scale {0% {transform:scale(1);}100% {transform:scale(1.1);}}
@-webkit-keyframes btn_scale {0% {-webkit-transform:scale(1);}100% {-webkit-transform:scale(1.1);}}
@-moz-keyframes btn_scale {0% {-moz-transform:scale(1);}100% {-moz-transform:scale(1.1);}}
.tarr_scale .arr_t {
	position: relative;
	width: 300px;
	margin: 0 auto;
	height: 50px;
}
.tarr_scale .arr_t img {
	position: absolute;
	z-index: 2;
	width: 50px;
	height: 50px;
	top: 0;

	animation-name: arr_t;
	animation-duration: 0.6s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;

	-webkit-animation-name: arr_t;
	-webkit-animation-duration: 0.6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	
	-moz-animation-name: arr_t;
	-moz-animation-duration: 0.6s;
	-moz-animation-timing-function: ease-in-out;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
}
.tarr_scale .arr_t img:nth-child(1) {
	left: 0;
}
.tarr_scale .arr_t img:nth-child(2) {
	left: 50%;
	width: 200px;
	height: 50px;
	margin-left: -100px;
}
.tarr_scale .arr_t img:nth-child(3) {
	right: 0;
}
@keyframes arr_t {0% {top: 0px;}100% {top: 20px;}}
@-webkit-keyframes arr_t {0% {top: 0px;}100% {top: 20px;}}
@-moz-keyframes arr_t {0% {top: 0px;}100% {top: 20px;}}


.btm0{ bottom:0; }

input[type="text"],input[type="number"],select{
	font-size: 16px;
}
input[type="number"]{
	width: 100px;
}
/*--------------------------------------------
	Voice_Box
--------------------------------------------*/
.voice_box {
	border: 3px solid #edd75e;
	color: #3b2407;
	text-align: left;
}

.voice_box ul {
	height: 330px;
	overflow: auto;
}

.voice_box ul li {
	background: url(img/icon_01.jpg) no-repeat left center;
	padding: 13px 20px 10px 36px;
	border-bottom: 1px dotted #3b2407;
}

.ttl {color: #f2521b; font-weight:bold;}


/*--------------------------------------------
	comment-box
--------------------------------------------*/
.comment-box{
	padding:.5em;
	font-size:10.5pt;
}
.comment-box p{ font-size:10.5pt; }
.comment-nickname{
	margin:0 0 .5em;
	padding-left:20px;
	position:relative;
}
.comment-nickname:before{
	counter-increment: comnum 1;
	content:counter(comnum) ". ";
	position:absolute;
	top:0;
	left:0;
}
.comment-txt{ margin:0; }
.comment-date{
	text-align:right;
	color:#666;
	margin:.5em 0 0;
}
@media only screen and (min-device-width: 480px){
	.comment-box{
		border: 1px solid #CFBFAD;
		margin-bottom:.5em;
	}
}
@media only screen and (max-device-width: 479px){
	.comment-box{
		border-bottom: 1px dashed #B5B5B5;
	}
}

#entry-comment{
	margin:50px 0;
	padding:0 .5em;
}
.ComFmHd{
	color:#7F6D73;
	margin-bottom:0;
}
#entry-comment input[type="text"]{
	width:100%;
	border-radius: 5px;
	border: 1px solid #a9a9a9;
	line-height: 1.8;
	box-sizing: border-box;
	font-size: 16px;
}
#entry-comment textarea{
	width:100%;
	height:6em;
	border-radius: 5px;
	border: 1px solid #a9a9a9;
	box-sizing: border-box;
	font-size: 16px;
}
#entry-comment input[type="button"]{
	-webkit-appearance: button;
	appearance: button;
	display: block;
	width:90%;
	margin:1em auto;
	text-align:center;
	line-height: 32px;
	border: 1px solid #c1c1c1;
	background-color: #F3F3F3;
	border-radius: 5px;
	font-weight: bold;
}
#ComMessage{
	text-align:center;
	color:red;
}
/*--------------------------------------------
	hikaku-tbl
--------------------------------------------*/
.hikaku-tbl{
	width: 98%;
	margin: 1% auto 1em;
}

.hikaku-tbl th,.hikaku-tbl td{
	vertical-align: middle;
	text-align:center;
	padding: 2%;
}

.hikaku-tbl th{

}
.hikaku-tbl td{

}

.double{
	font-weight:bold;
	color:#FF5050;
	line-height:1em;
}
.single{
	font-size:2.6em;
	font-weight:bold;
	color:#FF9000;
	-webkit-text-stroke: 1px #FF9000;
	line-height:1.2em;
}
.participation{
	font-size:2.6em;
	font-weight:bold;
	color:#068BA3;
	-webkit-text-stroke: 1px #068BA3;
	line-height:1.2em;
}
.cross{
	font-size:2.6em;
	font-weight:bold;
	color:#000080;
	line-height:.8em;
}
.nowrap{ white-space: nowrap; }

/*--------------------------------------------
	Spec_Box
--------------------------------------------*/
.spec-box {
	width: 98%;
	margin: .5em auto 1em;
	line-height: 1.5;
}

.spec-box th {
	width: 20%;
	padding: 10px;
	vertical-align: middle;
}
.spec-box td {
	padding: 10px;
	vertical-align: middle;
}

.spec-box th ,.hikaku-tbl th{
	color: var(--fontcolor);
	background-color: var(--pgcolor);
	border: solid 1px #1c1c1c;
}
.spec-box td ,.hikaku-tbl td{
	border: solid 1px #1c1c1c;
}

/*--------------------------------------------
	H1Box
--------------------------------------------*/
.h1-box{
	background-size:8px 8px;
	margin:1.5em 0 0;
	padding:0.5em 0;

	background-color:var(--pgcolor);
	background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,0.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.25) 75%,transparent 75%,transparent);
	background-image:linear-gradient(-45deg,rgba(255,255,255,0.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.25) 50%,rgba(255,255,255,0.25) 75%,transparent 75%,transparent);

}
.h1-box h1 a{
	color: #1c1c1c;
}
.PrBlock{
	display:flex;
	justify-content:space-between;
}
/*--------------------------------------------
	ページネーション
--------------------------------------------*/
.pagination{
	margin: 30px auto;
}
ul.page-numbers{
	list-style: none;
	display: flex;
	justify-content: center;
}
ul.page-numbers li a, ul.page-numbers li span {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	color:#1c1c1c;
	background: #FFF;
	border: 1px solid;
	width: 20px;
	height: 20px;
	margin: 5px;
	text-decoration: none;
}
ul.page-numbers li span.current{
	color:#FFF;
	background: #1c1c1c;
}

/*--------------------------------------------
	その他
--------------------------------------------*/
.ta_c{ text-align:center; }
.ta_l{ text-align:left; }
.ta_r{ text-align:right; }

/*---------- float -------------------------*/
.fl{ float:left; }
.fr{ float:right; }
.clr{ clear:both; }

.cf{ min-height:1px; }
.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.btnlink{ cursor: pointer; }
/*--------------------------------------------
	FlexBlock
--------------------------------------------*/
.d-flex{
	display:flex;
	flex-wrap:wrap;
}
.justify-content-center{ justify-content:center; }
.align-items-center{ align-items:center; }
.flex-box{
	box-sizing:border-box;
	width:50%;
	padding:0 10px;
}

.AppBtnWrap{
	margin:1em 0;
	display:flex;
	justify-content:center;
}
.AppBtn{
	box-sizing:border-box;
	width:50%;
	padding:0 5px;
}
.mw100{ max-width:100%; }


/*---------reflection---------------*/
.reflection-box{
    position    :relative;
    overflow    :hidden;
}

.reflection {
    height      :100%;
    width       :30px;
    position    :absolute;
    top         :-180px;
    left        :0;
    background-color: #fff;
    opacity     :0;
    transform: rotate(45deg);
    animation: reflection 2s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -moz-animation: reflection 2s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -ms-animation: reflection 2s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -o-animation: reflection 2s ease-in-out infinite;
}

@keyframes reflection {
    0% { transform: scale(0) rotate(45deg); opacity: 0; }
    80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { transform: scale(4) rotate(45deg); opacity: 1; }
    100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
    0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
    0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*---------buruburu---------------------*/
.buruburu {
    display: inline-block;
    animation: hurueru .3s  infinite;
}

@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(1px, 1px) rotateZ(1deg)}
    50% {transform: translate(0px, 1px) rotateZ(0deg)}
    75% {transform: translate(1px, 0px) rotateZ(-1deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
/*---------purupuru---------------------*/
.purupuru {
    display: inline-block;
    animation: purupuru 1.7s  infinite;
}

@keyframes purupuru {
	0%{ transform: translate(0px, 0px) rotateZ(0deg); }
	5%{ transform: skewX(20deg); }
	15%{ transform: skewX(-10deg); }
	20%{ transform: skewX(15deg); }
	30%{ transform: skewX(-5deg); }
	35%{ transform: skewX(5deg); }
	45%{ transform: skewX(-5deg); }
	50%{ transform: skewX(5deg); }
	60%{ transform: skewX(0deg); }
	70%{ transform: skewX(-5deg); }
	80%{ transform: skewX(2deg); }
	90%{ transform: skewX(-1deg); }
	100%{ transform: translate(0px, 0px) rotateZ(0deg); }
}

/*---------blinking---------------------*/
.blinking{
	-webkit-animation:blink .7s ease-in-out infinite alternate;
	-moz-animation:blink .7s ease-in-out infinite alternate;
	animation:blink .7s ease-in-out infinite alternate;
}
.blinking01{
	-webkit-animation:blink .1s ease-in-out infinite alternate;
	-moz-animation:blink .1s ease-in-out infinite alternate;
	animation:blink .1s ease-in-out infinite alternate;
}
.blinking02{
	-webkit-animation:blink .2s ease-in-out infinite alternate;
	-moz-animation:blink .2s ease-in-out infinite alternate;
	animation:blink .2s ease-in-out infinite alternate;
}
.blinking03{
	-webkit-animation:blink .3s ease-in-out infinite alternate;
	-moz-animation:blink .3s ease-in-out infinite alternate;
	animation:blink .3s ease-in-out infinite alternate;
}
.blinking04{
	-webkit-animation:blink .4s ease-in-out infinite alternate;
	-moz-animation:blink .4s ease-in-out infinite alternate;
	animation:blink .4s ease-in-out infinite alternate;
}
.blinking05{
	-webkit-animation:blink .5s ease-in-out infinite alternate;
	-moz-animation:blink .5s ease-in-out infinite alternate;
	animation:blink .5s ease-in-out infinite alternate;
}
.blinking06{
	-webkit-animation:blink .6s ease-in-out infinite alternate;
	-moz-animation:blink .6s ease-in-out infinite alternate;
	animation:blink .6s ease-in-out infinite alternate;
}
.blinking07{
	-webkit-animation:blink .7s ease-in-out infinite alternate;
	-moz-animation:blink .7s ease-in-out infinite alternate;
	animation:blink .7s ease-in-out infinite alternate;
}
.blinking08{
	-webkit-animation:blink .8s ease-in-out infinite alternate;
	-moz-animation:blink .8s ease-in-out infinite alternate;
	animation:blink .8s ease-in-out infinite alternate;
}
.blinking09{
	-webkit-animation:blink .9s ease-in-out infinite alternate;
	-moz-animation:blink .9s ease-in-out infinite alternate;
	animation:blink .9s ease-in-out infinite alternate;
}
.blinking10{
	-webkit-animation:blink 1s ease-in-out infinite alternate;
	-moz-animation:blink 1s ease-in-out infinite alternate;
	animation:blink 1s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@-moz-keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes blink{
	0% {opacity:0;}
	100% {opacity:1;}
}

/*ガクブル*/
.gakuburu{
	-webkit-animation:gakuburu 0.1s infinite linear alternate;
	animation:gakuburu 0.1s infinite linear alternate;
}

@-webkit-keyframes gakuburu {
	0% {-webkit-transform:translate(0, 0) rotate(-3deg);}
	50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
	100% {-webkit-transform:translate(0, 0)rotate(3deg);}
}

@keyframes gakuburu {
	0% {transform:translate(0, 0) rotate(-3deg);}
	50% {transform:translate(0, -1px) rotate(0deg);}
	100% {transform:translate(0, 0)rotate(3deg);}
}

/* ジャンプアップ */
.jumpup{
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	-moz-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-moz-keyframes jumpup {
	0%{ -moz-transform:scale(0.92);}
	40%{ -moz-transform:scale(0.97);}
	60%{ -moz-transform:scale(0.86);}
	80%{ -moz-transform:scale(1);}
	100%{ -moz-transform:scale(0.92);}
}
@-o-keyframes jumpup {
	0%{ -o-transform:scale(0.92);}
	40%{ -o-transform:scale(0.97);}
	60%{ -o-transform:scale(0.86);}
	80%{ -o-transform:scale(1);}
	100%{ -o-transform:scale(0.92);}
}
@-webkit-keyframes jumpup {
	0%{ -webkit-transform:scale(0.92);}
	40%{ -webkit-transform:scale(0.97);}
	60%{ -webkit-transform:scale(0.86);}
	80%{ -webkit-transform:scale(1);}
	100%{ -webkit-transform:scale(0.92);}
}
@keyframes jumpup {
	0%{ transform:scale(0.92);}
	40%{ transform:scale(0.97);}
	60%{ transform:scale(0.86);}
	80%{ transform:scale(1);}
	100%{ transform:scale(0.92);}
}
.jumpup{
	-webkit-animation-name: jumpup;
	-moz-animation-name: jumpup;
	-o-animation-name: jumpup;
	animation-name: jumpup;
	animation-duration:2s!important;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	-moz-animation-duration:2s!important;
}

/*--------------------------------------------
	検索コンテンツ
--------------------------------------------*/
.fas,.fa{
	font-size:1rem;
	width: 18px;
	height: 18px;
}
.fa-cannabis{ color:#33af00; }
.fa-heart{ color:#f95290; }
.fa-star{ color:#f7b600; }
.fa-gem{
	color:#29ABE2;
	font-size:16pt;
}
i.oas{
	display: inline-block;
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}
i.sort:before{
	color: #999;
	content: "\f0dc";
}
i.sort-desc:before{ content: "\f0dd"; }
i.sort-asc:before{ content: "\f0de"; }
i.on{ color:#fd0080; }
.cursor-pointer{ cursor: pointer; }
@media only screen and (max-device-width: 479px){
	.fas,.fa{
		width: 14px;
		height: 14px;
	}
}


/*--------------------------------------------
	カウントダウンタイマー
--------------------------------------------*/
.cdt{
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight:bold;
	text-align:center;
	margin:1em auto;
}
#cdt_txt{ display:block;
	width:100%;
}
#cdt_txt{
	color:#000;
	font-size:14pt;
}
#cdt_date{
	color:#FF0000;
	font-size:18pt;
	background: -webkit-linear-gradient(left, #fff599 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background: linear-gradient(to right, #fff599 50%, transparent 50%) 100% 100% / 200% 60% no-repeat;
	background-position: 0% bottom;
}


/*--------------------------------------------
	関連記事表示
--------------------------------------------*/
.RelatedPostsBlock{
	display:flex;
	flex-wrap:wrap;
}
.RelatedPostsBlock .RelatedPostBox{
	box-shadow: 0px 0px 5px #ccc;
}

.ThumbListsBlock .RelatedPostBox {
	border-bottom: 1px dashed;
	padding: 5px;
}
.ThumbListsBlock .RelatedPostBox:first-child{
	border-top:1px dashed;
}

@media only screen and (min-width: 480px){
	.RelatedPostsBlock .RelatedPostBox{
		width:50%;
		padding:.5em;
		box-sizing:border-box;
	}
}
.related_thumbnail{
	margin: 0;
}
.related_post_title{
	margin-bottom:0;
}

.ThumbListsBlock .RelatedPostBox a {
    display: flex;
}
.ThumbListsBlock .related_thumbnail{
	width:20%;
	max-width:150px;
}

/*--------------------------------------------
	商品検索
--------------------------------------------*/
table.serch_form_table{
	font-size: 10.5pt;
}
table.serch_form_table th{
	white-space:nowrap;
}
table.serch_form_table label{
	margin-right:10px;
}
input.search_btn{
	-webkit-appearance: button;
	appearance: button;
	border-radius: 15px;
	border: none;
	padding: 5px 15px;
	cursor: pointer;
	background-color: #4070FF;
	color: #FFF;
}
.SearchBox{
	box-sizing: border-box;
	width: 100%;
	max-width:600px;
	border:1px dashed gray;
	margin:15px auto;
	padding:15px;
}
.Eyecatch{ text-align:center; }
.iteminfo{
	display:flex;
	margin:10px 0;
}
.itemcat{
	color:#FFF;
	background-color:#23b4c9;
	font-weight:bold;
	margin-right:10px;
	padding:1px 5px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.itemname{
	font-size:18px;
	font-weight:bold;
}
.iteminfo2{
	display:flex;
	justify-content:space-between;
	margin:.5em 0;
}
.price{
	font-size:16px;
	font-weight:bold;
	color:#C00;
}
.tax{
	font-size:10px;
}
.itemdata{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.itemdata p{
	width: 49%;
	margin-top: 0;
	border-bottom: solid 1px #b9e7ed;
	font-size: 12px;
	line-height: 1.2;
}
.itemdata p span{
	background-color: #b9e7ed;
	color: #0793a7;
	font-weight:bold;
	padding:0 2px;
	margin-right:5px;
}
.itemcomment {
	border: solid 1px #b9e7ed;
	padding: .5em 1em;
	font-size: 14px;
	margin-top:.5em;
}
.campaign{
	color:#da3100;
	border: solid 1px #da3100;
	padding: .5em 1em;
	font-size: 14px;
	font-weight:bold;
}
.linkbtn{
	font-size: 14px;
	height: auto;
	text-decoration: none;
	color: #FFF;
	background-color: #23b4c9;
	border-radius: 17px;
	margin-bottom: 10px;
	padding: 1px 20px;
	position:relative;
}
.linkbtn:after{
	position: absolute;
	content: " ";
	display: block;
	right: 10px;
	top: 50%;
	margin-top: -4px;
	width: 6px;
	height: 6px;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fa, .far, .fas {
	font-family: "Font Awesome 5 Free";
}
.sort_box{
	display: flex;
	justify-content: space-around;
	margin: 30px auto;
	padding: 10px;
    background: #fffcdc;
}

/*--------------------------------------------
	人気商品1～5
--------------------------------------------*/

.item_block_wrap{ margin:1em 0; }
.item_title_wrap{
	position:relative;
	margin:1em 0;
}
.item_title{
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	background: -moz-linear-gradient(0deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	background: -webkit-linear-gradient(0deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	background: linear-gradient(0deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	padding-left: 100px;
}
.item_title span{ font-size:16px; }
.item_no1,.item_no2,.item_no3,.item_no4,.item_no5{
	width:60px;
	height:60px;
	background-size: contain;
	position: absolute;
	top: -15px;
	left:15px;
	z-index: 2;
}
.item_no1{ background-image:url('./img/medaru1.png'); }
.item_no2{ background-image:url('./img/medaru2.png'); }
.item_no3{ background-image:url('./img/medaru3.png'); }
.item_no4{ background-image:url('./img/medaru4.png'); }
.item_no5{ background-image:url('./img/medaru5.png'); }
.item_block{
	padding:1em;
	border:1px solid #AAA;
}
.item_info{
	display:flex;
}
.item_info .item_img,.item_info .item_data{ width:50%; }
.item_data{
	padding:0 0 0 1em;
}
.item_copy p{
	font-size:16px;
	font-weight:bold;
	margin:0 0 .5em;
	line-height: 1.2;
	font-feature-settings:"palt";
}
.item_evaluation_wrap,.item_point_wrap{
	position:relative;
	margin:1.5em 0;
	background-color:#FEF9BE;
	padding:1em;
}
.item_evaluation,.item_point{
	width:200px;
	margin:auto;
	color:#FFF;
	background: -moz-linear-gradient(-1deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	background: -webkit-linear-gradient(-1deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	background: linear-gradient(-1deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	font-size:16px;
	font-weight:bold;
	text-align:center;
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
}
.item_rate5 {
	height: 30px;
	background-image: url(./img/star.png),url(./img/star.png),url(./img/star.png),url(./img/star.png),url(./img/star.png);
	background-repeat: no-repeat;
	background-position: 0 top,40px top,80px top,120px top,160px top;
	margin: auto;
    width: 190px;
}
.item_rate4 {
	height: 30px;
	background-image: url(./img/star.png),url(./img/star.png),url(./img/star.png),url(./img/star.png);
	background-repeat: no-repeat;
	background-position: 0 top,40px top,80px top,120px top;
	margin: auto;
    width: 150px;
}
.item_rate3 {
	height: 30px;
	background-image: url(./img/star.png),url(./img/star.png),url(./img/star.png);
	background-repeat: no-repeat;
	background-position: 0 top,40px top,80px top;
	margin: auto;
    width: 110px;
}
.item_rate2 {
	height: 30px;
	background-image: url(./img/star.png),url(./img/star.png);
	background-repeat: no-repeat;
	background-position: 0 top,40px top;
	margin: auto;
    width: 70px;
}
.item_rate1 {
	height: 30px;
	background-image: url(./img/star.png),url(./img/star.png),url(./img/star.png);
	background-repeat: no-repeat;
	background-position: 0 top;
	margin: auto;
    width: 30px;
}
.item_point_wrap{ margin-bottom:0; }
.item_point_wrap ol{
	margin:0;
	font-feature-settings: "palt";
}
.item_point_wrap ol li:before {
	content: "? ";
	color: chocolate;
}
.item_campaign_wrap{
	margin:1em 0;
	border:2px solid #EB6666;
	display:flex;
}
.item_campaign_title{
	color:#FFF;
	background: -moz-linear-gradient(-1deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	background: -webkit-linear-gradient(-1deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	background: linear-gradient(-1deg,#EB6666 0%,#EB6666 60%,#F19592 60%,#F19592 100% );
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:1em;
	display: flex;
	align-items: center;
	white-space: nowrap;
}
.item_campaign_content{
	padding:0 1em;
	width:100%;
	background-color:#FEF9BE;
	box-sizing:border-box;
}
.item_campaign_list{
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
.item_campaign_list li{
	position:relative;
	padding-left:30px;
}
.item_campaign_list li:before{
	content:"";
	width:25px;
	height:25px;
	background-size: contain;
	display: inline-block;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
}
.item_campaign_list li:first-child:before{
	background-image:url('./img/point1.png');
}
.item_campaign_list li:nth-child(2n):before{
	background-image:url('./img/point2.png');
}
.item_campaign_list li:nth-child(3n):before{
	background-image:url('./img/point3.png');
}
.item_comment p{ margin:.5em 0; }

.item_voice{
	display:flex;
	border:2px solid #EB6666;
	margin:0 0 1em;
}
.voiceimg{ flex:2; }
.voicecom{ flex:3; }
.voiceimg,.voicecom{ padding:.5em; }
.voicecom p{
	margin:0 0 .5em;
	line-height:12pt;
	font-size:11pt;
}
.voicecom p:last-child{ margin:0;}
@media only screen and (max-device-width: 479px){
	.item_no1{ left:10px; }
	.item_title{ padding-left:80px; }
	.item_info,.item_voice,.item_campaign_wrap{ display:block; }
	.item_info .item_img, .item_info .item_data,.voiceimg {
		width: 100%;
		box-sizing:border-box;
	}
	.item_img{ margin-bottom:1em; }
	.item_data{ padding:0; }
	.item_campaign_title{
		justify-content:center;
		padding:.5em;
	}
}

/*---会話風-----------------------------*/
/* 全体のスタイル */
[class^="line-voice"],[class*="talk_wrap"]{
	margin:30px auto 40px;
	display:flex;
	justify-content: space-between;
}
/* 左画像 */
.voice-img-left{
	margin:0;
	width: 60px;
	height: 60px;
	order:1;
}
/* 右画像 */
.voice-img-right{
	margin:0;
	width: 60px;
	height: 60px;
	order:2;
}
[class^="line-voice"] figure img,[class^="talk_wrap"] figure img{
	width: 100%;
	height: 100%;
	border: 2px solid #eee;
	border-radius: 50%;
	margin: 0;
	box-sizing:border-box;
}
/* 画像の下のテキスト */
.voice-img-description{
	padding: 5px 0 0;
	font-size: 10px;
	text-align: center;
}
/* 左からの吹き出しテキスト */
.voice-text-right{
	color: #444;
	position: relative;
	padding: .5em;
	border: 3px solid #f2f2f2;
	background-color: #f2f2f2;
	border-radius: 5px;
	width: calc(100% - 100px);
	order:2;
}
[class^="fukidashi_right"]{
	position: relative;
	padding: .5em;
	border-radius: 5px;
	width: calc(100% - 100px);
	order:2;
}

/* 右からの吹き出しテキスト */
.voice-text-left{
	position: relative;
	padding: .5em;
	border: 3px solid #78ce56;
	background-color: #78ce56;
	border-radius: 5px;
	width: calc(100% - 100px);
	order:1;
}
[class^="fukidashi_left"]{
	position: relative;
	padding: .5em;
	border-radius: 5px;
	width: calc(100% - 100px);
	order:1;
}
p.voice-text{
	margin: 0 0 8px;
	line-height:1.4;
}
p.voice-text:last-child{
	margin-bottom: 0px;
}
/* 左の三角形を作る */
.voice-text-right:before{
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #f2f2f2;
	top: 15px;
	left: -23px;
}
[class^="fukidashi_right"]:before{
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid;
	top: 15px;
	left: -23px;
}
/* 右の三角形を作る */
.voice-text-left:before{
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #78ce56;
	top: 15px;
	right: -23px;
}
[class^="fukidashi_left"]:before{
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid;
	top: 15px;
	right: -23px;
}
/* 囲い枠の色 */
.line-voice-pink [class^="voice-text-"]{
	background-color: #FFDBEA;
	border-color: #FFDBEA;
}
.line-voice-pink .voice-text-right:before{
	border-right: 10px solid #FFDBEA;
}
.line-voice-pink .voice-text-right:after{
    border-right: 10px solid #FFDBEA;
}
.line-voice-pink .voice-text-left:before{
	border-left: 10px solid #FFDBEA;
}
.line-voice-pink .voice-text-left:after{
    border-left: 10px solid #FFDBEA;
}


.fukidashi_right_red,.fukidashi_left_red{
	border: 3px solid var(--red);
	background-color: var(--red);
}
.fukidashi_right_blue,.fukidashi_left_blue{
	border: 3px solid var(--blue);
	background-color: var(--blue);
}
.fukidashi_right_green,.fukidashi_left_green{
	border: 3px solid var(--green);
	background-color: var(--green);
}
.fukidashi_right_yellow,.fukidashi_left_yellow{
	border: 3px solid var(--yellow);
	background-color: var(--yellow);
}
.fukidashi_right_orange,.fukidashi_left_orange{
	border: 3px solid var(--orange);
	background-color: var(--orange);
}
.fukidashi_right_gray,.fukidashi_left_gray{
	border: 3px solid var(--gray);
	background-color: var(--gray);
}
.fukidashi_right_pink,.fukidashi_left_pink{
	border: 3px solid var(--pink);
	background-color: var(--pink);
}
.fukidashi_right_beige,.fukidashi_left_beige{
	border: 3px solid var(--beige);
	background-color: var(--beige);
}
.fukidashi_right_cyan,.fukidashi_left_cyan{
	border: 3px solid var(--cyan);
	background-color: var(--cyan);
}
.fukidashi_right_gold,.fukidashi_left_gold{
	border: 3px solid var(--gold);
	background-color: var(--gold);
}
.fukidashi_right_brown,.fukidashi_left_brown{
	border: 3px solid var(--brown);
	background-color: var(--brown);
}
.fukidashi_right_magenta,.fukidashi_left_magenta{
	border: 3px solid var(--magenta);
	background-color: var(--magenta);
}
.fukidashi_right_cream,.fukidashi_left_cream{
	border: 3px solid var(--cream);
	background-color: var(--cream);
}
.fukidashi_right_purple,.fukidashi_left_purple{
	border: 3px solid var(--purple);
	background-color: var(--purple);
}
.fukidashi_right_navy,.fukidashi_left_navy{
	border: 3px solid var(--navy);
	background-color: var(--navy);
}
.fukidashi_right_color1,.fukidashi_left_color1{
	border: 3px solid var(--color1);
	background-color: var(--color1);
}
.fukidashi_right_color2,.fukidashi_left_color2{
	border: 3px solid var(--color2);
	background-color: var(--color2);
}
.fukidashi_right_color3,.fukidashi_left_color3{
	border: 3px solid var(--color3);
	background-color: var(--color3);
}
.fukidashi_right_color4,.fukidashi_left_color4{
	border: 3px solid var(--color4);
	background-color: var(--color4);
}

.fukidashi_right_red:before{
	border-right: 10px solid var(--red);
}
.fukidashi_left_red:before{
	border-left: 10px solid var(--red);
}
.fukidashi_right_blue:before{
	border-right: 10px solid var(--blue);
}
.fukidashi_left_blue:before{
	border-left: 10px solid var(--blue);
}
.fukidashi_right_green:before{
	border-right: 10px solid var(--green);
}
.fukidashi_left_green:before{
	border-left: 10px solid var(--green);
}
.fukidashi_right_yellow:before{
	border-right: 10px solid (--yellow);
}
.fukidashi_left_yellow:before{
	border-left: 10px solid (--yellow);
}
.fukidashi_right_orange:before{
	border-right: 10px solid var(--orange);
}
.fukidashi_left_orange:before{
	border-left: 10px solid var(--orange);
}
.fukidashi_right_gray:before{
	border-right: 10px solid var(--gray);
}
.fukidashi_left_gray:before{
	border-left: 10px solid var(--gray);
}
.fukidashi_right_pink:before{
	border-right: 10px solid var(--pink);
}
.fukidashi_left_pink:before{
	border-left: 10px solid var(--pink);
}
.fukidashi_right_beige:before{
	border-right: 10px solid var(--beige);
}
.fukidashi_left_beige:before{
	border-left: 10px solid var(--beige);
}
.fukidashi_right_cyan:before{
	border-right: 10px solid var(--cyan);
}
.fukidashi_left_cyan:before{
	border-left: 10px solid var(--cyan);
}
.fukidashi_right_gold:before{
	border-right: 10px solid var(--gold);
}
.fukidashi_left_gold:before{
	border-left: 10px solid var(--gold);
}
.fukidashi_right_brown:before{
	border-right: 10px solid var(--brown);
}
.fukidashi_left_brown:before{
	border-left: 10px solid var(--brown);
}
.fukidashi_right_magenta:before{
	border-right: 10px solid var(--magenta);
}
.fukidashi_left_magenta:before{
	border-left: 10px solid var(--magenta);
}
.fukidashi_right_cream:before{
	border-right: 10px solid var(--cream);
}
.fukidashi_left_cream:before{
	border-left: 10px solid var(--cream);
}
.fukidashi_right_purple:before{
	border-right: 10px solid var(--purple);
}
.fukidashi_left_purple:before{
	border-left: 10px solid var(--purple);
}
.fukidashi_right_navy:before{
	border-right: 10px solid var(--navy);
}
.fukidashi_left_navy:before{
	border-left: 10px solid var(--navy);
}
.fukidashi_right_color1:before{
	border-right: 10px solid var(--color1);
}
.fukidashi_left_color1:before{
	border-left: 10px solid var(--color1);
}
.fukidashi_right_color2:before{
	border-right: 10px solid var(--color2);
}
.fukidashi_left_color2:before{
	border-left: 10px solid var(--color2);
}
.fukidashi_right_color3:before{
	border-right: 10px solid var(--color3);
}
.fukidashi_left_color3:before{
	border-left: 10px solid var(--color3);
}
.fukidashi_right_color4:before{
	border-right: 10px solid var(--color4);
}
.fukidashi_left_color4:before{
	border-left: 10px solid var(--color4);
}

/*---離脱防止モーダル--------------------------*/
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left:0;
	bottom:0;
	right:0;
	width: 100%;
}
.modal_bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal_content{
	left: 50%;
	position: absolute;
	top:45%;
	transform: translate(-50%,-50%);
	width: 90%;
	max-width: 320px;
}
.modal-close-btn {
	position: relative;
	width: 25px;
	height: 25px;
	background: transparent;
	margin-left: auto;
	cursor: pointer;
}
.modal-close-btn span.dp-modal-close {
	display: inline-block;
	position: relative;
	margin: 0 20px 0 7px;
	padding: 0;
	width: 4px;
	height: 20px;
	background: #FFF;
	transform: rotate(45deg);
}
.modal-close-btn span.dp-modal-close:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	width: 20px;
	height: 4px;
	margin-top: -2px;
	background: #FFF;
}
.modal_cdt_wrapper{
	background: #FF0000;
	color: yellow;
	font-weight: bold;
	text-align: center;
	font-size: 14pt;
}
.modal_cdt {
	line-height: 1;
	padding: 5px 0;
}
.mdl_cdt_txt{
	display:block;
	color:#FFF;
	font-size:12pt;
}

/*--------------------*/
.topblock{
	margin:30px auto;
	display:flex;
	flex-wrap:wrap;
}
.topbox{
	width:calc(50% - 10px);
	box-sizing:border-box;
	margin:5px;
	text-align:center;
}
@media only screen and (max-device-width: 479px){
	.topbox{
		width:100%;
		margin:5px auto;
	}
}

/*---- 目次 ----------------*/
#toc_container{ margin:auto; }



/* --------------------------------- */
blockquote{
	margin: .5em auto;
	padding: .5em;
	border: 1px solid #dbbaa5;
	border-radius: 10px;
	background:#fffef4;
}
blockquote p{ font-size:.85em; }
blockquote p:first-child{ margin-top:0; }
blockquote p:last-child{ margin-bottom:0; }


.tap-open-content{ display:none; }
.tap-open-content.open{
	display:block;
	transition: all 300ms 0s ease;
}


/* --------------------------------- */
.mejs-controls{ opacity:0; }


/*--------------------------------------------
	PC用
--------------------------------------------*/
@media only screen and (min-device-width: 480px){
	.pc-none{ display:none; }
	.double{ font-size:3em; }
	.w100{ width:100%; }
	.w90{ width:90%; }
	.w80{ width:80%; }
	.w70{ width:70%; }
	.w60{ width:60%; }
	.w50{ width:50%; }
	.w40{ width:40%; }
	.w30{ width:30%; }
	.w20{ width:20%; }
	.w10{ width:10%; }

}


/*--------------------------------------------
	スマホ用
--------------------------------------------*/
@media only screen and (max-device-width: 479px){
	.sp-none{ display:none; }
	.double{ font-size:2.8em; }
	.d-flex{ display:block; }
	.flex-box{ width:100%; }
}