/*
Theme Name:     child

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
article,
aside,
details,
figcaption,
figure,
footer,
hgroup,
main,
nav,
section,
summary {
	display: block;
}
audio,canvas,video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden],template {
	display: none;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;}
body {
	margin: 0; }

a {
	background: transparent;
}
a:focus {
	outline: thin dotted;
}
a:active,a:hover {
	outline: 0;
}
a img{
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0; }
abbr[title] {
	border-bottom: 1px dotted; }
b,strong,.strong {
	font-weight: bold; }
dfn,em,.em {
	font-style: italic;
}
hr {
	margin: 1.8em 0;
	padding: 0;
	border: 0;
	height: 5px;
	background: url(library/images/line01.png) repeat-x 0 0;
}
p {
	-webkit-hyphens: auto;
	-epub-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
pre {
	margin: 0;
}
code,kbd,samp {
	font-family: monospace, serif;
	font-size: 0.9em; 
	padding: 0.05em 0.4em;
	border-radius: 3px;
	background: #F6F6F6;
	color: #444;
}
pre {
	white-space: pre-wrap;
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019";
}
q::before,
q::after {
	content: '';
	content: none;
}
small, .small {
	font-size: 75%;
}
sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

dl,menu,ol,ul {
	margin: 0 0 1em;
}

dd {
	margin: 0;
}
.gallery {
	margin: .5em auto 2em!important;
}
.gallery dl{
	margin:0!important;
}
.gallery dl img{
	margin-bottom:0;
	border: none!important;
	padding: 1px;
}
menu {
	padding: 0 0 0 40px;
}
ol,ul {
	padding: 0;
	list-style-type: none;
}
.entry-content li{
	list-style:none;
	position:relative;
	padding-left: 1.15em;
	margin: 1em 0;
}
.entry-content li li{
	margin: 0.6em 0;
}

.entry-content ul li:before{
	font-family: "fontawesome";
	content: "\f111";
	display:block;
	position:absolute;
	left: 2px;
	top: 1px;
	transform: scale(0.6);
	color: #d35d5f;
}
.entry-content ul li ul li:before{
	content:"\f192";
}
.entry-content ul li ul li ul li:before{
	content:"―";
}
.entry-content ul.arrow li:before{
	transform: scale(0.8);
	content:"\f138";
}
.entry-content ul.arrow li li:before{
	content:"\f101";
}
.entry-content ul.arrow li li li:before{
	content:"\f105";
}

.entry-content ul.check li:before{
	transform: scale(0.95);
	content:"\f00c";
}
.entry-content ul.check li li:before{
	transform: scale(0.85);
	content:"\f058";
}
.entry-content ul.check li li li:before{
	content:"\f05d";
}

.entry-content ol{
	counter-reset: number;
}
.entry-content ol[start] {
   counter-reset: unset; 
}
.entry-content ol li{
	padding-left: 1.8em;
}
.entry-content ol ol{
	margin-left: -0.55em;
}
.entry-content ol > li:before{
    counter-increment: number;
    content: counter(number);
    background: #3E3E3E;
    box-shadow: 0 0 0em rgba(51, 51, 51, 0.15) inset;
    color: #fff;
    width: 1.8em;
    height: 1.8em;
    font-size: 0.9em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    display: block;
    text-align: center;
    line-height: 1.7em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 3px;
}
.entry-content ol li ol li:before{
	background: none;
	line-height:1.4;
	border: 1px solid;
	color: #d35d5e;
}
.entry-content ol li ol li ol li:before{
	content: counter(number) ".";
	border: none;
	font-size: 110%;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

img {
	border: 0;
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
svg:not(:root) {
	overflow: hidden;
}
figure {
	margin: 0;
}


input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
	display: block;
	padding: 10px 2%;
	font-size: 1em;
	color: #666;
	border: 3px solid rgba(66, 66, 66, 0.3);
	border-radius: 1px;
	vertical-align: middle;
	max-width: 96%;
	background-color: #FFFFFF;
	-webkit-transition: background-color 0.24s ease-in-out;
	transition: background-color 0.24s ease-in-out;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 5px;
}
#main input[type="text"],
#main input[type="password"],
#main input[type="datetime"],
#main input[type="datetime-local"],
#main input[type="date"],
#main input[type="month"],
#main input[type="time"],
#main input[type="week"],
#main input[type="number"],
#main input[type="email"],
#main input[type="url"],
#main input[type="search"],
#main input[type="tel"],
#main input[type="color"],
#main select,
#main textarea,
#main .field {
	width: 300px;
}
#main textarea{
	width: 100%;
}
input[type="text"]:focus,
input[type="text"]:active,
input[type="password"]:focus,
input[type="password"]:active,
input[type="datetime"]:focus,
input[type="datetime"]:active,
input[type="datetime-local"]:focus,
input[type="datetime-local"]:active,
input[type="date"]:focus,
input[type="date"]:active,
input[type="month"]:focus,
input[type="month"]:active,
input[type="time"]:focus,
input[type="time"]:active,
input[type="week"]:focus,
input[type="week"]:active,
input[type="number"]:focus,
input[type="number"]:active,
input[type="email"]:focus,
input[type="email"]:active,
input[type="url"]:focus,
input[type="url"]:active,
input[type="search"]:focus,
input[type="search"]:active,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="color"]:focus,
input[type="color"]:active,
select:focus,select:active,
textarea:focus,
textarea:active,
.field:focus,
.field:active {
	background-color: #fbfaf2; 
}
input[type="password"] {
	letter-spacing: 0.3em;
}
textarea {
	max-width: 100%;
	min-height: 120px;
	line-height: 1.5;
}
select {
	-webkit-appearance: none;
	background-image: url(library/images/select_arrow.png);
	background-repeat: no-repeat;
	background-position: 97.5% center;
	background-size:9px;
}
@media only screen and (max-width: 480px) {
	#main input[type="text"],
	#main input[type="password"],
	#main input[type="datetime"],
	#main input[type="datetime-local"],
	#main input[type="date"],
	#main input[type="month"],
	#main input[type="time"],
	#main input[type="week"],
	#main input[type="number"],
	#main input[type="email"],
	#main input[type="url"],
	#main input[type="search"],
	#main input[type="tel"],
	#main input[type="color"],
	#main select,
	#main textarea,
	#main .field,
	#main textarea{
		width: auto;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	select,
	textarea,
	.field {
		width: 92%;
		max-width: 92%;
	}
}
fieldset {
border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}
legend {
	border: 0;
	padding: 0;
}
button,
input,
select,
textarea {
	margin: 0;
}
button,
input {
	line-height: normal;
}
button,
select {
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	text-transform: none;
}
select::-ms-expand {
	display: none;
}
select{
	line-height: 1.2;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	font-size: 0.95em;
	padding: 8px 20px;
	background: #666666;
	color: #fff;
	border: 0;
	border-radius: 5px;
}
button[disabled],
html input[disabled]{
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
	appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
textarea {
	overflow: auto;
	vertical-align: top;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.image-replacement,
.ir {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.clearfix, .cf, .comment-respond,.widget ul li {
	zoom: 1;
}
.clearfix::before, .clearfix::after, .cf::before, .comment-respond::before, .cf::after, .comment-respond::after {
	content: "";
	display: table;
}
.clearfix::after, .cf::after, .comment-respond::after {
	clear: both;
}
span.amp {
	font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
	font-style: italic;
}
p {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	-webkit-hyphenate-before: 2;
	-webkit-hyphenate-after: 3;
}
#content dl,
#content ol,
#content p,
#content ul {
	letter-spacing: .025em;
}
.blue-btn,
#submit {
	display: inline-block;
	position: relative;
	text-decoration: none;
	color: #ffffff;
	font-size: 0.9em;
	font-size: 34px;
	line-height: 34px;
	font-weight: normal;
	padding: 0 24px;
	border-radius: 4px;
	border: 0;
	cursor: pointer;
	-webkit-transition: background-color 0.14s ease-in-out;
	transition: background-color 0.14s ease-in-out;
}
.blue-btn:hover,
#submit:hover,
.blue-btn:focus,
#submit:focus {
	color: #ffffff;
	text-decoration: none;
}
.blue-btn:active,
#submit:active {
	top: 1px;
}


.blue-btn,
#submit {
	background-color: #57a1d8;
}
.blue-btn:hover,
#submit:hover,
.blue-btn:focus,
#submit:focus {
	background-color: #9eccef;
}



/*********************
GENERAL STYLES
*********************/
body {
	font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	font-size: 103%;
	line-height: 1.7;
	color: #3e3e3e;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	word-wrap: break-word;
	background: #ffffff;
}
.wrap {
	width: 94%;
	margin: 0 auto;
}

#main{
	margin: 0 auto;
}
#footer-top{
	position: relative;
}
#footer-top::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #d25c5e;
	filter: alpha(opacity=3);
	-ms-filter: "alpha(opacity=3)";
	opacity: 0.03;
	position: absolute;
	z-index: 2;
}
#footer-top .wrap{
	position: relative;
	z-index: 3;
}



a { color: #57a1d8;
  text-decoration: none;
}
a:hover {
	color: #9eccef;
}
a,
a img{
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:hover img{
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity:0.7;
}
a:link, a:visited:link {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}
.entry-content a[target="_blank"]::after {
	font-family: 'FontAwesome';
	content: '\f08e';
	font-size:0.9em;
	margin:0 3px 0 2px;
  display: none;
}
.entry-content a.no-icon[target="_blank"]::after{
	content: none;
}
.entry-content .btn-wrap a[target="_blank"]::after{
	content: "";
}

.txt_c{
	text-align: center;
}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	text-rendering: optimizelegibility;
}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
	text-decoration: none;
}
h1, .h1 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.333em;
}
h2, .h2 {
	font-size: 1.5em;
	line-height: 1.4em;
	font-weight: bold;
	margin-bottom: 0.375em;
}
h3, .h3 {
	font-size: 125%;
	font-weight: 700;
}
h4, .h4 {
	font-size: 1.2em;
	font-weight: 700;
}
h5, .h5 {
	font-size: 1em;
	font-weight: 700;
	line-height: 2em;
	text-transform: uppercase;
}

/*********************
HEADER STYLES
*********************/
#custom_header_img{
	text-align: center;
}
#custom_header{
	width:100%;
	text-align: center;
	color: #ffffff;
	position: relative;
	margin-bottom: 1.2em;
	z-index: 0;
	background-position: center center;
	background-size: cover;
	-webkit-background-size: cover;
}
#custom_header.overlay::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.45);
    position: absolute;
    top: 0;
}
#custom_header.overlay_wh::after{
	background: rgba(255, 255, 255, 0.4);
}
.header-info{
	position: relative;
	z-index: 0;
	font-weight: bold;
}
.header-info a{
	display: block;
	font-size: 80%;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: #dc5454;
	padding: .4em;
}
.header-info a::before{
	font-family: "fontawesome";
	content: '\f101';
	margin-right: .3em;
}
.header-info a:hover{
	color: #fff;
	opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}


#custom_header .wrap{
	display: block;
	padding: 14% 2%;
	position: relative;
	z-index: 5;
}
#custom_header .wrap .header-text{
	max-width: 680px;
	margin: auto;
}
#custom_header .sitecopy{
	font-size: 250%;
	margin: 0.3em 0;
	line-height: 1.15;
}
#custom_header .sub_sitecopy{
	font-size: .8em;
	margin: 0;
	line-height: 1.7;
	font-weight: bold;
}
#custom_header .btn-wrap{
	margin: 2.5em 0 0;
}
#custom_header .btn-wrap a{
	padding: 1em 1.5em;
	color: #ffffff;
	border: none;
	background: #d34e4e;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	font-size: .82em;
	font-weight: bold;
	width: 340px;
	max-width: 90%;
	text-align: center;
	filter: alpha(opacity=95);
	-ms-filter: "alpha(opacity=95)";
	opacity:0.95;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}
#custom_header .btn-wrap a::before,
#custom_header .btn-wrap a::after{
	content: none;
}
#custom_header .btn-wrap a:hover{
	filter: alpha(opacity=65);
	-ms-filter: "alpha(opacity=65)";
	opacity:0.65;
}

.homeadd_wrap{
	margin: 0 auto;
}
.header {
	padding: 0.9em 0 0;
	position: relative;
	z-index: 2;
	background: #264b67;
	color: #fff;
}
#inner-header{
	position: relative;
	padding: 0;
  padding-top: 30px;
}
#logo .h1{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#logo .h1{
	font-size: 2.5em;
	line-height: 1.3;
}
#logo.fs_s .h1{
	font-size: 1.6em;
	padding: 10px 0;
}
#logo.fs_l .h1{
	font-size: 3.1em;
	line-height:  1.2;
}
#logo.fs_ll .h1{
	font-size: 4.5em;
	line-height:  1.2;
}
#logo.fs_l .h1,
#logo.fs_ll .h1{
	margin-top: -4px;
}
.header #logo.sitedes_on{
	margin-top: -6px;
}
@media only screen and (max-width: 480px) {
	#logo .h1{
		padding: 5px 0 0;
		font-size: 1.7em;
    margin-top: 2px;
	}
	#logo.fs_s .h1{
		font-size: 1.25em;
	}
	#logo.fs_l .h1{
		font-size: 2.2em;
	}
	#logo.fs_ll .h1{
		font-size: 2.7em;
	}
}
#logo a {
	color: #333!important;
	display: inline-block;
	padding: 0;
	margin: 0 auto;
	text-decoration: none;
  margin-top: 6px;
}
.site_description{
	font-size: 10px;
	text-align: center;
	margin: 0 0 1em;
}

.nav_btn{
	color: inherit;
	width: 3em;
	height: 3em;
	padding: 0.2em;
	border: none;
	background: none;
	text-align: center;
	top: 0;
	left: 1px;
	display: block;
	line-height: 1;
	text-decoration: none;
}
.nav_btn:hover{
	cursor: pointer;
	color: inherit;
}
.nav_btn::before{
	font-size: 25px;
	height: 1.15em;
	font-family: 'icomoon';
	content: '\e900';
	width: 100%;
	display: block;
  color: #333;
}
.nav_btn .text{
	font-size: 9px;
	font-weight: bold;
	display: block;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

/* 検索フォーム */
.searchbox{
	position: absolute;
	right: 0;
	top: 0;
	width: 400px;
	max-width: 88%;
    z-index: 999;
    position: fixed;
    top: 0px;
    overflow: inherit;
}
.searchbox .searchform{
	position:relative;
}
.searchbox .searchform input[type="search"]{
	position: absolute;
	z-index: 2;
	right: 0;
	width: 60px;
	height: 50px;
	line-height: 60px;
	padding: 0;
	margin: 5px;
	border: 0;
	transition: .25s ease;
	-webkit-transition: .4s ease;
	-moz-transition: .4s ease;
	-ms-transition: .4s ease;
	-webkit-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	cursor: pointer;
	background: #333;
	color: #ffffff;
	box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 0px !important;
}
.searchbox .searchform input[type="search"]:focus{
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	opacity: 1;
	width: 100%;
	padding: 0 0.8em;
	cursor: auto;
}
.searchbox .searchform .search_btn{
	z-index: 1;
	right: 2px;
	left: auto;
}
.searchbox .searchform .search_btn::before{
	content: "\e902";
}

.searchbox .searchform input[type="search"]:focus ~ .search_btn{
	z-index: 3;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
@media only screen and (max-width: 767px) {
	.searchbox .searchform input[type="search"]{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
}



#breadcrumb{
	font-size: 70%;
	margin: 1.2em auto;
}
#breadcrumb ul{
	margin: 0;
}
#breadcrumb li:first-child{
	margin-left: 0;
}
#breadcrumb li{
	float:left;
	margin-left:0.5em;
}
#breadcrumb li a::after{
	font-family: "fontawesome";
	color: initial;
	content: '\f105';
	margin-left:0.5em;
	opacity: 0.5;
}
#breadcrumb li a{
	text-decoration:none;
}
#breadcrumb li a:hover{
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#breadcrumb li.bc_posttitle{
	display: none;
}

/*********************
NAVIGATION STYLES
*********************/
.nav li a {
	display: block;
	color: inherit;
	text-decoration: none;
	padding: 0.75em;
	position: relative;
}
.nav > li > a{
	padding: 12px .7em;
}
.nav li li{
	text-align:left;
}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
	padding-left: 15px;
}





.single #main .article {
	margin-bottom: 1em;
}
#main .article header {
	padding: 0;
	margin-bottom: 1em;
}
.single .pd_viral #main .article header,
.page-template-default .pd_viral #main .article header{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width:  100%;
	text-align: center;
	position: relative;
	padding: 9%  5%;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.single .pd_viral #main .article header .inner,
.page-template-default .pd_viral #main .article header .inner{
	position: relative;
	z-index: 3;
}
.single .pd_viral #main .article header .entry-title,
.page-template-default .pd_viral #main .article header .entry-title{
	font-size: 2.2em;
	margin-top: 5%;
}
.single .pd_viral #main .article header::after,
.page-template-default .pd_viral #main .article header::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background: #000000;
	filter: alpha(opacity=45);
	-ms-filter: "alpha(opacity=45)";
	opacity: 0.45;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.single .pd_viral #main .article header .inner,
.single .pd_viral #main .article header .inner a,
.page-template-default .pd_viral #main .article header .inner,
.page-template-default .pd_viral #main .article header .inner a{
	color: #fff;
}
.single .pd_viral #main .article header .entry-title,
.page-template-default .pd_viral #main .article header .entry-title{
	margin-bottom: 0.8em;
}

#main .article .eyecatch{
	text-align:center;
	overflow:hidden;
	position:relative;
}
.eyecatch .eyecatch-caption-text{
	font-size: 75%;
	opacity: 0.85;
	padding-top: 3px;
}
#main .article .eyecatch img{
	margin:0;
	height: 150px;
  max-width: 100%;
  float: left;
  margin: 0px;
  border-radius: 3px 3px 0px 0px;
}
.article-footer {
	padding: 1em 0;
}
.article-footer .footer-cat-tag{
	margin-bottom: 0.9em;
}
.article-footer h4{
	margin:0.5em 0;
}
.article-footer p {
	margin: 0;
}

.article-footer .post-categories,
.article-footer .tags{
	margin:0;
	display:inline-block;
}
.article-footer .post-categories li,
.article-footer .tags a{
	display:inline-block;
}
.article-footer .post-categories li a,
.article-footer .tags a{
	display:inline-block;
	background: #57a1d8;
	color: #ffffff;
	padding: .35em .5em;
	margin-right:0.3em;
	margin-bottom: 2px;
	text-decoration: none;
	line-height: 1.1;
	font-size: 75%;
	border: 1px solid #57a1d8;
	border-radius: .4em;
}
.article-footer .tags a{
	background:none;
	color: #57a1d8;
	margin-top:-1px;
}
.article-footer .post-categories a::before,
.article-footer .tags a::before{
	font-family: "fontawesome";
	content: '\f02b';
	margin-right: 0.2em;
}
.article-footer .post-categories a::before{
	content: '\f114';
}
.article-footer .post-categories li a:hover,
.article-footer .tags a:hover{
	background: #9eccef;
	color:#fff;
	border-color: #9eccef;
	transform: translateY(-1px);
}
.article-footer .post-categories li a:active,
.article-footer .tags a:active{
	transform: translateY(1px);
}

.entry-content h2{
	position: relative;
	border: none;
	font-size: 1.25em;
  padding: 0.3em 0.5em!important;
	margin-top: 0em;
	margin-bottom: 1em;
	background: #d45c5c;
	color: #ffffff;
	box-shadow: 0 1px 5px rgba(0, 0, 0, .03);
}
.entry-content h3{
	border-top: 4px solid;
	border-bottom: 4px solid;
	padding: .6em .2em;
	margin-top: 1.8em;
	color: #d45c5c;
}
.entry-content h4{
	padding: 0.4em 0.1em 0.4em 0.7em;
	border-left: 4px solid;
	border-color: #d45c5c;
}

.h_stitch .entry-content h2{
	position: relative;
}
.h_stitch .entry-content h2::before,
.h_stitch .entry-content h2::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 0;
	width: 100%;
	height: 1px;
	border-top: 2px dashed #ffffff;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	opacity: 0.5;
}
.h_stitch .entry-content h2::after{
	top: auto;
	bottom: 3px;
}
.h_stitch .entry-content h3{
	border-top-style: dotted;
	border-bottom-style: dotted;
}
.h_stitch .entry-content h4{
	border-left-style: dotted;
}

.h_balloon .entry-content h2::after{
	content: '';
	position: absolute;
	border-top: 13px solid #d45c5c;
	border-right: 9px solid transparent;
	border-left: 9px solid transparent;
	bottom: -11px;
	left: 5%;
}

.entry-content h2.stylenone {
    position: relative;
    border: none;
    padding: 0;
    background: initial;
    color: initial;
    box-shadow: none;
}

/* 投稿ページ下のエリア */
.related-box{
	margin-bottom: 2em;
}
.authorbox .profile_name a,
.authorbox .author_sns a,
.related-box a{
	color: inherit;
	text-decoration: none;
}

