/*
Theme Name:手元供養の専門通販サイト - 手元供養のことなら京都博國屋
Theme URI:https://hirokuniya.com/
Description:手元供養の代名詞であるお地蔵様、ミニ骨壷など、大切な故人のご遺骨を納骨するための手元供養品を製造販売しています。また手元供養を飾る台座やステージなども取り揃えています。手元供養の商品だけでなく、やり方などわからないことはお気軽にご相談ください。
Version: 1.0
Author:　Tamamura
Author URI:https://hirokuniya.jp/
*/

.contactform7-box{}
.contactform7-title{border-bottom:1px solid #ccc;}
.contactform7-haveto{padding: 8px; margin:32px 8px 16px 0; background: #ff9393;color: #fff;border-radius: 2px;display: inline-block;}
.contactform7-any{padding: 8px; margin:32px 8px 16px 0; background: #3e85ad; color: #fff; border-radius: 2px;display: inline-block;}
.contactform7-box input , .contactform7-box select{height:32px;}


.entries{ }
.entry_box{	border: 1px solid #ccc; overflow: hidden; margin: 16px 0;}
.date_text{float: right; width: calc(100% - 66px);box-sizing: border-box; padding: 8px; color: #333;}
.date_text h4{margin: 0; font-weight: normal;}
.entry_img{float: left; width: 50px; height: 50px; padding: 8px;}

.koukai{margin-left:8px; margin-bottom:32px; display:inline-block; color:#666;}
.koushin{margin-left:16px; margin-bottom:32px; display:inline-block; color:#666;}
/*スマホの場合の表示*/
@media screen and (max-width: 767px){
.koukai{margin-left:8px; margin-right:8px; margin-bottom:0; display:inline-block; color:#666;}
.koushin{margin-left:8px; margin-bottom:32px; display:inline-block; color:#666;}
}

body{line-height:1.6em;margin:0 auto;padding:0;overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{line-height:1.3em; clear:both}
p{margin:0 0 10px}
img{max-width: 100%; height: auto;}
a img{border:none}
a{text-decoration:none}
a:hover{text-decoration:underline}
.pad4{padding: 4px;}
.pad8{padding: 8px;}
.pad16{padding: 16px;}
.pad32{padding: 32px;}
.text_c{text-align: center;}
.text_r{text-align: right;}
.font_s{font-size: 0.8em;}
.font_b{font-size: 1.2em;}
strong{background: linear-gradient(transparent 50%,#ffcbc1 50%);}
.link_box{border:1px solid #ccc; padding:16px;}
.link_box a{display:block}

/*NotFoundここから*/
.notfound h1{text-align: center; font-weight: bold; font-size: 1.5em;}
.notfound p{text-align: center; padding: 16px 0;}
/*NotFoundここまで*/


/*PCの場合非表示にするもの*/
.pcnone{display:none;}

/*スマホの場合に表示するもの非表示にするもの*/
@media screen and (max-width: 767px){
.pcnone{display:block;}
.smanone{display:none;}
/*フロート解除*/
.nofloat{float:none; width:100%}
}

.float_r{float: right; }
.float_l{float: left;}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/*ナビゲーションデザイン*/
.nav-previous{float:right;}
.nav-next{float:left}
.posts-navigation {
  margin-top: 3em;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.nav-links {
  border-top: 1px solid #ccc;
  padding: .5em 0;
}

.nav-links:after {
  content: "";
  display: block;
  clear: both;
}
/*コンテンツ本文*/
.post_contents{	font-size: 17px; line-height: 32px;}
.post_contents h1{font-size: 16px; font-weight:bold;}
.post_contents h2{font-size:20px; margin-bottom: 8px; font-weight: bold; color: rgba(0,0,0,0.7); line-height: 30px;}
.post_contents section{margin: 32px 0;}
/*リンクボタン*/
.cta_button{display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border-left: solid 6px #ccc;/*左線*/
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);}
.cta_button:active{ /*ボタンを押したとき*/
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);  transform: translateY(2px);}
.cta_button a{display: block;}


/*ヘッダーメニュー*/
header{
	width:100%;
	height:50px;
	margin:16px 0;
}

/*看板*/
.logobox{
	position:fixed;
	left:4%;
	width:6%;
	margin-top:-32px;
	height:calc(100vh + 32px);
	background-color:#fcfcfc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	box-shadow:2px 4px 4px #ccc;
	z-index:9999;
}
/*PCナビゲーション*/
.nav{
	position:fixed;left:12%;top:16px;
	border-top:1px solid rgba(225,225,225,0.9);
	border-bottom:1px solid rgba(225,225,225,0.9);
	z-index:9999;
}
.nav a{color:#333333; display:block; padding:0 14px; font-weight:700;}
.nav a:hover{background-color:#666; color:#fff;}
.nav ul li{
	float:left;
	height:50px;
	padding:1px 12px;
	line-height:50px;
	font-size:16px;
	background-color:#fff;
}
/*PCの時ハンバーガーは非表示*/
.humburg{display:none;}

/*トップページのサイズ可変css*/

/* スライドショーCSSここから*/

.slider{width: 100vw;    margin: 0 auto 32px;    overflow: hidden;    display: flex;    flex-flow: row nowrap;    justify-content: flex-start; align-items: center;}
.slider img{width:100%;}
.slider__content{ min-width: 100%; animation: sliderAnime 20s ease-in-out infinite;}
 
@keyframes sliderAnime{
    0%{  }
    12.5%{  transform: translateX(0); }
    25%{  transform: translateX(-100%);  }
    37.5%{    transform: translateX(-100%);  }
    50%{  transform: translateX(-200%);  }
    62.5%{  transform: translateX(-200%);  }
    75%{  transform: translateX(-300%);  }
    87.5%{  transform: translateX(-300%);  }
    100%{   transform: translateX(0);   }
} 
.slider__img{  max-width: 100%;  min-width: 100%;}
/* スライドショーCSSここまで*/

/*コンテンツここから(投稿・固定ページ共通)*/

.contents_body{width:89%;	margin-left:11%; overflow: hidden !important ;}
.widthfull{max-width:96%; margin: 0 2%;}

/*メインコンテンツここから*/
.main_body{
	float: right;
	margin:16px 0 32px 0;
	width: 100%;
	max-width: calc(100% - 332px);
	width : -webkit-calc(100% - 332px) ;

}
/*メインコンテンツここまで*/
/*サイドメニューここから*/
.side_menu{float: left; width: 300px; margin: 16px 0;}

.side_menu ul li{
	position: relative;
	display: block;
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dashed #ccc;
}
.side_menu h3{
	font-size: 13px;
	padding: 10px;
	margin: 0;
    background: linear-gradient(180deg,#ffffff 0%,#ededed 100%);
    background: -moz-linear-gradient(270deg,#ffffff 0%,#ededed 100%);
    background: -webkit-linear-gradient(270deg,#ffffff 0%,#ededed 100%);
	border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 3px #999999;
}

.sidebox ul{margin:0 3%;}

/*サイドメニューここまで*/
/*フッター*/
.footer-wrap-pc{}
.footer-wrap-sp{display: none;}
footer{left:11%; position:absolute; width: 89%;}
footer h2{
	text-align: center;
	padding:16px;
	background:-webkit-linear-gradient(270deg,#ffffff 0%,#ededed 100%);
	border-radius:2px 2px 2px 2px;
}

footer h3{
	font-size: 14px;
	padding:8px;
	background:-webkit-linear-gradient(270deg,#ffffff 0%,#ededed 100%);
	border-radius:2px 2px 2px 2px;
	margin: 8px 0;
	font-weight: normal;
}
.footer3{float: left; width: 33%; box-sizing: border-box; padding: 16px; margin-bottom: 28px;}
.foot_name{
	background-color:#2d749d;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	bottom: 0;
	position: absolute;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
}
/*カテゴリー一覧ページ　*/
.cate_box{clear: both; display: inline-block; border: 1px solid #ccc; margin-bottom: 32px; padding: 32px;}
.post-categories{padding: 8px; background-color: #2d749d;}
/*.post-categories{padding: 8px; background-color: #3e85ad;}*/
.post-categories a{color:#fff;}
.post-categories ul li{float: left; margin-right: 16px; border-right: 1px solid #fff; padding-right: 16px;}
.cate_category{padding-left: 16px; background-color: #3e85ad; color: #fff;}
.cate_imgbox{float: left; width: 20%; padding:16px; box-sizing:border-box;}
.cate_textbox{float: right; width: 80%;}
.cate_box h2{font-size: 13pt; margin-bottom: 4px; padding-top: 16px;}
.cate_box h2 a{color: #666;}
.cate_memo{font-size: 11pt; padding: 16px; margin-bottom: 32px;}
.cate_anchor{display: block; text-align: right;}

/*コンタクトフォーム*/
.form_item{ 
	padding: 16px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	clear: both;
}
.form_label{
	float: left;
	width: 30%;
	position: relative;
	z-index: 5;
	padding: 16px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
}
.label{
	font-size: 10pt;
	display: block;
	line-height: 1.21;
	letter-spacing: -0.25px;
	vertical-align: middle;
	padding-right: 4px;
	max-width: 100%;
	margin-bottom: 4px;
	box-sizing: border-box;
}
.form_input{
	float: left;
	width: 70%;
	position: relative;
	padding: 16px;
	box-sizing: border-box;
}
.form_input input {max-width: 100%; height: 30px;}
.form_input select{height: 30px;}
input.formbtn{width: 88px; height: 32px; padding: 8px; margin: 0 auto; text-align: center;}

.submit_btn{margin:0 auto; width:88px; height:32px;}

/*必須の調整*/
.haveto{
 padding:8px;
 margin-right: 8px;
 background:#ff9393;
 color:#fff;
 border-radius:2px;
 display: inline-block;
}
/*任意の調整*/
.any{
 font-size:8px;
 padding:8px;
 background:#93c9ff;
 color:#fff;
 border-radius:2px;
 margin-right:8px;
}




.item_bottan {
	text-align: center;
	padding: 8px;
	border: solid 1px #ccc;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}


/*送信ボタンのデザイン変更*/

@media(max-width:767px){
}

/*カートデザイン*/
.cartjs_product_table table{	
	width:100% !important;
}
.cartjs_cart_in{
	width:100%!important;
}
.cartjs_product_name{
	font-size:12px;
}
.cartjs_cart_in strong{
		background:none;
}


.item_bottan {
	text-align: center;
	padding: 8px;
	border: solid 1px #ccc;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}


/*ページ内リンクのずらし*/
h2.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
@media only screen and (max-width: 767px) {
h2.anchor{
    padding-top: 32px;
    margin-top: -32px;
}
	
}


/*ブログバナー
.blog_banner{
padding:20px;
width:85%;
overflow:hidden;
margin:0 auto;
}

.blag_banner_r{
width:48%;
float:right;
}

.blag_banner_l{
width:48%;
float:left;
}*/

/*固定ページ人気おすすめ商品*/
.recommended{
	padding:20px;
	width:90%;
	margin:0 auto;
	display:flex;
	justify-content:space-around;
}

.recommended_p{
	width:28%;
	margin:0;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	border-radius:0 0 5px 0;
}

/*【タブレット】レスポンシブ*/
@media screen and (max-width: 1023px){

/*看板*/
.logobox{	left:0;	width:6%;	z-index:9999;}

/*ナビゲーション【タブレット】*/
.nav{left:7%; height:50px; top:0px; border-top:none;}
.nav a{font-weight:normal; vertical-align: top;}
.nav a:hover{background-color:#666; color:#fff;}
.nav ul li{	padding:0;	font-size:11px;}


/*コンテンツここから(投稿・固定ページ共通)*/
.contents_body{	width:93%;	margin-left:6%;	}

/*メインコンテンツここから*/
.main_body{
	float: right;
	margin:16px 0 32px 0;
	width: 100%;
	max-width: calc(100% - 220px);
	width : -webkit-calc(100% - 220px) ;
}
/*メインコンテンツここまで*/
/*サイドメニューここから*/
.side_menu{float: left; width: 200px;}
/*サイドメニューここまで*/
	
/*コンタクトフォーム*/

.form_label{
	float: none;
	width: 100%;
}
.form_input{
	float: none;
	width: 100%;
}
.form_input select{width:100%;}	
.form_input textarea{width: 100%;}
	
input.formbtn{width: 100%; height: 38px;}
	
}

/*【スマホ】レスポンシブ*/
@media screen and (max-width: 767px){

header{	width:100%;	height:42px; border:none;}

/*ハンバーガーメニュー部分ここから*/
.humburg{display:block; cursor:pointer;}

header nav {margin-right: -16px;}
header nav ul{	display: flex;	align-items: center;}
header nav ul li a{	color: #fff;	text-decoration: none;	font-weight: bold;	padding: 16px ;	font-size:16px;}
#nav_toggle{	display: none;}
header nav{display: none;		position: absolute;		top:72px;		width: 100%;		background: #ff9c9c;		left: 0;		z-index:9999;	}
header nav ul{		display: block;		margin: 0 auto;		width: 90%;	}
header nav ul li{		margin: 0 auto;		text-align: center;		border-bottom: 1px solid #fff;	}
header nav ul li:last-child{		border: none;	}
header nav ul li a{		display: block; 	}
 
/*開閉ボタン*/
#nav_toggle{	display: block;	width: 40px;height: 40px; position: absolute; top: 20px; right:16px; z-index: 100;	}
#nav_toggle div { position: relative;	}
#nav_toggle span{	display: block;	height: 3px; background: #ccc;	position:absolute;	width: 100%; right: 0;	-webkit-transition: 0.5s ease-in-out;	-moz-transition: 0.5s ease-in-out;	transition: 0.5s ease-in-out;	}
#nav_toggle span:nth-child(1){	top:0px;}
#nav_toggle span:nth-child(2){	top:12px;}
#nav_toggle span:nth-child(3){	top:24px;	}
/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {	top: 12px;   -webkit-transform: rotate(135deg);	-moz-transform: rotate(135deg);	transform: rotate(135deg);}
.open #nav_toggle span:nth-child(2) {	width: 0;	left: 50%;	}
.open #nav_toggle span:nth-child(3) {	top: 12px;	-webkit-transform: rotate(-135deg);	-moz-transform: rotate(-135deg);	transform: rotate(-135deg);	}	
/*ハンバーガーメニュー部分ここまで*/

/*コンテンツここから(投稿・固定ページ共通)*/

.contents_body{width:100%;	margin-left:0;}

/*メインコンテンツここから*/
.main_body{
	float: none;
	max-width: 100%;
	width : auto ;
	padding: 0 16px;
}
/*メインコンテンツここまで*/
/*サイドメニューここから*/
.side_menu{float: none; width: 100%;;}
/*サイドメニューここまで*/
/*フッター*/
.footer-wrap-pc{display: none;}
.footer-wrap-sp{display: block; margin-bottom: 56px;}	
	/*フッターここから*/
footer{left:0%; width: 100%;}
.foot_name{text-align: center;}
/*コンタクトフォーム*/

.form_label{
	float: none;
	width: 100%;
}
.form_input{
	float: none;
	width: 100%;
}
.form_input select{width:100%;}	
.form_input textarea{width: 100%;}
	
input.formbtn{width: 100%; height: 38px;}
	
	/*カテゴリー一覧ページ　*/
.cate_imgbox{float: none; width: 100%; text-align: center;}
.cate_textbox{float: none; width: 100%;}

}

/*ブログ前後のページへのリンク用*/
.postnavi{width:100%;}
.postnavi .prev{float:left; width:49%; display: block; text-align: left; font-size: 90%; line-height: 1.2em;}
.postnavi .next{float:right; width:49%; display: block; text-align: right; font-size: 90%; line-height: 1.2em;}
.pn_clear{clear: both;}


/*カートデザイン*/
.cartjs_product_table table{width:100% !important;}
.cartjs_cart_in{width:100%!important;}
.cartjs_product_name{	font-size:12px;}
.cartjs_cart_in strong{		background:none;}

.item_bottan {
	text-align: center;
	padding: 8px;
	border: solid 1px #ccc;
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
}

@media screen and (min-width: 481px) {
.navi li:hover > ul > li {	display:block;}
.navi li:hover ul li ul li:hover > a { background: rgba(240,240,240,1);}
}
.slider{width: 100vw;    margin: 0 auto;    overflow: hidden;    display: flex;    flex-flow: row nowrap;    justify-content: flex-start; align-items: center;}