@charset "UTF-8";

/*
Theme Name: VIO脱毛ちゃんねる
Theme URI: http://vio-datumou.jp/
*/

/*
Base
*/

* {
-webkit-appearance: none;
}

html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p,img{
margin:0;
padding:0;
}

img {
vertical-align: bottom;
}

ul,
ol {
list-style: none;
}

a {
color: #3d3d3d;
text-decoration: none;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

a:hover {
color: #ff97a5;
}

body {
font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
background: #fff;
color: #444;
font-size: 15px;
line-height: 1;
}

.wpp-thumbnail {
float: none !important;
margin: 0 !important;
display: block !important;
}

/*
Animation
*/

@-webkit-keyframes flash {
	0% {
		opacity: .6;
	}

	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .6;
	}

	100% {
		opacity: 1;
	}
}

/*
Layout
*/

.inner {
position: relative;
}

.contents {
padding: 0 10px 20px;
}

.main {
width: 100%;
}

.article-single-wrapper {
width: 100%;
}

.page {
width: 100%;
}

.sub {
width: 100%;
}

.sub-single {
width: 100%;
}

.sub-page {
width: 100%;
}

.sub-article-single {
width: 100%;
}

.footer {
position: relative;
}

.clear:after,
.inner:after,
.owl-nav:after,
.article:after,
.wpp-list > li:after,
#wp_page_numbers > ul:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

@media (min-width: 768px) {

.inner {
width: 630px;
margin: 0 auto;
}

.contents {
padding: 0 0 30px;
}

.main {
width: 300px;
float: left;
}

.sub {
width: 300px;
float: right;
}

}

@media (min-width: 1024px) {

.inner {
width: 962px;
}

.main {
width: 631px;
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #eee;
}

.article-single-wrapper {
width: 647px;
float: left;
}

.page {
float: left;
width: 631px;
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #eee;
}

.sub-single {
width: 300px;
float: right;
}

.sub-page {
width: 300px;
float: right;
}

}

/*
Module
*/

/* ヘッダー */
.header-top {
display: none;
}

.header-middle {
margin: 20px 0;
}

.logo {
width: 200px;
margin: 0 auto;
}

.header-bottom {
display: none;
}

@media (min-width: 768px) {

.header-top {
display: block;
background: #f5f5f5;
margin-bottom: 30px;
padding: 7px 0;
}

.blog-title {
font-size: 12px;
float: left;
line-height: 27px;
font-weight: bold;
}

.header-middle {
margin-bottom: 30px;
}

.header-bottom {
display: block;
margin-bottom: 30px;
}

.logo {
width: auto;
float: left;
margin: 0;
}

}

/* ナビゲーション */
@media (min-width: 768px) {

.global-nav {
background: #444;
}

.global-nav > li {
float: left;
}

.global-nav > li > a {
font-weight: bold;
display: block;
font-size: 14px;
padding: 15px 0;
width: 100px;
text-align: center;
border-right: 1px solid #4e4e4e;
color: #ededed;
}

.global-nav > li > a:hover {
background: #EC6C74;
color: #fff;
}

.global-nav-active {
background: #EC6C74;
color: #fff;
}

}

/* スマホナビゲーション */
.nav-sp-btn {
display: block;
position: absolute;
}

.sp-btn-search {
top: 9px;
left: 10px;
color: #EB6D74;
font-size: 20px;
}

.sp-btn-bars {
top: 7px;
right: 10px;
color: #EB6D74;
font-size: 24px;
}

.nav-sp {
display: none;
}

.nav-sp > li {
float: left;
width: 50%;
border-bottom: 1px solid #4e4e4e;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.nav-sp > li:nth-child(odd) {
border-right: 1px solid #4e4e4e;
}

.nav-sp > li > a {
font-size: 14px;
display: block;
padding: 10px;
color: #fff;
background: #444;
}

.nav-sp > li > a:hover {
background: #EC6C74;
}

@media (min-width: 768px) {

.nav-sp-btn {
display: none;
}

.nav-sp {
display: none;
}

}

.sp-search {
display: none;
}

/* フォローボタン */
.sns-follow {
float: right;
}

.sns-follow > li {
float: left;
line-height: 26px;
}