.authorbox a:hover,
.related-box a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.authorbox .h_ttl,
.related-box .h_ttl{
	font-size: 150%;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 0.4em!important;
}
.authorbox .h_ttl span.gf { display: none;
}
.authorbox .h_ttl::after,
.related-box .h_ttl::after{
	font-size: 12px;
	margin: 0;
	display: block;
}
.authorbox .h_ttl::after {
    content: 'この情報を美コミでフォロー';
    font-size: 0.7em!important;
    background: #e2d7cc;
    color: #fff;
    border-radius: 5px;
}
.related-box .h_ttl::after{
	content: 'こちらの記事も人気！';
}
.authorbox{
	text-align: center;
	border: 5px solid rgba(100, 100, 100, 0.15);
   padding: 0% 2% 0% 2%;
}
.authorbox .profile{
	display: table;
}
.authorbox .profile_img,
.authorbox .profile_description{
	display: table-cell;
	vertical-align: middle;
}
.authorbox .profile_img{
	width: 23%;
	padding-right: 1em;
	vertical-align: top;
}
@media only screen and (max-width: 480px) {
	.authorbox .profile_img,
	.authorbox .profile_description,
	.authorbox .profile_name{
		display: block;
		text-align: center;
		vertical-align: initial;
		margin-left: auto;
		margin-right: auto;
		padding: 0;
	}
}
.authorbox .profile_img img {
	width: 100%;
	margin: auto;
  border-radius: 50%!important;
	border: 2px solid #fff;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.12);
}
.authorbox .profile_name{
	margin-bottom: 1em;
}
.authorbox .profile_name a{
	font-size: 122%;
	font-weight:bold;
	margin: 1em 0 0.5em;
}
.authorbox .profile_name .userposition{
	font-size: 10px;
	display: block;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.authorbox .profile_description{
	font-size: 85%;
	text-align: left;
	margin: auto;
}
.authorbox .author_sns{
	text-align:center;
	margin:2em 0 0;
}
.authorbox .author_sns li{
	display:inline-block;
	font-size: 0.8em;
	margin-right: 1.2em;
}
.authorbox .author_sns li:last-child{
	margin-right: 0;
}
.authorbox .author_sns a{
	display: block;
	padding: 0.5em 0;
}
.authorbox .author_sns li a::before{
	font-size: 1.2em;
	margin-right: 0.3em;
	color: initial;
	font-family: "fontawesome";
	content: "\f144";
}
.authorbox .author_sns li.author-site a::before{
	content: "\f0ac";
}
.authorbox .author_sns li.author-twitter a::before{
	content: "\f099";	
}
.authorbox .author_sns li.author-facebook a::before{
	content: "\f09a";
}
.authorbox .author_sns li.author-google a::before{
	content: "\f0d5";
}
.authorbox .author_sns li.author-instagram a::before{
	content: "\f16d";
}
.related-box ul{
	text-align: center;
	display:  table;
	width: 100%;
}
.related-box li{
	width: 22.4%;
	margin:1%;
	display: inline-block;
	position:relative;
	font-size: .9em;
	vertical-align: top;
	text-align: left;
}
.related-box li .eyecatch{
	padding-top: 60%;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.related-box li .eyecatch img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.related-box li a{
	display:block;
	text-decoration:none;
}

.related-box li .date{
	font-size:.8em;
	font-weight:normal;
}
.related-box li .ttl{
	margin:0;
	font-size: .85em;
}
@media only screen and (min-width: 1100px) {
	.related-box{
		margin-left: -10px;
		margin-right: -10px;
		font-size: 108%;
	}
}


/* ページタイトル */
.single-title,
.page-title,
.entry-title {
	margin: 0 0 0.3em;
}
.single-title,
.page-title{
	padding: 0;
	font-size: 150%;
	overflow-wrap: break-word;
}
.single-title:empty,
.page-title:empty{
	display: none;
}
.single .byline{
	margin-bottom: 0.3em;
}
.single .byline .date,
.single .byline .writer .fn{
	margin-bottom: 0.3em;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.single .byline .post-categories{
	font-weight: bold;
	font-size: 87%;
	display: inline-block;
	margin-right: 1em;
	margin-bottom:  0;
}
.single .byline .post-categories li{
	display: inline-block;
}
.single .byline .post-categories li::after{
	content: "|";
	margin: 0 0.4em;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	opacity: 0.4;
}
.single .byline .post-categories li:last-child::after{
	content: none;
}
.single .byline .post-categories li a{
	text-decoration: none;
}
.byline {
	font-size: 87%;
	font-weight: 500;
    margin: 0 0 0.5em;
}
.byline .date,
.byline .writer{
	margin-right: .9em;
	display: inline-block;
}
.byline .date::before,
.byline .writer::before{
	font-family: "fontawesome";
	font-size: 115%;
	margin-right: 0.2em;
	position: relative;
	top: auto;
}
.single .byline .date::before,
.big-list .byline .date::before{
	content: "\f017";
}
.single .byline .date.undo::before,
.big-list .byline .date.undo::before{
	content: "\f1da";
}
.byline .writer::before{
	content: "\f2be";
	display: none;
}
.byline .writer,
.byline .writer a{
	color: inherit;
	text-decoration:none;
}
.archives-list .byline .writer{
	font-weight: normal;
}
.byline .writer img.avatar{
	width: 1.6em;
	border-radius: 50%;
	margin-right: 0.2em;
	vertical-align: top;
}

.cat-name{
	text-align: center;
	background: #d34e4e;
	color:#efefef;
	font-size:70%;
	font-weight:bold;
	padding: 0.2em 0.5em;
}
.eyecatch .cat-name{
	position:absolute;
	top: 0;
	right: 0;
	min-width:8em;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}
.eyecatch .cat-name:empty::before{
	content: "PICK UP";
}
.catlabeloff .eyecatch .cat-name{
	display: none;
}
.eyecatch.noimg{
	background: #eee;
	color: #777;
}
.eyecatch.noimg::after{
	content:"NO IMAGE";
	display: block;
	width: 100%;
	line-height: 1;
	text-align: center;
	position: absolute;
	top: 50%;
	transform: translateY(-0.5em);
}


.undo_off .undo,
.date_off .date{
	display: none!important;
}

.entry-content p {
	margin: 0 0 1.75em;
	line-height: 1.8;
}
.entry-content table {
	width: 100%;
	font-size: 95%;
	margin-bottom: 1.5em;
}
.entry-content table caption {
	margin: 0 0 7px;
	font-size: 90%;
	opacity: 0.8;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.entry-content td,
.entry-content th {
	padding: 1.2em .8em;
	border: 1px solid #d8d8d8;
}
.entry-content td input{
	margin:3px 0;
}
.entry-content th {
	background: rgba(0, 0, 0, 0.05);
	text-align: left;
}
.entry-content blockquote{
	padding: 3.3em 7%;
	margin: 0em 0 0em;
	position:relative;
	border: 0px solid rgba(103, 103, 103, 0.4);
	border-radius: 7px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
}
.entry-content blockquote *:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
}
.entry-content blockquote::before,
.entry-content blockquote::after{
	font-family: serif;
	position: absolute;
	width: 1em;
	height: 1em;
	line-height: 1.5;
	display:block;
	padding: 0;
	text-align:center;
	font-size: 420%;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
.entry-content blockquote::before{
	content: "“";
	left: 0;
	top: 0;
}
.entry-content blockquote::after{
	content: "”";
	right: 0;
	bottom: 0;
}
.entry-content blockquote h1,
.entry-content blockquote h2,
.entry-content blockquote h3,
.entry-content blockquote h4{
	margin-top:0!important;
}
.entry-content dt{
	font-weight: bold;
	margin-bottom: 2%;
}
.entry-content dd {
	margin-left: 0;
	font-size: .95em;
	margin-bottom: 4%;
}
.entry-content img {
	margin: 0 0 0.8em;
	max-width: 100%;
	height: auto;
}
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium,
.entry-content .size-thumbnail {
	max-width: 100%;
	height: auto;
}
.entry-content pre {
	background: #383838;
	background: rgba(0, 0, 0, 0.75);
	border-left: 4px solid rgba(0, 0, 0, 0.38);
	color: #ffffff;
	font-size: 1em;
	padding: 1.2em 3%;
	margin: 0.2em 0 2.2em;
	border-radius: 3px;
}
.wp-caption {
	max-width: 100%;
	background: #fff;
	padding: 5px;
	margin-bottom: 1.8em;
	border: 1px solid rgba(0, 0, 0, .08);
	border-radius: 3px;
}
.wp-caption img {
	max-width: 100%;
	margin-bottom: 0;
	width: 100%;
}
.wp-caption p.wp-caption-text {
	font-size: 0.75em;
	margin: 4px 0;
	text-align: center;
}

iframe {
	max-width: 100%;
}
.tags {
	margin: 0;
}


/* ================================================== */
/* ウィジェット */
/* ================================================== */
.widget a{
	text-decoration:none;
	color: inherit;
}
.widget a:hover{
	color: inherit;
	opacity: 0.5;
}
.widget.widget_text a{
	color: #57a1d8;
	text-decoration: underline;
}
.widget.widget_text a:hover{
	opacity: inherit;
	color: #9eccef;
}
.widget.widget_text .btn-wrap a{
	color: #ffffff;
}
.widgettitle {
	background: #d35c5d;
	color: #ffffff;
	font-size: 1em;
	padding: 0.65em 0.8em;
	margin-top: 0;
	margin-bottom: 0.75em;
	overflow: hidden;
}


.widget {
	margin: 0 0 2.5em;
}
.homewidget.widget:last-child,
.titleunder .widget:last-child{
	margin-bottom: 1.5em;
}
.widget ul{
	margin:0;
}
/* RSSウィジェット */
.widget.widget_rss li a{
	font-weight: bold;
}
.widget.widget_rss li .rssSummary,
.widget.widget_rss li .rss-date,
.widget.widget_rss li cite{
	font-size: 88%;
	opacity: 0.6;
}
/* ウィジェットカテゴリー・新着記事 */
.widget.widget_categories .widgettitle,
.widget.widget_recent_entries .widgettitle,
.widget.widget_newentryimagewidget .widgettitle,
.widget.widget_nav_menu .widgettitle,
.widget.widget_pages .widgettitle,
.widget.widget_archive .widgettitle,
.widget.widget_mycategoryorder .widgettitle{
	margin-bottom:0;
}
.widget.widget_categories ul,
.widget.widget_recent_entries ul,
.widget.widget_newentryimagewidget ul,
.widget.widget_nav_menu ul,
.widget.widget_pages ul,
.widget.widget_archive ul,
.widget.widget_mycategoryorder ul{
	margin-top: 0;
}
.widget.widget_categories ul li,
.widget.widget_recent_entries li,
.widget.widget_newentryimagewidget li,
.widget.widget_nav_menu li,
.widget.widget_pages li,
.widget.widget_archive li,
.widget.widget_mycategoryorder li{
	border-bottom: 1px dotted rgba(125, 125, 125, 0.3);
	margin:0;
	padding:0;
}
.widget .children li:first-child,
.widget .sub-menu li:first-child{
  border-top: 1px dotted rgba(125, 125, 125, 0.3);
}
.widget li.page_item_has_children {
  border-bottom:none!important;
}
.widget.widget_newentryimagewidget li::before{
	content:none;
}
.widget.widget_categories li a,
.widget.widget_recent_entries li a,
.widget.widget_newentryimagewidget li a,
.widget.widget_nav_menu li a,
.widget.widget_pages li a,
.widget.widget_archive li a,
.widget.widget_mycategoryorder li a{
	display:block;
	padding: 1em 1.3em 1em 0.3em;
	margin:0;
	position:relative;
}
.widget li a .countpost{
	opacity: 0.9;
	border-radius: 1em;
	background: rgba(50, 50, 50, 0.1);
	font-size: 89%;
	padding: 0 0.5em;
	margin-left: 0.3em;
}
.widget.widget_categories li:last-child,
.widget.widget_recent_entries li:last-child,
.widget.widget_newentryimagewidget li:last-child,
.widget.widget_nav_menu li:last-child,
.widget.widget_pages li:last-child,
.widget.widget_archive li:last-child,
.widget.widget_mycategoryorder li:last-child{
	border-bottom:none;
}
.widget.widget_categories li a::after,
.widget.widget_recent_entries li a::after,
.widget.widget_newentryimagewidget li a::after,
.widget.widget_nav_menu li a::after,
.widget.widget_pages li a::after,
.widget.widget_archive li a::after,
.widget.widget_mycategoryorder li a::after{
	font-family:"fontawesome";
	content: '\f105';
	position:absolute;
	right: 6px;
	line-height: 1;
	font-size: 1em;
	top:50%;
	margin-top: -0.5em;
	transition: 0.15s ease-in-out;
}
.entry-content .widget.widget_categories li:before,
.entry-content .widget.widget_recent_entries li:before,
.entry-content .widget.widget_newentryimagewidget li:before,
.entry-content .widget.widget_nav_menu li:before,
.entry-content .widget.widget_pages li:before,
.entry-content .widget.widget_archive li:before,
.entry-content .widget.widget_mycategoryorder li:before{
	content: none;
}
.widget li a:hover::after{
	right: 3px;
}

/* ドロップダウンスタイルの変更 */
.widget select{
	margin-top:1em;
	width:100%;
	max-width:100%;
}
/* ドロップダウンにした時のlabelを非表示 */
.widget.widget_categories label,
.widget.widget_archive label{
	display:none;
}
/* リスト 下の階層 */
.widget.widget_nav_menu li ul,
.widget.widget_pages li ul,
.widget.widget_categories li ul{
	padding: 0;
	margin: 0;
}
.widget.widget_nav_menu li ul a::before,
.widget.widget_pages li ul a::before,
.widget.widget_categories li ul a::before{
	font-family: "fontawesome";
	content: "\f0da";
	display: inline-block;
	margin-right: 5px;
	opacity: 0.15;
}
.widget.widget_nav_menu li ul,
.widget.widget_pages li ul,
.widget.widget_categories li ul{
	background: rgba(125, 125, 125, 0.02);
}
.widget.widget_nav_menu li ul ul a::before,
.widget.widget_pages li ul ul a::before,
.widget.widget_categories li ul ul a::before{
	content: "ー";
}
.widget.widget_nav_menu li ul a::after,
.widget.widget_pages li ul a::after,
.widget.widget_categories li ul a::after{
	content: none;
}
.widget.widget_nav_menu li ul ul a,
.widget.widget_pages li ul ul a,
.widget.widget_categories li ul ul a{
	padding-left:1.6em;
}
.widget.widget_nav_menu li ul li a,
.widget.widget_pages li ul li a{
	padding-left:0.5em;
}
.widget.widget_recent_comments ul{
	margin-top:0;
}
.widget.widget_recent_comments li{
	border-bottom: 1px dotted #ccc;
	border-bottom: 1px dotted rgba(0,0,0,.2);
	margin:0;
	padding:0.5em 0;
}
.widget.widget_recent_comments li:first-child{
	border-top:none;
}
.widget.widget_recent_comments li:last-child{
	border-bottom:none;
}

/* ウィジェット検索フォーム */
/* SEARCH FORM */

.widget.widget_search .searchform,
#main .entry-content .searchform{
	position:relative;
	height: 45px;
	margin: 0 auto 1.5em;
	max-width:  500px;
	text-align:  center;
}
.widget.widget_search input[type="search"],
#main .entry-content .searchform input[type="search"]{
	position:absolute;
	width: 100%;
	max-width: 100%;
	padding: 12px 1%;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.widget.widget_search button,
#main .entry-content .searchform button{
	position:absolute;
	right: 3px;
	border:0;
	background: none;
	display: block;
	height: 100%;
	padding: .6em;
	font-size: 140%;
	color: initial;
}
.widget.widget_search button::before,
#main .entry-content .searchform button::before{
	font-family: 'icomoon';
    content: '\e902';
}
@media only screen and (min-width: 1100px) {
	#main .entry-content .searchform input[type="search"]{
		line-height: 2;
	}
	#main .entry-content .searchform button{
		font-size: 170%;
		height: 60px;
	}
}
/* ウィジェット カレンダー */
.widget.widget_calendar table{
	width:100%;
	text-align:center;
}
.widget.widget_calendar table *{
	text-align:center;
}
/* ウィジェット タグクラウド */
.widget.widget_tag_cloud a{
	padding: 0.1em 0.6em;
	margin: 0 0.2em 0.3em 0;
	display:inline-block;
	font-size: 12px!important;
	border-radius: 3px;
	color: inherit;
	box-shadow: 0 0 1px;
	opacity:0.8;
}
.widget.widget_tag_cloud a::before{
	font-family: "fontawesome";
	content: '\f02b';
	margin-right: 3px;
}
.widget.widget_tag_cloud a:hover{
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity:0.7;
	box-shadow: 0 0 5px;
	transform: translateY(-1px);
}
.widget.widget_tag_cloud a:active{
	box-shadow: 0 0 2px;
	transform: translateY(1px);
}

.widget.widget_nav_menu li a span{
	display:none;
}
.widget.widget_newentryimagewidget li a{
	overflow: hidden;
}
.widget.widget_newentryimagewidget li .eyecatch{
	width: 30%;
	float:left;
	margin-right: 3%;
	padding-top: 18%;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.widget.widget_newentryimagewidget li .eyecatch img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.widget.widget_newentryimagewidget li .eyecatch.noimg::after{
	font-size: 70%;
}
.widget.widget_recent_entries li span,
.widget li span.date{
	padding:0 0.3em;
	font-size:0.9em;
	opacity: .5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	display:inline-block;
}
.widget.widget_newentryimagewidget li .ttl{
	overflow: hidden;
}
.widget.widget_newentryimagewidget li .ttl p,
.widget.widget_recent_entries li p{
	margin: 0;
}
/* CategoryWidget Toggle Ver */
.widget_categories li,
.widget_nav_menu li{
    position: relative;
}
.widget li.accordionMenu > a::after{
	content: none;
}

.accordionBtn {
    font-size: 74%;
    width: 2em;
    height: 2em;
    line-height: 2em;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    top: 1.4em;
    right: 1px;
    color: #ffffff;
    background: #56a1d8;
    cursor: pointer;
    transition: 0.2s ease;
}
.accordionBtn.active{
    background: #9eccef;
}
.accordionBtn::before {
	font-family: "fontawesome";
    content: "\f067";
    display: inline-block;
}
.accordionBtn.active {
    transform: rotate(135deg);
}
/* Plugin */
/* WordPress Popular Posts */
ul.wpp-list{
	counter-reset: number;
}
ul.wpp-list li{
	list-style:none;
	position:relative;
	border-bottom:1px solid #ddd;
	margin: 0;
	padding-bottom:0.75em;
}
ul.wpp-list li a::before{ counter-increment: number;
    content: counter(number);
    background: #000000;
    margin-right: 3px;
    color: #fff;
    background: #89d685!important;
    width: 1.5em;
    height: 1.5em;
    line-height: 1.5em;
    font-size: 1em;
    border-radius: 3px;
    font-weight: bold;
    display: block;
    text-align: center;
    position: absolute;
    left: -3px!important;
    top: -2px!important;
    z-index: 1;
}
ul.wpp-list img{
	margin-bottom:0;
	margin-right: 5px;
}
ul.wpp-list li a.wpp-post-title{
	display: block;
}
ul.wpp-list li a.wpp-post-title::before,
ul.wpp-list li .wpp-author a::before,
ul.wpp-list li .wpp-category a::before{
	content: none;
}
/* TOC */
#toc_container li::before{
	content: none;
}

/******************************************************************
PAGE STYLES
******************************************************************/

.lp .entry-header{
	margin-bottom: 1.5em;
}

/******************************************************************
ARCHIVE PAGE STYLES
******************************************************************/
.archivettl h1{
	font-size: 130%;
	margin: 0.5em 0 0.9em;
	padding: 0;
	text-align: center;
}
.archivettl h1::before{
	display: block;
	font-weight: normal;
	font-size: 10px;
	line-height: 1.4;
}
.search .archivettl h1::before{
	content: "キーワード";
}
.archivettl h1 .author-icon{
	display: block;
}
.archivettl h1 .author-icon img{
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	width:80px;
	margin-bottom: 0.5em;
	border:2px solid #fff;
	box-shadow:0 0 10px #ddd;
}
.taxonomy-description.entry-content{
	margin: 0 auto;
	padding-bottom: 0;
}

/* 記事一覧 */
.archives-list .post-list .entry-content,
.archives-list .post-list a p{
	margin-bottom: 0;
	padding-bottom: 0;
   padding: 0px 8px;
}
.archives-list .post-list .byline,
.archives-list .post-list .description{
	font-size: 72%;
	opacity: 0.65;
}
.archives-list.big-list  .post-list .byline .date,
.archives-list.big-list  .post-list .description{
	font-size: 95%;
}
.archives-list .post-list .description p{
	line-height: 1.7;
}

.archives-list.simple-list .post-list a,
.archives-list.card-list .post-list a{
	text-decoration: none;
	color: inherit;
}

@media only screen and (min-width: 768px) {
	.archives-list .post-list a:hover .eyecatch img{
		-webkit-filter: blur(2px);
		filter: blur(2px);
		opacity: 1;
		-webkit-transform: scale(1.03);
		transform: scale(1.03);
	}
	.archives-list.simple-list .post-list a:hover,
	.archives-list.card-list .post-list a:hover{
		opacity: 0.6;
	}
	.archives-list .post-list a .eyecatch::after{
		content: "READ MORE";
		isplay: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		position: absolute;
		font-size: 50%;
		width: 100%;
		height: 100%;
		background: #274d69;
		color: #fff;
		top: 0;
		left: 0;
		opacity: 0;
		transition: .25s ease;
		-webkit-transition: .4s ease;
		-moz-transition: .4s ease;
		-ms-transition: .4s ease;
	}
	.archives-list .post-list a:hover .eyecatch::after{
		opacity: 0.7;
		font-size: 90%;
		letter-spacing: 2px;
	}
}

/* SIMPLE */
.archives-list.simple-list .post-list{
	margin: 0 auto;
	padding: 0;
	border-bottom: 1px solid #ddd;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.simple-list .post-list:first-child{
	border-top: 1px solid #ddd;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.archives-list.simple-list .post-list a{
	display: block;
	padding: 1em;
}
.archives-list.simple-list .post-list .eyecatch{
	width: 45%;
	float: left;
	margin-bottom: 0!important;
}
.archives-list.simple-list .post-list .entry-content{
	overflow: hidden;
	padding-left: 1em;
}
.archives-list.simple-list .post-list .noimg + .entry-content{
	padding: 1.2em 0;
}
.archives-list.simple-list .post-list .entry-title{
	margin-top: 0;
	font-size: 1.3em;
}

/* CARD */

@media only screen and (min-width: 611px) {
  .archives-list.card-list .post-list{
	width: 49.4%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
  }
  .archives-list.card-list .post-list a {
    display: block;
    position: relative;
    padding: 0% !important;
    padding-bottom: 0%!important;
    border: #f7f7f7 solid 3px;
    border-radius: 5px;
    margin-bottom: 0px;
    background: #fff;
    }
  .archives-list.card-list{
	text-align: center;
	margin-left: -2%;
	margin-right: -2%;
	display: block;
  background: #f7f7f7;
  padding-top: 15px;
  color: #000;
  }
}
@media only screen and (max-width: 610px) {
  .archives-list.card-list .post-list{
  width: 49%;
	display: inline-block;
	text-align: left;
	vertical-align: top;
  }
  .archives-list.card-list .post-list a {
    display: block;
    position: relative;
    padding: 0% !important;
    padding-bottom: 0%!important;
    border: #f3f3f3 solid 3px;
    border-radius: 5px;
    margin-bottom: 0px;
    background: #fff;
  }
  .archives-list.card-list{
	text-align: center;
	margin-left: -4%!important;
	margin-right: -4%!important;
	display: block;
  background: #f7f7f7;
  padding-top: 15px;
    color:#000;
  }
}

.archives-list.card-list .post-list .eyecatch{
	margin-bottom: 0.5em;
  border-bottom: #eee 1px solid;
}

.archives-list.card-list .post-list .entry-title{
	font-size: 115%;
}

/* BIG */
.archives-list.big-list .post-list{
	max-width: 100%;
	margin: 0 auto 3em;
	padding-bottom: 3em;
}
.archives-list.big-list .byline{
	margin-bottom: 7px;
}
.archives-list.big-list .post-list .readmore{
	margin: 1.5em auto;
}
.btn-wrap.readmore span::after{
	display: inline-block;
	font-family: "fontawesome";
	content: "\f138";
	margin-left: 0.5em;
	transform: scale(1.1);
}

@media only screen and (max-width: 480px) {
	.archives-list.simple-list .post-list{
		margin-left: -0.9em;
		margin-right: -0.9em;
	}
	.archives-list.simple-list .post-list .entry-title{
		font-size: 94%;
	}
	.archives-list.card-list .post-list .entry-title{
		/* font-size: 78%; */
     font-size: 0.85em !important;
	}
	.archives-list.simple-list .post-list .description,
	.archives-list.card-list .post-list .description{
		display: none;
	}
	.archives-list.simple-list .post-list .eyecatch,
	.archives-list.card-list .post-list .eyecatch{
		font-size: 80%;
	}
}
@media only screen and (max-width: 979px) {
	.home .archives-list.simple-list .post-list:first-child{
		border-top: none;
	}
	.archives-list.big-list .post-list{
		margin: 0 auto 0;
	}
}
#post-not-found{
	text-align: left;
}
#post-not-found .article-header{
	text-align: center;
	font-size: 200%;
	opacity: 0.5;
	letter-spacing: 0.1em;
}
.archives-list.card-list #post-not-found{
	margin: 0 2%;
}



.pagination,
.wp-prev-next {
	margin: 3em 0 4em;
}
.pagination,
.page-links {
	text-align: center;
}
.pagination ul{
	display: block;
	text-align: center;
	margin:0;
	padding:0;
	clear: both;
}
.pagination:empty,
.wp-prev-next:empty,
.pagination ul:empty,
.search-no-results .pagination{
	display:none;
}
.pagination li{
	margin: 0!important;
	padding: 0 1px!important;
	display: inline-block;
	min-width: 2.55em;
}

.pagination a, .pagination span,
.page-links a{
	margin: 0;
	display: block;
	padding: 12px 6px;
	text-decoration: none;
	line-height: 1;
	font-size: 1em;
	width: 100%;
	color: #57a1d8;
	border: 2px solid #57a1d8;
	font-weight: bold;
}
.page-links a{
	display: inline-block;
	width: 47%;
}
.pagination span.dots{
	background: none!important;
	padding-left: 5px;
	padding-right: 5px;
}
.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus,
.page-links a:hover, .page-links a:focus{
	background-color: #57a1d8;
	color: #fff;
}
.pagination .current{
	cursor: default;
	color: #fff;
	background-color: #57a1d8;
}
.pagination .current:focus,
.pagination .dots:hover, .pagination .dots:focus {
	color: #111;
}

/******************************************************************
COMMENT STYLES
******************************************************************/
#comments-title {
   padding: 0.75em 0 0em;
    margin: 0px 0px 8px 0px;
    border-bottom: #607d8b solid 3px;
}
.commentlist {
	margin: 0;
	list-style-type: none;
	font-size: 0.9em;
}
.commentlist ul{
  margin-top: 20px;
	padding: 0;
}
.comment,
.pingback {
	clear: both;
	overflow: hidden;
	padding: 0;
}
.comment-body{
   background: #efefef;
    padding: 0.5em;
    color: #000;
    padding-top: 8px;
    margin-bottom: 0em;
    border: 0px solid rgba(125, 125, 125, 0.1);
}
li.comment li .comment-body{
	margin-left: 3em;
}
.comment .comment {
	font-size:1em;
}
.comment .comment-meta,
.pingback .comment-meta{
	padding:0;
}
.comment .comment-author {
	padding: 7px;
	border: 0;
  border-bottom: #f2f2f2 solid 0px;
}
.comment .vcard cite.fn {
	font-style: normal;
}
.comment-metadata{
	font-size:77%;
}
.comment .vcard time {
	display: block;
	font-size: 90%;
}
.comment .vcard time a {
	color: #9fa6b4;
	text-decoration: none;
}
.comment .vcard time a:hover {
	text-decoration: underline;
}
.comment .vcard .avatar {
	margin-left:-3px!important;
    margin-bottom: 0px!important;
	border-radius: 50%;
  border: #fff solid 3px;
}
.comment .children,
.pingback .children {

}

.pingback {
	background: rgba(125, 125, 125, 0.03);
	border-radius: 7px;
}

.comment_content p {
	margin: 0.7335em 0 1.5em;
	font-size: 1em;
	line-height: 1.5em;
}
.commentlist .reply{
	text-align: right;
}
@media only screen and (min-width: 769px) {
.comment-reply-link {
    font-size: 90%;
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 1em;
    display: inline-block;
    padding: 0.1em 0.5em;
    text-decoration: none;
    display: none;
   }
}
@media only screen and (max-width: 768px) {
.comment-reply-link {
    font-size: 90%;
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 1em;
    display: inline-block;
    padding: 0.1em 0.5em;
    text-decoration: none;
    display: none;
    text-align: left;
   }
}

.comment-reply-link::before{
	font-family: "fontawesome";
	content: "\f112";
	margin-right: 0.4em;
}
.comment-edit-link {
	font-style: italic;
	margin: 0 7px;
	text-decoration: none;
	font-size: 0.9em;
}
.comment-navigation{
	text-align:center;
	padding:1em;
}
.comment-respond {
	padding: 1.5em 0;
}
#reply-title {
	margin: 0;
	padding:0.5em 0;
}
#reply-title::before{
	font-family:"fontawesome";
	content:"\f086";
	font-weight:normal;
	margin-right:0.2em;
	font-size:120%;
}
.comment-respond p{
	font-size: 90%;
	margin-bottom: 1em;
}
.comment-respond .comment-notes{
	margin-bottom:1.5em;
}
.logged-in-as {
	font-style: italic;
	margin: 0;
}
.comment-form-comment {
	margin: 1.5em 0 0.75em;
}
.form-allowed-tags {
	padding: 1.5em;
	background-color: #F9F9F9;
	font-size: 0.9em;
}
#submit {
	font-size: 90%;
}
#comment-form-title {
	margin: 0 0 1.1em;
}
#allowed_tags {
	margin: 1.5em 10px 0.7335em 0;
}
.nocomments {
	margin: 0 20px 1.1em;
}
.no-widgets {
	background-color: #ffffff;
	padding: 1.5em;
	text-align: center;
	border: 1px solid #cccccc;
	border-radius: 2px;
	margin-bottom: 1.5em;
}

/*********************
FOOTER STYLES
*********************/

#page-top {
	position: fixed;
	right: 20px;
	z-index: 99999;
}
#page-top a {
	background-repeat: no-repeat;
	text-decoration: none;
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 51px;
	background: rgba(51, 51, 51, 0.5);
	padding: 0;
	display: block;
	color: #fff;
}
#footer{
	font-size: 88%;
}
#footer a{
	color: inherit;
	text-decoration:none;
	opacity: 0.8;
  font-weight: bold;
}
#footer a:hover{
	text-decoration:underline;
}

#footer {
	background-color: #2e3a44;
	color: #ffffff;
	text-align: center;
}
#footer .copyright{
	margin: 2em auto;
}
#footer .copyright .create{
	display:inline-block;
}
.footer-links{
	margin: 3em 0;
}
.footer-links ul{
	margin: 0;
}
.footer-links li{
	display: inline-block;
	padding: 0 0.7em 0 0;
}
.footer-links li::after{
	content: "/";
	margin-left:0.7em;
	opacity: 0.6;
}
.footer-links li:last-child::after{
	content: none;
}

/*********************
POSTS & CONTENT STYLES
*********************/
.alignleft, img.alignleft {
	margin-right: 2.5%;
	display: inline;
	float: left;}
.alignright, img.alignright {
	margin-left: 2.5%;
	display: inline;
	float: right;}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both; }


/*********************
TABLET & SMALLER LAPTOPS
*********************/

@media only screen and (min-width: 1551px) {
	.header #logo{  
    display: block;
    margin: 0 auto 10px;
    width: 2600px;
    margin-left: -730px;
    height: 70px;
    border-bottom: #ccc solid 0px;
    -webkit-box-shadow: 0 0px 4px #ccc;
    top: 0px;
    background: #fff;
	}
}
@media only screen and (max-width: 1550px) {
	.header #logo{  
    display: block;
    margin: 0 auto 10px;
    width: 1500px;
    margin-left: -200px;
    height: 70px;
    border-bottom: #ccc solid 0px;
    -webkit-box-shadow: 0 0px 4px #ccc;
    top: 0px;
    background: #fff;
	}
}
@media only screen and (max-width: 1060px) {
	.header #logo{  
    display: block;
    margin: 0 auto 10px;
    width: 1550px;
    margin-left: -280px;
    height: 70px;
    border-bottom: #ccc solid 0px;
    -webkit-box-shadow: 0 0px 4px #ccc;
    top: 0px;
    background: #fff;
	}
}
@media only screen and (max-width: 930px) {
	.header #logo{  
    display: block;
    margin: 0 auto 10px;
    width: 1000px;
    margin-left: -45px;
    height: 70px;
    border-bottom: #ccc solid 0px;
    -webkit-box-shadow: 0 0px 4px #ccc;
    top: 0px;
    background: #fff;
	}
}
@media only screen and (max-width: 850px) {
.header #logo {
    display: block;
    margin: 0 auto 10px;
    width: 1100px;
    margin-left: -150px;
    height: 70px;
    border-bottom: #ccc solid 0px;
    -webkit-box-shadow: 0 0px 4px #ccc;
    top: 0px;
    background: #fff;
  	}
}
@media only screen and (max-width: 768px) {
.header #logo{
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-bottom: 60px;
    font-size: 1em;
    position: static;
    background: #fff;
    border-bottom: #ccc solid 0px;
    -webkit-box-shadow: 0 0px 4px #ccc;
    top: 0;
	}
}
/******* オリジナルヘッダーここまで *********/

#g_nav .nav li {  border-right: #cccccc solid 0px;
}
#g_nav .nav > li > a{ color: #000!important;
}

@media only screen and (min-width: 768px) {
	#container{
		overflow:hidden;
	}	
	.header{
		text-align:center;
		min-height: 86px;
	}

	.header #logo .h1{
		height: auto;
	}
	.header #logo img{
		max-height: 50px;
    margin-top: 9px;
	}
	.header #logo.fs_s img{
		max-height: 32px;
	}
	.header #logo.fs_l img{
		max-height: 90px;
	}
	.header #logo.fs_ll img{
		max-height: 250px;
	}
	.nav_btn::before{
		font-size: 35px;
    color: #333;
	}	
	.header #searchform #submit {
		display: none;	
	}
	.header #searchform #search {
		-webkit-appearance: none;
		width: 0;
		line-height: 50px;
		position: absolute;
		padding: 0;
		opacity: 0;
		border: none;
		outline: none;
		position: absolute;
		right: 0;
	}
	#g_nav{
		display: block;
		margin-top: 30px;
	}
  .home #g_nav{
		display: block;
		margin-top: 30px;
	}
	#g_nav .nav{
		display: inline-block;
	}
	#g_nav .nav {
		margin: 0;
		border: 0;
	}
	#g_nav .nav > li{
    position: relative;
    font-size: 90%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    margin: 1em 0em 1em 0em;
	}
	#g_nav .nav > li::after{
		content:"";
		display:block;
		margin:5px auto 0;
		position: absolute;
		left: 0;
		bottom: 4px;
		width:100%;
		height:3px;
		background: #ecf6ff;
		opacity: 0;
		transition: .25s ease-out;
		-webkit-transition: .25s ease-out;
		-moz-transition: .25s ease-out;
		-ms-transition: .25s ease-out;
	}
	#g_nav .nav > li:hover::after{
		transform: translateY(-0px);
		opacity: 0;
    background: #fdb107;
	}
	#g_nav .nav > li > a{
    padding: 0px 10px 0px 10px;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: block;
    background: #e6e6e6;
    border-radius: 20px;
    margin-bottom: 5px;
	}
	#g_nav .nav li ul.sub-menu,
	#g_nav .nav li ul.children {
		font-weight: bold;
		font-size: 13px;
		margin: 0;
		position: absolute;
		z-index: 8999;
		background: #666666;
		color: #ffffff;
		opacity: 0.98;
	}
	#g_nav .nav li ul.sub-menu li,
	#g_nav .nav li ul.children li {
		position: relative;
		overflow: hidden;
		height: 0;
		transition: .25s;
	}
	#g_nav .nav li:hover > ul.sub-menu > li,
	#g_nav .nav li:hover > ul.children > li{
		overflow: visible;
		height: 42px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	#g_nav .nav li ul.sub-menu li a,
	#g_nav .nav li ul.children li a {
		display:block;
		width: 280px;
		color: inherit;
	}
	#g_nav .nav li ul.sub-menu li a:hover,
	#g_nav .nav li ul.children li a:hover{
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		opacity:0.8;
	} 
	#g_nav .nav li ul.sub-menu li:last-child a,
	#g_nav .nav li ul.children li:last-child a {
		border-bottom: 0;
	}
	.nav li ul.sub-menu li ul,
	.nav li ul.children li ul {
		top: 0;
		left: 100%;
	}
	
	.widget ul li {
		margin-bottom: 0.75em;
	}
	.widget ul li ul {
		margin-top: 0.75em;
		padding-left: 1em;
	}
	#footer-top{
		margin: 0;
		padding: 0;
	}
	#footer-top .inner{
		margin-left: -20px;
		margin-right: -20px;
	}
	#footer-top .footcolumn{
		text-align: left;
		float: left;
		width: 50%;
		padding: 3em 20px 20px;
		vertical-align: top;
	}
}


