@charset "utf-8";
/* CSS Document */

/*
Template:total
Theme Name:C-CLAYS_ver02
*/

@import url("css/css/reset.css");
@import url("css/css/common.css");
@import url("css/css/page.css");
@import url("css/css/layout.css");
@import url("css/css/button.css");
@import url("css/css/title.css");


/* single */
.entry-content p{
line-height: 1.7;
margin-bottom:1.7rem;
}
.single-thum{
 max-width:530px;
 margin:0 auto;
display:inline-block;
}


/*common*/

.maru{
border-radius: 50%;
}

@media screen and (min-width: 1001px){
.visible-ts{
display:none !important;
}
}

.bgcgr{
	width:100%;
	padding:16px 0 ;
	background-color:#333;
	color:#fff;
}	

.single-write dl{
 margin:20px 0;
}
.single-write dt{
    font-weight: bold;
 border-bottom: 1px solid #e7e7e7;
}
.single-write dd{
 margin-bottom:20px;
}
.single-write h2{
}
.single-write h3{
    font-size: 2.4rem;
    line-height: 1.33;
    color: #f60;
 margin-top:30px;
 margin-bottom:20px;
}
.ht-main-header{
background:#fffc65;
background-image: url("https://www.c-clays.net//wp/wp-content/themes/c-clays_total/images/c-clays_header_img.png");
background-repeat: no-repeat;
background-size:25%;
background-position: right center;
}
@media screen and (max-width: 768px) {
.ht-main-header{
background-image: url("https://www.c-clays.net//wp/wp-content/themes/c-clays_total/images/c-clays_header_img-sp.png");
background-size: contain;
padding: 35px 0;
}
.ht-container h1, .ht-container .breadcrumbs{
margin-right:30%;
}
.ht-container h1{
font-size:2rem;
}
.ht-container .breadcrumbs{
font-size:1.2rem;
}
}
.ht-main-title{
font-size:2.4rem;
}

.content-area img{
display: block;
margin:0 auto 0 0;
}

.tac img{
margin: 0 auto;
}

/*header*/
#ht-site-branding img{
	max-height:50px;
}
#ht-site-branding{
width:10%;
}
#ht-site-navigation{
float:left;
width:80%;
}
.serch-icon{
width:10%;
float:left;
    padding-top: 25px;
}
.serch-icon img{
width:30px;
margin-left:16px;
}
@media screen and (max-width: 1001px) {
#ht-site-branding{
width:50%;
}
.ht-main-navigation .ht-menu{
top:60px;
}
#ht-site-navigation{
width:0;
}
.serch-icon{
display:none;
}
/*
.serch-icon{
width:50%;
text-align: right;
}
.serch-icon img{
width:38px;
margin-right:70px;
}
*/
}
@media screen and (max-width: 768px) {
/*
.serch-icon img{
width:30px;
}
.serch-icon{
padding-top:20px;
}
*/
#ht-masthead{
	height: 70px;
}
#ht-site-branding img{
	max-height:35px;
}
}
.blog.home #ht-masthead{
margin-bottom:20px;
}
.ht-main-navigation ul ul{
margin-top:0;
min-width:300px;
}
@media screen and (max-width: 1000px){
.toggle-bar, .ht-main-navigation .ht-menu{
z-index:9999;
position:fixed;
}
}
@media screen and (max-width: 768px){
.toggle-bar {
    top: 12px;
}
.blog.home #ht-masthead{
margin-bottom:30px;
}
}


/*TOP*/
/* 背景の女の子 */
body.home{
background-color: #fff;
background-image: url('https://www.c-clays.net/wp/wp-content/uploads/bg-cctop.png'); 
background-size:contain;
background-position: right top; 
background-repeat: no-repeat;
background-attachment: fixed !important; 
}
@media (orientation: portrait){
body.home{
background-position: left top; 
background-size: cover !important; 
}
}
@media screen and (max-width: 414px) {
body.home{
background-image: none; 
}
body.home::before {
  background-image:url('https://www.c-clays.net/wp/wp-content/uploads/bg-cctop-sp.png');
background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
background-position: right top; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
transform: translate3d(0, 0, 0);
}   
body.home{
background-size:cover;
background-position: left top; 
}
}
#topsliderback{
height: 100vh;
position: relative;  
}
@media screen and (max-width: 768px) {
#topsliderback{
height: auto;
}
}
/* タイトル */
.toptitle{
height:100vh;
position: relative; 
text-shadow:  #fff 1px 1px 1px, #fff -1px 1px 1px, #fff 1px -1px 1px, #fff -1px -1px 1px;
}
@media screen and (max-width: 768px) {
.toptitle{
height:65vh;
}
}
.toptitle h1:before{
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 85px;/*画像の幅*/
  height: 100px;/*画像の高さ*/
  background-image: url(https://www.c-clays.net/wp/wp-content/uploads/titleh-logo.png);
  background-size: contain;
float:left;
margin:15px 15px 0 0;
}
.toptitle h1{
position: absolute;
top:35%;
margin-left:16px;
}
.toptitle .hdXL{
line-height:1.3;
}
.toptitle .hdM{
color:#000;
}
@media screen and (max-width: 1279px) {
.toptitle h1{
top:10%;
}
}
@media (orientation: portrait){
.toptitle h1{
top:10%;
}
}
@media screen and (max-width: 768px) {
.toptitle h1{
margin-left:0;
top:auto;
margin-right:0; /* 下層ページのh1との干渉を解消 */
}
.toptitle h1 .hdXL{
margin-left:0;
}
.toptitle h1:before{
  width: 35px;/*画像の幅*/
  height: 41px;/*画像の高さ*/
margin:0 5px 0 0;
/*  content: none; */
}
.toptitle h1 .hdM{
font-size:1.6rem;
}
}
/* イベント情報 */
.toplist{
position: absolute;  
bottom:5%;
width:45%;
}
@media screen and (max-width: 1279px) {
.toplist{
width:75%;
}
}
@media (orientation: portrait){
.toplist{
width:70%;
}
}
@media screen and (max-width: 768px) {
.toplist{
position: relative;  
width:100%;
}
}
/* その他 */
.home.blog.ht-sticky-header #ht-content{
padding-top:0;
}
#ht-about-us-section{
/* background-color:rgba(255,252,101,0.6); */
/* background-image: url('https://www.c-clays.net/wp/wp-content/uploads/Solid256gridChecker_2.png'); */
background-repeat: repeat;
border-bottom: solid 3px #f60;
border-top: solid 3px #f60;
background:#f6f6f6;
/* background:none !important; */
}
.top-footer{
}
#ht-logo-section.top-footer{
background:none;
}
.top-footer .shoplist img{
margin: 20px auto 4px auto;
}


