/*
Theme Name:tcd serum child
Theme URI:
Description:tcdテーマの自作子テーマです。
Template:serum_tcd096
Author: Trendmake
Copyright: (c) 2020 Trendmake
Version:0.0.8
*/
/*ul li変更*/
.wp-block-column li:before{
	content:"";
	background:url("../../uploads/guide0i_03.jpg") no-repeat;
	background-size:contain;
	display:inline-block;
	width: 30px;
    height: 20px;
    margin-right: 10px;
}
.wp-block-column li{
	list-style:none;
	display: flex;
    align-items: center;
    justify-content: left;
}
.wp-block-column ul{
	margin:0;
}
.sub-list-pk{
    margin: auto;
    padding: 0 0 50px;
}
/*バックグランド用*/
/*top*/
.example-img.im1{
	background:url("../../uploads/electric_img_s.jpg") no-repeat;
	background-size:cover;
	background-position:center;
}
.example-img.im2{
	background:url("../../uploads/cupping.jpg") no-repeat;
	background-size:cover;
	background-position:top;
}
.example-img.im3{
	background:url("../../uploads/towingoy.jpg") no-repeat;
	background-size:cover;
	background-position:center;
}
.example-img.im4{
	background:url("../../uploads/taping.jpg") no-repeat;
	background-size:cover;
	background-position:center;
}
.example-img.im5{
	background:url("../../uploads/biyousen-oy.jpg") no-repeat;
	background-size:cover;
	background-position:center;
}
.example-img.im6{
	background:url("../../uploads/roller.jpg") no-repeat;
	background-size:cover;
	background-position:center;
}
.example-img2.im1{
	background:url("../../uploads/guide_40.jpg") no-repeat;
	background-size:cover;
	background-position:top;
}
.example-img2.im2{
	background:url("../../uploads/guide_44.jpg") no-repeat;
	background-size:cover;
	background-position:top;
}
.noneCol{
	display:none !important;
}
/* .example-img2.im3{
	background:url("../../uploads/s04.jpg") no-repeat;
	background-size:cover;
} */
/* .example-img:before,
.example-img2:before{
	content:"Click";
	animation:cKscale infinite 2s ease;
	color:#fff;
	background:#86d44a;
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
	bottom: 50px;
    left: 0;
	position:absolute;
	z-index:5;
	padding: 5px 30px 20px 30px;
}
body .example-img2:before{
	bottom: 75px;
} */
.example-img,
.example-img2{
	box-shadow: 10px 10px 10px #ccc;
}
@keyframes cKscale{
	0%,100%{
		transform:scale(1)
	}
	50%{
		transform:scale(1.2)
	}
}

/*o2用*/
.sub-bg-blue{
    background-color: rgba(179, 235, 244, 1);
    background-position: 50% 0%;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../../uploads/oxygen_capsule_06.jpg");
}
.oxygen-tit-img{
	background: url("../../uploads/oxygen_capsule1_07.png") left top no-repeat,
		url("../../uploads/oxygen_capsule1_11.png") right top no-repeat;
    padding: 0 72px 0 112px;
    height: 92px;
	display: inline-block;
}
/*background-fin*/
/*hoveranime*/
.example-img:hover,
.example-img2:hover,
.bnerwrap a img:hover{
	opacity:.5;
	transition:.5s;
}
.example-img,
.example-img2,
.bnerwrap a img{
	transition:.5s;
}
.schedule .col2,
.schedule .col3,
.schedule .col4,
.schedule .col5,
.schedule .col6,
.schedule .col7{
	width:calc(100% / 10);
}
/*hoveranime-fin*/
/*sp微調整*/
@media screen and (max-width:850px){
	.sub-first-group .sub-middle-col{
		flex-direction:column;
	}
}
@media screen and (max-width:650px){
body .spbl{
		display:block;
		text-align:center;
	}
body .spno{
	display:none;
}
body .post_col.post_col-2 img:first-child{
    transform: translateX(0);
}
/*serum-custum*/
body #header_logo a{
	padding:10px;
}
body #header_logo2 img{
	max-height:35px;
}
/*end*/
}
.post_col.post_col-2.post_col-imwrap{
	display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 1fr 1fr;
}
.post_col.post_col-2 img:first-child{
	grid-column: 1 / -1;
    width: 80%;
    float: right;
    transform: translateX(144px);
    margin-bottom: 20px;
}
.imgwrap2{
	width:80%;
}
/*施術*/

.single-treatment #page_header_small .overlay{
	display:none;
}
.single-treatment #page_header_small .bg_image img{
	display:none;
}
.single-treatment #page_header_small .bg_image{
	background:#99CC01;
}
.single-treatment #page_header_small .catch{
	width:100%;
}
.single-treatment #page_contents .post_content {
	margin: 80px auto 80px;
    padding: 40px 2%;
    max-width: 1100px;
    width: 100%;
    background: #F1F9E1;
}
.single-treatment #page_contents .sub-wrap .wp-block-column .wp-block-heading{
	color:red;
}
.single-treatment #page_contents .sub-wrap{
	padding-bottom:40px;
}
.archive .catch.common_catch{
	color:#99CC01;
}
.equipment-list p{
	padding:0 2%;
}
.top-rtxt-fix{
	font-size:16px;
	text-align:center;
}
body .q_button_wrap-fix{
	margin:80px 0 0;
}
body .q_button_wrap-fix a{
	font-size:20px;
	font-weight:bold;
}
@media screen and (max-width:850px){
	body.single-treatment #page_contents .post_content {
		max-width:100%;
	}
	.single-treatment #page_contents .sub-wrap .wp-block-column .wp-block-heading{
	text-align:left;
}
	body .top-rtxt-fix{
	font-size:14px;
	text-align:left;
}
/* 	body .q_button_wrap-fix a{
	width:95%;
} */
}