/*--------------------------------
SNS
---------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('library/icon/icomoon.eot?ffmnq8');
  src:  url('library/icon/icomoon.eot?ffmnq8#iefix') format('embedded-opentype'),
    url('library/icon/icomoon.ttf?ffmnq8') format('truetype'),
    url('library/icon/icomoon.woff?ffmnq8') format('woff'),
    url('library/icon/icomoon.svg?ffmnq8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.sharewrap h3{
	margin:0.5em 0;
	text-align:  center;
}
.share{
	margin-left: -2px;
	margin-right: -2px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.sns{
	margin:0 auto;
	text-align:center;
}
.sns ul {
	list-style:none;
	display: table;
	width: 100%;
}
.sns li {
	display: table-cell;
	vertical-align: middle;
	width: 20%;
	margin: 0 0.5% 6px;
	padding: 0 3px;
	font-size: initial;
}
.sns li a {
	position: relative;
	display: block;
	color: #fff;
	padding: 0.9em 0.1em;
	border-radius: 2px;
	text-align: center;
	text-decoration: none;
}
.sns li a::before{
	font-family: "fontawesome";
	margin: 0 0.2em;
	font-size: 110%;
}
.sns li.hatebu a::before,
.sns li.line a::before{
	font-family: "icomoon";
}
.sns li a:hover {
	-webkit-transform: translate3d(0px, 3px, 1px);
	-moz-transform: translate3d(0px, 3px, 1px);
	transform: translate3d(0px, 3px, 1px);
	box-shadow:none;
}

.sns li a .text{
	font-weight:bold;
}
.sns li a .count{
	font-size:10px;
	margin-left: 2px;
}

/* Twitter */
.sns .twitter a {
	background:#00acee;
	box-shadow:0 3px 0 #0092ca;
}
.sns .twitter a:hover {
	background:#0092ca;
}
.sns .twitter a::before{
	content: "\f099";
}

/* Facebook */
.sns .facebook a {
	background:#2066b1;
	box-shadow: 0 3px 0 #43638b;
}
.sns .facebook a:hover {
	background:#2c4373;
}
.sns .facebook a::before{
	content: "\f09a";
}



/* hatebu */
.sns  .hatebu a {
	background:#2f70be;
	box-shadow: 0 3px 0 #43638b;
}
.sns .hatebu a:hover {
	background:#43638b;
}
.sns li.hatebu a::before{
	content: "\e903";
}

/* LINE */
.sns .line a {
	background:#25af00;
	box-shadow:0 3px 0 #219900;
}
.sns .line a:hover {
	background:#219900;
}
.sns li.line a::before{
	content: "\e904";
}

/* Pocket */
.sns .pocket a {
	background:#ec2136;
	box-shadow:0 3px 0 #c0392b;
}
.sns .pocket a:hover {
	background:#c0392b;
}
.sns .pocket a::before{
	content: "\f0d2";
}

/* RSS */
.sns .rss a {
	background:#ffb53c;
	box-shadow:0 3px 0 #e09900;
}
.sns .rss a:hover {
	background:#e09900;
}

/* Feedly */
.sns .feedly a {
	background:#87c040;
	box-shadow:0 3px 0 #74a436;
}
.sns .feedly a:hover {
	background:#74a436;
}


/* facebook LikeBox */
.fb-likebtn{
	background-position: center center;
	background-size: cover;
	position: relative;
	text-align: center;
	color: #fff;
}
.fb-likebtn::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
	opacity: 0.8;
	z-index: 10;
}
.fb-likebtn .inner{
	padding: 9% 3%;
	position: relative;
	z-index: 11;
}
.fb-likebtn .fb-button{
	display: block;
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	overflow: hidden;
}
#content .fb-likebtn .like_text p{
	font-size: 180%;
	font-weight: bold;
	margin-bottom: 1em;
}
.fb-likebtn .like_text p::after{
	content: "この記事が気に入ったらフォローしよう！";
	display: block;
	padding: 3px;
	font-size: 10px;
	margin-bottom:0;
	opacity: 0.7;
}
.followbtn{
	color: #ffffff;
	background: #04acee;
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	padding: 0.1em 1.2em 0.1em 1em;
	line-height: 27px;
	margin: 1em 0.5em;
	border-radius: 3px;
}
.followbtn:hover{
	color: #ffffff;
}
.followbtn::before{
	font-family: "fontawesome";
    margin-right: 0.4em;
    font-size: 110%;
}
.followbtn.btn_twitter::before{
	content: "\f099";
}
.followbtn.btn_feedly{
	background: #5fd043;
}


@media only screen and (min-width: 980px) {
	#inner-content{
		margin-top: 2em;
		display: table;
	}
	.main-wrap{
		width: 100%;
		margin-right: -330px;
		float: left;
	}
	#main{
		margin-right: 330px;
	}
	.error404 #main{
		margin: 3em auto;
		max-width: 800px;
	}
	#sidebar{
		width: 300px;
		font-size: 85%;
		float: right;
	}
	.lp #inner-content{
		box-shadow: 0 0 25px rgba(50, 50, 50, 0.2);
		margin-bottom: 3.5em;
		border-radius: 0.5em;
		overflow: hidden;
	}
	.lp #main{
		width: 800px;
		padding: 0 0 2em;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	.lp #inner-content .cta-inner{
		margin-right: -150px;
		margin-left: -150px;
	}
	.lp #inner-content .cta-inner .inner{
		max-width: 800px;
	}
	.single .pd_onecolumn .main-wrap,
	.single .pd_onecolumn #main,
	.single .pd_viral .main-wrap,
	.single .pd_viral #main,
	.page-template-default .pd_onecolumn .main-wrap,
	.page-template-default .pd_onecolumn #main,
	.page-template-default .pd_viral .main-wrap,
	.page-template-default .pd_viral #main{
		max-width: 800px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.single .pd_viral #inner-content,
	.single .pd_viral .main-wrap,
	.single .pd_viral #main,
	.page-template-default .pd_viral #inner-content,
	.page-template-default .pd_viral .main-wrap,
	.page-template-default .pd_viral #main{
		max-width: initial;
		width: 100%;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.single .pd_viral #inner-content,
	.page-template-default .pd_viral #inner-content{
		margin-top: 0;
	}
	.single .pd_viral .titleunder,
	.single .pd_viral .share,
	.single .pd_viral #main .article header .inner,
	.single .pd_viral .entry-content,
	.single .pd_viral .article-footer,
	.page-template-default .pd_viral .titleunder,
	.page-template-default .pd_viral .share,
	.page-template-default .pd_viral #main .article header .inner,
	.page-template-default .pd_viral .entry-content,
	.page-template-default .pd_viral .article-footer{
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}
	#g_nav .nav > li{
    margin: 1em 0em 1em 0em;
    font-size: 92%;
	}
}
@media only screen and (max-width: 979px) {
	#inner-content{
		width: 100%;
		overflow: hidden;
		margin-top: 0;
	}
	.home.blog .archives-list.card-list,
	.home.blog .archives-list.big-list{
		margin-top: 0.9em;
	}
	#main{
		padding: 0 0.9em;
		float: none;
	}
	#sidebar{
		padding: 0 0.9em;
		margin: 0;
	}
	#footer-top{
		padding: 1em 0 0;
		text-align: left;
	}
	.single .pd_viral #main .article header,
	.page-template-default .pd_viral #main .article header{
		margin-left: -0.9em;
		margin-right: -0.9em;
		width:  auto;
		padding: 20% 8%;
	}
}


@keyframes blink {
	0% {
		opacity:.2;
	}
	100% {
		opacity:.9;
	}
}


/*==================================================
Mobile Styles
==================================================*/

@media only screen and (max-width: 767px) {
	.home #content,
	.blog #content{
		margin:0;
	}
	.article-header .eyecatch,
	.cta-inner{
		margin-left: -0.9em;
		margin-right: -0.9em;
	}
	body {
		position: relative;
		left: 0;
		overflow-x: hidden;
	}
	
	#g_nav{
		margin: 0;
		padding: 0;
	}
	#g_nav > li > a{
		background-color: rgba(0,0,0,.07);
		padding-right: 1em;
		position: relative;
	}
	#g_nav > li > a::after{
		font-family:"fontawesome";
		content: '\f054';
		position:absolute;
		right: .4em;
		font-size: .8em;
		top:50%;
		margin-top: -0.5em;
		color: rgba(0,0,0,.4);
	}
	#g_nav ul{
		margin:0;
	}
	
	/* SP gnavi Scroll Style */
	#g_nav{
		position: relative;
		font-weight: bold;
    margin-top: 0px;
    margin-bottom: 5px;
	}
  .home #g_nav {
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
    margin-top: -6px;
}
	#g_nav .menu-sp{
		padding: .2em 0 .2em .5em;
		font-size: 70%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#g_nav .menu-sp a{
    text-decoration: none;
    text-align: center;
    display: block;
    padding: .4em .9em;
    border-bottom: #ade6aa solid 0px;
    background: #eee;
    border-radius: 20px;
    margin-bottom: 5px;
	}
	#g_nav .menu-sp > ul{
		width:100%;
		margin:0;
		display: table;
		overflow-x: scroll;
		white-space:nowrap;
	}
	.menu-sp > ul::after{
		font-family:"fontawesome";
		font-size:1.7em;
		content:"\f101";
   color: #a4e0a1;
		position:absolute;
		text-shadow: 0 0 6px rgba(0, 0, 0, .3);
		right:3px;
		top: 5px;
		opacity:.5;
		filter: alpha(opacity=50);
		-ms-filter: "alpha(opacity=50)";
		-webkit-animation:blink 1.2s ease-in-out infinite alternate;
		-moz-animation:blink 1.2s ease-in-out infinite alternate;
		animation:blink 1.2s ease-in-out infinite alternate;
	}
	.menu-sp ul ul{
		display:none;
	}
	.menu-sp li{
		display: inline-block;
		padding-right:1.2em;
	}	
	#header {
		padding: 0.6em 0 0;
   padding-top: 60px;
	}
	.header-info a{
		font-size: 68%;
	}
	#inner-header{
		position:relative;
		width: 100%;
   min-height: 30px;
    z-index: 999;
	}

	#logo{
    width: 100%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    padding-bottom: 60px;
    font-size: 1em;
    position: static;
    background: #fff;
    border-bottom: solid 2px #efefef;
    position: fixed;
    z-index: 998;
    top: 0;
    overflow: inherit;
	}
	#logo a{
		position: static;
		height:auto;
		text-align: center;
	}
	#logo a img{
		width: auto;
		max-width: 100%;
		max-height: 40px;
		vertical-align: middle;
	}
	#logo.fs_s a img{
		max-height: 32px;
	}
	#logo.fs_l a img{
		max-height: 50px;
	}
	#logo.fs_ll a img{
		max-height: 65px;
	}
	
	#breadcrumb{
		margin: 7px auto;
		font-size: 60%;
	}
	#footer{
		font-size: 66%;
	}
	#footer-top .footcolumn{
		padding: 2em 0 0.5em;
	}
	#page-top {
		right: 10px;
	}
	#page-top a {
		background-repeat: no-repeat;
		text-decoration: none;
		width: 42px;
		height: 42px;
		line-height:41px;
		font-size:0.85em;
	}
	.fb-likebtn{
		margin-left: -0.9em;
		margin-right: -0.9em;
	}
	.fb-likebtn .like_text{
		font-size: 88%;
	}

	.sns li a{
		position: relative;
		line-height: 1.2;
		padding: 0.9em 0.1em 0.5em;
	}
	.sns li a::before{
		font-size: 140%;
		display: block;
	}
	.sns li a .text{
		font-size: 10px;
		-webkit-transform: scale(0.85);
		transform: scale(0.85);
		display: block;
	}
	.sns li a .count{
		position: absolute;
		right: 3px;
		top: 2px;
		font-size: 10px;
		-webkit-transform: scale(0.85);
		transform: scale(0.85);
		margin: 0;
		min-width: 1.5em;
	}


	.youtube-container{
		position: relative;
		width: 100%;
		padding-top: 56.25%;
	}
	
	.youtube-container iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}


@media only screen and (max-width: 480px) {
	#custom_header{
		padding: 10% 0;
	}
	#custom_header .sitecopy{
		font-size: 2em;
	}
	.eyecatch .cat-name{
		font-size: 65%;
	}
	.single .entry-content,
	.page .entry-content{
		overflow: inherit;
	}
	.related-box li{
		min-height: 210px;
		width:47% !important;
		position:relative;
	}
	.single-title,
	.page-title,
	.entry-title {
		font-size:1.2em;
	}
	.single .pd_viral #main .article header .entry-title,
	.page-template-default .pd_viral #main .article header .entry-title{
		font-size: 1.4em;
	}
	.carouselwrap .entry-title{
		font-size: 88%;
	}
	.article header .byline{
		font-size: 80%;
	}
	.pagination li{
		margin-bottom: 1em!important;
	}
	.pagination a, .pagination span,
	.page-links a , .page-links ul > li > span{
		font-size:0.85em;
	}

	.entry-content h2{
		margin-left: -0.9em;
		margin-right: -0.9em;
		font-size: 115%;
	}
	.entry-content h3{
		font-size: 115%;
	}
	.entry-content h4{
		font-size: 110%;
	}
	.entry-content table{
		font-size: 88%;
	}
	.aligncenter, img.aligncenter {
		margin-right: auto;
		margin-left: auto;
		display: block;
		clear: both;
	}
	.alignleft, img.alignleft {
		max-width:52%
	}
	.alignright, img.alignright {
		max-width:52%
	}
}


@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.header .wrap,
	#breadcrumb .wrap{
		width: 100%;
	}
	#breadcrumb{
		margin: 1em auto;
	}
	.related-box li .eyecatch{
		height: 70px;
	}
}

@media only screen and (min-width: 1100px) {
	body{
		font-weight: 400;
	}
	.wrap {
		width: 1100px;
	}

	.cta-inner .inner{
		margin: auto;
	}
	#custom_header{
		font-size: 1.2em;
	}
	.laptop #custom_header{
		background-attachment: fixed;
		background-position: center center;
	}
	#g_nav .nav{
		margin-left: -1.2em;
		margin-right: -1.2em;
	}
	#g_nav .nav > li{
		font-size: 89%;
		margin: 0 1.5em;
	}

	.post-list-simple .post-list::before{
		content: "";
		display: block;
		width: 0%;
		height: 100%;
		background: #111;
		position: absolute;
		top:0;
		left:50%;
		z-index: 0;
		transition:.3s;
		opacity: .05;
		filter: alpha(opacity=5);
		-ms-filter: "alpha(opacity=5)";
	}
	.post-list-simple .post-list:hover::before{
		width: 100%;
		height: 100%;
		left:0;
	}

	.d-1of2 img,
	.d-1of3 img{
		margin-bottom:0.5em;
	}

	.sns ul {
		margin:0 auto;
		list-style:none;
	}
}

/*==================================================
アイコンフォント
==================================================*/
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  content: "\e900";
}
.icon-close:before {
  content: "\e901";
}
.icon-search:before {
  content: "\e902";
}
.icon-hatebu:before {
  content: "\e903";
}
.icon-line:before {
  content: "\e904";
}

/*==================================================
ショートコード
==================================================*/

/* ショートコードで関連記事を取得 */
.related_article{
	margin: 1.8em 0;
	text-align: left;
}
.related_article .inbox{
	padding-left:25%;
}
.related_article p.ttl{
	margin: 0 0 0.1em;
	font-size:1em;
	font-weight: bold;
}
.related_article .ttl::before{
	content:'関連記事';
	font-size:.7em;
	font-weight:bold;
	color:#fff;
	background:#111;
	width:5em;
	display:inline-block;
	padding:0.2em;
	position:relative;
	top:-2px;
	text-align:center;
	margin-right:0.5em;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
}
.related_article.labelnone .ttl::before{
	content:none;
}
.related_article .date{
	font-size:0.8em;
}
.related_article .thum{
	width: 22%;
	float:left;
}
.related_article .thum img{
	width:100%;
	margin-bottom: 0;
}
.related_article a{
	color: #333333;
	background: #ffffff;
	box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
	text-decoration:none;
	display:block;
	padding:0.9em;
}
.related_article a:hover{
	color: #888888;
	box-shadow: 0 0 10px rgba(125, 125, 125, 0.5);
	transform: translateY(-2px);
}
.related_article a:active{
	transform: translateY(1px);
	box-shadow: 0 0 1px rgba(125, 125, 125, 0.5);
}

/* ショートコードで補足説明を追加 */
.supplement{
	border: 2px solid;
	background-color: #fcf8e3;
	border-color: #faebcc;
	color: #766341;
	position: relative;
	font-size: 93%;
	padding: 4% 4% 4% 3.3em;
	margin: 1.5em 0 2em;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.supplement p{
	margin-bottom:.8em;
}
.supplement p:last-child,
.c_box p:last-child{
	margin-bottom: 0;
}
.supplement.warning{
	background-color: #fce3e3;
    border-color: #facccc;
    color: #764141;
}
.supplement::before{
	font-family:"fontawesome";
	line-height:  1;
	content:'\f0e6';
	display:inline-block;
	font-size: 1.1em;
}
.supplement:not(.boader)::before{
	font-size: 1.8em;
	position: absolute;
	left: 0.5em;
}
.supplement.warning::before{
	content:'\f071';
}
.supplement.boader::before,
.supplement.border::before{
	content: none;
}
.supplement.noicon::before{
	content: none;
}
.supplement.boader,
.supplement.border{
	background:none;
	color: inherit;
	border-color: #d4d4d4;
	padding: 3% 4%;
}


/* BOX */
.c_box{
	padding: 1em 4%;
	margin: 2em 0 2em;
	border: 2px solid #dddddd;
	border-radius: 0.2em;
}
.c_box.intitle{
	padding-top: 0;
	padding-bottom: 1.4em;
}
.c_box.intitle .box_title span{
	position: relative;
	top: -0.85em;
	padding: 0.1em 0.7em;
	background: #6d6d6d;
	color: #ffffff;
	font-weight: bold;
	border-radius: 0.2em;
	display: inline-block;
	vertical-align: bottom;
}
.c_box.blue_box{
	background: #d4f3ff;
	border-color: #82c8e2;
	color: #465d65;
}
.c_box.blue_box .box_title span{
	background: #82c8e2;
}
.c_box.red_box{
	background: #ffafaf;
	border-color: #e77373;
	color: #654646;
}
.c_box.red_box .box_title span{
	background: #e77373;
}
.c_box.yellow_box{
	background: #fff8d4;
	border-color: #ded647;
	color: #636546;
}
.c_box.yellow_box .box_title span{
	background: #ded647;
}
.c_box.green_box{
	background: #d8f7c3;
	border-color: #79e37c;
	color: #42613a;
}
.c_box.green_box .box_title span{
	background: #79e37c;
}
.c_box.pink_box{
	background: #ffeeee;
	border-color: #f7b2b2;
	color: #775454;
}
.c_box.pink_box .box_title span{
	background: #f7b2b2;
}
.c_box.glay_box{
	background: #ececec;
	border-color: #c5c5c5;
	color: #555555;
}
.c_box.glay_box .box_title span{
	background: #9c9c9c;
}
.c_box.black_box{
	background: #313131;
	border-color: #757575;
	color: #ffffff;
}
.c_box.black_box .box_title span{
	background: #757575;
}

/* CTA */
.cta-inner{
	background: #0E0E0E;
	color:#ddd;
	padding: 1.5em 0;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
.cta-inner .inner{
	width: 94%;
	margin: auto;
}
.cta-inner .cta_ttl{
	text-align:center;
	color: inherit;
	margin: 1em 0;
	padding: 0;
	font-size: 130%;
	font-weight: bold;
	background: none;
	box-shadow: none;
}
.cta-inner .btn-wrap a{
	box-shadow:none;
	margin-top: 1em;
}

.btn-wrap{
	margin:1.5em 0 2em;
	text-align:center;
}

.btn-wrap a{
	position: relative;
	z-index: 2;
	display:inline-block;
	overflow: hidden;
	text-decoration:none;
	padding:1em 2em;
	background: #699fd3;
	border:2px solid #699fd3;
	text-shadow: 1px 1px 0 rgba(125, 125, 125, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1);
	color:#ffffff;
	border-radius: 3px;
	text-decoration: none!important;
}
.btn-wrap a:hover{
	color:#699fd3;
	background: #ffffff;
	-webkit-transform: translate3d(0px, 4px, 1px);
	-moz-transform: translate3d(0px, 4px, 1px);
	transform: translate3d(0px, 4px, 1px);
	box-shadow:  0 0 3px rgba(0, 0, 0, 0.1);
	opacity: 0.8;
	text-decoration: none!important;
}


.btn-wrap.simple a{
	background: none;
	color:#4993AF;
}
.btn-wrap.simple a:hover{
	color:#ffffff;
	background: #4993AF;
}


.btn-wrap.lightning a{
	background: #C81C1C;
	border-color: #C81C1C;
	color: #ffffff;
}
.btn-wrap.lightning a:hover{
	background: #ffffff;
	color: #C81C1C;
	border-color: #C81C1C;
}

.btn-wrap.big a{
	font-size: 103%;
	padding: 1.1em 2em;
	width: 480px;
	max-width: 94%;
}
.btn-wrap.bg{
	background:#efefef;
	background: rgba(0,0,0,.1);
	padding:1.5em 1em;
	margin: 2.5em 0;
}
.btn-wrap.bg-yellow{
	background:lightyellow;
	background: rgba(255, 255, 0, 0.2);
	padding:1.5em 1em;
	margin: 2.5em 0;
}
.btn-wrap.maru,
.btn-wrap.maru a{
	border-radius: 0.6em;
}

.btn-wrap.rich_yellow a{
	font-weight: bold;
	position: relative;
	background-color: #f7cf2e;
	color: #ffffff!important;
	border-radius: 0.2em;
	box-shadow: 0 4px 0 #ecb254;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_yellow a:hover {
	background: #ecb254;
	color: #ffffff!important;
	box-shadow: 0 1px 0 #ecb254;
}
.btn-wrap.rich_pink a{
	font-weight: bold;
	position: relative;
	background-color: #ee5656;
	color: #ffffff!important;
	border-radius: 0.2em;
	box-shadow: 0 4px 0 #d34e4e;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_pink a:hover {
	background: #d34e4e;
	color: #ffffff!important;
	box-shadow: 0 1px 0 #d34e4e;
}
.btn-wrap.rich_orange a{
	font-weight: bold;
	position: relative;
	background-color: #ef9b2f;
	color: #ffffff!important;
	border-radius: 0.2em;
	box-shadow: 0 4px 0 #cc8c23;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_orange a:hover {
	background: #cc8c23;
	color: #ffffff!important;
	box-shadow: 0 1px 0 #cc8c23;
}
.btn-wrap.rich_green a{
	font-weight: bold;
	position: relative;
	background-color: #39cd75;
	color: #ffffff!important;
	border-radius: 0.2em;
	box-shadow: 0 4px 0 #1eae59;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_green a:hover {
	background: #1eae59;
	color: #ffffff!important;
	box-shadow: 0 1px 0 #1eae59;
}
.btn-wrap.rich_blue a{
	font-weight: bold;
	position: relative;
	background-color: #19b4ce;
	color: #ffffff!important;
	border-radius: 0.2em;
	box-shadow: 0 4px 0 #07889d;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .09);
}
.btn-wrap.rich_blue a:hover {
	background: #07889d;
	color: #ffffff!important;
	box-shadow: 0 1px 0 #07889d;
}

.anim a {
	animation: jiggle 3s ease-in infinite;
}

@keyframes jiggle {
	48%, 62% {
	transform: scale(1.0, 1.0)
	}
	50% {
	transform: scale(1.1, 0.9)
	}
	56% {
	transform: scale(0.9, 1.1) translate(0, -5px)
	}
	59% {
	transform: scale(1.0, 1.0) translate(0, -3px)
	}
}

@media only screen and (min-width: 768px) {
	.column-wrap{
		margin-left: -1%;
		margin-right: -1%;
	}
	.column-wrap .col2,
	.column-wrap .col3{
		float: left;
		width: 50%;
		padding: 0 1%;
	}
	.column-wrap .col3{
		width: 33.333%;
	}
	.column-wrap p{
		margin-bottom: 0.5em;
	}
}

.voice{
	margin:1em 0 1.3em;
	font-size:0.95em;
}

.voice .voicecomment{
	border: 5px solid rgba(213, 213, 213, 0.5);
	margin-top: 1em;
	padding: 2.5%;
	position:relative;
	width:86%;
	border-radius: 0 1.2em 1.2em 1.2em;
}

.voice.l .voicecomment{
	float:right;
}
.voice.r .voicecomment{
	float:left;
	border-radius: 1.2em 0 1.2em 1.2em;
}
.voice.fb .voicecomment{
	background: #4C5CB0;
	border-color: #4C5CB0;
	color:#fff;
}
.voice.line .voicecomment{
	background: #7ACC40;
	border-color: #7ACC40;
	color:#fff;
}

.voice .voicecomment h2,
.voice .voicecomment h3,
.voice .voicecomment h4,
.voice .voicecomment h5{
	margin:10px 0!important;
	padding:0;
}
.voice .voicecomment p{
	margin-bottom:1em;
}
.voice .voicecomment p:last-child{
	margin-bottom:0;
}
.voice .icon{
	width:12%;
	text-align:center;
}
.voice.l .icon{
	float:left;
}
.voice.r .icon{
	float:right;
}
.voice .icon img{
	border-radius:50%;
	margin:0;
	border: 4px solid #f5f5f5;
}
.voice.icon_red .icon img{
	border-color: #FF4E4E;
}
.voice.icon_blue .icon img{
	border-color: #50B4DE;
}
.voice.icon_yellow .icon img{
	border-color: #faee00;
}
.voice.icon_black .icon img{
	border-color: #222;
}
.voice .icon .name{
	font-size: 0.65em;
	padding:0.4em 0;
}
.voice.big .icon{
	width:18%;
}
.voice.big .voicecomment{
	width:79%;
}

@media only screen and (max-width: 480px) {
	.btn-wrap a{
		font-size:0.9em;
		padding:0.9em 1.5em;
	}
	.btn-wrap.big a{
		font-size:0.9em;
		padding:0.9em 1.5em;
		min-width:80%;
		max-width:90%;
	}
	.btn-wrap.bg {
		padding: 0.9em 0.8em;
		margin: 2.5em 0;
	}
	.voice .icon{
		width:18%;
	}
	.voice .voicecomment{
		width:80%;
		font-size:0.95em;
	}
	
	.related_article{
		font-size:0.8em;
	}
	.related_article .inbox{
		padding-left: 32%;
	}
	.related_article .ttl::before{
		content:'関連';
		width:3em;
	}
	.related_article .thum{
		width: 30%;
	}
	.related_article a{
		padding:0.6em;
	}
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* original css. */
#g_nav .nav li {  
    padding-right: 20px;
}
h1.entry-title.single-title {  text-align: left;
}

div#wc-shortcodes-tab-9,div#wc-shortcodes-tab-10 {
    font-size: 0.88em;
}

li.wcs-state-active { border-bottom: #fff solid 0px!important;
}
.wc-shortcodes-tabs ul.wcs-tabs-nav .wcs-state-active a {
    border-bottom-width: 0;
    border-bottom-color: transparent;
    background: #fdfdfd;
    border-left: 1px solid #ccc !important;
}

.wc-shortcodes-toggle .wc-shortcodes-toggle-trigger {
    display: block;
    position: relative;
    padding: 0;
    outline: 0;
    margin: 3px 0 0 0;
    border-top: 0px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-size: inherit;
    text-decoration: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    content: "\F138";
    margin-right: 0px;
    display: inline-block;
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 10px 0;
    width: 40px;
    text-align: center;
}
.wc-shortcodes-tabs .tab-content {
    background: #fdfdfd;
    padding: 20px;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
}

.wc-shortcodes-font-awesome-enabled .wc-shortcodes-toggle .wc-shortcodes-toggle-trigger.active a:before {
    content: "\f0ab";
}

.wc-shortcodes-font-awesome-enabled .wc-shortcodes-accordion .wc-shortcodes-accordion-trigger a:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-size: inherit;
    text-decoration: inherit;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    content: "\F138";
    margin-right: 0px;
    display: inline-block;
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    padding: 10px 0;
    width: 40px;
    text-align: center;
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-trigger {
    display: block;
    position: relative;
    padding: 0;
    border-top: 0px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    outline: 0;
    margin: 3px 0 0 0;
}
.wc-shortcodes-accordion .wc-shortcodes-accordion-content {
    border-top: 0px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    padding: 10px;
    -top: 0px;
}

/* ====== Newpost Catch Layout ====== */ 

ul#npcatch { margin-top: 0px;
}
#npcatch li{
         overflow:hidden;
         clear:both;
         vertical-align:top;
         border-bottom: 1px solid #ccc;
         list-style-type: none;
         padding: 6px 0px 0px 0px;
}
#npcatch li:before{
         display:none
}
#npcatch img{
         float:left;
         padding:0px;
         border: #ffb300 solid 0px;
         margin: 0px 5px 10px 0px;
}

