@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

body{
	line-height: inherit;
}
#g-menu{
	font-size: 16px;
}
div#content.content {
    background: inherit;
}
#footer .f-info{
	background-color: #FFF;
}
#footer .btn,
#footer .copy{
    background: #FFF;
}
a:hover {
  color:#000;
}
#go-to-top .fa{
	margin-top: -2px;
}
.sidebar h2, .sidebar h3{
	color: #000;
}
#content.content {
	color: #000;
	padding: 0.3em 2em;
}
#btColumnTop{
	display: block;
    color: #FFF;
    background: #22304f;
    text-align: center;
    padding: 1rem 0;
    border-radius: 10px;
}
.widget-sidebar li{
	width:100%;
}
.widget_author_box .main-widget-label{
	font-weight: 600;
	margin-bottom: 1rem;
}
.sidebar h2, .sidebar h3{
	font-size: 1.2rem;
	font-weight: 600;
	padding: 5px 15px;
}
aside {
    font-size: 93%;
}
.related-entry-heading,
.comment-title,
.related-entry-heading span{
	font-weight: 600;
}
.comment-form button{
	font-family: 'noto serif japanese', serif, sans-serif;
	font-weight: 600;
}
#toc ol,
#toc ul {
    list-style: auto;
}
.pagination-next{
	display:none;
}

article .entry-content ul{
	display: block;
	list-style: initial;
	padding: 0 0 0 1.6rem;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	#content #main{
		padding: 1em 1em 0;
	}
	main.main{
		margin: 0;
	}
	.breadcrumb{
		padding: 1em 0;
		margin: 0;
	}
	.entry-title, .article h2{
		padding: 0.6em 0;
	}
	#content.content{
		font-size: 170%;
		padding:0;
		margin-top: 0;
	}
	.author-box{
		padding: 3% 2% 0 3%;
	}
	.article h2{
		padding: 0.6em;
	}
	.entry-content ul{
		list-style: disc;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.body, .menu-content {
		font-size: inherit;
	}
}


/*============================================
コンテンツブロック 大枠調整
==============================================*/
#sub-column {
	display: none;
	}
	
/*============================================
サイドバー調整
==============================================*/
@media screen and (max-width:768px){
	/*-- サイドカラム(768px) --*/
	#sub-column {
			background-color: #F5F5F5;
			box-sizing: border-box;
			float: none;
			height: 100%;
			margin: 0;
			overflow-y: auto;
			padding: 75px 2% 0;
			position: fixed;
			right: -60%;
			top: 0;
			width: 60%;
	}

	/* サイドメニューオープン(768px) */
	#sub-column.spsDrawerOpen {
			transition: .5s transform ease-in-out;
			transform: translateX( -100% );
			-webkit-overflow-scrolling: touch;
			z-index: 100;
	}
	#wrapper.spsDrawerOpen::before {
			background: rgba(0,0,0,.6);
			content: "";
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 50;
	}
	#sub-column.spsDrawerClose {
			transition: .5s transform ease-in-out;
			transform: translateX( 0 );
			-webkit-overflow-scrolling: touch;
			z-index: 100;
	}
}





/*================================
ハンバーガーボタン調整
==================================*/
@media screen and (max-width: 768px) {
	#wrapper {
			width: 100%;
			min-width: 100%;
	}
	#header-inner {
			background-size: cover !important;
			box-sizing: border-box;
			padding: 0 2%;
			position: relative;
			width: 100%;
	}
	#header-inner #logo {
			display: block;
			margin-bottom: 10px;
			min-height: 46px;
			padding: 20px 0 0;
			text-align: left;
			width: 33%;
	}
	#header-inner #hNav {
			display: block;
			overflow: hidden;
			margin: 15px 0 0;
			width: 100%;
	}
	#hNav ul#keyword li a {
			background-color: #EFEFEF;
			border-radius: 3px;
			display: inline-block;
			float: none;
			margin: 0 0 2%;
			padding: 2%;
	}

	/*メニュー(768px)*/
	#hNav nav, #hNav .cart-nav {
			position: absolute;
			top: 20px;
			right: 2%;
	}
	#hNav ul#header-nav li {
			color: #333;
			font-size: 80%;
			margin-right: 62px;
			padding: 0 5px;
	}
	#hNav ul#header-nav li#header-nav-mypage a::before,
	#hNav ul#header-nav li#header-nav-cart a::before {
			display: block;
			height: 28px;
			margin: 0 auto 3px;
			top: 0;
			width: 28px;
	}
	#hNav ul#header-nav li#header-nav-cart {
			margin-left: -62px;
	}
	#hNav ul#header-nav li#header-nav-drawer {
			background: #FFF;
			border: 1px solid #888;
			border-radius: 5px;
			box-sizing: border-box;
			cursor: pointer;
			display: inline-block;
			height: 46px;
			margin: 0;
			padding: 0;
			position: fixed;
			right: 2%;
			top: 20px;
			white-space: nowrap;
			width: 46px;
			z-index: 150;
	}
	#header-nav-drawer span {
			display: block;
			position: absolute;
			top: 50%;
			left: 50%;
			width: 24px;
			height: 3px;
			margin: -3px 0 0 -12px;
			background: #777;
			transition: .2s;
	}
	#header-nav-drawer span::before, #header-nav-drawer span::after{
			display: block;
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			width: 24px;
			height: 3px;
			background: #777;
			transition: .3s;
	}
	#header-nav-drawer span::before{
			margin-top: -10px;
	}
	#header-nav-drawer span::after{
			margin-top: 7px;
	}
	#header-nav-drawer.spsDrawerOpen span {
			background: transparent;
	}
	#header-nav-drawer.spsDrawerOpen span::before, #header-nav-drawer.spsDrawerOpen span::after{
			margin-top: 0;
	}
	#header-nav-drawer.spsDrawerOpen span::before{
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	}
	#header-nav-drawer.spsDrawerOpen span::after{
			transform: rotate(-135deg);
			-webkit-transform: rotate(-135deg);
	}
}


