@charset "utf-8";

/*
ファイル名:sub.css
最終更新日:20xx/xx/xx
*/


/*---------------------------------------

	sub page

---------------------------------------*/
body.sub .breadcrumb {
	display: none;
}
/*
body.sub .breadcrumb {
	width: 86%;
    margin: 0 7% 30px 7%;
    display: inline-block;
    font-size: 83.4%;
}
body.sub .breadcrumb li {
	float: left;
	color: #333;
	font-size: 14px;
    margin: 0 5px 3px 0;
}
body.sub .breadcrumb li::before {
	content: ">";
    margin-right: 5px;
}
body.sub .breadcrumb li:first-child::before {
	content: unset
}
body.sub .breadcrumb li a {
	color: #333;
	font-weight: 400;
	text-decoration: none;
    display: inline-block;
}
body.sub .breadcrumb li a:hover {
	text-decoration: underline;
}
*/

body.sub main.site-main {
    position: relative;
	width: 84%;
	min-height: 56vh; /* コンテンツ高さが少ない場合、フッター下に余白が出るのを防ぐ */
    margin: 40px 8% 0 8%;
}

body.sub .contkey {
	position: relative;
    width: 375px; /* 右側のAbout Yoko Tsudaを画面外へ */
    margin: 65px 0 5px 0;
}
body.sub .contkey:before {
	position: absolute;
	top: 0;	left: 0;
	z-index: 1;
	content: "";
    width: 100px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50% auto;
}
body.sub .contkey .contkey_thumb {
}
body.sub .contkey .contkey_thumb img {
	width: 100%;
    height: auto;
}
body.sub .contkey .contkey_subtitle1,
body.sub .contkey .contkey_subtitle2 {
	color: #fff;
	margin: 0 0 0 30px;
	position: absolute;
}
body.sub .contkey .contkey_subtitle1 {	font-size: 33px;    bottom: 10px;}
body.sub .contkey .contkey_subtitle2 {	font-size: 14px;	bottom: 38px;}