.sns-follow > li > a {
display: block;
color: #999;
font-size: 14px;
background: #fff;
width: 25px;
height: 25px;
margin-left: 7px;
border: 1px solid #eee;
text-align: center;
line-height: 25px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.sns-follow-twi:hover {
background: #00abef;
border: 1px solid #00abef;
}

.sns-follow-fb:hover {
background: #507cbe;
border: 1px solid #507cbe;
}

.sns-follow-rss:hover {
background: #ff8800;
border: 1px solid #ff8800;
}

.sns-follow > li > a:hover {
color: #fff;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.sub-sns-follow-wrapper {
padding: 10px;
background: #f5f5f5;
}

.sub-sns-follow > li {
margin-bottom: 10px;
}

.sub-sns-follow > li > a {
display: block;
color: #fff;
height: 45px;
line-height: 45px;
font-size: 15px;
position: relative;
overflow: hidden;
font-weight: bold;
padding: 0 10px;
}

.sub-sns-follow-twi {
background: #00abef;
}

.sub-sns-follow-rss {
background: #ff8800;
}

.sub-sns-follow-twi > i {
background: #0097D3;
}

.sub-sns-follow-twi:hover {
background: #0097D3;
}

.sub-sns-follow-rss > i {
background: #E97C00;
}

.sub-sns-follow-rss:hover {
background: #E97C00;
}

.sub-sns-follow > li > a:hover {
letter-spacing: 1px;
}

.sub-sns-follow > li > a:hover > i {
letter-spacing: 0;
}

.sub-sns-follow > li > a > i {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
margin-top: 7.5px;
text-align: center;
margin-right: 10px;
}

.footer-sns-follow > li {
float: left;
margin-left: 20px;
}

.footer-sns-follow > li:first-child {
margin-left: 0;
}

.footer-sns-follow > li > a {
display: block;
color: #464646;
font-size: 18px;
height: 18px;
overflow: hidden;
}

.i-sns {
display: block;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.footer-sns-follow > li > a:hover .front {
margin-top: -18px;
}

.i-twi-back {
color: #00abef;
}

.i-fb-back {
color: #507cbe;
}

.i-rss-back {
color: #ff8800;
}

@media (min-width: 768px) {

.footer-sns-follow {
float: right;
margin-top: 26px;
}

}

/* シェアボタン */
.sns-share {
padding-bottom: 10px;
margin-bottom: 15px;
}

.sns-share-top {
border-bottom: 1px solid #eee;
}

.sns-share > li {
float: left;
margin-right: 10px;
min-height: 66px;
margin-bottom: 6px;
}

@media (min-width: 768px) {

.sns-share {
}

.sns-share-top {
margin-bottom: 30px;
}

}

/* Like Box */
.fb-like-box {
background: #fff;
margin-bottom: 10px;
}

.fb-like-box,
.fb-like-box[style],
.fb-like-box iframe[style],
.fb-like-box span {
width: 100% !important;
}

/* おすすめの記事 */
.popular-top-wrapper {
background: #f5f5f5;
padding: 10px;
margin-bottom: 10px;
}

.popular-top-article {
width: 50%;
float: left;
position: relative;
}

.popular-top-article:first-child {
width: 100%;
}

.popular-top-category {
display: none;
}

.popular-top-article-img {
width: 100%;
height: 100%;
position: relative;
}

.popular-top-article-img > a {
display: block;
overflow: hidden;
width: 100%;
}

.popular-top-article-img > a:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.popular-top-article:hover .popular-top-article-img > a:before {
background: rgba(0,0,0,0.4);
z-index: 10;
}

.popular-top-article-img img {
width: 100%;
height: 100%;
-webkit-transition: 1.5s ease;
-moz-transition: 1.5s ease;
-ms-transition: 1.5s ease;
-o-transition: 1.5s ease;
transition: 1.5s ease;
}

.popular-top-article:hover .popular-top-article-img img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.popular-top-article-text {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
z-index: 15;
}

.popular-top-article-title {
font-size: 12px;
font-weight: bold;
line-height: 1.3;
color: #fff;
text-shadow: 0px 1px 3px #000;
display: block;
padding: 10px;
}

.popular-top-article:first-child .popular-top-article-title {
font-size: 16px;
}

.popular-top-article:hover .popular-top-article-title {
color: #ff97a5;
}

@media (min-width: 768px) {

.popular-top-wrapper {
padding: 30px 0 20px;
margin-bottom: 30px;
}

.popular-top-article {
width: 145px;
float: left;
margin-bottom: 10px;
}

.popular-top-article:nth-child(2n) {
margin-right: 10px;
}

.popular-top-article:first-child {
width: 300px;
margin-right: 30px;
}

.popular-top-article:first-child .popular-top-article-img {
height: 200px;
}

}

@media (min-width: 1024px) {

.popular-top-article {
width: 206px;
height: 150px;
}

.popular-top-article:first-child {
width: 510px;
height: 310px;
}

.popular-top-category {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 15;
}

.popular-top-category > a {
display: block;
color: #fff;
font-size: 12px;
padding: 9px 15px;
}

.cat-id-1 {
background: #2980b9;
}

.cat-id-2 {
background: #9b59b6;
}

.cat-id-3 {
background: #e74c3c;
}

.cat-id-4 {
background: #8e44ad;
}

.cat-id-5 {
background: #FF6B90;
}

.cat-id-7 {
background: #FF5680;
}

.cat-id-8 {
background: #5BC37E;
}

.cat-id-10 {
background: #27ae60;
}

.cat-id-12 {
background: #ecbd00;
}

.cat-id-13 {
background:#3498db;
}

.cat-id-15 {
background: #e67e22;
}

.cat-id-16 {
background:#ff837a;
}

.cat-id-17 {
background:#8f8f8f;
}

.cat-id-18 {
background:#00d8db;
}

.cat-id-21 {
background:#000000;
}

.popular-top-article-img {
width: 206px;
height: 150px;
}

.popular-top-article:first-child .popular-top-article-img {
width: 510px;
height: 310px;
}

.popular-top-article-title {
font-size: 15px;
}

.popular-top-article:first-child .popular-top-article-title {
font-size: 20px;
}

}

/* 見出し */
.section-title {
color: #3d3d3d;
font-size: 16px;
font-weight: bold;
padding-bottom: 15px;
padding-left: 23px;
margin-bottom: 10px;
border-bottom: 1px solid #eee;
position: relative;
}

.section-title:before {
content: "";
position: absolute;
display: block;
width: 8px;
height: 16px;
background: #EC6C74;
top: 0;
left: 0;
}

@media (min-width: 1024px) {

.section-title {
margin-bottom: 15px;
}

}

/* 記事 */
.main-featured-area {
margin-bottom: 20px;
}

.latest-area {
margin-bottom: 20px;
}

.article {
background: #fff;
padding: 10px 0;
border-bottom: 1px solid #eee;
}

.article-2column {
padding: 10px 0;
border-bottom: 1px solid #eee;
}

.article-first {
padding-top: 0;
}

.article-2column > a {
display: table;
width: 100%;
}

.article-single {
margin-bottom: 20px;
}

.article > a {
display: table;
width: 100%;
}

.article-2column-img-wrapper {
width: 75px;
height: 75px;
display: table-cell;
position: relative;
}

.article-2column-img-wrapper:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.article-2column > a:hover .article-2column-img-wrapper:before {
background: rgba(0,0,0,0.4);
z-index: 10;
}

.article-img-wrapper {
width: 75px;
height: 75px;
display: table-cell;
position: relative;
}

.article-img-wrapper:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.article > a:hover .article-img-wrapper:before {
background: rgba(0,0,0,0.4);
z-index: 10;
}

.article-2column-text-wrapper {
display: table-cell;
vertical-align: top;
position: relative;
padding-left: 15px;
}

.article-text-wrapper {
display: table-cell;
vertical-align: top;
position: relative;
padding-left: 15px;
}

.article-2column-img {
width: 75px;
height: 75px;
overflow: hidden;
}

.article-2column > a:hover .article-2column-img > img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.article-img {
width: 75px;
height: 75px;
overflow: hidden;
}

.article > a:hover .article-img > img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.article-2column-img > img,
.article-img > img {
width: 100%;
height: 100%;
-webkit-transition: 1.5s ease;
-moz-transition: 1.5s ease;
-ms-transition: 1.5s ease;
-o-transition: 1.5s ease;
transition: 1.5s ease;
}

.article-2column-title {
font-size: 14px;
font-weight: bold;
color: #3d3d3d;
line-height: 1.3;
height: 54px;
overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
margin-bottom: 10px;
}

.article-2column:hover .article-2column-title {
color: #888;
}

.article-title {
font-size: 14px;
font-weight: bold;
color: #3d3d3d;
line-height: 1.3;
height: 54px;
overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
margin-bottom: 10px;
}

.article:hover .article-title {
color: #888;
}

.article-title-single {
clear: both;
font-size: 18px;
font-weight: bold;
color: #3d3d3d;
line-height: 1.3;
margin-bottom: 5px;
}

.article-meta-single {
margin-bottom: 20px;
}

.views {
color: #999;
font-size: 11px;
display: block;
float: left;
margin-right: 15px;
}

.i-eye {
margin-right: 5px;
}

.views-article-single {
color: #999;
font-size: 11px;
float: left;
}

.date {
color: #999;
font-size: 11px;
display: block;
float: left;
}

.i-calendar {
margin-right: 5px;
}

.date-article-single {
color: #999;
font-size: 11px;
float: right;
}

.post-categories-top {
display: none;
}

.article-single-body {
font-size: 14px;
line-height: 2.0;
margin-bottom: 20px;
}

.article-single-body a {
color: #1841ce;
text-decoration: underline;
}

.article-single-body h2 {
font-size: 16px;
padding-bottom: 4px;
border-bottom: 3px solid #fc7c79;
color: #3d3d3d;
font-weight: bold;
margin-bottom: 7px;
line-height: 1.3;
}

.article-single-body h3 {
font-size: 16px;
padding-bottom: 4px;
border-bottom: 3px solid #eee;
color: #3d3d3d;
font-weight: bold;
margin-bottom: 7px;
line-height: 1.3;
}

.article-single-body h4 {
font-size: 14px;
margin-bottom: 7px;
line-height: 1.3;
}

.article-single-body img {
max-width: 100%;
height: auto;
margin-bottom: 7px;
}

.pick-up-area {
margin-bottom: 20px;
}

.pick-up-wrapper > .article:first-child {
padding-top: 0;
}

.article-related {
margin-bottom: 20px;
}

.article-related .article:first-child {
padding-top: 0;
}

.article-section-title {
color: #3d3d3d;
font-size: 16px;
font-weight: bold;
padding-bottom: 15px;
padding-left: 23px;
border-bottom: 1px solid #eee;
position: relative;
}

.article-section-title:before {
content: "";
position: absolute;
display: block;
width: 8px;
height: 16px;
background: #EC6C74;
top: 0;
left: 0;
}

@media (min-width: 768px) {

.main-featured-area {
margin-bottom: 30px;
}

.latest-area {
margin-bottom: 30px;
}

.article-single {
margin-bottom: 30px;
}

.article-meta-single {
margin-bottom: 30px;
}

.article-title-single {
font-size: 25px;
margin-bottom: 11px;
}

.article-single-body {
font-size: 16px;
}

.article-single-body h2 {
font-size: 18px;
padding: 11px 15px;
margin-bottom: 10px;
}

.article-single-body h3 {
font-size: 18px;
margin-bottom: 10px;
}

.article-single-body h4 {
font-size: 16px;
margin-bottom: 10px;
}

.article-related {
margin-bottom: 30px;
}

.pick-up-area {
margin-bottom: 30px;
}

.category-single {
display: block;
padding: 7px;
color: #fff;
margin-top: -7px;
}

.category-single:hover {
color: #fff;
opacity: 1;
-webkit-animation: flash 1.2s;
animation: flash 1.2s;
}

.category1 {
background: #2980b9;
}

.category2 {
background: #9b59b6;
}

.category3 {
background: #e74c3c;
}

.category4 {
background: #8e44ad;
}

.category5 {
background: #FF6B90;
}

.category7 {
background: #FF5680;
}

.category8 {
background: #5BC37E;
}

.category10 {
background: #27ae60;
}

.category12 {
background: #ecbd00;
}

.category13 {
background: #3498db;
}

.category15 {
background: #e67e22;
}

.category16 {
background: #ff837a;
}

.category17 {
background: #8f8f8f;
}

.category18 {
background: #00d8db;
}

.category21 {
background: #000000;
}

}

@media (min-width: 1024px) {

.article {
padding: 15px 0;
position: relative;
}

.article-2column {
padding: 0;
border: none;
width: 300px;
float: left;
margin-bottom: 15px;
position: relative;
}

.article-first {
margin-right: 15px;
padding-right: 15px;
border-right: 1px solid #eee;
}

.article-single-wrapper {
width: 631px;
padding-right: 15px;
margin-right: 15px;
border-right: 1px solid #eee;
}

.article-2column > a {
display: block;
}

.article-2column-img-wrapper {
width: 300px;
height: 200px;
display: block;
margin-bottom: 15px;
}

.article-img-wrapper {
width: 210px;
height: 141px;
}

.article-2column-text-wrapper {
display: block;
padding-left: 0;
}

.article-2column-img {
width: 300px;
height: 200px;
}

.article-img {
width: 210px;
height: 141px;
}

.article-2column-title {
font-size: 18px;
height: 46px;
overflow: hidden;
margin-bottom: 12px;
}

.article-title {
font-size: 18px;
height: auto;
margin-bottom: 12px;
}

.post-categories-top {
display: block;
position: absolute;
top: 0;
z-index: 11;
}

.article .post-categories-top {
top: 15px;
}

.post-categories-top > li > a {
display: block;
color: #fff;
font-size: 12px;
padding: 9px 15px;
}

.views {
font-size: 13px;
}

.date {
font-size: 13px;
}

.article-body {
margin-bottom: 30px;
}

.pick-up-area {
margin-bottom: 0;
}

.line {
display: block;
width: 100%;
height: 1px;
background: #eee;
}

}

/* 固定ページ */
.page-body {
font-size: 14px;
line-height: 2.0;
margin-bottom: 20px;
}

.page-title {
font-size: 18px;
font-weight: bold;
color: #3d3d3d;
line-height: 1.3;
margin-bottom: 15px;
}

.page-body h2 {
font-size: 16px;
color: #3d3d3d;
font-weight: bold;
line-height: 1.3;
margin-bottom: 7px;
}

.page-body h3 {
font-size: 14px;
color: #6d6d6d;
font-weight: bold;
line-height: 1.3;
margin-bottom: 7px;
}

@media (min-width: 768px) {

.page-body {
font-size: 16px;
}

.page-title {
font-size: 25px;
margin-bottom: 24px;
}

.page-body h2 {
font-size: 18px;
margin-bottom: 10px;
}

.page-body h3 {
font-size: 16px;
margin-bottom: 10px;
}

}

/* お問い合わせ */
.required {
display: inline-block;
background: #EC6C74;
color: #fff;
font-size: 10px;
padding: 0px 5px;
position: absolute;
top: 3px;
margin-left: 5px;
font-weight: normal;
}

.wpcf7 input,
.wpcf7 textarea {
border: none;
border-radius: 0;
outline: none;
padding: 6px !important;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
font-size: 14px;
border: 1px solid #eee;
width: 100%;
}

.wpcf7 textarea {
line-height: 1.5;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
border: 1px solid #999;
}

.wpcf7 input[type="submit"] {
color: #fff;
padding: 10px 30px !important;
font-weight: normal;
background: #EC6C74;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.wpcf7 input[type="submit"]:hover {
color: #fff;
opacity: 1;
-webkit-animation: flash 1.2s;
animation: flash 1.2s;
}

.wpcf7-form > p {
margin-bottom: 10px;
position: relative;
}

.wpcf7-form-p-last {
margin-bottom: 0 !important;
}

span.wpcf7-not-valid-tip {
font-size: 13px !important;
}

div.wpcf7-response-output {
margin: 10px 0 0 !important;
padding: 10px !important;
line-height: 1.5;
font-size: 13px;
}

div.wpcf7-mail-sent-ok {
border: 2px solid #f17979 !important;
}

div.wpcf7-validation-errors {
border: 2px solid #f00 !important;
}

@media (min-width: 768px) {

.required {
top: 5px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {
padding: 10px !important;
font-size: 16px;
}

.wpcf7 textarea {
height: 250px;
}

div.wpcf7-response-output {
margin: 15px 0 0 !important;
}

}

/* サブ */
.sub-section {
background: #fff;
margin-top: 20px;
}

.sub-section-title {
color: #3d3d3d;
font-size: 16px;
font-weight: bold;
padding-bottom: 15px;
padding-left: 23px;
border-bottom: 1px solid #eee;
position: relative;
}

.sub-section-title:before {
content: "";
position: absolute;
display: block;
width: 8px;
height: 16px;
background: #EC6C74;
top: 0;
left: 0;
}

@media (min-width: 768px) {

.sub-section {
margin-top: 30px;
}

.sub-section:first-child {
margin-top: 0;
}

.sub-single .sub-section {
float: left;
width: 300px;
}

.sub-single .sub-section:nth-child(odd) {
margin-right: 30px;
}

}

/* 関連する記事 */
.article-related-area {
margin-bottom: 20px;
}

@media (min-width: 768px) {

.article-related-area {
margin-bottom: 30px;
}

}

/* クリニックレポート */
.review {
margin-bottom: 20px;
}

.review:first-child {
margin-top: 15px;
}

.review > a {
display: block;
}

.review-img {
margin-bottom: 6px;
}

.review-text {
font-size: 14px;
line-height: 1.5;
}

.review > a:hover {
color: #3d3d3d;
opacity: 1;
-webkit-animation: flash 1.2s;
animation: flash 1.2s;
}

/* カテゴリー */
.ul-category > li > a {
padding: 10px 0 10px 18px;
display: block;
border-bottom: 1px solid #e4e4e4;
position: relative;
font-weight: normal;
font-size: 14px;
overflow: hidden;
}

.ul-category > li > a:before {
content: "";
position: absolute;
display: block;
top: 10px;
left: 0;
width: 8px;
height: 12px;
background: #eee;
}

.count {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: block;
width: 35px;
height: 35px;
line-height: 35px;
color: #fff;
font-size: 11px;
text-align: center;
}

.cat-item-1 > a:hover {
color: #2980b9;
}

.cat-item-1 > a:hover:before {
background: #2980b9;
}

.cat-item-1 .count {
background: #2980b9;
}

.cat-item-2 > a:hover {
color: #9b59b6;
}

.cat-item-2 > a:hover:before {
background: #9b59b6;
}

.cat-item-2 .count {
background: #9b59b6;
}

.cat-item-3 > a:hover {
color: #e74c3c;
}

.cat-item-3 > a:hover:before {
background: #e74c3c;
}

.cat-item-3 .count {
background: #e74c3c;
}

.cat-item-4 > a:hover {
color: #8e44ad;
}

.cat-item-4 > a:hover:before {
background: #8e44ad;
}

.cat-item-4 .count {
background: #8e44ad;
}

.cat-item-5 > a:hover {
color: #FF6B90;
}

.cat-item-5 > a:hover:before {
background: #FF6B90;
}

.cat-item-5 .count {
background: #FF6B90;
}

.cat-item-7 > a:hover {
color: #FF5680;
}

.cat-item-7 > a:hover:before {
background: #FF5680;
}

.cat-item-7 .count {
background: #FF5680;
}

.cat-item-8 > a:hover {
color: #5BC37E;
}

.cat-item-8 > a:hover:before {
background: #5BC37E;
}

.cat-item-8 .count {
background: #5BC37E;
}

.cat-item-10 > a:hover {
color: #27ae60;
}

.cat-item-10 > a:hover:before {
background: #27ae60;
}

.cat-item-10 .count {
background: #27ae60;
}

.cat-item-12 > a:hover {
color: #ecbd00;
}

.cat-item-12 > a:hover:before {
background: #ecbd00;
}

.cat-item-12 .count {
background: #ecbd00;
}

.cat-item-13 > a:hover {
color: #3498db;
}

.cat-item-13 > a:hover:before {
background: #3498db;
}

.cat-item-13 .count {
background: #3498db;
}

.cat-item-15 > a:hover {
color: #e67e22;
}

.cat-item-15 > a:hover:before {
background: #e67e22;
}

.cat-item-15 .count {
background: #e67e22;
}

.cat-item-16 > a:hover {
color: #ff837a;
}

.cat-item-16 > a:hover:before {
background: #ff837a;
}

.cat-item-16 .count {
background: #ff837a;
}

.cat-item-17 > a:hover {
color: #8f8f8f;
}

.cat-item-17 > a:hover:before {
background: #8f8f8f;
}

.cat-item-17 .count {
background: #8f8f8f;
}

.cat-item-18 > a:hover {
color: #00d8db;
}

.cat-item-18 > a:hover:before {
background: #00d8db;
}

.cat-item-18 .count {
background: #00d8db;
}

.cat-item-21 > a:hover {
color: #000000;
}

.cat-item-18 > a:hover:before {
background: #000000;
}

.cat-item-18 .count {
background: #000000;
}

/* 人気記事 */
.wpp-list {
counter-reset: wpp-ranking;
}

.wpp-list > li {
border-bottom: 1px solid #e4e4e4;
display: table;
width: 100%;
padding: 10px 0;
}

.wpp-li-img {
display: table-cell;
width: 75px;
height: 75px;
}

.wpp-li-img > a {
display: block;
width: 75px;
height: 75px;
overflow: hidden;
position: relative;
}

.wpp-li-img > a:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}

.wpp-list > li:hover .wpp-li-img > a:before {
background: rgba(0,0,0,0.4);
z-index: 10;
}

.wpp-list .wpp-thumbnail {
width: 75px;
height: 75px;
-webkit-transition: 1.5s ease;
-moz-transition: 1.5s ease;
-ms-transition: 1.5s ease;
-o-transition: 1.5s ease;
transition: 1.5s ease;
}

.wpp-list > li:hover .wpp-thumbnail {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}

.wpp-li-text {
display: table-cell;
vertical-align: top;
}

.wpp-li-text > a {
display: block;
position: relative;
height: 75px;
padding-left: 10px;
}

.wpp-li-title {
font-size: 14px;
font-weight: bold;
color: #3d3d3d;
line-height: 1.3;
height: 54px;
overflow: hidden;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
margin-bottom: 10px;
}

.wpp-list li:hover .wpp-li-title {
color: #aaa;
}

.wpp-views {
color: #999;
line-height: 1;
font-size: 11px;
position: absolute;
bottom: 0;
left: 10px;
}

.wpp-views:before {
display: inline-block;
content: "\f06e";
font-family: FontAwesome;
margin-right: 5px;
}

.wpp-date {
color: #999;
line-height: 1;
font-size: 11px;
position: absolute;
bottom: 0;
right: 0;
}

.wpp-date:before {
display: inline-block;
content: "\f133";
font-family: FontAwesome;
margin-right: 5px;
}

@media (min-width: 1024px) {

.wpp-views {
font-size: 13px;
}

.wpp-date {
font-size: 13px;
}

}

/* 各種フォローボタンスペース */
.blog-description {
font-size: 14px;
line-height: 1.4;
margin-bottom: 20px;
}

/*　フッター */
.footer-top {
margin-bottom: 10px;
}

.footer-bottom {
padding: 0 10px 20px;
}

.footer-nav {
margin-bottom: 20px;
}

.footer-nav > li {
border-bottom: 1px solid #eee;
}

.footer-nav > li > a {
display: block;
font-size: 14px;
padding: 10px 0;
}

.footer-nav > li > a:hover {
color: #ccc;
}

.copyright {
color: #999;
font-size: 10px;
margin-bottom: 20px;
}

.copyright-blog-title {
font-weight: bold;
}

@media (min-width: 768px) {

.footer-top {
margin-bottom: 20px;
}

.footer-bottom {
padding: 0;
}

.footer-bottom-wrapper {
float: left;
}

.footer-nav {
border-bottom: 1px solid #eee;
margin-bottom: 10px;
}

.footer-nav > li {
float: left;
margin-left: 20px;
border-bottom: none;
}

.footer-nav > li:first-child {
margin-left: 0;
}

.footer-bottom {
margin-bottom: 30px;
}

.copyright {
float: left;
font-size: 12px;
margin-bottom: 0;
}

}

/* ページナビゲーション */
.page-nav-title {
text-align: center;
position: relative;
margin-bottom: 10px;
}

.page-nav-title:before {
content: "";
position: absolute;
display: block;
background: #eee;
height: 1px;
width: 100%;
top: 18px;
z-index: -1;
}

.page-nav-title > span {
display: inline-block;
background: #EC6C74;
padding: 12px;
color: #fff;
font-size: 13px;
position: relative;
}

.page-nav-title > span:after {
content: "";
position: absolute;
display: block;
border: 6px solid transparent;
border-top-color: #EC6C74;
bottom: -12px;
left: 50%;
margin-left: -6px;
}

#wp_page_numbers {
text-align: center;
margin-bottom: 20px;
}

#wp_page_numbers > ul {
display: inline-block;
}