@media screen and (min-width:895px) {
   #npcatch .title {
    width: 79%;
    float: left;
    color: #000;
    font-size: 16px;
    padding: 5px 5px 5px 0px;
  }
}
@media screen and (max-width:894px) {
   #npcatch .title {
    width: 75%;
    float: left;
    color: #000;
    font-size: 15px;
    padding: 5px 5px 5px 0px;
  }
}
@media screen and (max-width:450px) { 
   #npcatch .title {
    width: 67%;
    float: left;
    color: #000;
    font-size: 14px;
    padding: 5px 5px 5px 0px;
  }
}
#npcatch .title a{
         font-weight: 700;
         text-decoration: none;
    color: #000;
}
#npcatch .date {
         display:block;
         color: #18adb5;
         font-size: 11px;
         margin-bottom: 5px;
}
#npcatch li:hover{}
#npcatch li:hover .title{}
#npcatch li:hover .title a{}
#npcatch li:hover .date{}

@media screen and (min-width:1076px) { 
   .one1box #npcatch .title, .one2box #npcatch .title {
   width: 74%;
  }
} 
@media screen and (max-width:1075px) { 
    .one1box #npcatch .title, .one2box #npcatch .title {
    width: 71%;
 }
}
@media screen and (max-width:979px) { 
    .one1box #npcatch .title, .one2box #npcatch .title {
    width: 73%;
 }
}

.matome_box {
    background: #fff;
    font-size: .94em;
    font-weight: bold;
    padding: 3% 4%;
    margin: 1.5em 0 2em;
    border: #aaa solid 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
p.matome {
    font-weight: bold;
    color: #ec0069;
}
.matome_box ul li {
    margin-bottom: 10px;
    color: #666;
}
.matome_box ul li:before {
    background: #fff !important;
}

.af-button {
    width: 100%;
    margin-bottom: 20px;
    margin-bottom: 10px;
    clear: both;
}
.af-button a {
    width: 100%;
    background: #dd3333;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    display: table;
    padding: 10px 35px;
    margin: 20px auto 0;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 3px 3px 3px #ccc;
}
.af-button a:hover{
    background: #50c1e9;
    color: #ffffff;
}

.bd-button a {
    width: 100%;
    background: #fff;
    color: #999;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    display: table;
    padding: 10px 35px;
    margin: 20px auto 0;
    border: #ccc solid 3px;
    border-radius: 5px;
    text-decoration: none;
    box-shadow: 3px 3px 3px #fafafa;
}
.bd-button a:hover{
    border: #50c1e9 solid 3px;
    color: #999;
}
/* === post image layout === */

@media screen and (min-width:580px) {
   .imgpost {
    text-align:left;
  } 
  img.imgpost {
    width: auto\9;
    height: auto;
    max-width: 60%  !important;
    text-align: center;
    vertical-align: middle;
    border: 0;
    margin-bottom: 0px;
    -ms-interpolation-mode: bicubic;
  }
}
@media screen and (max-width:589px) { 
   .imgpost {
    /* text-align:center; */
  }  
  img.imgpost {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    margin-bottom: 0px;
    -ms-interpolation-mode: bicubic;
  }
}

/* === image kizinaka layout === */

@media screen and (min-width:580px) {
   .imgkizinaka {
    text-align:left;
  } 
  img.kizinaka {
    width: auto\9;
    height: auto;
    max-width: 60%;
    text-align: center;
    vertical-align: middle;
    border: 0;
    margin-bottom: 0px;
    -ms-interpolation-mode: bicubic;
  }
}
@media screen and (max-width:589px) { 
   .imgkizinaka {
    /* text-align:center; */
  }  
  img.kizinaka {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    margin-bottom: 0px;
    -ms-interpolation-mode: bicubic;
  }
}
p.caption {
    font-size: 0.60em;
    color: #0088cc;
    line-height: 1.75em;
    margin: 0 0 3em;
}
.link-kizinaka {
    font-size: 13px;
    line-height: 1.8;
    color: #343434;
    background-color: #f5f5f5;
    margin: 30px 0px 5px 0px;
    padding: 5px 10px;
}

/* === marker pen === */
.marker_green {
background: linear-gradient(transparent 40%, #dafdd8 40%); font-weight: bold;
}
.marker_water {
background: linear-gradient(transparent 40%, rgba(102, 204, 253, 0.45) 40%); font-weight: bold;
}
.marker_pink {
background: linear-gradient(transparent 40%, rgba(249, 177, 209, 0.37) 40%); font-weight: bold;
}
.marker_yellow {
background: linear-gradient(transparent 40%, #FFF59D 40%); font-weight: bold;
}

/* === arconix toggle === */
.arconix-toggle-title i.fa { color: #2196d1;
}
.fa-plus-square:before { content: "\F138"!important;
}
.arconix-toggle-wrap { background: none repeat scroll 0 0 #fff;
    color: #2196d1;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    border: 1px solid #ccc;
    border-top: 0px solid #dbdbdb;
    padding: 10px 10px;
    margin: 0px;
}
.fa-minus-square:before { content: "\f0aa"!important;
}
.arconix-toggle-content { font-size: 0.74em;
    color: #333;
    margin-left: 5px;
    padding: 5px 5px;
}

.related_article .ttl:after {
    content: "\F138"!important;
    color: rgba(255, 0, 0, 0);
    font-size: 0.95em;
    padding-right: 10px;
    padding-bottom: 8px;
}
.related_article .ttl:after {
    background: url('https://diet.beautys.reviews/wp-content/uploads/2017/07/link_img.png')no-repeat left center;
    margin-left: 2px;
    margin-right: 5px;
    background-size: 20px auto;
}
.related_article a{  border: 0px solid #eee !important;
    padding: 0em !important;
    box-shadow: 0px 1px 0 #efefef !important;
}

.pickup-comment-content p{  margin-top:1em;
  font-size: 0.9em;
}
p.review-link{  margin-top: -1em;
    margin-bottom: 0em;
    font-size: 0.9em;
    text-align: right;
    text-decoration: underline;
}

li#pickup-comment { list-style:none;
}
li#pickup-comment:before {
    font-family: 'FontAwesome';
    color: #FF5722;
    content: '\f10d';
    font-size: 3em;
    line-height: 0em;
    margin-right: 0.25em;
    padding: 0px 0px 0px 10px;
    vertical-align: -0.5em;
    position: absolute;
    width: 1em;
    height: 1em;
    display: none;
}

/* === クエッションタグ（質問）ページのみ有効 === */
.class-question .comment-reply-link {
    font-size: 0.8em;
    float: right;
    font-weight: bold;
    margin-top: 0.8em;
    margin-bottom: 1em;
    display: block;
}
/* === レビュータグ（口コミ）ページのみ有効 === */
.class-review div.affiliate-button:last-child a {
    background: #ff4c89;
    border-bottom: 0.26em solid #e91e63!important;
    border: 2px solid #ff4c89;
}
.class-review div.affiliate-button a:hover {
    background: #3baeda;
    border-bottom: 0.26em solid #3397BC!important;
      border: 2px solid #3baeda;
    border-radius: 5px!important;
}
/* === サロン・ジム レビュータグ（口コミ）ページのみ有効 === */
.class-salon-review .comment-metadata {
    /*font-size: 0.8em;*/
   display: none;
}

/* === ファーストビューボタン === */
.first-bottn{  
}
.first-bottn a {  width: 98%;
    font-size: 0.84em;
    float: left;
    margin: 0px;
    padding: 14px 5px 14px 5px;
    background: #f1f1f1;
    color: #444;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}
.next-white-bottn a, a.next-white-bottn {  width: 98%;
    font-size: 0.84em;
    float: left;
    margin-left: 5px!important;
    padding: 14px 5px 14px 5px;
    background: #fff!important;
    color: #444;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    box-shadow: 0 0 5px #e2e2e2;
}

.first-bottn a:before, .next-white-bottn a:before {  color: #3b9fd5;
    font-family: FontAwesome;
    content: "\f103";
    padding-right: 4px;
    font-weight: bold;
    font-size: 1.1em;
}

/* === 1ボタンボックス === */

@media screen and (min-width:1100px) {
   .t1button {
    text-align: center;
     margin-bottom: 15px;
   }
   .t1button a {
    margin-bottom: 40px;
    clear: none !important;
    margin: 0px 0px 0px 2px;
    padding: 10px 30px 10px 30px;
    background: #ff9ac7;
    border-bottom: #e483ae solid; 
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
   }
   .t1button p {
    margin: 0 0 0.4em 0em;
    font-weight: bold;
    color: #ff4c89;
    font-size: 0.95em;
    text-align: center;
   }
}
@media screen and (max-width:1099px) { 
  .t1button {
    text-align: center;
   }
  .t1button a {
    width: 98%;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
    margin: 0px 0px 0px 2px;
    padding: 10px 3px 10px 3px;
    background: #ff9ac7;
    border-bottom: #e483ae solid 0.36em;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
   }
  .t1button p {
    margin: 0 0 0 0.1em;
    font-weight: bold;
    color: #ff4c89;
    font-size: 0.95em;
    text-align: center;
   }
}

/* === 2ボタンボックス === */

.top2button2 p a, .top2button p a {
    color: #464646;
    font-weight: bold;
}
.t2button, .top2button {  width: 49%;  float: left;
}
.t2button2, .top2button2 {  width: 49%;  float: left;
}
.t2button a {  width: 98%;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
    margin: 0px 6px 10px 3px;
    padding: 10px 5px 10px 5px;
    background: #ffa0ca;
    border-bottom: #ec89ab solid 0.38em;
    border-radius: 5px;
    text-align: center;
}
.t2button2 a {  width: 98%;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
    margin: 0px 6px 10px 3px;
    padding: 10px 5px 10px 5px;
    background: #76b4e2;
    border-bottom: #5ca4da solid 0.38em;
    border-radius: 5px;
    text-align: center;
}

@media screen and (min-width:640px) {
  .t2button p { margin: 0 0 0.4em 0em !important;
    font-weight: bold;
    color: #ec8db7;
    font-size: 0.9em;
    text-align: center;
  }
  .t2button2 p { margin: 0 0 0.4em 0em !important;
    font-weight: bold;
    color: #57a1d8;
    font-size: 0.9em;
    text-align: center;
   }
}
@media screen and (max-width:639px) { 
  .t2button p { margin: 0 0 0.4em 0em !important;
    font-weight: bold;
    color: #ec8db7;
    font-size: 0.62em;
    text-align: center;
  }
  .t2button2 p { margin: 0 0 0.4em 0em !important;
    font-weight: bold;
    color: #57a1d8;
    font-size: 0.62em;
    text-align: center;
   }
}

.t1button a:hover, .t2button a:hover, .t2button2 a:hover {
    background: #3baeda;
    border-bottom: #3397BC solid 0.36em;
    border-radius: 5px;
}
.t1button  a span, .t2button  a span, .t2button2  a span {
    /*background: url(https://diet.beautys.reviews/wp-content/uploads/2017/07/link_img.png) no-repeat left center;
  background-size: 16px auto; */
}
.t1button  a span, .t2button  a span, .t2button2  a span {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Lato, Arial, sans-serif;
    font-size: 13px;
    padding-left: 0px;
    margin-left: 0px;
    text-decoration: none;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
}

.top2button a {  width: 98%;
    padding: 10px 6px 10px 6px;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
    text-align: center;
      border-radius: 5px;
}
.top2button2 a {  width: 98%;
    padding: 10px 6px 10px 6px;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
  border: 1px solid #ccc;
  background: #f1e767;
  background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
  -webkit-box-shadow: inset 1px 1px 1px #fff;
  box-shadow: inset 1px 1px 1px #fff;
    text-align: center;
      border-radius: 5px;
}
.top2button  a.btn-radius-solid:hover, .top2button2 a.btn-radius-solid:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
  background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
  background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
}

a.commentlist-link {  width: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    text-decoration: underline;
    margin-top: 13px;
}

/* === レビューボックス リンク === */

div.affiliate-button:last-child a {
    background: #75b4e2;
    border-bottom: 0.36em solid #5ca4da!important;
    border: 1px solid #5ca4da;
} 

div.affiliate-button a {
    background: #ff4c89;!important;
    border-bottom: 0.36em solid #e483ae!important;
    border-radius: 5px!important;
}
div.affiliate-button a:hover {
    background: #5ca4da;!important;
    border-bottom: 0.36em solid #5ca4da!important;
    border-radius: 5px!important;
}
div.affiliate-button a span {
    /* background: url(https://diet.beautys.reviews/wp-content/uploads/2017/07/link_img.png) no-repeat left center;
    background-size: 16px auto;*/
}

/* === トップイメージ === */
#custom_header .ja {
    font-size: .8em;
    margin: 0;
    line-height: 1.7;
    font-weight: bold;
}
@media screen and (min-width:480px) {
   #custom_header .ja {
    font-size: .8em;
    margin: 0;
    line-height: 1.7;
    font-weight: bold;
    }
}
@media screen and (max-width:479px) { 
   #custom_header .ja {
    font-size: .68em;
    margin: 0;
    line-height: 1.7;
    font-weight: bold;
    }
}

.shopnavi ul li{
    list-style-type: none;
    display: inline-block;
    margin-bottom: 0px;
    padding-left: 0em;
    margin: 0.6em 0;
}
.shopnavi ul li:befor {
  display: none!important;
}
.shopnavi ul li:before {
    background: #ccc!important;
    display: none;
    position: absolute;
}

.shopnavi ul li p{
   list-style-type: none;
   border: #ccc solid 1px;
   padding: 5px;
   margin: 5px 3px 5px 3px;
   background: #f8f8f8;
   font-size: 0.92em;
}
.shopnavi ul li a{
   list-style-type: none;
   border: #ccc solid 1px;
   padding: 5px;
   margin: 5px 3px 5px 3px;
   background: #f8f8f8;
   color: #E91E63;
   font-size: 0.92em;
}
.shopnavi ul li a:hover{
   background: #fff;
   color: #2196d1;
}

p.comments_info {  border: #eee solid 2px;
    border-radius: 6px;
    font-size: 12px;
    padding: 3px;
    margin-top: 0px;
    margin-bottom: 0px;
}

h3#comments-title span {  color: #cacaca;
}

ul.children li.comment {  border: 0px solid #ffaa8f;
}
ul.children li.comment:before {
    font-family: 'FontAwesome';
    color: #ffaa8f;
    content: '\f064';
    font-size: 4em;
    line-height: 0em;
    margin-left: 0.8em;
    margin-top: -0.24em;
    margin-right: 0.25em;
    padding: 0px 0px 0px 10px;
    vertical-align: 0.5em;
    position: absolute;
    width: -1em;
    height: -1em;
    display: block;
}

h2.en.gf.wow.animated.fadeInDown, p.ja.wow.animated.fadeInUp {  /* color: #1f1f1f;
*/
}

/* === ランクリストCSS === */
@media screen and (min-width:640px) {
   .author_list2 {
    margin: 5px 8px 5px 0px;
    padding: 10px 10px 15px 10px;
    background-color: #fff;
    border: 1px solid #efefef;
    float: left;
    width: 48%;
  }
}
@media screen and (max-width:639px) { 
   .author_list2 {
    margin: 5px 0px 5px 0px;
    padding: 10px 10px 15px 10px;
    background-color: #fff;
    border: 1px solid #efefef;
    float: left;
    clear: both;
    width: 98%;
  } 
}
.author_list2 h5 {
    text-transform: capitalize;
    font-size: 15px;
    padding: 0;
    margin: 0 5px 0 0;
}

h4.ranklist {
    font-size: 0.95em;
    margin: 0px;
}
h4.ranklist a {  color: #3e3e3e;
}
p.ranklist {
    text-transform: capitalize;
    color: #444;
    line-height: 1.5;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    padding 0px;
}
p.ranklist-last {
    text-transform: capitalize;
    color: #444;
    line-height: 1.5;
    font-size: 12px;
    margin: 6px 0px 15px 0px;
    padding 0px;
}

ul.listtag {
    margin: 0px 0px;
}
#partRankBlock ul li:before {
    display: none;
}
ul.listtag li {
    font-size: 0.75em;
    background: #1bd3a4;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 2px 5px;
    display: inline-block;
}

.list-button {
    margin-bottom: 0px;
    text-align: center;
}
.list-button a {
    margin-bottom: 40px;
    clear: none !important;
    margin: 0px 0px 10px 2px;
    padding: 10px 10px 10px 10px;
    background: #ff4c89;
    border-radius: 5px;
    text-align: center;
}
.list-button a:hover {
    background: #2196d1;
}
.list-button a span {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Lato, Arial, sans-serif;
    font-size: 13px;
    padding-left: 20px;
    margin-left: 5px;
    text-decoration: none;
    color: #ffffff;
    font-style: normal;
    font-weight: bold;
}
.list-button a span, .page-button a span {
    background: url(https://diet.beautys.reviews/wp-content/uploads/2017/07/link_img.png) no-repeat left center;
    background-size: 16px auto;
}

.page-button {
    margin: 10px 0px 10px 0px;
    text-align: center;
    width: 100%;
}
.page-button a {
   width: 98%;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
    margin: 0px 0px 0px 2px;
    padding: 10px 3px 10px 3px;
    background: #eee;
    border-bottom: #ffa5c4 solid 0.24em;
    text-align: center;
}
.page-button a:hover {
     background: #ffa5c4;
    border-bottom: #ffa5c4 solid 0.24em;
}

.page-button a span {
    font-family: "Helvetica Neue", HelveticaNeue, Helvetica, Lato, Arial, sans-serif;
    font-size: 13px;
    padding-left: 20px;
    margin-left: 5px;
    text-decoration: none;
    color: #444;
    font-style: normal;
    font-weight: bold;
}

.ranklist-img { float: left;
    margin-right: 6px;
}
.ranklist-img img {  margin: 0 0 1em 0!important;
}

/* === ピックアップボックス === */
.pickupbox {
    width: 100%;
    background-color: #fff;
    float: left;
    margin: 0px;
    padding: 5px;
    margin-bottom: 16px;
    border: #eee solid 2px;
    border-radius: 5px;
}

/* === ランクスクロールリストCSS === */

@media screen and (min-width:640px) {
    #topRankBoxTop {
    width: 100%;
    padding: 0;
    }
   #partRankBlock {
    width: 100%;
     }
    #partRankBlock li:first-child {
    width: 100%;
    margin: 0px 3px 8px 3px;
    padding: 5px 3px 15px 5px;
    border: #eee solid 1px;
    border-left: 0px solid #ccc !important;
    }
    }
    #partRankBlock li {
    width: 100%;
    float: left;
    margin: 0px 3px 8px 3px;
    padding: 5px 3px 15px 5px;
    border: #eee solid 1px;
   }
    #topRankBoxNoScroll {
    width: 100%;
    padding: 0;
    }
    #topRankBoxNoScroll li:first-child {
    width: 100%;
    margin: 0px 3px 8px 3px;
    padding: 5px 3px 15px 5px;
    border: #eee solid 0px;
    border-left: 0px solid #ccc !important;
      }
    #topRankBoxNoScroll li {
    width: 100%;
    float: left;
    margin: 0px 3px 8px 3px;
    padding: 5px 3px 15px 5px;
    border: #eee solid 0px;
   }
    .list-block {
    clear: both;
    background-color: #fff;
    padding: 0px;
    }
}
@media screen and (max-width:639px) { 
   #topRankBoxTop {
    width: 100%;
    padding: 0;
    overflow: scroll;
   }
   #partRankBlock {
    width: 1170px;
     }
    #topRankBoxNoScrollBlock {
    width: 100%;
    }
    #partRankBlock li:first-child {
    width: 280px;
    margin: 0px 3px;
    padding: 5px 3px 15px 5px;
    border: #eee solid 1px;
    border-left: 0px solid #ccc !important;
    }
    #partRankBlock li {
    width: 280px;
    float: left;
    margin: 0px 3px;
    padding: 5px 3px 15px 5px;
    border: #eee solid 1px;
   }
    #topRankBoxNoScroll li:first-child {
    width: 100%;
    margin: 0px 3px;
    padding: 5px 3px 15px 5px;
    border: #eee solid 0px;
    border-left: 0px solid #ccc !important;
     }
    #topRankBoxNoScroll li {
    width: 100%;
    float: left;
    margin: 0px 3px;
    padding: 5px 3px 15px 5px;
    border: #eee solid 0px;
   }
   .list-block {
    clear: none;
    background-color: #fff;
    padding: 0px;
   }
}
#topRankBoxNoScroll li:Before {   background: #93de8f;
}

.toprankbox {
    width: 100%;
    background-color: #fff;
    float: left;
    margin: 0px;
    padding-bottom: 3px;
}
ul.tagslist {   margin: 0px 0px 0px 0px;
}
ul.tagslist li {
    width: auto !important;
    font-size: 0.75em;
    background: #1bd3a4;
    color: #fff;
    font-weight: bold;
    margin: 0px 0px 0px 0px !important;
    padding: 2px 5px !important;
    display: inline-block;
    border: #fff solid 1px !important;
}

ul.tagslist li:before {  display: none;
}

p.listp {
    margin: 1em 0em -0.5em 0em;
    line-height: 1.75;
    font-size: 0.8em;
}
h3.list {
    border-left: #ffb300 3px solid !important;
    padding: .3em 0 .3em .4em !important;
    margin: 0em !important;
    font-size: 1em;
}

textarea#comment {  width: 100%;
}
.slick-slider { 
}

 #footer-top.bg, #footer-top .inner, .cta-inner {
    color: #fff;
}
.footer.bg, .footer .inner {
    color: #fff;
} 

li.wpseo-term-unchecked {  background: #f7fd9e;
}

/* === 参考になったボタン  === */
.wpulike {
   background: #fff0;
    border-radius: 13px;
    padding: 30px 10px 0px 0px;
}
.wpulike-robeen svg {  width: 38px;
}
.wpulike-robeen .count-box {  position: relative;
   bottom: 11px;
   right: 7px;
   font-weight: 600;
   color: #f9b1d1;
}
.wpulike-robeen svg .heart {  fill: #f9b1d1;
}
.wp_ulike_general_class:before {
    content: "PICKUP";
   color: #515151;
    font-weight: bold;
    margin: 9px 5px 0px 10px;
    float: left;
}
/* === お気に入りボタン  === */
.wpulike-heart .wp_ulike_general_class {  display: block;
    background: #fff!important;
    border: 0px solid #e0e0e0 !important;
    border-radius: 0px !important;
    padding: 3px;
    border-bottom: #f9b1d1 solid 3px!important;
    width: 220px;
    height: 50px;
    margin-top: 140px;
}
.wpulike-heart .count-box {
    font-weight: bold;
}

.wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_not_liked:before, .wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_liked:before {
    content: "お気に入りする";
    color: #515151;
    font-weight: bold;
    margin: 3px -5px 0px 10px;
    float: left;
}


/* === マッチングページ === */
.plugin-copyright a {   display: none;
}
.diagnosis-wrap .question{	margin-bottom:1.5em;
}
.diagnosis-wrap .question .qcontents{
	margin-bottom:.5em;
	font-weight:bold;
}
.diagnosis-wrap .question .qselect span{
	display:block;
  margin-bottom: 5px;
}
.diagnosis-wrap .question .qselect span input{	margin:0 5px;
}
.diagnosis-wrap .submit input{
	padding:1em;
	width:300px;
	max-width:80%;
	margin-bottom:1em;
}
.diagnosis-wrap .diagnosis-form, .diagnosis-wrap .diagnosis-result {
    padding: 10px;
    background: rgba(255, 176, 0, 0.1);
    margin: 20px 0px 15px 0px;
    border-radius: 5px;
    border: 0px solid #778899 !important;
}
#diagnosis-form h2 {  margin: 0px;
    text-align: center;
    font-size: 1em;
}
.diagnosis-wrap .diagnosis-form .submit input { 
    margin-bottom: 10px  !important;
    font-weight: bold;
    background-color: #ff4d88 !important;
    border: 0px solid #708090 !important;
}
#diagnosis-form a {  text-decoration: underline;
    font-weight: bold;
}
.diagnosis-wrap .diagnosis-form #diagnosis-name { margin-top: 20px !important;
}

/* === 口コミ下部 nextボタンデザイン === */

@media screen and (min-width:470px) {
   .comment-nav-prev {
    margin-left: 20px;
   }
}
@media screen and (max-width:439px) { 
   .comment-nav-prev {
    margin-bottom: 13px;
   }
}

/* === ランクスクロールリストCSS === */

@media screen and (min-width:640px) {
    .half-box { width: 48%;
    padding: 0;
    margin-right: 2px;
    margin-left: 2px;
    float: left;
    }
}
@media screen and (max-width:639px) { 
    .half-box  { width: 100%;
    padding: 0;
    }
}

.half-box .related_article p.ttl {  margin: 0 0 0.1em;
    font-size: 0.81em;
    font-weight: bold;
    color: #444;
}
.half-box .related_article .ttl::before {
    display: none;
}
.half-box .related_article .ttl:after {
    display: none;
}

.greylist-button a {  width: 100%;
    background: #eee;
    color: #606060;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    display: table;
    padding: 10px 35px;
    margin: 0px auto 20px;
    border-radius: 5px;
    text-decoration: none;
}
.greylist-button a:hover{
    background: #1bb4d3;
    color: #fff;
}

/* === 新規店舗フォーム CSS === */

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {  width: 100%!important;
}
textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {  width: 100%!important;
}
select.wpcf7-form-control.wpcf7-select, select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    background: #ddd;
    border-radius: 15px;
}
span.required, span.any {  color: #F44336;
    font-size: 0.8em;
}
span.any2 {  color: #8ac449;
    font-size: 0.8em;
}
p.shopinfo{  font-weight: bold;
      background: #fff8ea;
      padding: 15px;
}

input#author, input#email, textarea#comment {  width: 100%;
    background: #fbfbfb;
    border: 0.12em solid #ddd;
}

/* === toc plus layout === */
#toc_container.no_bullets li:before {
    font-family: "fontawesome";
    content: '\f04b';
    margin-right: 0.2em;
    color: #c7b8a7;
    background: #fff;
    box-shadow: 0 0 0px rgba(51, 51, 51, 0.15) inset;
}

/* == main-tab css Layout == */ 

.wc-shortcodes-tabs ul.wcs-tabs-nav li { border-bottom: solid 0px #ab957c;
}