body.sub .contkey .key_next_aroow {
	position: absolute;
    bottom: 174px;
    right: -158px;
	transform: rotate(90deg);
	transform-origin: top left;
	font-family: "LibreBaskerville";
    font-size: 15px;
}
body.sub .contkey .key_next_aroow a {
	position: relative;
	color: #333;
}
body.sub .contkey .key_next_aroow a:before,
body.sub .contkey .key_next_aroow a:after {
    background: none;
	content: "";
    position: absolute;
    display: block;
    border-bottom: solid 1px #333;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}
body.sub .contkey .key_next_aroow a:before {
    left: 154px;
    bottom: 9px !important;
    width: 20px;
}
body.sub .contkey .key_next_aroow a:after {
    right: -35px;
    bottom: 10px !important;
    -webkit-transform: rotate(30deg) !important;
    -ms-transform: rotate(30deg) !important;
    transform: rotate(30deg) !important;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    width: 6px;
}

.page-content .h1_lb {
    font-size: 22px;
    line-height: 1.3em;
    margin-bottom: 42px;
}
.page-content h2.wp-block-heading {
	position: relative;
    font-size: 22px;
    line-height: 1.3em;
	padding-bottom: 24px;
    margin-bottom: 58px;
}
.slug-privacy .page-content h2.wp-block-heading {
    border-bottom: solid 1px #000;
    margin-bottom: 30px;
}
.page-content h2.wp-block-heading:before {
	position: absolute;
	content: "";
	bottom: 0;	left: 0;
	width: 14%;
	height: 1px;
	background: #000;
}
.slug-privacy .page-content h2.wp-block-heading:before {
	display: none;
}
.page-content h3.wp-block-heading {
    font-size: 20px;
    line-height: 1.3em;
	padding-bottom: 24px;
}

.page-content .wide_width {
	margin: 0 0 30px -30px;
    width: 375px;
}
.page-content .img_cap,
.page-content .img_cap img,
.page-content .wide_width img {
    width: 100%;
    height: auto;
}



/* ----------------------------------- */
/* tarte */
/* ----------------------------------- */
body.slug-tarte ul.product_area {
	background-image: url('../img/tarte/product_bk.jpg');
	background-repeat: repeat;
    background-size: cover;
    width: 375px;
    margin: 0 0 0 -30px;
    padding: 10px 10px 20px 10px;
    display: inline-block;
}
body.slug-tarte ul.product_area li {
	display: inline-block;
	line-height: 1.8em;
	margin-bottom: 40px;
}
body.slug-tarte ul.product_area li .p_cap {
	width: 100%;
	height: auto;
	display: inline-block;
	margin: 0 0 30px 0;
}
body.slug-tarte ul.product_area li .lb,
body.slug-tarte ul.product_area li p {
    color: #fff;
    margin-left: 25px;
    margin-right: 25px;
}
body.slug-tarte ul.product_area li .lb {
    font-size: 24px;
    margin-bottom: 20px;
}
body.slug-tarte ul.product_area li .lb span {
    display: block;
    font-size: 17px;
    margin-left: -6px;
}
body.slug-tarte ul.product_area li p {
	font-size: 16px;
	width: auto;
	margin-bottom: 20px;
}
body.slug-tarte ul.product_area li .btn {
	display: inline-block;
    padding: 24px;
    background: #c85e16;
    width: 260px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    margin: 30px 25px 0 25px;
    position: relative;
}
body.slug-tarte ul.product_area li .btn:after {
    position: absolute;
    content: "";
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	right: 19px;
    top: 32px;
}



/* ----------------------------------- */
/* about */
/* ----------------------------------- */
body.slug-about {
}
body.slug-about .swiper-container3 .swiper-button-prev,
body.slug-about .swiper-container3 .swiper-button-next {
    color: #666;
}
body.slug-about .swiper-container3 .swiper-button-prev:after,
body.slug-about .swiper-container3 .swiper-button-next:after {
    font-size: 24px;
}
body.slug-about .swiper-container3 .swiper-pagination {
    bottom: 23px;
}
body.slug-about .swiper-container3 .swiper-pagination-bullet {	background: #fff;	opacity: 100;}
body.slug-about .swiper-container3 .swiper-pagination-bullet-active {	background: #666;}
body.slug-about .prof_area {
    width: 345px;
    margin-bottom: 310px;
}
body.slug-about .prof_area .img_cap {
}
body.slug-about .prof_area .inner {
    position: relative;
    background: #e5dcd3;
    padding: 77px 30px 10px 30px;
}
body.slug-about .prof_area .inner:before {
    position: absolute;
    top: -16px;
    left: 33px;
	content: "";
	background-image: url('../img/about/about_name.png');
	background-repeat: no-repeat;
    background-size: contain;
	display: inline-block;
	width: 253px;
    height: 100px;
}
body.slug-about .prof_area .inner .img_cap {
    position: absolute;
    left: 0;
    bottom: -232px;
	width: 345px;
}




/* ----------------------------------- */
/* 一覧ページ */
/* ----------------------------------- */
body.sub .archive-list {
}
body.sub .archive-list .post-item {
    display: inline-block;
    /* border-bottom: solid 1px #cbcbcb; */
    margin-bottom: 60px;
}

body.sub .archive-list .post-item a {
    width: 100%;
    display: inline-block;
    color: #333;
}
body.sub .archive-list .post-item .post-date {
	line-height: 1.4em;
    font-size: 14px;
    color: #888;
}
body.sub .archive-list .post-item .post-title {
    font-size: 21px;
    line-height: 1.5em;
    margin-bottom: 4px;
    /* font-weight: 700; */
}
body.sub .archive-list .post-item .post-thumb {
	/*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    */
    overflow: hidden;
    width: 100%;
    float: left;
    margin-bottom: 22px;
}
body.sub .archive-list .post-item .post-thumb img {
	width: 100%;
	height: auto;
}
/*
body.sub .archive-list .post-item .post-category {
	margin-bottom: 3%;
}
body.sub .archive-list .post-item .post-excerpt {
	line-height: 1.8em;
	font-size: 14px;
}
*/

/* 一覧用ページャー */
body.sub .pagination {
    margin: 40px 0;
}
body.sub .pagination .page-numbers li {
	border: solid 1px #cbcbcb;
	background: #eee;
	color: #333;
	padding: 8px 13px;
    font-size: 14px;
    margin: 0 2px 0 0;
    display: inline-block;
}
body.sub .pagination .page-numbers li .current {
	border: solid 1px #01bbdd;
	background: #01bbdd;
	color: #fff;
}
body.sub .pagination .page-numbers li .next,
body.sub .pagination .page-numbers li .prev {
	border: none;
	background: #fff;
	color: #333;
}



/* ----------------------------------- */
/* 詳細ページ */
/* ----------------------------------- */

body.sub .single-post {
    padding-bottom: 60px;
    display: inline-block;
}
body.sub .single-post .post-title {
    font-size: 22px;
    line-height: 1.3em;
	padding-bottom: 20px;
    margin-bottom: 21px;
    border-bottom: solid 1px #000;
}
body.sub .single-post .post-meta {
    margin-bottom: 32px;
}
body.sub .single-post .post-meta .post-date {
	font-size: 14px;
	color: #888;
    width: 100%;
	margin: 0 3px;
}
body.sub .single-post .post-meta .post-cat {
	display: none;
}

body.sub .single-post .wp-block-image {
    margin-top: 10px;
	margin-bottom: 30px;
}


body.sub .single-post .post-nav__prev,
body.sub .single-post .post-nav__next {
    /*float: right;*/
    display: none;
}
body.sub .single-post .back-to-list {
	position: absolute;
    bottom: 0;
    left: 0;
	transform-origin: top left;
	font-family: "LibreBaskerville_Italic";
    font-size: 15px;
}
body.sub .single-post .back-to-list a {
	position: relative;
	color: #333;
	text-decoration: none;
    padding: 20px 20px 20px 52px;
}
body.sub .single-post .back-to-list a:hover {
	text-decoration: underline;
}
body.sub .single-post .back-to-list a:before,
body.sub .single-post .back-to-list a:after {
    background: none;
	content: "";
    position: absolute;
    display: block;
    border-bottom: solid 1px #333;
    -webkit-transform: rotate(0deg) !important;
    -ms-transform: rotate(0deg) !important;
    transform: rotate(0deg) !important;
}
body.sub .single-post .back-to-list a:before {
    left: 0;
    bottom: 29px !important;
    width: 42px;
}
body.sub .single-post .back-to-list a:after {
	left: -11px;
    bottom: 30px !important;
    -webkit-transform: rotate(30deg) !important;
    -ms-transform: rotate(30deg) !important;
    transform: rotate(125deg) !important;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    width: 10px;
}


/* ----------------------------------- */
/* メールフォーム */
/* ----------------------------------- */
.wpcf7 .wpcf7-text,
.wpcf7 .wpcf7-textarea {
    font-size: 18px;
    padding: 4% 5%;
    width: 90%;
    border: solid 1px #cbcbcb;
}
.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-textarea:focus {
	border-color: #aaa;
	outline: none; /* 独自リングを出すので消す */
}
.wpcf7 label {
    margin-bottom: 5px;
    display: inline-block;
}
.wpcf7 .wpcf7-submit {
    background: #7c6a5a;
    color: #fff;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 16px;
    padding: 20px;
    width: 100%;
    border: none;
    /*
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    */
    cursor: pointer;
}
.wpcf7 .wpcf7-submit:hover {
	opacity: 0.7;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    line-height: 1.6em;
}