/*============================================
サイドバー調整
==============================================*/
@media screen and (max-width:768px){
 /*-- サイドカラム(768px) --*/
 #sub-column {
		 background-color: #F5F5F5;
		 box-sizing: border-box;
		 float: none;
		 height: 100%;
		 margin: 0;
		 overflow-y: auto;
		 padding: 75px 2% 0;
		 position: fixed;
		 right: -60%;
		 top: 0;
		 width: 60%;
 }

 /* サイドメニューオープン(768px) */
 #sub-column.spsDrawerOpen {
		 transition: .5s transform ease-in-out;
		 transform: translateX( -100% );
		 -webkit-overflow-scrolling: touch;
		 z-index: 100;
 }
 #wrapper.spsDrawerOpen::before {
		 background: rgba(0,0,0,.6);
		 content: "";
		 height: 100%;
		 left: 0;
		 position: fixed;
		 top: 0;
		 width: 100%;
		 z-index: 50;
 }
 #sub-column.spsDrawerClose {
		 transition: .5s transform ease-in-out;
		 transform: translateX( 0 );
		 -webkit-overflow-scrolling: touch;
		 z-index: 100;
 }
}



/*============================================
コンテンツブロック 大枠調整
==============================================*/
#sub-column {display: none;}


@media screen and (max-width: 768px) {
 #sub-column {
		 max-width: inherit;
		 width: 269px;
		 /* left: -269px; *//*左からの時*/
		 right: -269px;/*右からの時*/
		 background: #fff;
		 padding: 130px 15px 0;
		 display: block;
 }
#wrapper.spsDrawerOpen::before {
 background: rgba(0,0,0,.6);
 content: "";
 height: 100%;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 50;
}
}
@media screen and (max-width: 580px){
#sub-column {
		 width: 80%;
		 /* left: -80%; *//*左からの時*/
		 right: -80%;/*右からの時*/
		 padding: 102px 15px 0;
 }
 
}




#sub-column .group nav,
#sub-column .category nav,
#sub-column .link nav{
	display:block;
	position: unset;
	padding: 0;
	margin-bottom: 25px;
}
#sub-column .group nav ul,
#sub-column .category nav ul,
#sub-column .link nav ul{
	display:block;
	position: unset;
}
#sub-column .group #sps-itemListAllCategory section:first-child nav ul li.listcat1:first-child, #sub-column .category #sps-itemListAllCategory section:first-child nav ul li.listcat1, #sub-column .link #sps-itemListAllCategory section:first-child nav ul li.listcat1:first-child {
    border-top: 1px solid #333;
}
#sub-column .category nav ul li.listcat3 a {
      zoom: 1;
      display: block;
      padding: 15px 12px 15px 6%;
      margin:0px 0;
      line-height: 100%;
      color:#000;
  }

  #sub-column .group nav ul li a::after,
#sub-column .category nav ul li a::after,
#sub-column .link nav ul li a::after {
      content: "";
      background: url(https://www.ise-miyachu.co.jp/hpgen/HPB/theme/img/rsp_arrow02.png);
      background-size: cover;
      display: inline-block;
      height: 13px;
      margin: -2px 0 0 8px;
      position: absolute;
      right: 2%;
      top: 39%;
      vertical-align: middle;
      width: 8px;
  }
  #sub-column .group nav ul li a:hover,
#sub-column .group nav ul li a:active,
#sub-column .category nav ul li a:hover,
#sub-column .category nav ul li a:active,
#sub-column .link nav ul li a:hover, 
#sub-column .link nav ul li a:active, 
#sub-column .sitelink a:hover {
      opacity: .70;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)";
      -khtml-opacity: .70;
      -moz-opacity: .70;
  }