@media screen and (min-width: 451px) {
   .main-tabs.wc-shortcodes-tabs .tab-content{
    background: #fff;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 20px 10px 20px 10px !important;
    }
    .top-tabs.wc-shortcodes-tabs .tab-content{
    background: #fff;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 0px !important;
    margin-left: 0.9em;
    margin-right: 0.9em;
    }
   .main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a,  .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a {
    font-size: 0.8em;
    border-width: 3px 3px 0 3px;
    border-color: #ade6aa;
    font-weight: bold;
    border-radius: 3px 3px 0 0px;
    color: #ffffff;
    background: #ade6aa;
    }
    .main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav,  .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav  {  border-bottom: solid 2px #ade6aa;
    margin-left: -0.9em;
    margin-right: -0.9em;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
    .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav  {  border-bottom: solid 2px #ade6aa;
    margin-left: 0em;
    margin-right: 0em;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
    .page .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav  {  
    margin-left: 0em !important;
    margin-right: 0em !important;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
}
@media screen and (max-width: 450px) {
    .main-tabs.wc-shortcodes-tabs .tab-content {
    padding: 20px 10px 20px 10px !important;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #fff;
    }
    .top-tabs.wc-shortcodes-tabs .tab-content {
    padding: 0px !important;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #fff;
    }
    .main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a {
    font-size: 0.7em;
    padding: 10px 12px;
    border-width: 3px 3px 0 3px;
    font-weight: bold;    
    border-color: #abe4a8;
    border-radius: 3px 3px 0 0px;
    color: #fff;
    background: #abe4a8;
    }
    .main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav {  border-bottom: solid 2px #ade6aa;
    margin-left: -0.9em;
    margin-right: -0.9em;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
  .tab-ranking.wc-shortcodes-tabs ul.wcs-tabs-nav  {  
    margin-left: -0.9em;
    margin-right: -0.9em;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
}
ul.wcs-tabs-nav::-webkit-scrollbar {  display: none;
}

.main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li.wcs-state-active a, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li.wcs-state-active a {
    color: #ad9b88;
    background: #fff;
}
/* ranking tab icon */
@media screen and (min-width: 801px) {
   .main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before, .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F138";
    color: #c7b8a7;
    margin-right: 2px;
    position: inherit;
    left: 0;
    bottom: 0;
    padding: 10px 0;
    width: 25px;
   }
}
@media screen and (max-width: 800px) {
   .main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before, .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before  {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F138";
    color: #c7b8a7;
    margin-right: 4px;
    position: inherit;
    left: 0;
    bottom: 0;
    padding: 10px 0;
    width: 40px;
   }
}
@media screen and (max-width: 640px) {
   .main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before, .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before  {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F138";
    color: #c7b8a7;
    margin-right: 2px;
    position: inherit;
    left: 0;
    bottom: 0;
    padding: 10px 0;
    width: 40px;
   }
}
@media screen and (max-width: 380px) {
   .main-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before, .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before  {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F138";
    color: #c7b8a7;
    margin-right: 2px;
    position: inherit;
    left: 0;
    bottom: 0;
    padding: 10px 0;
    width: 40px;
   }
}
/* == tab css Layout == */ 

.tab-ranking.wc-shortcodes-tabs .tab-content {
    background: #fff;
    border-left: solid 0px #eee;
    border-right: solid 0px #eee;
    border-bottom: solid 0px #eee;
    padding: 20px 10px 20px 10px !important;
}

.tab-ranking.wc-shortcodes-tabs ul.wcs-tabs-nav {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}

.tab-ranking.wc-shortcodes-tabs ul.wcs-tabs-nav li a {
   font-size: 0.8em;
    border-width: 4px 2px 0 2px;
    border-radius: 0px 0px 0px 0px;
    border-color: #ff3679;
    font-weight: bold;
    color: #fff;
    background: #ff3679;
    border-bottom: solid 1px #ff3679;
}
.tab-ranking  li:first-child { border-left: 0px solid #69b5df !important;
}

.tab-ranking ul.wcs-tabs-nav .wcs-state-active a {
    border-bottom: solid 0px #ab9a86!important;
    background: #fff!important;
    color: #ff3679!important;
}

.tab-ranking ul.wcs-tabs-nav {  border-bottom: solid 1px #ff3679;
}

/* === ranking page wwp css === */
.wpp-list2 li:first-child, .default-ranking li:first-child {  border-left: 2px solid #eee !important;
}
.wpp-list2 li, .default-ranking li{
   width: 100%;
    float: left;
    border: 2px #eee solid;
    border-radius: 8px;
    padding: 10px 6px 0px 0px;
    padding-left: 10px !important;
    margin: 8px 3px 8px 3px !important;
    background: #fff;
    box-shadow: 0 0 5px #e2e2e2;
}
.wpp-list2 li:before, .default-ranking li:before, .wpp-scroll-list li:before {
    counter-increment: number;
    content: counter(number);
    background: #3E3E3E;
    box-shadow: 0 0 0em rgba(51, 51, 51, 0.15) inset;
    color: #fff;
    width: 1.8em;
    height: 1.8em;
    font-size: 0.9em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    display: block;
    text-align: center;
    line-height: 1.75em;
    border-radius: 50%;
    position: absolute;
    left: -8px;
    top: -10px;
}
.wpp-list2 li p, .default-ranking li p {  padding: 0px;
    margin-bottom: 10px;
}
.wpp-list2 li p a, .default-ranking li p a{  color: #606060;
  font-size: 0.9em;
}
.wpp-list2 li p.review, .default-ranking li p.review{  text-align: right;
    color: #b19f8b;
    /* font-weight: bold; */
}

ol.default-ranking li::Before { background: #b7a796 !important;
    border: #fff solid 3px !important;
}

ol.wpp-list2 li::Before, .default-ranking li::Before{ background: #ff3200eb !important;
}
p.review i.fa {  background: #c7b8a7;
    color: #ffffff;
    border-radius: 8px;
    padding: 4px;
}
ol.default-ranking img {  float: left;
    margin-right: 7px;
}

/* === wide scroll wwp css === */
.wide-gray-carousel-pickup-box {
    background: #f5f5f5;
    margin-left: -0.9em;
    margin-right: -0.9em;
    padding-top: 10px;
    padding-left: 3px;
}

.wide-carousel-pickup-box {
    background: #fff;
    margin-left: -0.9em;
    margin-right: -0.9em;
    padding-top: 10px;
    padding-left: 3px;
}
.wide-carousel-pickup-post {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.wide-carousel-pickup-post::-webkit-scrollbar{  display:none;
 }
.wpp-scroll-list li:first-child, .default-ranking li:first-child { 
}
.wpp-scroll-list {  width: 288px;
  background: #fff;
}
.wpp-scroll-list li {   padding-left: 1em !important;
    margin: 10px 5px !important;
    border-bottom: #eeeeee solid 1px;
}
.wpp-scroll-list li p {  margin: 10px 0px;
}
.wpp-scroll-list li a {  font-size: 0.8em;
    color: #555;
   white-space: normal;
}
span.wpp-scroll-name {
    color: #ff3679;
    font-weight: bold;
    margin: 3px 10px;
}

/* ranking tab icon */
.tab-ranking.wc-shortcodes-tabs ul.wcs-tabs-nav li a:before {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\F138";
    color: #faff0c;
    margin-right: 2px;
    position: inherit;
    left: 0;
    bottom: 0;
    padding: 10px 0;
    width: 25px;
   }
}

.pickupbox {  width: 100%;
    background-color: rgb(255, 255, 255);
    float: left;
    margin: 0px 0px 16px;
    padding: 5px;
    border-width: 2px;
    border-style: solid;
    border-color: rgb(238, 238, 238);
    border-image: initial;
    border-radius: 5px;
}

span.first { font-size: 0.8em;
    background: #fffbe3;
    padding: 8px;
    width: 100%;
    display: block;
}
p.first,  p.first2, p.first3, p.first4 {  font-size: 0.8em;
    background: #fffbe3;
    padding: 8px;
}
p.first2 {  background: #fffbe3;}
p.first3 {  background: #e4ffe8;}
p.first4 {  background: #ffefce;}

#main img.attachment-post-thumbnail{
    /* width: 100% !important; */
}

.wrapper { position: relative;
  width: 100%;
  height: 0;
  padding: 56% 0 0 0;
}
.wrapper video { width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

h4.rank {
    color: #333;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0;
    padding: 5px 5px 5px 10px;
    margin-bottom: 20px;
    text-align: center;
}
.WP-Popular-Posts ul {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    counter-reset: wpp-ranking;
}
.WP-Popular-Posts li {
    width: 100%;
    list-style: none outside none;
    position: relative;
    list-style-type: none;
    font-size: 97%;
    padding: 0.7em!important;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding: 0;
}
.WP-Popular-Posts li:before, ul.wpp-list li a::before {
    display: none;
}
.WP-Popular-Posts ul li:before {
    margin: 0px 0px 0px 0px;
    padding: 5px 8px 5px 8px;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    border-radius: 0px;
}

.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 13px 0 0!important;
    border: #f9b1d1 solid 0px!important;
}
.WP-Popular-Posts li a:after {
    font-family: "fontawesome";
    content: '';
    position: absolute;
    right: 0em;
    font-size: 1em;
    color: #e91e63;
    top: 50%;
    margin-top: -0.5em;
}
.WP-Popular-Posts p {
    margin-top: 3px;
}
.WP-Popular-Posts p a {
    width: 100%;
    height: 57px;
    text-align: left;
    display: block;
    color: #666;
    font-size: 0.95em;
    font-weight: bold;
}
.ori-block {
    clear: both;
    background-color: #fff;
    padding: 0px;
}
p.scroll { font-size: 0.8em;
  margin: 0em;
  margin-bottom: 15px!important;
}

@media screen and (min-width: 980px) {
    .wc-gallery {
    overflow: hidden;
    width: 600px;
    margin: auto;
    }
}
@media screen and (max-width: 979px) {
    .wc-gallery {
    overflow: hidden;
    }
}

.slick-prev:before, .slick-next:before {  background-color: #af9d89!important;
}

/* === toc plus layout === */
#toc_container.no_bullets li:before {
    font-family: "fontawesome";
    content: '\f04b';
    margin-right: 0.2em;
    color: #ade6aa;
    background: #fff;
    box-shadow: 0 0 0px rgba(51, 51, 51, 0.15) inset;
}
/* TOC+プラグイン */
#toc_container li:before{ content:none;
}
#toc_container{
padding: 0,7em 1.2em 0.4em!important;
min-width: 90%;
margin: auto;
margin-bottom: 20px;
background: #fff!important;
background: rgba(255, 255, 255, 0.5)!important;
border: 0px solid #eee;
font-size: 0.86em;
}
#toc_container p.toc_title{
  margin-bottom: .7em;
  border-bottom: 1px solid #eee;
}
#toc_container ul{ margin: 0!important;
}
#toc_container li a{
display: block;
padding: .5em 0em .5em 1.5em;
border-top: 1px dotted #ddd;
}
#toc_container li li a{ padding-left: .7em;
}
#toc_container li .toc_number{
margin-right: .5em;
color: #ff0000;
font-weight: bold;
}

.wc-shortcodes-tabs ul li:before{ display:none;
}
h2.cwp-item {  background: #000 !important;
    color: #fff !important;
    box-shadow: 0 0px 0px rgb(0 0 0 / 3%);
}
#review-statistics .review-wrap-up .review-wu-right .pros h2 {  background: #fff;
      box-shadow: 0 0px 0px rgba(0, 0, 0, .03);
}
.pros ul li:before {  background: #f9b1d1;
}
#review-statistics .review-wrap-up .review-wu-right ul li:before {  margin-right: 5px;
    font-family: "fontawesome";
    content: "\f111" !important;
    background: #ffffff;
}
#review-statistics .review-wrap-up .review-wu-right ul li {  font-size: 15px!important;
    padding-left: 14px!important;
    margin: 0 0 2%;
    font-family: "Lato";
    line-height: 1.5!important;
}
ul.cwpr_clearfix li:before { display: none;
}
.wp_ulike_general_class.wp_ulike_is_not_liked {  background: #f9f9f9;
    border-radius: 15px;
}
time {  display: none;
}

.type01 th {  font-size: 0.85em;
    white-space: nowrap;
}

@media screen and (min-width: 481px) {
  table.type01 {
    }
  .user-comments-grades {
    width: 200px;
    float: right;
    margin-top: 25px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-left: 15px;
   }
}
@media only screen and (max-width: 480px)  {
table.type01 {
    width: 109%;
    margin-left: -0.9em;
  }
  .user-comments-grades {
    width: 90%!important;
    float: none!important;
    margin-top: 25px;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-left: 15px;
   }
}

@media screen and (min-width: 601px) {
  .scroll {  width: 100%;
  }
  p.pscroll {  display: none;
  }
  p.listscroll {   display: none;
  }
}
@media screen and (max-width: 600px) {
.scroll {
    width: 100%;
    display: block;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  p.pscroll {
    margin: 0 0 2.4em;
    line-height: 1.75;
    font-size: 0.8em;
  }
    p.listscroll {
    margin: 1em 0 0 0;
    line-height: 1.75;
    font-size: 0.8em;
    color: #ff0000;
  }
}

p.sideinfo {  font-size: 12px;
    color: #333;
    background: #FFF8E1;
    margin: 0px!important;
    padding: 5px 4px 5px 4px;
    border-radius: 5px;
}
p.tags a, span.categorie-tag {
    display: inline-block;
   color: #9e8c77;
    padding: .35em .5em;
    margin-right: 0.6em;
    margin-bottom: 8px;
    text-decoration: none;
    line-height: 1.1;
    font-size: 0.83em;
    border-radius: .4em;
}
p.tags a:before, span.categorie-tag:before, {
    font-family: "fontawesome";
    content: '\f02c';
    margin-right: 0.2em;
    color: #c7b8a7;
}
p.tags a, span.categorie-tag {  background: #fff;
    border: 1px solid #ccc!important;
}

/* タグスクロール */
.carousel-tagbox {display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 5px;
}
.carousel-tagbox:-webkit-scrollbar{
    display:none;
}
.carousel-tagbox::-webkit-scrollbar{
    display:none;
}


.wc-shortcodes-tabs .tab-content-wrapper {  overflow: hidden;
    margin-left: -0.9em;
    margin-right: -0.9em;
    border: #ff3679 2px solid;
}
p#breadcrumbs {   font-size: 11px;
}

.searchform-top {  padding-top: 0px!important; }
button.top {  margin-top: -2px;  }

p.search-top { color: #444;
    font-weight: bold;
    text-align: center;
    padding-top: 60px!important;
  margin-bottom: 5px !important;
}

@media only screen and (min-width: 551px) {
.topsframe {
    width: 500px;
    text-align: center;
    margin: 0 auto;
  }
  .top-backgrand { background-image: url("/novel/wp-content/uploads/2021/11/1503833.jpg");
   width: 100%;
   height: 350px;
    background-size:  cover;  
   } 
   .top-gym-backgrand { background-image: url("/wp-content/uploads/2018/08/gym-img780.png");
   width: 100%;
   height: 350px;
   } 
   .top-yoga-backgrand { background-image: url("/wp-content/uploads/2019/02/Yoga-and-Pilates_Hot-Yoga.jpg");
   width: 100%;
   height: 350px;
   } 
}
@media only screen and (max-width: 550px) {
.topsframe {
    width: 88%;
    text-align: center;
    margin: 0 auto;
  }
  .top-backgrand { background-image: url("/novel/wp-content/uploads/2021/11/1503833.jpg");
   width: 114%;
   height: 350px;
   margin-left: -20px;
    background-size:  cover; 
  } 
  .top-gym-backgrand { background-image: url("/wp-content/uploads/2018/08/gym-img780.png");
   width: 114%;
   height: 350px;
   margin-left: -20px;
  } 
  .top-yoga-backgrand { background-image: url("/wp-content/uploads/2019/02/Yoga-and-Pilates_Hot-Yoga.jpg");
   width: 114%;
   height: 350px;
   margin-left: -20px;
  } 
}

#cwp-slider-comment .comment-form-meta-option .comment_meta_slider .ui-slider-handle,
span.ui-slider-handle.ui-state-default.ui-corner-all {
    width: 18px !important;
    height: 18px !important;
}
#cwp-slider-comment .comment-form-meta-option .comment_meta_slider,
.wppr-comment-meta-slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    margin-top: 5px !important;
    background: #f3f3f3;
    border: none;
    height: 10px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    float: left;
    width: 100%;
  margin-bottom: 15px;
}
.comment_meta_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all::before,
.wppr-comment-meta-slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all::before {
    content: "0123456789";
    font-size: 0.45em;
    letter-spacing: 23px;
    color: #a1e06a;
    font-weight: bold;
}


cwp-slider-comment .comment-form-meta-option label {   width: 100% !important;
}
#cwp-slider-comment {  width: 310px !important;
}

h3#reply-title {  background: #000;
    color: #f7f7f7;
    padding: 0px 10px 0px 10px;
}
@media only screen and (max-width: 480px){
    h3#reply-title {
    background: #000;
    color: #f7f7f7;
    padding: 0px 10px 0px 10px;
    margin-left: -0.9em;
    margin-right: -0.9em;
  }
}

p.comment-form-comment { display: block;
}
label {  font-weight: bold;
    color: #606060;
}
span#email-notes {  font-size: 0.82em;
}

/* === WP Product Review Lite layout === */
.last-button {
}

.affiliate-button {  margin-bottom: 10px!important;
}
div.affiliate-button a {  background: #ffffff;
    width: 100%;
    text-align: center;
}
.affiliate-button a span {  font-style: normal!important;
    font-weight: bold!important;
}

.affiliate-button2 {  width: 48% !important;
    margin-bottom: 20px;
    float: left;
    clear: none !important;
    margin: 0px 3px 0px 3px;
}
.affiliate-button.affiliate-button2 a {  padding: 15px 8px 15px 14px;
     background: #ff99d0;
}

.wc-gallery .wc-gallery-bottomspace-default {  margin-bottom: 2px!important;
}
.main-tabs, .top-tabs {  margin-bottom: 0em !important;
}
p.comment- {  margin: 0em; margin-bottom: 10px;
}
.nm-wrap-comments .form-control {  background-color: #fbfbfc !important;
    border: 0.12em solid #ddd !important;
}

/* == ete layout == */
@media screen and (min-width:640px) {
   .listbotton{   width: 23%;
    font-size: 13px!important;
    padding: 30px 2px 30px 2px!important;
    margin: 10px 3px 10px 3px;
    border-radius: 5px;
    font-weight: bold;
    float: left;
    color: #606060!important;
    background: #ffffff;
    border: 2px solid #efefef;
    text-align: center;
    text-decoration: none;
    }
}
@media screen and (max-width:639px) { 
   .listbotton{   width: 48%;
    font-size: 13px!important;
    padding: 30px 2px 30px 2px!important;
    margin: 10px 3px 7px 3px;
    border-radius: 5px;
    font-weight: bold;
    float: left;
    color: #606060!important;
    background: #ffffff;
    border: 2px solid #efefef;
    text-align: center;
    text-decoration: none;
    }
}

.listbotton:hover { background: #fafafa!important;
}
.menu-block {
    clear: both;
    background-color: #fff;
    padding: 0px;
    margin-bottom: 20px;
}
.menu-block-zero {
    clear: both;
    background-color: #fff;
    padding: 0px;
    margin-bottom: 0px;
}

.first-bottn2 a {
    width: 100%;
    font-size: 0.84em;
    float: left;
    margin-bottom: 10px;
    padding: 14px 5px 14px 5px;
    background: #ffffff;
    border-bottom: #3b9fd5 solid 2px;
    color: #444;
    border-radius: 0px;
    text-align: center;
    font-weight: bold;
}

.tab-ranking {  counter-reset: number 0;
}
h2.rank {    counter-reset: number 0;
    counter-reset: wpp-ranking;
    margin-top: 3em !important;
}
@media screen and (min-width: 481px) {
    h2.rank::before { counter-increment: number 1;
    content: counter(number);
    background: #ec3361;
    border: #fff solid 3px;
    color: #fff;
    width: 1.8em;
    height: 1.8em;
    font-size: 0.9em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    display: block;
    text-align: center;
    line-height: 1.75em;
    border-radius: 50%;
    position: absolute;
    left: 8px;
    top: -20px;
    }
    .tab-ranking p.main {
    }
}
@media screen and (max-width: 480px) {
    h2.rank::before {  counter-increment: number 1;
    content: counter(number);
    background: #ec3361;
    border: #fff solid 3px;
    color: #fff;
    width: 1.8em;
    height: 1.8em;
    font-size: 0.8em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    display: block;
    text-align: center;
    line-height: 1.65em;
    border-radius: 50%;
    position: absolute;
    left: 18px;
    top: -14px;
    }
    .tab-ranking p.main {
    padding: 6px;
    }
}
p.center {  margin: 0px;  padding: 0px;
    text-align: center;
}

@media screen and (min-width:640px) {
    .left-img {  float: left;
   }
    .rating-star-wrap {  width: 100%;
    margin: 0 auto;
   }
}
@media screen and (max-width:639px) { 
    .left-img {
     text-align: center;
   }
    .rating-star-wrap {  width: 100%;
    margin: 0 auto;
   }
}

.t1button a:before, .t2button a:before, .t2button2 a:before, .affiliate-button a:before, .greylist-button a:after, .topicslist-button a:after {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0a9";
    color: #ff4c89;
    margin-right: 4px;
    position: inherit;
    left: 0;
    bottom: 0;
}
.greylist-button a:after {   color: #ABE6AA!important;
    margin-left: 4px;
}

.affiliate-button a span {  padding-left: 10px!important;
}
.first-bottn a:before, .first-bottn2 a:before {
    color: #3b9fd5;
    font-family: FontAwesome;
    content: "\f103";
    padding-right: 4px;
    font-weight: bold;
    font-size: 1.1em;
}

#review-statistics .review-wrap-up .review-wu-right .pros h2:before {
  font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f058";
    color: #8DC153;
    margin-right: 4px;
    position: inherit;
    left: 0;
    bottom: 0;
}

/* == rating star layout == */
.rate {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 16px;
  font-size: 16px;
}
.rate:before, .rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
  height: 16px;
  line-height: 16px;
}
.rate:before {  color: #ddd;
}
.rate:after {
  color: #ffa500;
  overflow: hidden;
  white-space: nowrap;
}

.rate0:after {  width: 0; }
.rate1:after {  width: 16px; }
.rate1-5:after {  width: 24px; }
.rate2:after {  width: 32px; }
.rate2-5:after {  width: 40px;}
.rate3:after {  width: 48px; }
.rate3-5:after {  width: 56px;}
.rate4:after {  width: 64px; }
.rate4-5:after {  width: 72px;}
.rate5:after {  width: 80px; }

p.point {  font-weight: bold;
    font-size: 13px;
    color: #606060;
}
/* == search layout == */
div#search {  margin: 0 auto; }
@media screen and (min-width:481px) {
    .search-center {    margin: 0 auto;
    max-width: 390px;
    margin-bottom: 10px;
    }
    .postform{  float: left; margin-top: 5px; 
    }
    input.s2 {
    height: 95px;
    margin-top: -45px;
    padding-top: 30px !important;
    margin-left: 3px;
    font-weight: bold !important;
    background: #c7b8a7!important;
    border-bottom: #b1a192 4px solid !important;
   }
}
@media screen and (max-width:480px) { 
     .search-center {  margin: 0 auto;
    max-width: 295px;
    margin-bottom: 10px;
    }
    .postform{  float: left; margin-top: 5px;
     width: 280px !important;
    }
    .postform-tag {  width: 280px !important;
    }
    input#s {   width: 280px !important;
    }
    input.s2 {
    width: 23%;
    height: 95px;
    margin-top: -45px;
    padding-top: 30px !important;
    margin-left: 3px;
    font-weight: bold !important;
    background: #c7b8a7!important;
    border-bottom: #b1a192 4px solid !important;
   }
}

.moreinfo, .lastmoreinfo {  border: #ccc solid 1px !important;
}
.moreinfo td.column-1, .lastmoreinfo td.column-1  {
    font-size: 0.85em;
    white-space: nowrap;
    font-weight: bold;
    background: #f4f4f4;
    border-right: #ccc solid 1px;
}
.moreinfo th, .lastmoreinfo th {  font-size: 0.85em;
    white-space: nowrap;
}

@media screen and (min-width: 481px) {
  table.moreinfo {
    width: 100%;
    font-size: 95%;
    margin-bottom: 1.5em;
   }
    table.lastmoreinfo {
    width: 100%;
    font-size: 95%;
    margin-bottom: 1.5em;
    margin-top: -23px;
    border-top: #fff solid 1px !important;
   }
}
@media only screen and (max-width: 480px)  {
  table.moreinfo {
    width: 109% !important;
    margin-left: -0.9em !important;
  }
  table.lastmoreinfo {
    width: 109% !important;
    margin-left: -0.9em !important;
    margin-top: -23px;
        border-top: #ccc solid 1px !important;
  }
}
ul.column li br, ul.columa br, .column br {
    display: none;
}

p.price {  font-weight: bold;
    color: #ff0000;
}
h2 a {  color: #fff; }
p.comment-ago, p.comment-store, p.comment-course {  margin: 0px;
    margin-bottom: 0.5em!important;
}
.column ul li, ul.column li {  margin: 5px !important;
}
ul.column li span {  display: block;
}
.eyecatch figcaption.eyecatch-caption-text {  display: none;
}
input#submit { font-family: FontAwesome; }

h4.about {
   background: #ffe2ef;
    border-left: 0px solid !important;
    font-size: 1em;
}
h4.about-mens {
    font-size: 1em;
    background: #e9f5ff;
    border-left: 0px solid !important;
}
p.smallp {  font-size: 0.78em;
    margin-top: 6px!important;
}

.fb-likebtn .like_text p::after {  content: "この記事が気に入ったらフォローしよう！" !important;
    display: block;
    font-size: 10px;
    margin-bottom: 0px;
    opacity: 0.7;
    padding: 3px;
}

/* == ete layout == */

.comment-author.vcard a {  color: #4a4a4a;
}
.authorbox.wow.animated.fadeIn {  padding: 0px 20px !important;
  margin-top: 10px;
}
div#comment-image-reloaded-wrapper {  font-size: 0.8em;
    padding-left: 8px;
    border-left: #ade6aa solid 3px;
}
div#comment-image-reloaded-wrapper:before {  color: #69b5df;
    font-family: FontAwesome;
    content: "\f03e";
    font-weight: bold;
    font-size: 1.1em;
    margin-right: 5px;
}
div#wpadminbar {  background: #2222222e !important;
    margin-top: -50px;
    position: absolute !important;
}

.um-avatar.um-avatar-uploaded, .um-avatar.um-avatar-default {  border-radius: 50px!important; border: #ccc solid 1px;
}

/* == comment-image-reloaded layout == */

div.comment-image-box p.comment-image-reloaded {
    text-align: center;
}
@media screen and (min-width: 481px) {
  p.comment-image-reloaded img {
    max-width: 90%;
  }
}
@media only screen and (max-width: 480px)  {
  p.comment-image-reloaded img {
    max-width: 70%;
  }
}

/* == Ultimate Member layout == */
input#test-8176 {  width: 100% !important;
}

.um-profile-nav {  background: #fff !important;
    border-bottom: #aaa solid 1px;
    border-top: #aaa solid 1px;
}
@media only screen and (max-width: 980px)  {
   .um-profile-nav {  background: #fff !important;
    border-bottom: #aaa solid 1px;
    border-top: #aaa solid 1px;
    margin-left: -0.9em; 
    margin-right: -0.9em; 
   }
}

.um-profile-nav {  display: flex !important;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.um-profile-nav::-webkit-scrollbar {
    display: none;
}
.um-item {  padding: 20px 0;
    border: 3px solid #eee !important;
    border-radius: 10px;
    margin-bottom: 20px;
    position: relative;
    box-shadow: 0 0 10px #e2e2e2;
}
.um-profile-nav-item span.title {  color: #333;
}
.um-profile-nav-item i {  color: #333 !important;
}
.um-profile-nav-item a {  color: #333!important;
}
.um-profile-nav-item a:hover {  background: #b5e0ff !important;
}
.um-faicon-thumbs-o-up:before {  color: #333 !important;
}
.um-profile-nav-item.active a, .um-profile-nav-item.active a:hover {  background: #efe5db !important;
}

.um-field-value p a {  pointer-events: none;
    color: #686868;
}

/* == bbpress layout == */

#bbpress-forums div.bbp-forum-author img.avatar, #bbpress-forums div.bbp-topic-author img.avatar, #bbpress-forums div.bbp-reply-author img.avatar {
    border: none;
    max-width: 80px;
    padding: 0;
    margin: 12px auto 0 auto;
    float: none;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
}
.bbp-reply-content p {  font-size: 1.24em;
}
.bbp-template-notice.info {  display: none;
}
.forums bbp-replies {    border: 0px solid #eee;
}
#bbpress-forums li.bbp-header, #bbpress-forums div.odd, #bbpress-forums ul.odd { background: #fff;
}
.bbp-header:before, #bbpress-forums li:before { display: none;
}
bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background-color: #fff2f8;
    color: #222;
    border-top: 3px solid #f9b1d1;
}

.bbp-topic-started-by img { float: left!important;
  width: 50px;
}
.bbp-author-avatar.no-icon img {  border-radius: 30px;
    border: 0 double #ddd!important;
    float: left;
}
li.bbp-topic-freshness {  display: none;
}
a.bbp-topic-permalink {  font-size: 1.2em;
    color: #606060;
    font-weight: bold;
}