/* detail */

.shoplist img{
 width:200px;
 margin:6px 3px;
}

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

.yarpp-related h3{
    font-size: 2rem;
    text-align: left;
    behavior: url(../PIE.htc);
    line-height: 1.3;
    padding: 16px 12px;
    margin-bottom: 0.8em;
    background: url(../images/icon/icon_tit02.gif) left center no-repeat;
    color: #f60;
    border: 1px solid #f60;
 margin: 60px 0 20px 0 !important;
}
.yarpp-thumbnail > img, .yarpp-thumbnail-default{
 height:auto !important;
 margin-bottom:10px !important;
max-height:130px !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail{
 max-width:30% !important;
 margin-left:2% !important;
 margin-bottom:6px !important;
 background-image:none !important;
 background:#fff !important;
 float:left !important;
 border:none !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title{
 width:90% !important;
}


/* アーカイブ */

.ht-post-info a{
display:none;
}
.ht-post-info{
text-align:left;
}


/* footer固定メニュー */

#footer-menu-kotei{
position: fixed;
z-index:9999;
display:none;
}
#footer-menu-kotei ul{
position: fixed;
width: 100%;
bottom: 0;
left: 0;
z-index: 100;
padding: 0;
display: flex;
margin-bottom: 0;
font-size:0.8rem;
flex-wrap: wrap;
}
#footer-menu-kotei li{
width: 20%;
text-align: center;
background-color:rgba(0,0,0,0.8);
}
#footer-menu-kotei li:first-child{
background-color:rgba(217,194,222,0.8);
}
#footer-menu-kotei li:first-child a img{
width:auto;
margin-bottom:0;
}
/*
#footer-menu-kotei li:last-child{
background-color:rgba(85,172,238,0.9);
}
*/
#footer-menu-kotei li a{
width: 100%;
display: block;
padding: 10px 0;
color: #fff;
}
#footer-menu-kotei li:first-child a{
color: #f60;
}
#footer-menu-kotei li a img{
margin-bottom:4px;
width:20px;
}
#footer-menu-kotei li a:hover{
background-color: #000;
}

#ht-back-top {
    bottom: 150px;
}
#ht-bottom-footer{
padding-bottom:70px;
}

#footer-menu-kotei .btn{
display: block;
clear:both;
width: 100%;
text-align: center;
background-color: #e8e8e8;
background-image: url(https://www.c-clays.net/wp/wp-content/uploads/bg001_10.gif);
}
#footer-menu-kotei .btn a:hover{
background-color: #eee;
}
#footer-menu-kotei .btn a{
padding: 0;
}

/* ライター */
.author-info {
background:#f3f3f3;
	border-color: inherit;
	border-width: 1px 0 1px 0;
	clear: both;
	padding: 1.75em;
margin-top:40px;
}

.author-avatar .avatar {
	float: left;
	margin: 0 1.75em 1.75em 0;
	width: 100px;
border-radius: 50%;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.author-title {
	clear: none;
	line-height: 1.75;
	margin-bottom: 8px;
border-bottom:#f60 1px solid;
}

.author-bio {
	overflow: hidden;
}

.author-link {
	white-space: nowrap;
}



/* コメント */

#reply-title,
#comment-title{
font-size: 2rem;
    behavior: url(../PIE.htc);
    line-height: 1.3;
    padding: 16px 12px;
    margin-bottom: 0.8em;
    color: #f60;
    background-color: #fffc65;
    font-weight: bold;
margin-top:60px;
}

.comment-author .avatar{
display:none;
}

#comment{
margin:20px 0;
}



/* Side */

.widget-title{
color:#f60;
margin-top:50px;
}

.widget-area ul ul li {
    padding-left: 25px;
}



/* nav */
@media screen and (min-width: 1001px){
	.nav_lang{
		border:#f60 1px solid;
		padding:6px 12px;
}
}