#wp_page_numbers > ul > li {
float: left;
margin-right: 5px;
}

.space {
margin-top: 5px;
color: #999;
}

#wp_page_numbers > ul > li > a {
display: block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
font-size: 12px;
border: 1px solid #eee;
color: #999;
}

#wp_page_numbers > ul > .active_page > a {
border: 1px solid #eee;
font-weight: bold;
background: #eee;
color: #3d3d3d;
}

#wp_page_numbers > ul > li > a:hover {
color: #3d3d3d;
border: 1px solid #ccc;
}

#wp_page_numbers > ul > .active_page > a:hover {
border: 1px solid #eee;
}

@media (min-width: 768px) {

.page-nav-title {
margin-bottom: 15px;
text-align: right;
}

#wp_page_numbers {
text-align: right;
margin-bottom: 0;
}

}

/* 個別記事ナビゲーション */
.nav-article {
margin-bottom: 20px;
}

.nav-article a {
display: table;
padding: 10px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.prev-article {
border: 1px solid #eee;
margin-bottom: 10px;
}

.next-article {
border: 1px solid #eee;
text-align: right;
}

.prev-article-img,
.next-article-img {
display: table-cell;
width: 80px;
height: 57px;
}

.prev-article-img {
padding-right: 10px;
}

.next-article-img {
padding-left: 10px;
}

.nav-article img {
width: 80px;
height: 57px;
}

.prev-article-text {
display: table-cell;
vertical-align: top;
}

.prev-title,
.next-title {
color: #999;
font-size: 11px;
margin-bottom: 10px;
}

.nav-article-title {
font-size: 14px;
font-weight: bold;
color: #3d3d3d;
line-height: 1.3;
height: 36px;
overflow: hidden;
}

@media (min-width: 768px) {

.nav-article {
margin-bottom: 30px;
padding-right: 30px;
}

.prev-article,
.next-article {
width: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.prev-article {
float: left;
margin-right: 30px;
}

.next-article {
float: right;
margin-right: -30px;
}

}

/* ページトップへ戻るボタン */
.back-to-top {
}

.back-to-top > a {
display: block;
text-align: center;
background: #444;
color: #fff;
font-size: 14px;
font-weight: bold;
padding: 10px 0;
}

.back-to-top > a:hover {
background: #EC6C74;
}

.i-up {
font-size: 25px;
}

.back-to-top > a > span {
position: relative;
bottom: 3px;
}

@media (min-width: 768px) {

.back-to-top > a {
font-size: 15px;
}

.i-up {
font-size: 28px;
}

}

@media (min-width: 768px) {

.back-to-top > a {
padding: 8px 0;
}

}

/* 検索ボックス */
.pc-search {
display: none;
}

.search-box .search-inner {
position: relative;
}

.search-box .submit-btn-wrapper {
position: absolute;
top: 2px;
right: 2px;
}

.search-box .i-search {
color: #fff;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
background: #ddd;
width: 27px;
height: 27px;
line-height: 27px;
text-align: center;
font-size: 13px;
}

.search-box input {
outline: none;
border: none;
border-radius: 0;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
}

.search-box input::-webkit-input-placeholder {
color: #ccc;
}
 
.search-box input::-moz-placeholder {
color: #ccc;
}
 
.search-box input:-moz-placeholder {
color: #ccc;
}

.search-box input:-ms-input-placeholder {
color: #ccc;
}

.search-box .submit-btn {
background: transparent;
width: 27px;
height: 27px;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}

.submit-btn-wrapper:hover .i-search {
background: #EC6C74;
}

.search-box .text-area {
border: 1px solid #eee;
padding: 7px 24px 7px 7px;
width: 90px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
height: 31px;
}

.pc-search .text-area {
width: 200px;
}

.pc-search .text-area:focus {
width: 300px;
}

.sp-search {
background: #444;
padding: 10px;
}

.sp-search .text-area {
width: 100%;
}


@media (min-width: 768px) {

.pc-search {
float: right;
display: block;
margin-top: 10px;
}

}

/* パンくずリスト */
.breadcrumb {
margin: 0 -10px 8px;
padding: 10px;
background: #f5f5f5;
}

.breadcrumb > li {
float: left;
margin-right: 10px;
font-size: 11px;
}

.breadcrumb > li > a {
text-decoration: underline;
}

@media (min-width: 768px) {

.breadcrumb {
margin: 0 0 13px;
padding: 0;
background: none;
}

.breadcrumb > li > a {
text-decoration: none;
}

}

/* 管理人追加 */
.btn3 {
display: block;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
letter-spacing: 1px;
background: #1abc9c;
color: #fff !important;
font-weight: bold;
box-shadow: 0 3px 0 #0e8c73;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
text-decoration: none !important;
}

.btn3:hover {
	background-color: #31c8aa;
text-decoration: none !important;
color: #fff !important;
	box-shadow: 0 3px 0 #23a188;
}

.btn3:active {
	top: 3px;
color: #fff !important;
text-decoration: none !important;
	box-shadow: none;
}

.size3 {
height: 50px;
font-size: 15px;
line-height: 50px;
}

}