li.bbp-topic-reply-count::Before {
    content: "\f086" !important;
    color: #69b5df !important;
    display: block !important;
    font-size: 20px;
    margin-top: -10px;
    left: -0.1em;
    padding: 3px;
}
li.bbp-topic-voice-count::Before {
    content: "\f007" !important;
    color: #f9b1d1 !important;
    display: block !important;
    font-size: 20px;
    margin-top: -10px;
    left: -0.1em;
    padding: 3px;
}
li.bbp-forum-topic-count::Before, li.bbp-forum-reply-count::Before {
    content: "\f02e" !important;
    color: #f9b1d1 !important;
    display: block !important;
    font-size: 20px;
    margin-top: -10px;
    left: -0.1em;
    padding: 3px;
}
li.bbp-forum-freshness img {   width: 50px;
}

li.bbp-body {  padding-left: 0px!important;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    padding: 8px 0px;
}
div.bbp-template-notice, div.indicator-hint {
    background-color: #fff8e0;
    border-color: #fff;
}
#bbpress-forums .bbp-reply-content .wpulike-heart .wp_ulike_btn.wp_ulike_put_image {
    border-right: 0px solid #e0e0e0!important;
}
.bbp-reply-author.bbp-author-avatar no-icon img{ float: left;
}

li.bbp-forum-info, li.bbp-topic-title {  width: 75%!important;
}
@media only screen and (max-width: 480px)  {
li.bbp-forum-info, li.bbp-topic-title {
    width: 65% !important;
  }
}

a.bbp-forum-title {  font-weight: bold;
    font-size: 1.2em;
    color: #444;
}
.bbp-forum-content { color: #509cd4;
}
button#bbp_reply_submit {  font-weight: bold;
}
.topicslist div.bbp-search-form {  display: none !important;
}
div.bbp-template-notice p a, div.bbp-template-notice p a {  color: #57a1d8;
}
h2#topics-comment {  margin-top: 50px;
}
.topicslist-button a {  background: #fff;
    border: #f3f3f3 solid 2px;
    width: 100%;
    color: #606060;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    display: table;
    padding: 10px 35px;
    margin: 0px auto 20px;
    border-radius: 5px;
    text-decoration: none;
}

li.bbp-forum-freshness a.bbp-author-name {  display: none;
}
#bbpress-forums div.bbp-search-form {  width: 100%;
}
#bbpress-forums #bbp-search-form #bbp_search { border: #eee solid 3px;
    display: inline-block;
    width: 80%;
    height: 40px;
    margin-bottom: 15px;
}
input#bbp_search_submit {  width: 19%;
    height: 40px;
    font-weight: bold;
    font-size: 1.15em;
}
input#bbp_topic_title {  width: 100%!important;
}

li.bbp-header.bbp-reply-content {  border: #fff solid 0px!important;
}
.bbp-reply-content {
    border: #f2f2f2 solid 3px;
    border-radius: 10px;
    padding: 10px 10px !important;
    margin-bottom: 20px;
   	position: relative;
	  display: inline-block;
   	box-sizing: border-box;
}
.bbp-reply-content:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-right: 12px solid #FFF;
 	z-index: 2;
}

.bbp-reply-content:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-right: 14px solid #f2f2f2;
 	z-index: 1;
  visibility: initial !important;
}

ul#topic-8202-replies { border: 0px solid #eee!important;
}

/*------ ユーザーポスト ------*/
input#djd_site_post_title {  width: 100% !important;
}
iframe#djdsitepostcontent_ifr {  height: 400px;
}

/*------ テスト ------*/
.comment-author.vcard {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
  border-bottom: #e91e63 solid 3px;
}

#commentform {  display: flex;
    flex-direction: column;
    background: #fff;
}
p.comment-notes { order: -2;
}
div#comment-image-reloaded-wrapper {  order: -1;
}
/*コメント記入欄*/
.comment-form-comment, .new-comment-form-comment  {  order: -2;
}

/*コメント送信ボタン*/
.form-submit {  order: 5;
}

p.logged-in-as { margin-top: 10px;
    order: -3;
    margin-bottom: 0em !important;
}

/*------ adminバー ログインユーザ調整 ------*/
li#wp-admin-bar-new-content, li#wp-admin-bar-wp-logo, li#wp-admin-bar-comments, li#wp-admin-bar-wpseo-menu { display: none!important;}

img.func-um_user.gravatar.avatar.avatar-26.um-avatar.um-avatar-uploaded {
    border: 2px solid #efefef !important;
    border-radius: 30px !important;
}

#wpadminbar #wp-admin-bar-site-name>.ab-item:before {  content: "\f226";
    color: #69b5df;
    background: #fff;
    border-radius: 30px;
}

.comment-content {
    border: #f3f3f3 solid 4px;
    padding: 10px 10px;
    border-radius: 10px;
   	position: relative;
	  display: inline-block;
   	box-sizing: border-box;
    width: 100%;
    background: #fff;
    color: #000;
    margin-bottom: 8px;
}

.comment-content:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 10%;
 	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
 	z-index: 2;
}

.comment-content:after{
	content: "";
	position: absolute;
	top: -30px;
	left: 10%;
 	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #f2f2f2;
 	z-index: 1;
}
/* === color p === */

span.red { color: #ff3425; font-weight: bold; }
span.blue{ color: #3366ff; font-weight: bold; }
span.green{ color: #339966; font-weight: bold; }

/* === ブログカード  === */
.wp-embed-excerpt p {  display: none;
}
.wp-embed-featured-image img {  width: 30%!important;
    float: left;
}

/* === ログインボタン  === */
.member-button, .member-button2 {
    width: 49%;
    float: left;
}
.member-button a {
    width: 98%;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
    margin: 0px 6px 10px 3px;
    padding: 10px 5px 10px 5px;
    background: #313131;
    color: #fff !important;
    border: #e2e2e2 solid 0.24em;
    border-radius: 5px;
    text-align: center;
}
.member-button2 a {
   width: 98%;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
    margin: 0px 6px 10px 3px;
    padding: 10px 5px 10px 5px;
    background: #e3e3e3;
    border: #e3e3e3 solid 0.24em;
    border-radius: 5px;
    text-align: center;
}
.member-button a span,  .member-button2 a span {
    color: #888;
    font-weight: bold;
}
p.member-buttoninfo {  text-align: center;  text-decoration: underline;
}

/* === フォローフォロワースマホ表示  === */
@media screen and (max-width: 500px){
   a.um-followers-user-photo.no-icon {
    float: left;
    margin-right: 5px!important;
   }
   .um-followers-user-name { text-align: left!important;
   }
   .um-followers-user-btn {
    top: -20px!important;
    padding-top: 0px!important;
    float: right;
   }
   .um-followers-user-bio {  margin-top: 50px!important;
    text-align: left;
   }
}

/* === MU ウィジェット  === */
.um-reviews-widget-name {
    font-weight: bold;
    font-size: 1.2em;
}
.um-reviews-widget-pic {  width: 80px!important;
}
.um-reviews-widget-pic img {  width: 80px;
  border-radius: 50px!important;
  border: #cdeccb solid 4px;
}

.icons {  font-size: 1.12em;
    font-weight: bold;
    border-bottom: #c7b8a7 solid 1px;
}
p.icons i {  background: #eee;
    border-radius: 15px;
    padding: 10px;
    margin-right: 10px;
    color: #af9d89;
}

.um.um-profile.um-viewing {  margin-top: -50px;
}
p.box {  font-size: 0.9em;
}
/* === アイキャッチタグ  === */
.eyecatch .cat-name, ul.wpp-list li a:before {  display: none;
}

/* === new post css  === */
ul.related-list li:before{ display: none!important; }

.related-list h3.ttl {   border-top: #eee 1px solid;
    border-bottom: 0px solid;
}

/* === product tab only css  === */

/*タブ切り替え全体のスタイル*/
.tabs {  margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    border: #ddd solid 2px;
    width: 100%;
    margin-bottom: 20px!important;
    margin: 0 auto;
}
@media screen and (max-width: 500px){
    .tabs {  margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    border: #ddd solid 1px;
    width: 108%;
    margin-bottom: 20px!important;
    margin: 0 auto;
    margin-left: -0.9em;
    }
}


/*タブのスタイル*/
.tab_item { width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #ff3679;
  background-color: #fff;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.single-product .tab_item { width: calc(100%/4);
  height: 50px;
  border-bottom: 3px solid #ff3679;
  background-color: #fff;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.tab_item:hover {
  opacity: 0.75;
  background-color: #ff3679;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
   padding: 0px 8px 0;
    clear: both;
    overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#all-methods:checked ~ #all-methods_content,
#all-price:checked ~ #all-price_content, 
#all-ete:checked ~ #all-ete_content,
#all-qa:checked ~ #all-qa_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #ff3679;
  color: #fff;
}

/* メニューナビ after効果  */
@media only screen and (max-width: 767px) {
ul.wcs-tabs-nav::after {
    font-family: "fontawesome";
    font-size: 1.7em;
    content: "\f101";
    color: #b5a28c;
    position: absolute;
    right: 3px;
    animation: blink 1.2s ease-in-out infinite alternate;
  }
}

/* アーカイブカードボックス デザイン */
span.m-rating {
    border: #ffce3b solid 1px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    background: #ffce3b;
    padding: 0px 6px;
    font-size: 0.9em;
    margin-right: 3px;
    width: 80px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.m-rating:before {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f005";
    color: #ffa92b;
    margin-right: 5px;
    position: inherit;
}

@media only screen and (min-width: 565px) {
   section.entry-content.cf span.m-rating {  width: 80px;
   }
}
@media only screen and (max-width: 564px) {
   section.entry-content.cf span.m-rating {  width: 80px;
    overflow: visible;
  }
}

span.m-price {
    border: #ffffff solid 1px;
    border-radius: 5px;
    color: #666;
    font-weight: bold;
    background: #ffffff;
    padding: 0px 6px;
    font-size: 0.9em;
    margin-right: 3px;
}
span.m-price:before {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f157";
    color: #b7a796;
    margin-right: 5px;
    position: inherit;
}

span.m-comment {
    border: #ffffff solid 1px;
    border-radius: 5px;
    color: #666;
    font-weight: bold;
    padding: 0px 6px;
    font-size: 0.9em;
    margin-right: 3px;
}
span.m-comment:before {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f075";
    color: #b9b9b9;
    margin-right: 3px;
    position: inherit;
}

span.m-transportation {
    border: #ccc solid 1px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    background: #ccc;
    padding: 0px 6px;
    font-size: 0.9em;
    margin-bottom: 5px;
}
span.m-transportation:before {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f207";
    color: #fff;
    margin-right: 5px;
    position: inherit;
}


span.m-heart {
    border: #ffffff solid 1px;
    border-radius: 5px;
    color: #666;
    font-weight: bold;
    padding: 0px 6px;
    font-size: 0.9em;
    margin-right: 3px;
}
span.m-heart:before {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f004";
    color: #f9b1d1;
    margin-right: 3px;
    position: inherit;
}
span.custom-bun { color: #888;
    font-size: 0.85em;
    margin: 14px 0px 10px 0px!important;
}

/* アーカイブカードボックス デザイン */
.archive_point_text {  font-size: 72%;
    font-weight: bold;
    color: #666;
  border-bottom: #b7a796 solid 0px;
}
.archive_point_text ul {  
}
.archive_point_text ul li {  
}
.archive_point_text p {
    text-align: center;
    color: #b7a796;
}
.archive_point_text p:after {
    font-family: FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0a9";
    color: #b7a796;
    margin-right: 4px;
    position: inherit;
}

span.categorie-tag-top {
    background: #eee;
    margin-bottom: 5px;
    font-size: 0.85em;
    padding: 3px 6px 0px 6px;
    font-weight: bold;
    color: #666;
}

/* カルーセルピックアップ枠 デザイン */

@media only screen and (min-width: 769px) {
  .carousel-pickup-box {
    background: #fff;
    max-width: 820px;
  }
  .carousel-pickup-post {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .carousel-pickup-post::-webkit-scrollbar{
    display:none;
  }
  .carousel-pickup-post ul {
    text-align: center;
    display: table;
    width: 100%;
  }
  .carousel-pickup-list li {
    width: 23%;
    margin: 1%;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-size: .9em;
    vertical-align: top;
    text-align: left;
    background: #fff;
    border: #eee solid 2px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 768px) {
  .carousel-pickup-box {
    background: #fff;
    margin-left: -0.9em;
    margin-right: -0.9em;
    padding-top: 10px;
   }
  .carousel-pickup-post {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .carousel-pickup-post::-webkit-scrollbar{
    display:none;
  }
  .carousel-pickup-post ul {
    text-align: center;
    display: table;
    width: 100%;
  }
  .carousel-pickup-list li {
    width:  250px;
    margin: 1%;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-size: .9em;
    vertical-align: top;
    text-align: left;
    background: #fff;
    border: #eee solid 2px;
    border-radius: 8px;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.carousel-pickup-list li a,  .carousel-social-list li a {
    display: block;
    text-decoration: none;
}

.carousel-pickup-list li .eyecatch {
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.carousel-social-list li .eyecatch {   padding-top: 0%;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.carousel-pickup-list li .eyecatch img,  .carousel-social-list li .eyecatch img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
   border-radius: 6px;
}

.carousel-pickup-list li .ttl, .carousel-social-list li .ttl {
    margin: 0;
    font-size: .85em;
}
.carousel-social-list li .ttl{
 text-overflow: ellipsis;
  overflow : hidden;
  display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
}

.carousel-pickup-list h3.ttl, .carousel-social-list h3.ttl {
    border-top: 0px solid;
    border-bottom: 0px solid;
    color: #555;
    white-space: normal;
    padding: 3px 6px;
    border-top: #eee 1px solid;
}

/* CSSだけでアコーディオン表示 */
.accbox {  margin: 2em 0;
    padding: 0;
    width: 100%;
}
.accbox label {
    display: block;
    margin: 1.5px 0;
    padding: 11px 12px;
    color: #606060;
    font-weight: bold;
    background: #ffffff;
    cursor: pointer;
    transition: all 0.5s;
    border: #ccc solid 1px;
    border-top: #ddd solid 0px;
}
.accbox label:before {
    font-family: FontAwesome;
    font-weight: normal;
    font-size: inherit;
    -moz-osx-font-smoothing: grayscale;
    speak: none;
    content: "\f055";
    margin-right: 4px;
    display: inline-block;
    line-height: inherit;
    color: #57a1d8;
}
.accbox label:hover {  background :#efefef;
}
.accbox input {  display: none;
}

.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.cssacc:checked + .accshow {
    height: auto;
    padding: 5px;
    background: #ffffff;
    opacity: 1;
    border: #ddd solid 1px;
    border-top: #ddd solid 0px;
}

/* カスタム投稿 上部レイアウト */

.single-post #main .article .eyecatch img, .single-product #main .article .eyecatch img, .single-mypost #main .article .eyecatch img, .single-ranking #main .article .eyecatch img, 
.single-esthe #main .article .eyecatch img, .single-gym #main .article .eyecatch img, .single-diet #main .article .eyecatch img, .single-hair #main .article .eyecatch img, .single-mens #main .article .eyecatch img, .single-skincare #main .article .eyecatch img, .single-dastumou #main .article .eyecatch img, .single-yoga #main .article .eyecatch img, .single-eyelash #main .article .eyecatch img, .single-area #main .article .eyecatch img, .single-jobs #main .article .eyecatch img, .single-qa #main .article .eyecatch img, 
.single-qa_simple #main .article .eyecatch img, .single-everyone_post #main .article .eyecatch img, .single-clinic #main .article .eyecatch img {
    margin: 0;
    height: auto;
    max-width: 100%;
    float: left;
    margin: 4px;
    border-radius: 0px;
}
.single-post ul.related-list img.attachment-post-thum.size-post-thum.wp-post-image {
    margin: 0px!important;
}

@media only screen and (max-width: 480px){
  .single-post h1.entry-title.single-title, .single-product h1.entry-title.single-title,  .single-mypost h1.entry-title.single-title, .single-clinic h1.entry-title.single-title,
  .single-esthe h1.entry-title.single-title, .single-gym h1.entry-title.single-title, .single-diet h1.entry-title.single-title, .single-mens h1.entry-title.single-title, .single-skincare h1.entry-title.single-title, .single-hair h1.entry-title.single-title, .single-dastumou h1.entry-title.single-title, .single-yoga h1.entry-title.single-title, .single-eyelash h1.entry-title.single-title, .single-area h1.entry-title.single-title, .single-jobs h1.entry-title.single-title, .single-qa h1.entry-title.single-title, .single-qa_simple h1.entry-title.single-title, .single-everyone_post h1.entry-title.single-title   {
    font-size: 1.1em;
   }
}

/* ページタイトルURLコピー  */
@media only screen and (min-width: 481px){
  .copy_btn {
    border: #ccc solid 2px;
    border-radius: 4px;
    text-align: center;
    color: #aaa;
    font-weight: bold;
    width: 280px;
    margin: 0px 6px;
    float: right;
   }
   .copied { background: #777;
    }
    p.owner_info {   color: #ccb18f;
    font-size: 12px;
    padding: 3px;
    margin: 0px;
    text-align-last: right;
   }
    p.owner_info a { color: #ccb18f;
   }
}
@media only screen and (max-width: 480px){
  .copy_btn {
    border: #ccc solid 2px;
    border-radius: 4px;
    text-align: center;
    color: #aaa;
    font-weight: bold;
    width: 200px;
    margin: 0px 6px;
    float: right;
    font-size: 0.7em;
   }
    p.owner_info {  display: none;
   }
}



/* インスタ埋め込み  */
.HoverCard, .Embed a.FollowButton, a.FollowButton, .FollowButton .FollowText {  display: none!important;
}

@media only screen and (min-width: 481px){
.carousel-insta-imgbox  {
    background: #f7f7f7;
    padding-top: 8px;
    overflow: auto !important; /* ios対応  */
    -webkit-overflow-scrolling: touch !important; /* ios対応  */
    }
}
@media only screen and (max-width: 480px){
.carousel-insta-imgbox  {
    background: #f7f7f7;
    margin-left: -0.9em;
    margin-right: -0.9em;
    padding-top: 8px;
    overflow: auto !important; /* ios対応  */
    -webkit-overflow-scrolling: touch !important; /* ios対応  */
    }
}

.carousel-insta-box {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 5px;
    margin-top: 6px;
}

span.carousel-top {  background: #fff;
    margin: 15px 0px 15px 15px;
    margin-bottom: 16px!important;
    padding: 3px;
    font-size: 0.8em;
    font-weight: bold;
    margin-left: 0.6em;
}
span.carousel-pr {  background: #fff;
    margin: 15px 0px 15px 15px;
    margin-bottom: 16px!important;
    padding: 3px;
    font-size: 0.8em;
    font-weight: bold;
    margin-left: 1.5em;
    color: #b7a796;
}

.insta-imgbox iframe { max-width: 200px!important;
  width: 200px!important;
  border: 0px solid #ccc!important;
  height: 260px;
  margin-top: -50px!important;
}

/* カレンダー レイアウト */

h4.sub { font-size: 0.9em; }

.reservationSingle,  {  margin: 0px;  width: 100%;}

@media only screen and (min-width: 980px) {
   .reservationSingle-archive {  
    margin: 0px; 
    width: 500px;
  }
}
@media only screen and (max-width: 979px) {
   .reservationSingle-archive {  
    margin: 0px; 
    width: 100%;
  }
 }
 
.reservationSingle table, { width: 100%; }
.reservationSingle-archive table  {   width: 100%;  font-size: 8em!important; margin-bottom: 0.3em!important; }

@media only screen and (min-width: 481px) {
  .reservationSingle-archive table  { 
  width: 100%; 
  font-size: 0.1em!important; 
  margin-bottom: 0.3em!important;
  }
  .reservationSingle-archive table caption { font-size: 8em!important; font-weight: bold; color: #999; padding: 5px 0; 
margin: 0 0 0px!important; text-align: left; width: 200px;
  }
}
@media only screen and (max-width: 480px) {
  .reservationSingle-archive table  { 
  width: 100%; 
  font-size: 0.8em!important; 
  margin-bottom: 0.3em!important;
  }
  .reservationSingle-archive table caption { font-size: 1em!important; font-weight: bold; color: #999; padding: 5px 0; 
margin: 0 0 0px!important; text-align: left; width: 200px;
  }
}

.reservationSingle table caption { font-size: 150%; font-weight: bold; color: #999; padding: 5px 0; 
margin: 0 0 0px!important;
}

.reservationSingle table tr th { border: solid 1px #ffffff;
    border-bottom: solid 1px #ccc;
    padding: 3px;
    background: #ffffff;
    color: #c7b9a7;
    text-align: center;
}
.reservationSingle-archive table tr th { border: solid 1px #ffffff;
    border-bottom: solid 1px #ccc;
    padding: 3px;
    background: #ffffff;
    color: #c7b9a7;
    text-align: center;
}

.reservationSingle table tr th.sun, .reservationSingle-archive table tr th.sun { background: #ffffff;  color: #f9b1d1; }
.reservationSingle table tr td { border: solid 1px #ccc; padding: 3px 3px 15px 3px; text-align: center; line-height: 1.2; width: 14%; color: #FF5722;  font-weight: 900;
}
.reservationSingle-archive table tr td { border: solid 0px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    padding: 3px 10px 15px 10px; text-align: center; line-height: 1.2; width: 14%; color: #FF5722;  font-weight: 900;
}

.reservationSingle table tr td.sun, .reservationSingle-archive table tr td.sun { background: #fff0f7; }
.reservationSingle table tr td.holiday, .reservationSingle-archive table tr td.holiday  {  background: #fff0f7; }
.reservationSingle table tr td.today, .reservationSingle-archive table tr td.today {  background: #ebffea;}
.reservationSingle table tr td span.day {  display: block;
    text-align: left;
    color: #999;
    font-weight: bold;
}
.reservationSingle-archive table tr td span.day {  display: block; text-align: center; color: #999; font-weight: bold;
}
.reservationSingle table tr td span.off, .reservationSingle-archive table tr td span.off { font-size: 85.7%; color: #999; }
.reservationSingle table tr td span.undecided, .reservationSingle-archive table tr td span.undecided { font-size: 85.7%; color: #999; }
.reservationSingle .summary { margin: 0 0 0px; text-align: right; font-size: 0.7em; }
.reservationSingle-archive .summary, p.summary  { margin: 0 0 0px; text-align: left; font-size: 0.7em; }

.reservation-single .backToList { text-align: center; margin-bottom: 20px; }
.reservation-single .backToList a { display: inline-block; background: #999; color: #fff; padding: 0 10px; 
	font-size: 85.7%; line-height: 30px; font-weight: normal; 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
}

/* 関連C ブログカード */
@media only screen and (min-width: 680px) {
  .kanren-c {
    border: #eee solid 3px;
    border-radius: 8px;
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 3px #e2e2e2;
  }
  span.tbcell.tbimg {  float: left;
  }
  span.tbcell.tbtext {  color: #555;
    font-weight: bold;
  }
  span.tbcell.tbimg img {
    margin-bottom: 0px;
    margin-right: 10px;
    border-radius: 8px 0px 0px 8px;
  }
  .kanren-c span.m-price { display: block;
     margin-bottom: 6px;
  }
  .kanren-c-botton,  span.kanren-c-botton {  float: left;
  background: #ff3679;
    color: #fff;
    font-weight: bold;
    width: 20%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
    .kanren-rank-botton {  float: left;
    background: #9eccef;
    color: #fff;
    font-weight: bold;
    width: 48.4%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
    ol.default-ranking .kanren-rank-botton, .WP-Popular-Posts ul ul div.kanren-rank-botton {  float: left;
    background: #ddd;
    color: #fff;
    font-weight: bold;
    width: 48.4%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
   .WP-Popular-Posts ul ul div.kanren-rank-botton{  background: #9eccef!important;
   } 
}
@media only screen and (max-width: 679px) {
  .kanren-c {
    border: #eee solid 3px;
    border-radius: 8px;
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 3px #e2e2e2;
  }
  span.tbcell.tbimg { float: none;
  }
  span.tbcell.tbtext {  color: #555;
    font-weight: bold;
    padding: 5px;
  }
span.tbcell.tbimg img {  width: 100%;
    margin-bottom: 3px;
    border-radius: 8px 8px 0px 0px;
}
  .kanren-c span.m-price { display: block;
     margin-bottom: 6px;
  }
  .kanren-c-botton,  span.kanren-c-botton{  float: left;
    background: #9eccef;
    color: #fff;
    font-weight: bold;
    width: 48%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
   .kanren-rank-botton {  float: left;
    background: #9eccef;
    color: #fff;
    font-weight: bold;
    width: 20%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
    ol.default-ranking .kanren-rank-botton, .WP-Popular-Posts ul ul div.kanren-rank-botton {  float: left;
    background: #ddd;
    color: #fff;
    font-weight: bold;
    width: 48%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
   .WP-Popular-Posts ul ul div.kanren-rank-botton{  background: #9eccef!important;
   } 
}
.kanren-c p {   margin: 3px !important;
    padding: -12px;
}

/* 関連C ブログカード ランキング */

.ranking-bigbox, .pr-bigbox  {  counter-reset: number 0;
   display: flex; /* 逆表示  */
    flex-direction: column-reverse; /* 逆表示  */
}

.ranking-bigbox .kanren-c, .pr-bigbox .kanren-c {  counter-reset: number 0;
    counter-reset: wpp-ranking;
}
.ranking-bigbox .kanren-c::before { counter-increment: number 1;
    content: counter(number);
    background: #ceb18c;
    border: #fff solid 3px;
    color: #fff;
    width: 1.8em;
    height: 1.8em;
    font-size: 1em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    display: block;
    text-align: center;
    line-height: 1.75em;
    border-radius: 50%;
    position: absolute;
}

.pr-bigbox .kanren-c::before {
    content: "PR";
    background: #ceb18c;
    border: #fff solid 3px;
    color: #fff;
    width: 1.8em;
    height: 1.8em;
    font-size: 1em;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    display: block;
    text-align: center;
    line-height: 1.75em;
    border-radius: 50%;
    position: absolute;
}

/* WWP ランキングカスタマイズ */
@media only screen and (min-width: 481px){
   h3.wwp-rank {  margin: 0px;
    margin-top: -12px!important;
    border: 0px!important;
    font-size: 1em;
    width: 100%;
    }
}
@media only screen and (max-width: 480px){
   h3.wwp-rank {  margin: 0px;
    margin-top: -12px!important;
    border: 0px!important;
    font-size: 1em;
    }
}

ol.wpp-list2 li img {  float: left;
  margin-right: 10px;
}
.widget.wpp-plus-widget ul.wpp-list img {
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 8px;
    float: left;
}

/* WPP カスタマイズ（サイド）ランキング */
.WP-Popular-Posts ul li a img, .widget.wpp-plus-widget ul li a img {    float: left;
    width: 100px;
    height: 80px;
  margin-right: 5px;
  border: #eee 1px solid;
}
.WP-Popular-Posts h3.wwp-rank { margin-top: -5px!important;
}
.widget.wpp-plus-widget h3.wwp-rank {  margin-top: -2px!important;
}

/* タグサーチ */
.tag-search {
    background: #c7b8a7!important;
    width: ;
    width: 100%;
    font-weight: bold!important;
}

/* 新規登録css フォームページのみ */
.page-id-8182 .um-form div.um-col-121 {  background: #fffcf3;
  margin-top: 10px;
  padding-bottom: 10px;
}
.page-id-8182 .um-form div.um-col-121:before {  content: "※この色の部分は入力必須となります。";
}

p.footer-link {
    margin-top: 15px;
    padding: 0px;
    text-align: center;
    color: #666;
}
p.footer-link a{ color: #666!important;
}

/* umプロフページ */
@media only screen and (max-width: 341px) {
  div.um-item {
    padding: 0px !important;
  }
  img.attachment-medium.size-medium.wp-post-image {
    border-radius: 0px 0px 7px 7px!important;
  }
  .um-item-img a img.attachment-medium.size-medium.wp-post-image {
    max-width: 100%!important;
   }
  .um-item-img {  margin-bottom: -7px!important;
   }
}
.um-profile-subnav {  background: #efe5db!important;
}
a.um-profile-photo-img.no-icon {  border: #ccc solid 0px;
}

a.pagi.pagi-arrow.um-tip-n {  border: #eee solid 1px;
    border-bottom: #eee solid 1px!important;
}
span.pagi.pagi-arrow.disabled {  border: #ccc solid 1px;
    border-bottom: #ccc solid 1px!important;
}

/* コメント投稿枠のcss制御 */
input#imMan, input#imWoman {  width: 17px;
}

/* Comments Fields 非表示 */
p.comment-healthcaretype, p.comment-diettype, p.comment-gymtype, p.comment-scalptype, p.comment-agatype, p.comment-skintype { display:none;
}

/* Comments Fields 一部表示 */
.gym-template-default.single.single-gym p.comment-diettype {  display: inline;
}
.skincare-template-default.single.single-skincare p.comment-skintype {  display: inline;
}
.hair-template-default.single.single-hair p.comment-scalptype {  display: inline;
}


.comment-content ul li:nth-child(2), .comment-content ul li:nth-child(3), .comment-content ul li:nth-child(4), .comment-content ul li:nth-child(5), .comment-content ul li:nth-child(6) { 
  display: none;
}

/* Comments Fields UI一部表示 2健康ケアの目的 3ダイエット 4頭皮タイプ 5薄毛のタイプ 6肌質のタイプ */

.gym-template-default.single.single-gym .comment-content ul li:nth-child(3) {  display: inline;
}
.hair-template-default.single.single-hair .comment-content ul li:nth-child(4) {  display: inline;
}
.skincare-template-default.single.single-skincare .comment-content ul li:nth-child(6) {  display: inline;
}

/* カテゴリー分岐CSS 2健康ケアの目的 3ダイエット 4頭皮タイプ 5薄毛のタイプ 6肌質のタイプ */
.categoryid-1192 p.comment-diettype, .categoryid-1192 .comment-content ul li:nth-child(3) {  display: inline;
}

/* タグ分岐 */
article.tag-6646 p.comment-skintype, article.tag-skincare-reviews p.comment-skintype, article.tag-skincare-item-reviews p.comment-skintype, article.tag-6646 .comment-content ul li:nth-child(6), article.tag-skincare-reviews .comment-content ul li:nth-child(6) {
    display: inline!important;
}


/* WD Google Maps */
.gmwd_store_locator_container h3 {  font-size: 1em!important;
}
.gmwd_store_locator_container {  background: #fffbf1!important;
}

.gmwd-infowindow-description  {
    background: #fff;
    font-weight: bold; 
    padding: 2px; 
}
.gmwd-infowindow-description a { color: #fff!important;
}
.gmwd-infowindow-title { font-weight: bold;
}
.gmwd-infowindow-address {  font-size: 0.01em;
}

a.review-middle-button, a.review-top-ad, a.review-top-button {  color: #fff; font-size: 13px; font-weight: bold;
}

nav.menu-sp.cf {  border-bottom: #efefef solid 2px;
}
nav.menu-sp.cf::-webkit-scrollbar {
    display: none;
}

a.button-link {
    float: left;
    height: 40px;
    padding-top: 5px;
    width: 31.4%;
    background: #e8e3da;
    text-align: center;
    margin-right: 5px;
    border-radius: 3px;
    color: #b9a691!important;
    font-size: 1.18em;
    display: block;
}

h2.toppage.topcenter {  text-align: center;
    margin-bottom: 0px;
}
/* 固定ページ一部ページタイトル none */
.post-9191 h1.entry-title.page-title, .post-9508 h1.entry-title.page-title, .post-9513 h1.entry-title.page-title, .post-10753 h1.entry-title.page-title
.post-14213 h1.entry-title.page-title, .post-14218 h1.entry-title.page-title, .post-114216  h1.entry-title.page-title, .page-id-14213 h1.entry-title.page-title {
    display: none;
}
.post-9191 .eyecatch, .post-9508 .eyecatch,  .post-9513 .eyecatch, .post-10753 .eyecatch, .post-12642 .eyecatch,
.post-14213 .eyecatch, .post-14218 .eyecatch, .post-14216 .eyecatch
{
    display: none;
}

.button-area {  margin-top: 15px;
}

ul.sidebar-menu li a {
    width: 49%;
    float: left;
    text-align: center;
    font-weight: bold;
    color: #757575;
    padding: 5px 0px 5px 0px;
    border: #eee solid 1px;
    border-top: #ccc solid 0px;
    border-right: #ccc solid 0px;
}

/* カルーセル（投稿者）ピックアップ枠 デザイン */
.author-list-box {
    background: #fff;
    margin-left: -0.9em;
    margin-right: -0.9em;
    padding-top: 10px;
    max-width: 920px;
}
.author-list-post {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.author-list-post::-webkit-scrollbar{
    display:none;
}
.author-list-post ul {
    text-align: center;
    display: table;
    width: 100%;
}
.author-list-post li {
width: 250px; 
    margin: 1%;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-size: .9em;
}
p.name {    font-size: 0.6em;
    font-weight: bold;
    width: 80px!important;
    margin-right: 5px!important;
    text-align: center;
}

a.review-bottom-site-ad, a.review-bottom-ad { color: #fff; font-size: 13px;
}
.tab_content_description p {  font-size: 0.9em;
}

.author-list-post figure.eyecatch, .carousel-pickup-list li figure.eyecatch {  display: block!important;
}

/*  wp_ulike アプデ修正css */

.wp_ulike_general_class.wp_ulike_is_not_liked {
    width: 160px;
}

.um-profile-subnav {  background: #efe5db!important;
}
a.um-profile-photo-img.no-icon {  border: #ccc solid 0px;
}

span.count-box {  margin-top: 20px;
}

@media only screen and (min-width: 361px){
  .wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_not_liked, .wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_liked {
    width: 200px!important;
    margin-top: 120px;
  }
}
@media only screen and (max-width: 360px){
  .wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_not_liked, .wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_liked {
   margin-top: 160px;
    width: 200px!important;
  }
}
  
a.wp_ulike_btn.wp_ulike_put_image {  margin-top: 0px;
}
.wpulike.wpulike-heart .wp_ulike_general_class.wp_ulike_is_not_liked span.count-box {
    margin-top: 0px;
}

section.entry-content.cf .carousel-tagbox {  max-width: 900px;
}
ul.wcs-tabs-nav.wc-shortcodes-clearfix {  max-width: 900px;
}

.entry-content blockquote::before, .entry-content blockquote::after {
    color: #b9a993!important;
}

.comment-respond label { background: #fff;
    color: #f44336;
    border-radius: 4px;
    padding: 5px;
}

.gray-box {    background: #f3f3f3;
    margin-left: -10px !important;
    margin-right: -9px !important;
    padding-top: 10px !important;
    padding-bottom: 20px;
}
p.ranking-box {  color: #555;
    font-size: 0.85em;
    margin: 14px 0px 10px 0px!important;
}
p.ranking-box-pr, p.ranking-box-price {  color: #555;
    font-size: 0.85em;
    margin-bottom: 0.5px!important;
    font-weight: bold;
}
p.ranking-box-price span {
    color: #e85656;
      font-weight: bold;
}
p.ranking-box-pr span {  color: #555;
    font-size: 0.85em;
    margin: 0px;
    padding: 1px;
    border-radius: 4px;
    border: #ccc 1px solid;
}

select#tag {  margin-top: 55px!important;
}
.rank-s2 {    width: 300px;
    margin: 4px 0px 0px 0px;
    padding: 3px 0px 3px 0px!important;
    font-weight: bold !important;
    background: #c7b8a7!important;
  border-bottom: #ab9a8a 4px solid !important;
}

.top-gym-backgrand p.search-top {  color: #f1475a;
}
h4.rank-main {  margin: 0px;
    font-size: 0.85em;
    text-align: center;
    border-top: #ade6aa solid 3px;
}

/*  area cpu ui ranking tabs css */
.area-template-default .wc-shortcodes-tabs .tab-content {
    border-left: solid 0px #cccccc;
    border-right: solid 0px #cccccc;
    border-bottom: solid 0px #cccccc;
    padding: 0px 10px 10px 10px !important;
}

.area-template-default .wpp-list2 li, .default-ranking li {
    width: 99%!important;
    float: left;
    border: 2px #eee solid;
    border-radius: 8px;
    padding: 10px 6px 8px 0px;
    padding-left: 10px !important;
    margin: 8px 3px 8px 3px !important;
    background: #fff;
    box-shadow: 0 0 5px #e2e2e2;
}


body.single .search-center input#s,body.single .search-center select#cat  {  width: 300px!important;
}
body.single-top_page .search-center input#s, body.single-top_page .search-center select#cat {  width: 206px !important;
}

body.area-template-default.single .search-center input#s, body.area-template-default.page .search-center .search-center select#cat {
    width: 290px!important;
}
body.area-template-default.page .search-center input#s, body.area-template-default.page .search-center .search-center select#cat {
    width: 206px!important;
}

.white-box {  background: #fff;
}
.white-box p.main {  margin-left: 6px;  margin-right: 6px;
}

/* 関連C ブログカード(boxタグ) */
@media only screen and (min-width: 680px) {
  .kanren-box {
    border: #eee solid 3px;
    border-radius: 8px;
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 3px #e2e2e2;
  }
  span.tbcell.tbimg {  float: left;
  }
  .kanren-box span.tbcell.tbtext {  color: #555;
    font-weight: bold;
    display: block;
    white-space: normal;
  }
  span.tbcell.tbimg img {
    margin-bottom: 0px;
    margin-right: 10px;
    border-radius: 8px 0px 0px 8px;
  }
  .kanren-box span.m-price { display: block;
     margin-bottom: 6px;
  }
  .kanren-box-botton {  display: none;
   } 
    .kanren-rank-botton {  float: left;
    background: #9eccef;
    color: #fff;
    font-weight: bold;
    width: 48.4%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
    ol.default-ranking .kanren-rank-botton, .WP-Popular-Posts ul ul div.kanren-rank-botton {  float: left;
    background: #ddd;
    color: #fff;
    font-weight: bold;
    width: 48.4%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
   .WP-Popular-Posts ul ul div.kanren-rank-botton{  background: #9eccef!important;
   } 
}
@media only screen and (max-width: 679px) {
  .kanren-box {
    border: #eee solid 3px;
    border-radius: 8px;
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 0 3px #e2e2e2;
  }
  span.tbcell.tbimg { float: none;
  }
  .kanren-box span.tbcell.tbtext {  color: #555;
    font-weight: bold;
    display: block;
    white-space: normal;
  }
span.tbcell.tbimg img {  width: 100%;
    margin-bottom: 3px;
    border-radius: 8px 8px 0px 0px;
}
  .kanren-box span.m-price { display: block;
     margin-bottom: 6px;
  }
  .kanren-box-botton {  float: left;
    background: #9eccef;
    color: #fff;
    font-weight: bold;
    width: 48%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
   .kanren-rank-botton {  float: left;
    background: #9eccef;
    color: #fff;
    font-weight: bold;
    width: 20%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
    ol.default-ranking .kanren-rank-botton, .WP-Popular-Posts ul ul div.kanren-rank-botton {  float: left;
    background: #ddd;
    color: #fff;
    font-weight: bold;
    width: 48%;
    border-radius: 5px;
    font-size: 0.9em;
    padding: 4px 4px 2px 4px;
    margin: 0px 2px 2px 2px;
    text-align: center;
   } 
   .WP-Popular-Posts ul ul div.kanren-rank-botton{  background: #9eccef!important;
   } 
}


@media only screen and (min-width: 769px) {
  ul.kanrenbox-carousel-pickup-list {
    text-align: center;
    display: table;
    width: 100%;
    background: #fff;
  }
  .kanrenbox-carousel-pickup-list li {
    width: 190px;
    margin: 0%!important;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-size: .9em;
    vertical-align: top;
    text-align: left;
    background: rgba(255,255,255,0.15);
    border: #eee solid 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 768px) {
  ul.kanrenbox-carousel-pickup-list {
    text-align: center;
    display: table;
    width: 100%;
  }
  .kanrenbox-carousel-pickup-list li {
    width: 250px;
    margin: 0.5%!important;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-size: .9em;
    vertical-align: top;
    text-align: left;
    background: rgba(255,255,255,0.15);
    border: #eee solid 0px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

.kanren-next-box {
    border: #eee solid 3px;
    border-radius: 8px;
    width: 99%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 3px #e2e2e2;
    margin-top: 50px;
    border-radius: 120px;
    text-align: center;
    padding: 60px 0px 40px 0px;
}

.kanrenbox-carousel-pickup-list li:Before {  display: none!important;
}

a.review-top-ad, a.review-top-review {  background: #76b4e2!important;
}
.um-members-follow-stats span {  font-weight: bold;
}
.um-followers-user-name a {  color: #b59e87!important;
}

div#sidebar p.ranking-box-pr span {  color: #fff;
    background: #e4d5c8;
    border: #ccc 0px solid;
    margin: 2px;
}

div#inner-header input#s {  border-radius: 0px!important;
    background: #333333e6;
    color: #fff!important;
}
div#inner-header input#s::placeholder {  color: #fff!important;
}

div#content img.attachment-post-thumbnail {  
  margin-bottom: 5px!important;
}

.carouselwrap .eyecatch {  border-radius: 8px;
}

.carouselwrap .eyecatch img {  border: #eee 2px solid;
}

@media only screen and (min-width: 650px) {
  #inner-footer p.main span {  border: #fff 1px solid;
    padding: 3px;
    border-radius: 6px;
    font-size: 1.15em;
   }
}
@media only screen and (max-width: 649px) {
  #inner-footer p.main span {  border: #fff 0px solid;
    padding: 3px;
    border-radius: 6px;
    font-size: 1.15em;
   }
   #inner-footer p.main {
    border: #fff 1px solid;
    padding: 3px;
    border-radius: 6px;
    font-size: 1.15em;
   }
}


/* close */
.close {  background: #ff6357;
    color: #fff;
    font-weight: bold;
    padding: 6px;
    margin: 10px;
    margin-bottom: 30px;
}
.close a {  color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

.wp-editor-container textarea.wp-editor-area {    background: #000;
    color: #fff;
}

.um-col-1 {  background: #ffffff;
    border-radius: 5px;
    padding: 10px;
    padding-bottom: 20px;
    border: #f5f5f5 3px solid;
    margin: 5px;
}

@media screen and (max-width: 500px)
.um-followers-user-btn {    padding-top: 15px!important;
}

.posted_box {   background: #f7e6d55e;
    padding: 10px;
}
.posted_box_border {
    border: #e8c9ac 5px solid;
    padding: 10px;
    margin-bottom: 30px;
    border-radius: 20px;
}

.cwp-item a, .pros a {  color: #333;
}
/* コメント投稿画像 */
p.comment-image-reloaded {  width: 300px;
  border: #e0e0e0 0px solid;
}

p.comment-awaiting-moderation {    display: none;
}

.t1button { color: #dc678d;
    font-weight: bold;
}
.s300 {    width: 300px;
}

/* === Post Adsense Layout ==== */

@media screen and (min-width:763px) {
  .adsense-kijishita{
     padding: 0px 0px 0px 0px;
     margin-bottom: 0px;
     overflow: visible; 
     border: 0px solid black;
  }  
  .adsense-left{
     float:left;
     width: 50%;
     text-align: center;
     padding: 0px 0px 0px 0px;
     border: 0px solid red;
  }
  .adsense-right{
     float:right;
     width: 50%;
     text-align: center;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     border: 0px solid blue;
  }
}
@media screen and (max-width:840px) { 
  .adsense-kijishita{
     padding: 0px 0px 0px 0px;
     margin-bottom: 0px;
     overflow: visible; 
     border: 0px solid black;
  }  
  .adsense-left{
     margin: 0 auto; 
     width: 250px;
     text-align:center;
     padding: 0px 0px 0px 0px;
     border: 0px solid red;
  }
  .adsense-right{
     float:right;
     text-align: right;
     margin: 0px 0px 0px 0px;
     padding: 0px 0px 0px 0px;
     border: 0px solid blue;
  }
}
@media screen and (max-width:980px) { 
  .adsense-kijishita{
     padding: 0px 0px 0px 0px;
     margin-bottom: 0px;
     overflow: visible; 
     border: 0px solid black;
  }  
  .adsense-left{
     margin: 0 auto;
     width: 100%;
     text-align:center;
     padding: 0px 0px 0px 0px;
     border: 0px solid red;
  }
  .adsense-right{
     display: none;
  }
}

a.EmbeddedMedia, a.HoverCardRoot, a.Username, a.ViewProfileButton {  pointer-events: none;
}
.Embed .Header, .Embed .Footer, .Embed .SocialProof, .Embed .Feedback { display: none!important;
}
.Embed .Header { display: none!important;
}

img.instalogo {  height: 20px!important;
}

p.insta-caption a { color: #ccc;
    font-size: 0.95em;
}

.insta_article_content p {  margin: 0px!important;
}
img.insta_photo { width: 300px;
      margin: 0px!important;
}
.insta_user_info {  display: table;
    width: 300px;
    margin-top: 5px;
}
.insta_user_info_logo {  width: 86px;
    text-align: right;
}
.insta_user_info_logo img {  vertical-align: middle;
    height: 20px;
}
.insta_user_info_logo {  width: 86px;
    text-align: right;
}
.insta_user_info_logo a {  color: #ccc;
    font-size: 0.85em;
}

.insta_user_info_logo, .insta_user_info_profile, .insta_user_info_contentBlock_link {
    display: table-cell;
}

p.ads {  margin: 0px;
    color: #adadad;
}

.r-campaign-box {
    border: #7fb4df solid 3px;
    border-radius: 5px;
    text-align: center;
    max-width: 300px;
    margin: 0 auto;
}
p.r-campaign-box-title { font-weight: bold;
}
a.r-campaign-box {
    background: #7fb4df;
    color: #fff!important;
    padding: 4px;
}

p.net-buy {  font-weight: bold;
    color: #ff4c89;
    font-size: 0.95em;
    text-align: center;
}

img.carousel_insta_photo {   width: 250px;
    margin: 0px!important;
}
.carousel_insta_user_info {
    display: table;
    width: 250px;
    margin-top: 5px;
}

/* === insta original embedded ==== */
.insta-backgrand { background: #F7F7F7;
  padding-top: 1px;
}
p.insta-p {
    font-size: 0.85em;
    margin-left: 8px!important;
}

@media only screen and (min-width: 650px) {
    .insta-border {
    border: #efefef 2px solid;
    background : #fff;
    padding: 0px 0px 0px 0px;
    margin: 5px;
    overflow: visible;
    display: flex;
    border-radius: 8px;
    }
   .insta_article_content { width: 300px;
      float: left;
   }
   .insta_article_content_right {
    width: 400px;
    float: left;
    padding: 5px 0px 0px 15px;
   }
}
@media only screen and (max-width: 649px) {
    .insta-border {
    border: #efefef 2px solid;
    background : #fff;
    padding: 0px 0px 0px 0px;
    margin: 5px;
    overflow: visible;
    /* display: flex; */
    border-radius: 8px;
    }
    .insta_article_content { width: 100%;
   }
   .insta_article_content_right {
    width: 400px;
    padding: 5px 0px 0px 15px;
    }
}


a.EnlighterJSRawButton, a.EnlighterJSInfoButton {  display: none!important;
}
ul.hoverEnabled li.odd:before, ul.hoverEnabled li.even:before {
    display: none!important;
}

/* more css layout */
.accordion-box {
    position: relative;
}
.accordion-box label {
    height: 140px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 95%) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(85 102 111 / 95%) 90%);
}
.accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
}
.accordion-box label:after {
    content: "Read more"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 2.5rem;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #444;
    background-color: #2cceff;
    width: 18.75rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.accordion-box label:before {
    content: "↓";
    font-weight: 700;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    background-color: #fff;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.accordion-box input {
    display: none;
}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 200px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


.accordion-box input:checked + label { display: none; 
}
.accordion-box input:checked + label:after {
    content: "close";
}
.accordion-box input:checked + label:before {
    content: "↑";
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}

/* socials-tabs layout */
.socials-tabs ul li { width: 50%!important;
}
.socials-tabs .tab-content {  background: #f5f5f5;
}

@media screen and (min-width: 451px) {
   .socials-tabs.wc-shortcodes-tabs .tab-content{
    background: #f5f5f5;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 20px 10px 20px 10px !important;
    }
    .top-tabs.wc-shortcodes-tabs .tab-content{
    background: #f5f5f5;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-top: solid 2px #ade6aa;
    padding: 0px !important;
    margin-left: 0.9em;
    margin-right: 0.9em;
    }
   .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a,  .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a {
    font-size: 0.8em;
    border-width: 3px 3px 0 3px;
    border-color: #ade6aa;
    font-weight: bold;
    border-radius: 3px 3px 0 0px;
    color: #ffffff;
    background: #ade6aa;
    }
    .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav,  .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav  {  border-bottom: solid 0px #ade6aa;
    margin-left: -0.9em;
    margin-right: -0.9em;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
    .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav  {  border-bottom: solid 0px #ade6aa;
    margin-left: 0em;
    margin-right: 0em;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
}
@media screen and (max-width: 450px) {
    .socials-tabs.wc-shortcodes-tabs .tab-content {
    padding: 20px 10px 20px 10px !important;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #f5f5f5;
    }
    .socials-tabs.wc-shortcodes-tabs .tab-content {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    background: #f5f5f5;
    padding: 20px 3px 20px 3px !important;
    }
    .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li a {
    font-size: 0.7em;
    padding: 10px 12px;
    border-width: 3px 3px 0 3px;
    font-weight: bold;    
    border-color: #abe4a8;
    border-radius: 3px 3px 0 0px;
    color: #fff;
    background: #abe4a8;
    }
    .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav {  border-bottom: solid 2px #ade6aa;
    margin-left: -0.9em;
    margin-right: -0.9em;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
  .socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav  {  
    margin-left: -0.9em;
    margin-right: -0.9em;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    }
}
ul.wcs-tabs-nav::-webkit-scrollbar {  display: none;
}

.socials-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li.wcs-state-active a, .top-tabs.wc-shortcodes-tabs ul.wcs-tabs-nav li.wcs-state-active a {
    color: #ad9b88;
    background: #fff;
}

ul.hoverEnabled li { width: 100%!important;
}

.insta-border .comment-author img {  border-radius: 6px 0px 0px 0px;
}

/* qand layout */
.qa-template-default .commentlist .reply a, .qa-single-template-default .commentlist .reply a { display: block;
    background: #65a3d5;
    color: #fff;
    width: 130px;
    border-radius: 5px;
    float: right;
}

.qa-template-default .comment-body, .qa-single-template-default .comment-body { background: #fff!important;
}

/* 内部リンク 投稿者 layout */
.lkc-internal-wrap {    border: 2px solid #e0e0e0!important;
    border-radius: 10px!important;
    max-width: 100%!important;
    background-color: #ffffff!important;
}

.author-post-list-box {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.author-post-list-box ul li {
    float: left;
    height: 100px;
    text-align: center;
    font-size: 0.75em;
    list-style: none;
}
.author-post-list-box ul li a img {  width: 80px;
}

p.author-post {
    border-left: #777 solid 4px;
    padding-left: 5px;
    font-weight: bold;
    color: #777;
    font-size: 0.9em;
    margin-top: -30px;
}
p.author-post-name {  margin: 0px;
    font-weight: bold;
    color: #777777;
}

/* we Heart it layout */
a.image, .item, .entries .item a {  
    /* pointer-events: none !important; */  
  pointer-events: all !important;
}
.iframe-content p.caption a {  position: relative;
}

@media screen and (min-width: 551px) {
.iframe-content {
   position: relative;
    width: 100%;
    padding: 50% 0 0 0;
   }
}
@media screen and (max-width: 550px) {
.iframe-content {
   position: relative;
   width: 100%;
    padding: 75% 0 0 0;
   }
}

.iframe-content iframe {    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.iframe-content iframe {  pointer-events: none !important;
}

/* pr box layout */
.review-pr-box {
    border: #7fb4df solid 3px;
    border-radius: 5px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}
.product-pr-box {
    border: #ff9800 solid 3px;
    border-radius: 5px;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
}

h4.home {  border-top: 3px solid #ade6aa;
    color: #ade6aa;
    margin: 10px 0px 10px 0px;
    text-align: center;
    padding: 0px;
    height: 24px;
    font-size: 1.15em;
}

/* pz linkcard customize */
@media screen and (min-width: 461px) {
   .single-post-list .lkc-title-text {
    font-size: 16px;
   }
}
@media screen and (max-width: 460px) {
   .single-post-list .lkc-title-text {
    font-size: 15px;
   }
}

.single-post-list .linkcard {  margin: 4px;
}
.single-post-list .lkc-content {
    height: 78px;
    padding-top: 5px;
}
.single-post-list .lkc-internal-wrap {
    border-top: 2px solid #efefef!important;
    border-radius: 0px!important;
    border-bottom: 0px!important;
    max-width: 100%!important;
    border-right: 0px!important;
    border-left: 0px!important;
    background-color: #ffffff!important;
}

p.archive {   font-size: 0.65em;
    font-weight: bold;
    color: #565656;
}

/* qa_simple layout */
.comment-content a {  font-size: 1.14em;
    font-weight: bold;
}

.qa_simple-template-default h1.entry-title.single-title, .talk-template-default h1.entry-title.single-title  {     background: #efefef;
    border-left: #e91e63 5px solid;
    padding: 5px 5px 5px 3px;
    text-shadow: 3px -3px 3px #85f9f5d1, -2px 3px 2px #fe2c55d6;
}
.qa_simple-template-default .article-header .eyecatch img, .talk-template-default .article-header .eyecatch img { display: none;
}
.qa_simple-template-default a.comment-reply-link, .talk-template-default a.comment-reply-link {  display: block;
}

.c_box.yellow_box {  background: #fcf4d8!important;
    border-color: #fcf4d8!important;
    color: #636546;
}
.c_box.yellow_box .box_title span {  background: #ffc109!important;
}
p.qa-bottom {  text-align: center;
    font-weight: bold;
    color: #aaa;
    font-size: 0.84em;
}

.best-answer:after {  font-size: 13px;
    padding-left: 3px;
    font-weight: bold;
    content: "ベストアンサー";
}
.best-answer {    width: 130px;
    background: #ade6aa;
    border-radius: 8px;
    padding-left: 5px;
    color: #666;
}

/* qa archive list layout */
.qa-archive-list .post-list {  width: 97%!important;
}
.qa-archive-list h1.h2.entry-title {  padding-top: 3px;
}
.qa-archive-list .post-list a{  padding-bottom: 0%!important; 
}
.qa-archive-list .post-list .eyecatch { width: 140px;
  float: left;
  margin-right:5px!important;
}

/* tab-link-menu  layout */
li.menus {
    width: 200px;
    height: 80px;
    background-image: url(/wp-content/uploads/2019/02/gym200.jpg);
    background-size: 200px;
    border: #fff solid 1px;
    border-radius: 15px;
    float: left;
    text-align: center;
    padding-top: 22px;
    margin-right: 8px !important;
    padding-left: 0px !important;
}

.tab-link-menu {  
    max-width: 920px; 
    list-style: none;
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}
.tab-link-menu::-webkit-scrollbar {  display: none;
}

.tab-link-menu ul { list-style: none;
    display: flex;
    white-space: nowrap;
}
.tab-link-menu ul li:before, li.menus:before { display:none!important;
}
.menus a {  color: #fff;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 2px 14px #000;
}

/* post-scroll-list  layout */

.post-scroll-all-box {
    background: #fff;
    margin-left: -0.9em;
    margin-right: -0.9em;
    padding-top: 10px;
    max-width: 920px;
    margin: 0 auto;
}

@media screen and (min-width: 769px) {
  .post-scroll-box {
    display: block;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
   }
}
@media screen and (max-width: 770px) {
  .post-scroll-box {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
   }
}
.post-scroll-box::-webkit-scrollbar {  display: none;
}

.post-scroll-list {
}
.post-scroll-list .lkc-internal-wrap {
    border: 0px solid #e0e0e0!important;
}
.post-scroll-list .linkcard {
    width: 200px;
    float: left;
}
.post-scroll-list img.lkc-thumbnail-img {
    width: 100%!important;
}
.post-scroll-list span.lkc-thumbnail {
    max-width: 100%!important;
    float: none!important;
}

.page-template-default .lkc-content figure.lkc-thumbnail {
    max-width: 100%!important;
    /* float: none!important; */
}
body.home.page-template-default.page.page-id-4251 figure.lkc-thumbnail{
    max-width: 100%!important;
    float: none!important;
}

.post-scroll-list .lkc-content {
    height: auto;
}

.post-scroll-list span.lkc-title-text, .post-scroll-list.lkc-title-text {
    color: #444;
    font-size: 0.8em;
    line-height: 1.6;
    display: block;
    margin-top: 3px;
}
@media screen and (max-width: 480px) {
  .post-scroll-list span.lkc-title-text, .post-scroll-list.lkc-title-text {
    color: #444;
    line-height: 1.6;
    display: block;
    margin-top: 3px;
    font-size: 1em;
   }
}


h3.scroll, h3.scroll a {
    border: 0px !important;
    text-align: right;
    font-size: 0.9em;
    margin-bottom: 0px;
}
h3.scroll span, h3.scroll span a  { border-bottom: #666 solid 3px; color:#666 }

/* everyone-post list  layout */
li.everyone .eyecatch {  height: 160px!important;
}
li.everyone .eyecatch img {
    border-radius: 3px 3px 0px 0px;
    margin: 0px!important;
    width: 100%!important;
    height: 100%!important;
}
li.everyone img.gravatar { border: #fff solid 4px!important;
    margin-top: -24px;
    position: relative;
    margin-left: 4px;
}
span.everyone-name {  font-size: 0.7em;
    color: #999;
}

.um-member-cover-e img {  width: 100% !important;
    height: 160px!important;
    object-fit: cover !important;
}

/*  carousel-social-post デザイン */

@media only screen and (min-width: 769px) {
  .carousel-pickup-box {
    background: #FFF;
    max-width: 820px;
  }
  .carousel-social-post {
  }
  .carousel-social-list li {
    width: 30%;
    margin: 1%;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-size: .9em;
    vertical-align: top;
    text-align: left;
    background: #fff;
    border: #eee solid 2px;
    border-radius: 8px;
  }
}
@media only screen and (max-width: 768px) {
 .carousel-social-post {
    display: inline;
    white-space: normal;
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .carousel-social-list li {
    width: 29%;
    margin: 1%;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-size: .9em;
    vertical-align: top;
    text-align: left;
    background: #fff;
    border: #eee solid 2px;
    border-radius: 8px;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
   }
   .carousel-pickup-box {
    background: #FFF;
    margin-left: -0.9em;
    margin-right: -0.9em;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 540px) {
   .carousel-social-list li {
    width: 47%;
    margin: 1%;
    padding: 0px;
    display: inline-block;
    position: relative;
    font-size: .9em;
    vertical-align: top;
    text-align: left;
    background: #fff;
    border: #eee solid 2px;
    border-radius: 8px;
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   }
}
li.everyone p {  margin: 2px 0px 8px 0px;
}
span.spost {
    border-radius: 5px;
    font-size: 0.6em;
    color: #aaa;
    margin: 0px 2px 0px 2px;
    padding: 3px;
    font-weight: bold;
    border: #ccc solid 1px;
}

span.sp-products-name img { float: left;
    width: 50px;
    height: 50px;
    border-radius: 30px;
    border: #eeeeee solid 1px;
}

span.sp-products-name::first-line { border-top: #eee solid 1px;
  }
span.sp-products-name { 
    color: #aaa;
    font-size: 0.84em;
    font-weight: bold;
    margin: 5px;
}

h2.spost {  font-size: 1em !important;
    background: #fff !important;
    color: #333 !important;
    border-left: #333 solid 2px !important;
  box-shadow: 0 0px 0px rgba(0, 0, 0, .0) !important;
}
h2.spost a {  color: #333;
}
h3.spost {
    border-top: 0px solid !important;
    border-bottom: 1px solid !important;
    font-size: 1em !important;
}
h3.spost a { color: #333;
}
h2.bottom {  font-size: 1.1em;
    padding-left: 8px;
    border-left: #4e4e4e solid 25px;
}
h3.bottom {  font-size: 1em;
}

.single-everyone_post section#review-statistics {  display: none;
}
h2.archive-spost { text-align: center;
    font-size: 0.9em;
}

em.comment-awaiting-moderation {  display: none;
}
.single-everyone_post .comment-form-meta-option {  display: none;
}
.top-ever-item {  border-bottom: #efefef 2px solid;
}

a.um-followers-user-photo.no-icon img {  width: 300px;
    height: 300px;
}

.single-everyone_post .everyone-name-box {  width: 125px;
      padding-right: 5px;
}
.single-everyone_post span.everyone-name {  float: right;
}

div#wppr-slider-comment {  width: 310px !important;
}
.carousel-pickup-box img.attachment-post-thum.size-post-thum.wp-post-image {
    margin: 0px!important;
    border-radius: 3px 3px 0px 0px !important;
}
.single-everyone_post div#wppr-slider-comment {  display: none;
}

li.everyone span.everyone-name {  float: none;
}

.top_page img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image, .top_page h1.entry-title.single-title, .top_page header.article-header.entry-header, .top_page span.m-comment, .top_page .authorbox.wow.animated.fadeIn {
    display: none;
}
.related_article.cf span.date.gf { display: none;
}
.meta inbox p.ttl { padding-bottom: 5px;
}

.source {
    background: #efefef;
    padding: 8px;
    font-size: 0.8em;
    font-style: normal;
}
.source cite {  font-style: normal;
}

/* 3-4box botton */
.t3button{  width: 33%;  float: left; margin-top: -20px;
}
.t3button a {  width: 98%;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
    margin: 0px 6px 10px 3px;
    padding: 10px 5px 10px 5px;
    background: #ffa0ca;
    border-bottom: #ec89ab solid 0.38em;
    border-radius: 5px;
    text-align: center;
}
.t4button{  width: 24%;  float: left; margin-top: -20px;
}
.t4button a {  width: 98%;
    margin-bottom: 40px;
    float: left;
    clear: none !important;
    margin: 0px 6px 10px 3px;
    padding: 10px 5px 10px 5px;
    background: #ffa0ca;
    border-bottom: #ec89ab solid 0.38em;
    border-radius: 5px;
    text-align: center;
}
.t3button p, .t4button p {  font-weight: bold;
}
.t3button a:hover, .t4button a:hover {
    background: #3baeda;
    border-bottom: #3397BC solid 0.36em;
    border-radius: 5px;
}

p.BOXtop {  font-weight: bold;
    color: #ff82b9;
    font-size: 0.95em;
    text-align: center;
}
ul.plan li {  margin: 0px 0px 3px 0px;
}

.wppr-comment-form-meta { 
}
#wppr-comment-rating-stars .wppr-comment-rating-star {
    max-width: 30%!important;
}
@media only screen and (max-width: 708px) {
  #wppr-comment-rating-stars .wppr-comment-rating-star {
    max-width: 70%!important;
  }
}
@media only screen and (max-width: 320px) {
  #wppr-comment-rating-stars .wppr-comment-rating-star {
    max-width: 80%!important;
  }
}

#wppr-comment-rating-stars .wppr-comment-rating-star {
    width: 100% !important;
}
#wppr-comment-rating-stars .wppr-comment-rating-star > label {
   float: right!important;
}
label.half { display: none;
}

#wppr-comment-rating-stars .wppr-comment-rating-star > .half:before {
    /* content: "\f459"; */
    position: unset !important;
}

h2.movie {  margin: 0em;
  margin-bottom: 0em!important;
}
p.mini {  font-size: 0.85em;
}
.review-wu-bars { display: none;
}


.center {
    text-align: center;
}

h2.first {
    position: relative!important;
    display: inline-block;
    font-size: 1.1em!important;
    padding: 0 55px!important;
    background: #fff!important;
    color: #000000!important;
    text-shadow: 3px -3px 3px #85f9f5d1, -2px 3px 2px #fe2c55d6;
}

h2.first:before, h2.first:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 45px;
    height: 2px;
    border-top: solid 1px #e91e63;
    border-bottom: solid 1px #00bcd4;
}

h2.first:before {
  left:0;
}
h2.first:after {
  right: 0;
}

.everyone_post section.entry-content.cf p {
    font-size: 0.95em;
}
p.number {  font-weight: bold;
    text-align: center;
  font-size: 1.3em;
}
.pagination a, .pagination span, .page-links a {
    color: #fff!important;
    background: #d6d6d6;
    border: 0px solid #bbbbbb !important;
}

.mw_wp_form_preview {  display: inline-block;
}
a.um-user-bookmarks-button.um-user-bookmarks-add-button {
    border: #5aa3d8 1px solid;
    border-radius: 6px;
    padding: 3px;
}

div#wpcf7-f3441-p3443-o1, div#wpcf7-f27526-p27527-o1 {  background: #efefef;
    padding: 10px;
}
.um-clear {  margin-bottom: 10px;
}

.warning {  border: #e0e0e0 2px solid;
    padding: 7px;
}
.warning p {  font-size: 0.76em;
    color: #8a8a8a;
}
.top-back {  padding: 6px;
	 margin-bottom: 20px;
    background: #fff;
}

@media screen and (min-width:710px) {
   .one1box, .one2box  {
    width: 49%;
    float: left;
    background: #fff;
    margin: 13px 3px;
  }
}
@media screen and (max-width:709px) { 
   .one1box, .one2box  {
    width: 99%;
    /* float: left; */
    background: #fff;
    margin: 13px 3px;
  }
}

p.top_header {  text-align: center;
    font-weight: bold;
    margin-bottom: 0px !important;
	 background: #FFF;
    color: #000;
   text-shadow: 3px -3px 3px #85f9f5d1, -2px 3px 2px #fe2c55d6;
}

@media screen and (min-width:981px) {
   .qa_simple-template-default img.photo.avatar-default, .talk-template-default img.photo.avatar-default  {
    border-radius: 50px;
    border: #f1f1f1 5px solid;
    margin-bottom: -26px;
    margin-left: 16px;
  }
}
@media screen and (max-width:980px) { 
   .qa_simple-template-default img.photo.avatar-default, .talk-template-default img.photo.avatar-default  {
    border-radius: 50px;
    border: #f1f1f1 5px solid;
    margin-bottom: -26px;
    margin-left: 36px;
  }
}
@media screen and (max-width:478px) { 
   .qa_simple-template-default img.photo.avatar-default, .talk-template-default img.photo.avatar-default  {
    border-radius: 50px;
    border: #f1f1f1 5px solid;
    margin-bottom: -26px;
    margin-left: -13px;
  }
}
div#logo {  background: #fff!important;
}

.botton-box {
    text-align: center;
    font-size: 0.85em;
    margin-bottom: 0.5em;
    margin-top: -0.7em;
    background: #e0e0e0;
    padding: 10px 4px;
    font-weight: bold;
    border-radius: 3px;
}

.mfp-title a {  text-decoration: underline;
}
table#buy a {  text-decoration: underline;
}
p.label-tag a {
    text-decoration: none;
    display: inline-block;
    color: #9e8c77;
    padding: .35em .5em;
    margin-right: 0.6em;
    margin-bottom: 8px;
    text-decoration: none;
    line-height: 1.1;
    font-size: 0.83em;
    border-radius: .4em;
}
.tab_content_description {  margin-top: 10px;
}

.single-reviews .article.tag-service-review figure.eyecatch img,  .single-item-reviews .article.tag-item-reviews figure.eyecatch img, 
.article.tag-ero-image figure.eyecatch img, .article.tag-sample-adult-movie figure.eyecatch img {   max-width: 25%!important;
}

.cbox.is-style-blue_box {
    background: #d4f3ff;
    border-color: #82c8e2;
    color: #465d65;
}
.cbox.intitle {
    padding-top: 0;
    padding-bottom: 1.4em;
}
.cbox {
    padding: 1em 3%;
    margin: 2em 0 2em;
    border: 2px solid #dddddd;
    background: #d4f3ff;
    border-color: #82c8e2;
    color: #465d65;
    border-radius: 0.2em;
}
.cbox.is-style-blue_box .box_title .span__box_title {
    background: #82c8e2;
}

.cbox.intitle .box_title .span__box_title {
    position: relative;
    top: -1.1em;
    padding: 0.1em 0.7em;
    background: #82c8e2;
    color: #ffffff;
    font-weight: bold;
    border-radius: 0.2em;
    display: inline-block;
    vertical-align: bottom;
    min-width: 3em;
    text-align: center;
}

.cbox.is-style-yellow_box {
    background: #fff8d4;
    border-color: #ded647;
    color: #636546;
}
.cbox.is-style-yellow_box .box_title .span__box_title {
    background: #ded647;
}

.tablepress tbody td, .tablepress tfoot th {  border-right: #ccc solid 1px;
}
.tab_content_description .commentlist {   padding: 10px;
}

.rollbox {
   border: #d0d0d0 solid 1px;
    width: 150px;
    border-radius: 10px;
    float: left;
    margin: 5px 4px;
    box-shadow: 0 0 6px #e2e2e2;
    background: #fff;
}
.rollbox p {
    text-align: center;
    border-top: #ccc solid 2px;
    margin: 0px 0px 6px 0px!important;
    color: #505050;
    padding: 0px;
  font-weight: bold;
}

.listbotton {  width: 33%;
    font-size: 13px!important;
    padding: 12px 0px 12px 0px!important;
    margin: 0px 0px 0px 0px;
    float: right;
    color: #333!important;
    background: #ffffff;
    border: 1px solid #d6d6d6;
    text-align: center;
    text-decoration: none;
    border-radius: 0;
}

ul.listbotton {
    width: 100%;
    border: 0px solid #efefef;
}
ul.listbotton li {
    width: 33%;
    font-size: 13px!important;
    padding: 12px 0px 12px 0px!important;
    margin: 0px 0px 0px 0px;
    float: right;
    color: #333!important;
    background: #ffffff;
    border: 1px solid #d6d6d6;
    text-align: center;
    text-decoration: none;
    border-radius: 0;
}
ul.listbotton li::before { display:none !important;
}
ul.listbotton li a { color:#555;
}

@media only screen and (min-width: 769px) {
  ul.list li {
    width: 20%;
    border: #eaeaea 1px solid;
    float: left;
    margin: 0px 5px 20px 5px;
    border-radius: 10px;
    box-shadow: 0 0 5px #e2e2e2;
   padding: 16px;
   }
}
@media only screen and (max-width: 768px) {
  ul.list li {
    width: 200px;
    border: #eaeaea 1px solid;
    display: inline-block;
    margin: 0px 5px 20px 5px;
    border-radius: 10px;
    box-shadow: 0 0 5px #e2e2e2;
   padding: 16px;
   }
}

ul.list li::before { display:none!important;
}
ul.list li a {
    text-align: center;
    color: #606060;
    font-size: 14px;
    font-weight: bold;
    padding: 16px;
}
p.linetop {   border: #ff3679 3px solid;
    padding: 6px;
}
  
/* === product tab 3rayout css  === */

/*タブ切り替え全体のスタイル*/
.b-tabs {  margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    border: #ddd solid 2px;
    width: 100%;
    margin-bottom: 20px!important;
    margin: 0 auto;
}
@media screen and (max-width: 500px){
    .b-tabs {  margin-top: 50px;
    padding-bottom: 40px;
    background-color: #fff;
    border: #ddd solid 1px;
    width: 108%;
    margin-bottom: 20px!important;
    margin: 0 auto;
    margin-left: -0.9em;
    }
}


/*タブのスタイル*/
.b-tab_item { width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #ff3679;
  background-color: #fff;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.single-product .b-tab_item { width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #ff3679;
  background-color: #fff;
  line-height: 50px;
  font-size: 14px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}

.b-tab_item:hover {
  opacity: 0.75;
  background-color: #ff3679;
}

/*ラジオボタンを全て消す*/
input[name="b-tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
   padding: 0px 8px 0;
    clear: both;
    overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#all-methods:checked ~ #all-methods_content,
#all-price:checked ~ #all-price_content, 
#all-ete:checked ~ #all-ete_content,
#all-qa:checked ~ #all-qa_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.b-tabs input:checked + .b-tab_item {
  background-color: #ff3679;
  color: #fff;
}
/* === product tab 3rayout css  === */

p.item-link {
    font-weight: bold;
    color: #444;
    margin: 22px 0px!important;
    padding: 0px 0px 10px 0px;
    border-bottom: #f3f3f3 solid 2px;
}
p.item-link a {
    background: #FF9900;
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    border-radius: 10px;
    margin-top: -7px;
    float: right;
}
p.item-link a.item-amazon {    background: #FF9900;
    border-bottom: 0.26em solid #e68a00!important;
    border: 1px solid #e68a01;
}
p.item-link a.item-rakuten {    background: #bf0000;
    border-bottom: 0.26em solid #a20002!important;
    border: 1px solid #a20002;
}
p.item-link a.item-dmm {    background: #ee2737;
    border-bottom: 0.26em solid #d81222!important;
    border: 1px solid #d81222;
}

.scrollsbox {  width: 290px;
    box-shadow: 0 0 5px #e2e2e2;
    border: #e0e0e0 solid 1px;
    border-radius: 5px;
    margin: 10px;
    float: left;
}
ul.item-list { list-style: none;
      margin-bottom: 15px;
}
ul.item-list li { float: left;
   margin: 7px 10px;
    border-bottom: #e0e0e0 solid 1px;
}
ul.item-list li a {  color: #555; font-size: 0.8em;
}
ul.item-list li::before {
    font-family: "fontawesome";
    content: "\f292";
    display: block;
    position: absolute;
    left: 2px;
    top: 1px;
    transform: scale(0.6);
   color: #ff3579;
}
article#post-30361 .entry-content ul li:before {
font-family: "fontawesome";
    content: "\f292";
    display: block;
    font-size: 2em;
    position: absolute;
    left: -10px;
    top: -12px;
    color: #ff3579;
}

h4.top-b {   border-top: 1px solid;
    border-color: #ccc;
    border-top-color: #ddd !important;
}
p.headbottom {   margin-top: -16px !important;
    color: #e94e92;
    font-size: 0.78em;
    font-weight: bold;
}

.image-list img {  width: 100%;
}
blockquote.image {  margin: 0px;
    padding: 30px !important;
    margin-bottom: 20px!important;
    background: #fbfbfb !important;
}
blockquote.images::after, blockquote.images::before {
    font-family: serif;
    position: absolute;
    width: 1em;
    height: 1em;
    line-height: 1.5;
    display: block;
    padding: 0;
    text-align: center;
    font-size: 330%;
    opacity: 5;
}
.cap span {  position: absolute;
    color: #fff;
    background: #0000007d;
}
p.number span {
    margin: 5px;
    padding: 10px 18px;
    background: #efefef;
    border-radius: 50px;
}

.page-info {  text-align: left;
    color: #888;
}

h2.sample-movie {   margin-bottom: 0px!important;
    margin-left: 0em !important;
    margin-right: 0em !important;
}
body.single-movie .wrapper {  margin-bottom: 14px;
}
body.single-movie section.entry-content.cf {  background: #333;
    margin-left: -0.9em;
    margin-right: -0.9em;
}
body.single-movie .kanren-c {
    margin-bottom: 50px;
    width: 97%;
}
body.single-movie .top2button {  margin-left: 8px;
}

ol.wpp-scroll-list li a {  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.arpw-scroll ul li {   width: 280px;
    box-shadow: 0 0 5px #e2e2e2;
    border: #e0e0e0 solid 1px;
    border-radius: 5px;
    margin: 10px;
    padding-left: 0px;
   display: inline-block;
   background: #ffd4e3;
}

.arpw-scroll ul li:before { display:none !important;
}
.arpw-scroll .arpw-summary {  display: none;
}
.arpw-scroll a.arpw-title {  color: #666;
    font-weight: bold;
    float: left;
    width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.arpw-scroll img  {  max-width: 100%;
    max-height: 150px;
    object-fit: contain;
}

.gallerys-list .wc-gallery img {  width: 100%;
}
.gallerys-list .wc-gallery a:before {  content: "FANZA";
    float: left;
    position: absolute;
    color: #fff;
    background: #0000007d;
}
.best-answer-area {  background: #fefbec;
    padding: 3px;
}

.qa-talk-form {   width: 100%;
    background: #444444;
    border-radius: 10px;
    margin: -5px 0px 5px 0px;
    padding: 0px 5px 8px 10px;
}
.qa-talk-form p {   font-weight: bold;
    color: #4CAF50;
}
.qa-talk-form p span {  border-bottom: #E91E63 1px solid;
    color: #2196F3;
}
.qa-talk-form p a {  background: #eee;
    padding: 5px;
    width: 100px;
    border-radius: 8px;
    color: #4c4c4c;
    margin-top: 10px;
}
p.qa-link {  text-align: center;
    margin: 0px !important;
}

.arpw-standard-list img {  width: 80px;
    height: 80px !important;
    object-fit: cover;
}
.arpw-standard-list ul li {   border-bottom: #ccc 1px solid;
    margin: 16px 0px;
    padding: 2px 0px;
}
.arpw-standard-list ul li a { color: #444;
font-size: 0.93em;
}
.arpw-standard-list ul li::before, ul.list-story li::before, ul.li.arpw-li::before { display:none !important;
}
li.arpw-li.arpw-clearfix::before {  display: none;
}
li.arpw-li.arpw-clearfix a {  color: #000;
    font-weight: bold;
   font-size: 0.8em;
}

.short_homelist_scroll li.arpw-li.arpw-clearfix a {  color: #000;
    font-weight: bold;
   font-size: 0.8em;
  float: left;
  white-space: normal;
}
.short_homelist_scroll ul.arpw-ul {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
}


.streaming-list ul li::before {
    font-family: "fontawesome";
    content: "\f001"!important;
    display: block;
    position: absolute;
    left: 2px;
    top: 1px;
    transform: scale(0.6);
    color: #000 !important;
    border-radius: 30px;
    width: 30px;
    margin-left: 0px;
    background: #fff;
  padding-left: 10px;
      text-shadow: 3px -3px 3px #85f9f5d1, -2px 3px 2px #fe2c55d6;
}

div#scroll-box {
    height: 400px;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid #ccc;
    padding: 0 20px;
    background: #fff;
    color: #272727;
}
div#scroll-box ul li:before {
    display: none;
}
p.letter img {
    margin: 0px 3px;
}
span.name {   margin-right: 5px;
    font-weight: bold;
}
div#scroll-box ul li {  margin: 0px 0px;
    padding: 0px 4px;
}

#scroll-box img.avatar {
    border-radius: 30px;
}

.comment-scroll-top {
    background: #eee;
}
.comment-scroll-top p {
    margin: 0px!important;
    padding: 5px;
}
.comment-scroll-top a {
    width: 100%;
    background: #eee;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    display: table;
    padding: 10px 35px;
    border-radius: 5px;
    text-decoration: none;
     color: #000!important;
}

.youtube-text p {  font-size: 0.86em!important;
}

.comment-scroll-top p span {
    font-weight: bold;
    color: #000;
}

.streaming-list ul li {  list-style: none;
    border-bottom: #fff solid 1px;
}

.streaming-list a { font-weight: bold;
    margin-left: 18px;
}
a.applemusic {  color: #fff;
}
a.Spotify {   color: #17d860;
}
a.youtubemusic {  color: #ff0000;
}
a.linemusic {   color: #00c253;
}
a.amu, a.amp { color: #03a9f4;
}

review-statistics .review-wrap-up .review-wu-left .rev-wu-image img {
    box-shadow: 3px -3px 8px #85f9f5d1, -2px 3px 8px #fe2c55d6;
}

ul.list-story img {
    border-radius: 90px;
    width: 90px;
  border: #8bc34a solid 3px;
}
ul.list-story  { float: left;
}

ul.list-story li{
  width: 90px;
    border: #e0e0e0 solid 0px;
    display: inline-block;
    margin: 3px;
    /* list-style: none; */
    /* position: relative; */
    /* padding-left: 1.15em; */
}

.shortvideo {  width: 100%;
}
.shortvideo .youtube-container {    height: 700px;
}

.arpw-summary {  display: none;
}
li.arpw-li.arpw-clearfix img {  border-radius: 10px;
}
li.arpw-li.arpw-clearfix .alignleft, img.alignleft, li.arpw-li.arpw-clearfix.alignleft, img.alignleft   {  width: 100%!important;
}

.video_homelist ul li {  width: 100%!important;
}
ul.children li.comment {  background: #000;
}

ul.bogo-language-switcher li {   display: inline-block;
}
.bogoflags-us:before {
    content: url(../../images/flag-icons/us.png);
    display: none;
}

@media only screen and (min-width: 769px) {
  .short_homelist .arpw-random-video_review ul.arpw-ul li.arpw-li.arpw-clearfix img {   width: 100%;
    height: 340px;
  }
    .short_homelist_scroll .arpw-random-video_review ul.arpw-ul li.arpw-li.arpw-clearfix img {   width: 180px! important;
    height: 220px;
  }
    .short_homelist li.arpw-li.arpw-clearfix { padding: 0.4em 0.4em 0.2em 0.4em;
    width: 32.8%;
    float: left;
    background: #ddd;
    border-radius: 10px;
    height: 420px;
  }
    .short_homelist_scroll li.arpw-li.arpw-clearfix { padding: 0.4em 0.4em 0.2em 0.4em;
   width: 180px;
    float: left;
    background: #ddd;
    border-radius: 10px;
    margin-right: 12px;
   height: 320px;
  }
}
@media only screen and (max-width: 768px) {
 .short_homelist li.arpw-li.arpw-clearfix .alignleft, img.alignleft, li.arpw-li.arpw-clearfix.alignleft, img.alignleft {
    width: 100%!important;
    height: 250px;
 }
   .short_homelist_scroll li.arpw-li.arpw-clearfix .alignleft, img.alignleft, li.arpw-li.arpw-clearfix.alignleft, img.alignleft {
    width: 100%!important;
    height: 250px;
 }
 .short_homelist li.arpw-li.arpw-clearfix { padding: 0.4em 0.4em 0.2em 0.4em;
    width: 50%;
    float: left;
    background: #ddd;
    border-radius: 10px;
   height: 340px;
  }
   .short_homelist_scroll li.arpw-li.arpw-clearfix { padding: 0.4em 0.4em 0.2em 0.4em;
    width: 180px;
    float: left;
    background: #ddd;
    margin-right: 12px;
    border-radius: 10px;
   height: 340px;
  }
}

.column_list li.arpw-li.arpw-clearfix .alignleft, img.alignleft, li.arpw-li.arpw-clearfix.alignleft, img.alignleft { width: 80px!important; height: 70px;
}
.column_list ul li {   margin: 13px 0px;
    border-bottom: #9e9e9e 1px solid;
}
.single.single-video_review figure.eyecatch {  display: none;
}

.entry-content h2, .widgettitle {
    background: #505050;
    color: #ffffff;
    text-shadow: 3px -3px 3px #85f9f5d1, -2px 3px 2px #fe2c55d6;
}

/*  short video tag list css */

@media only screen and (min-width: 640px) {
  body.archive.tag.tag-short-video .qa-archive-list .post-list {
    width: 30%!important;
  }
  body.archive.tag.tag-short-video .eyecatch img {
    width: 100% !important;
    height: 280px !important;
  }
}
@media only screen and (max-width: 639px) {
  body.archive.tag.tag-short-video .qa-archive-list .post-list {
    width: 48%!important;
  }
    body.archive.tag.tag-short-video .eyecatch img {
    width: 100% !important;
    height: 240px !important;
  }
}

body.archive.tag.tag-short-video .qa-archive-list .post-list figure.eyecatch {
    width: 100%;
}

/*  video tag list css */

@media only screen and (min-width: 640px) {
  body.archive.tag.tag-video .qa-archive-list .post-list {
    width: 30%!important;
  }
  body.archive.tag.tag-short-video .eyecatch img {
    width: 100% !important;
    height: 280px !important;
  }
}
@media only screen and (max-width: 639px) {
  body.archive.tag.tag-video .qa-archive-list .post-list {
    width: 48%!important;
  }
    body.archive.tag.tag-video .eyecatch img {
    width: 100% !important;
    height: 110px !important;
  }
}

body.archive.tag.tag-video  .comment-scroll-top, body.archive.tag.tag-video div#scroll-box {
    display:none;
}

body.archive.tag.tag-video .qa-archive-list .post-list figure.eyecatch {
    width: 100%;
}

article.type-video_review img.photo.photo-wrapup.wppr-product-image {
    max-width: 50%
}

.um.um-profile.um-viewing {
    background: #FFF;
    border-radius: 10px;
}

h3.no-main {  border-top: 0px solid !important;
    border-bottom: 0px solid !important;
    padding: 0em.3em;
}

.sideber-list img.arpw-thumbnail.alignleft.wp-post-image {
    width: 100px!important;
    height: 110px;
    border-radius: 0px;
}
.sideber-list li.arpw-li.arpw-clearfix {
    border-top: #444 solid 1px;
    padding-top: 0.75em;
}

.grecaptcha-badge { visibility: hidden; 
}

ul.iframelist li::before {     display: none!important;
}
ul.iframelist li iframe {   width: 96%!important;
}

.manga_box, .novel_box  {
    width: 100%;
    float: left;
    margin-bottom: 14px;
    border: #ccc solid 1px;
}

.manga_box2_1, .novel_box2_1 {
    width: 49%;
    float: left;
    border: #ccc solid 1px;
}
.manga_box2_2, .novel_box2_2 {  width: 49%;
      float: left;
}

.manga_box .affiliate-button {
    margin: 10px!important;
    width: 95%;
}
.manga_box .affiliate-button a {
}
.manga_Reed iframe {  width: 100%;
}

#main .type-mypost img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
    width: 160px !important;
}