@charset "utf-8";
/*
theme Name: 新湊かまぼこ２
Author: Plusers
Description: original theme
version： 1.0.0
*/

/* ===================
common
===================*/ 
.news .pageTitleWrapp {
/*	background-image: url("/wordpress/wp-content/themes/shinminato-kamaboko/images/title_page.jpg");*/
}

@media (max-width: 767px)  {
	.newsSec {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.newsSec:first-of-type {
		padding-top: 0rem;
	}
}
@media (min-width: 768px)  {
	.newsSec {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}	
	.newsSec:first-of-type {
		padding-top: 0rem;
	}
}


/* ===================
index [list]
===================*/ 
.newsHeader h2 a{
 text-decoration: none!important;
 color: #000!important;
}
.newsHeader h2 a:hover{
 color: #666!important;
}
.newsHeader p.dateText {
 float: left;
 display: inline-block;
}
.newsHeader p.labelTxt {
 background: #333;
 margin-right: 2em;
 margin-bottom: 6px;
 padding: 3px 10px;
 color: #FFF;
 min-width: 100px;
 line-height: 1.0;
 text-align: center;
 display: inline-block;
 margin-top: 0.3rem;
 margin-left: 1em;
 font-size: 1.0em;
}

/* pager-list */
.pager-list {
	text-align:center;
 font-size: 2.0rem;
}
.main a.page-numbers,
.pager-list .current{
	background: #fff;
	color: #313e6a;
	border: solid 1px #313e6a;
	padding: 8px 12px;
	margin: 0 2px;
	text-decoration: none;
}
.pager-list .current{
	background:#313e6a;
	border:solid 1px #313e6a;
	color:#FFF;
}



/* ===================
entry
===================*/ 
/* pageTitle */
/*
.pageTitleWrapp .pageTitleText {
 position: absolute;
 top: calc(50% - 1.0em);
 left: 0;
 right: 0;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 line-height: 1;
 letter-spacing: 0.5em;
 text-indent: 0.5em;
 padding-right: -0.5rem;
 text-shadow: 2px 2px 12px #ffffff;
}
@media (max-width: 767px)  {
	.pageTitleWrapp .pageTitleText {
  font-size:2.0rem;
	}
}
@media (min-width: 768px)  {
	.pageTitleWrapp .pageTitleText {
		font-size:4.3rem;
	}
}
*/


/* contentsHeader */
.newsHeader h2 {
 line-height: 1.2;
 border-bottom: 1px solid #000;
 padding-bottom: 1.5rem;
 margin-bottom: 3.0rem;
}
@media (max-width: 767px)  {
 .newsHeader {
  margin-bottom: 3.0rem;
 }
}
@media (min-width: 768px)  {
 .newsHeader {
  margin-bottom: 6.0rem;
 }
}
 
/* newsBody */
.newsBody {
 line-height: 1.6;
}
.newsBody h2 {
 margin-bottom: 3.0rem;
}
.newsBody h3 {
 margin-bottom: 3.0rem;
}
.newsBody h4 {
 margin-bottom: 3.0rem;
}
.newsBody p {
 margin-bottom: 1.6rem;
}

/* pager */
.pager {
	overflow: hidden;
 margin-top: 5.0rem;
	margin-bottom:10.0rem;
}
.pager .wp-pagenavi {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
}
.pager .wp-pagenavi a{
	margin: 0 14px;
	position: relative;
	left: -50%;
	float: left;
	display: block;
	font-size: 16px;
	padding: 0.6em 2em 0.6em;
	border-radius: 0px;
	background: #313e6a;
	color: #fff;
	text-decoration: none;
	text-align:center;
 border: 1px #313e6a solid;
} 
.pager .wp-pagenavi a:hover {
	background: #fff;
	color: #313e6a;
 border: 1px #313e6a solid;
} 

.wp-pagenavi p {
	display:inline;
}
.nextBtn-s a,
.prevBtn-s a{
	position: relative;
}
.nextBtn-s a::before,
.nextBtn-s a::after,
.prevBtn-s a::before,
.prevBtn-s a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.nextBtn-s a::before,
.prevBtn-s a::before{
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.nextBtn-s a:hover::before,
.prevBtn-s a:hover::before{
	border-top: 2px solid #313e6a;
	border-right: 2px solid #313e6a;
}

.nextBtn-s a::before{
	right: 15px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.prevBtn-s a::before{
	left: 15px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.pager .wp-pagenavi .nextBtn-s a{
	padding: 0.6em 2.5em 0.6em 1.5em;
}
.pager .wp-pagenavi .prevBtn-s a{
	padding: 0.6em 1.5em 0.6em 2.5em;
}

/* ---------------------------------------------
	newsList
--------------------------------------------- */
.newsWrapp {
	margin-bottom: 30px;
}
.label-warning {
	background-color: transparent;
	color: #FF000F;
	font-size: 12px;
	padding: 0;
}
h1.detail_news,
h1.list_photo,
h1.list_movie{
	/*
	background-image: url("../../../../images/title_page.jpg");
	background-repeat:no-repeat;
	background-position: center center;
	*/
   /*
	font-size: 3.4rem;
	*/
    text-align: center;
    margin-bottom: 50px;
    /*
	line-height: 200px;
    height: 200px;
    top:0;
    padding-top: 0 !important;
	*/
    box-sizing: border-box;
	/*padding-top: 3.0rem;
	padding-bottom: 3.0rem;*/
}
.newsWrapp h1.detail_news ,
.newsWrapp h2.detail_news {
	background-image: url("../../../../images/title_page.jpg");
	background-repeat:repeat;
	background-position: center center;
    font-size: 3.4rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 200px ;
    height: 200px ;
    padding-top: 0 !important;
    box-sizing: border-box;
	/*padding-top: 3.0rem;
	padding-bottom: 3.0rem;*/
}
h1.detail_blog {
	background-image: url("images/header_blog.png")!important;
/*	background-image: url("../../../../images/header_blog.png");*/
	background-repeat:no-repeat;
	background-position: top center;
    background-size: contain;
    font-size: 3.4rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 200px ;
    height: 200px ;
    padding-top: 0 !important;
    box-sizing: border-box;
    top:0 !important;
	/*padding-top: 3.0rem;
	padding-bottom: 3.0rem;*/
}
.newsWrapp h2 {
    background-image: url("../../../../images/title_page.jpg");
	background-repeat:repeat;
	background-position: center center;
    font-size: 3.4rem;
    text-align: center;
    margin-bottom: 50px;
    line-height: 200px ;
    height: 200px ;
    padding-top: 0 !important;
    box-sizing: border-box;
	/*padding-top: 3.0rem;
	padding-bottom: 3.0rem;*/
}
.newsWrapp h1:before ,
.newsWrapp h2:before {
	display: none;
}
@media (max-width: 767px){
	.newsWrapp h1 ,
	.newsWrapp h2 {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
        font-size: 2.0rem;
	}
}

@media (min-width: 768px){
	.newsWrapp h1 ,
	.newsWrapp h2 {
        margin-top: 50px;
		padding-top: 3.0rem;
		padding-bottom: 3.0rem;
	}
}

/* newsList */
.newsList li {
	margin-bottom: 50px;
}
.newsList a {
	text-decoration: none!important;
	color: #000!important;
}
.newsList img {
	margin-bottom: 10px;
	width: 100%;
}
.newsList .entry-title {
	margin-top: 4px;
}
.newsList .labelTxt {
	background: #333;
	margin-bottom: 6px;
	padding: 3px 10px;
	color: #FFF;
	min-width: 100px;
	line-height: 1.0;
	text-align: center;
	display: inline-block;
	margin-left: 0.5em;
	font-size: 0.8em;
}
.newsList .labelTxt.news {
	background: #000;
}
.newsList .labelTxt.newItem {
	background: #000;
}

.newsList a .entry-title {
	text-decoration: underline;	
}

/* btnWrapp */
.btnWrapp {
	text-align: center;
	margin-top: 2.0rem;
    margin-bottom: 2.0rem;
}
.btnWrapp a {
	padding:10px 30px 10px 15px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #000 solid;
	text-align: center;
	color: #000!important;
	width: 150px;
	background-color: #eee;
}
.btnWrapp a{
	position: relative;
}
.btnWrapp a::before,
.btnWrapp a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btnWrapp a::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* 埋め込まれたYouTubeコンテンツをレスポンシブ化 */
.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* ---------------------------------------------
	サムネイル画像
--------------------------------------------- */
div.content_image_box{
    height:auto;
    background-position:center center; 
    background-size: cover; 
    background-repeat: no-repeat;
    margin-bottom:5px;
    max-width: 100%;
    
    width : 100% ;
    padding-top : 100% ;
}


/* =========================================================
 wp
=========================================================*/ 
.wp-block-columns {
	margin-top: 4.0rem;
}

@media (max-width: 767px)  {
	.main img {
		width:100%;
		height:auto;
	}
}
@media (min-width: 768px)  {
	.main img {
		max-width:100%;
		height:auto;
	}
}


/* ===================
commitment
===================*/ 
/* commitment_img 
------------------------------------------ */
.commitment_img img {
	width: 100%;	
	margin-bottom: 10px;
}

/* commitmentList 
------------------------------------------ */
.commitmentList {
	margin-top: 4.0rem;
}
.commitmentList li {
	padding-top: 2.0rem;
	padding-bottom: 2.0rem;	
}

/*commitment_img */
.commitment_img img {
	margin-bottom: 16px;
}

/*commitment_text */
.commitment_text > h3 {
	margin-bottom: 16px;
	margin-top: 20px;
}
.commitment_text > h3:first-child {
	margin-top: 0px;
}


/* btnWrapp_red */
.btnWrapp_red {
	text-align: center;
	margin-top: 2.0rem;
}
.btnWrapp_red a {
	padding:10px 30px 10px 15px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #fff solid;
	text-align: center;
	color: #fff!important;
	max-width: 350px;
	background-color: #cc0033;
}
.btnWrapp_red a{
	position: relative;
}
.btnWrapp_red a::before,
.btnWrapp_red a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.btnWrapp_red a::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* ===================
products
===================*/ 
/* contentsHeader */
/*
.main .contentsHeader {
	background-image: url("../images/bg_title_index.png");
	background-repeat:repeat;
	background-position: center center;
  padding-top: 10.31%;
	position: relative;
}
*/
.main .contentsHeader > div {/*
	position: absolute;
	bottom: calc(50% - 2.0rem);
	left: 0;
	right: 0;
	text-align: center;
  display:block;
	margin-left: auto;
	margin-right: calc(auto - 0.5em) ;
	margin-bottom: 0.8rem;
			height: 10.31vw; */
	/*border: 2px #000000 solid;*/
}
.main .productsHeader h2 {
	position: absolute;
	top: calc(50% - 4.0rem);
	left: 0;
	right: 0;
	text-align: center;
  display:block;
	margin-left: auto;
	margin-right: calc(auto - 0.5em) ;
	margin-bottom: 0.8rem;
	line-height: 1;
}
.main .productsHeader p {
	position: absolute;
	bottom: calc(50% - 4.0rem);
	left: 0;
	right: 0;
	text-align: center;
  display:block;
	margin-left: auto;
	margin-right: calc(auto - 0.5em) ;
	margin-bottom: 0.8rem;
	line-height: 1;
}

@media (max-width: 767px){
	.main .productsHeader {
		height: 20.31vw; 
	}
	.main .productsHeader h2 {
		top: calc(50% - 2.0rem);
	}
	.main .productsHeader p {
		bottom: calc(50% - 3.0rem);
	}
}
@media (min-width: 768px){
	.main .productsHeader p {
		font-size: 2.0rem;
		bottom: calc(50% - 4.0rem);
	}
}

/* contentsSubHeader */
.contentsSubHeader {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	background: #313e6a;
	text-align: center;
	padding: 20px 10px 14px;
}
.main .contentsSubHeader h3 {
	line-height: 1;
	display: inline-block;
	color: #fff;
	letter-spacing: 0.05em;
	font-weight: 600;
}
.main .contentsSubHeader p {
	color: #fff;
	letter-spacing: 0.2em;
}
@media (max-width: 767px){
	.contentsSubHeader {
		margin-top: 2.0rem;
		margin-bottom: 2.0rem;
	}
	.main .contentsSubHeader p {
		font-size: 1.4rem!important;
	}
}
@media (min-width: 768px){
	.contentsSubHeader {
		margin-top: 8.0rem;
		/*margin-bottom: 7.0rem;*/
		margin-bottom: 2.0rem;
		position: relative;
	}
	.main .contentsSubHeader h3 {
		font-size: 3.0rem;
	}
	.main .contentsSubHeader p {
		float: right;
		position: absolute;
		right: 1em;
		top:calc(50% - 1.2rem) ;
		font-size: 1.8rem!important;
	}
}

/*
.contentsSubHeader {
	text-align: center;	
}
.main .contentsSubHeader h3 {
	text-align: center;
	border: #313e6a 2px solid;
	line-height: 1;
	display: inline-block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5rem;
	padding: 1.8rem calc(6.0rem - 0.05rem)  1.2rem 6.0rem;
	color: #313e6a;
	letter-spacing: 0.05em;
	text-indent: 0.05em;
	min-width: 280px;
}
.main .contentsSubHeader p {
	color: #313e6a;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
	margin-left: -0.2em;
}
@media (max-width: 767px){
	.contentsSubHeader {
		margin-top: 2.0rem;
		margin-bottom: 2.0rem;
	}
	.main .contentsSubHeader p {
		font-size: 1.4rem!important;
	}
}
@media (min-width: 768px){
	.contentsSubHeader {
		margin-bottom: 7.0rem;
	}
	.main .contentsSubHeader h3 {
		font-size: 2.8rem;
	}
	.main .contentsSubHeader p {
		font-size: 2.0rem!important;
	}
}
*/


/*--------------------------------------------------------------
products/index.html
--------------------------------------------------------------*/
@media (max-width: 767px){
	.productsTopWrapp {
		margin-bottom: 10.0rem;	
	}
}
@media (min-width: 768px){
	.productsTopWrapp {
		margin-bottom: 15.0rem;	
	}
}

/* btnWrapp */
.productsTopWrapp .btnWrapp {
	text-align: center;
	/*margin-top: 2.0rem;*/
	margin-top: 1.0rem;
}
.productsTopWrapp .btnWrapp a {
	padding:10px 30px 10px 15px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #000 solid;
	text-align: center;
	color: #000!important;
	max-width: 350px;
	background-color: #eee;
}
.productsTopWrapp .btnWrapp a{
	position: relative;
}
.productsTopWrapp .btnWrapp a::before,
.productsTopWrapp .btnWrapp a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.productsTopWrapp .btnWrapp a::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*-------------------------------
productsTopListWrapp
-------------------------------*/
body.product .productsTopListWrapp {
	margin-top: 4.0rem;
}

body.product .productsTopListWrapp li {
	/*margin-bottom: 70px;*/
	position: relative;
	/*padding-bottom: 50px;*/
	margin-bottom: 0px!important;
	padding-bottom: 30px!important;
}
body.product .productsTopListWrapp li a {
	text-decoration: none!important;
}
body.product .productsTopListWrapp li img{
	margin-bottom: 10px;
}
body.product .productsTopListWrapp li h3 {
	/*text-align: center;*/
	margin-bottom: 10px;
	line-height: 1.2;
}
body.product .productsTopListWrapp li a h3 {
	color: #000!important;
}
body.product .productsTopListWrapp li .dscpText{
	font-size: 85%;
	clear: both;
}
body.product .productsTopListWrapp li .priceText_ws {
	color: #cc0033;
	line-height: 1.2;
	text-align: center;
}
body.product .productsTopListWrapp .btnWrapp form input {
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	padding: 10px 20px 10px 20px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #000 solid;
	text-align: center;
	color: #000!important;
	background-color: #eee;
}
@media (max-width: 767px){
	body.product .productsTopListWrapp li h3 {
		font-size: 1.4rem;
	}
	body.product .productsTopListWrapp li .priceText_ws {
		font-size: 1.6rem;
	}
	body.product .productsTopListWrapp li .priceText_ws span {
		font-size: 1.2rem;
	}
	body.product .productsTopListWrapp .btnWrapp.cartbtn_PC {
		display: none;  
 }
	body.product .productsTopListWrapp .btnWrapp.cartbtn_SP {
		display: block;
	 }
}
@media (min-width: 768px){
	body.product .productsTopListWrapp li h3 {
		font-size: 1.8rem;
	}
	body.product .productsTopListWrapp li .priceText_ws {
		font-size: 2.4rem;
	}
	body.product .productsTopListWrapp li .priceText_ws span {
		font-size: 1.6rem;
	}
	body.product .productsTopListWrapp .btnWrapp.cartbtn_PC {
		display: block;
	 }
	body.product .productsTopListWrapp .btnWrapp.cartbtn_SP {
		display: none;  
	 }
}



/*--------------------------------------------------------------
products/ sub Category page
--------------------------------------------------------------*/
/*-------------------------------
productsHeaderWrapp
-------------------------------*/
.productsHeaderWrapp {
	/*background-image: url("../images/bg_title_index.png");*/
	background-image: url("images/bg_title_index.png");
	background-repeat:repeat;
	background-position: center center;
}
.productsHeaderWrapp h1 {
	text-align: center;
	/*margin-bottom: 2.0rem;*/
  /*letter-spacing: 0.25em;*/
	margin-bottom: 0.5rem;
	letter-spacing: 0.1em;
}
.productsHeaderWrapp .readText {
	text-align: center;
	/*font-size: 125%;*/
	font-size: 100%;
	margin-bottom: 2.0rem;
	line-height: 1.2;
}
@media (max-width: 767px){
	.productsHeaderWrapp {
		/*padding: 4rem 2.0rem;*/
		padding-top: 1.5rem;
    padding-bottom: 1.5rem;
		margin-bottom: 4.0rem;
	}
	.productsHeaderWrapp .readText {
		margin-bottom: 0.0rem;
	}
}
@media (min-width: 768px)  {
	.productsHeaderWrapp {
	/*	padding: 6.0rem 1.5rem;*/
		padding-top: 3.0rem;
    padding-bottom: 1.0rem;
    margin-bottom: 6.0rem;
	}
}

.productsHeaderinner {
	background-color: #fff;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 3.0rem;
	text-align: center;
}
.productsHeaderinner h2 {
	margin-bottom: 2.5rem;
	border-bottom: 1px #000000 solid;
	display: inline-block;
  letter-spacing: 0.1em;
}
.productsHeaderinner h2:first-child {
	margin-top: 0;	
}
.productsHeaderinner ul {
	margin-top: 2.0rem;
}
.productsHeaderinner p {
	line-height: 2.0;
}

.redWrapp {
	color: #FF0004;
	border: 1px solid #FF0004;
	padding: 15px;
}

@media (max-width: 767px){
	.productsHeaderinner {
		padding: 3rem 2.0rem;
	}
	.productsHeaderinner h2 {
		margin-top: 4.0rem;
		font-size: 1.6rem;
		line-height: 1.2;
	}
	.productsHeaderinner p {
		text-align: left;
	}
	.productsHeaderinner p br {
		display: none;
	}
}
@media (min-width: 768px)  {
	.productsHeaderinner {
		padding: 6.0rem;
	}
	.productsHeaderinner h2 {
		margin-top: 6.0rem;
	}
	.productsHeaderinner p {
		font-size: 111%;
	}
}

/*-------------------------------
bg_wrapp 
-------------------------------*/
.bg_wrapp {
	background-image: url("images/bg_title_index.png");
	background-repeat:repeat;
	background-position: center center;
	padding: 1.5rem;
}




/*-------------------------------
productsTopListWrapp
-------------------------------*/
.productsTopListWrapp li a h3 {
	color: #000!important;
}
.productsTopListWrapp li .priceText_ws {
	color: #cc0033;
	line-height: 1.2;
	text-align: center;
	margin-top: -10px;
	margin-bottom: 0;
}
.productsTopListWrapp .btnWrapp {
	margin-top: 10px;
	margin-bottom: 0.0rem;
}


/*-------------------------------
btnWrapp 
-------------------------------*/
.productsTopWrapp .btnWrapp {
	text-align: center;
	/*margin-top: 2.0rem;*/
	margin-top: 1.0rem;
}
.productsTopWrapp .btnWrapp a {
	padding:10px 30px 10px 15px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #000 solid;
	text-align: center;
	color: #000!important;
	/*max-width: 350px;*/
	width: auto!important;
	background-color: #eee;
}
.productsTopWrapp .btnWrapp a{
	position: relative;
}
.productsTopWrapp .btnWrapp a::before,
.productsTopWrapp .btnWrapp a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	/*right: 15px;*/
	margin: auto;
	content: "";
	vertical-align: middle;
}
.productsTopWrapp .btnWrapp a::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* productsTopListWrapp */
.productsTopListWrapp li {
	margin-bottom: 70px;
	position: relative;
	padding-bottom: 50px;
}
.productsTopListWrapp li a {
	text-decoration: none!important;
}
.productsTopListWrapp li img{
	margin-bottom: 10px;
}
.productsTopListWrapp li h3 {
	/*text-align: center;*/
	margin-bottom: 10px;
	line-height: 1.2;
}
.productsTopListWrapp li .dscpText{
	font-size: 85%;
	clear: both;
	color: #000;
}
.productsTopListWrapp li .priceText_ws {
	color: #cc0033;
	line-height: 1.2;
	text-align: center;
	margin-top: 0;
}
.productsTopListWrapp .btnWrapp form input {
	position: absolute;
	bottom: 0;
	left:0;
	right: 0;
	margin: auto;
	padding: 10px 20px 10px 20px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #000 solid;
	text-align: center;
	color: #000!important;
	background-color: #eee;
}
@media (max-width: 767px){
	.productsTopListWrapp li h3 {
		font-size: 1.4rem;
	}
	.productsTopListWrapp li .priceText_ws {
		font-size: 1.6rem;
	}
	.productsTopListWrapp li .priceText_ws span {
		/*font-size: 1.2rem;*/
	}
	.productsTopListWrapp .btnWrapp.cartbtn_PC {
		display: none;  
 }
	.productsTopListWrapp .btnWrapp.cartbtn_SP {
		display: block;
	 }
}
@media (min-width: 768px){
	.productsTopListWrapp {
	}
	.productsTopListWrapp li h3 {
		font-size: 1.8rem;
	}
	.productsTopListWrapp li .priceText_ws {
	/*	font-size: 2.4rem;*/
		font-size: 2.0rem;
	}
	.productsTopListWrapp li .priceText_ws span {
		/*font-size: 1.6rem;*/
	}
	.productsTopListWrapp .btnWrapp.cartbtn_PC {
		display: block;
	 }
	.productsTopListWrapp .btnWrapp.cartbtn_SP {
		display: none;  
	 }
}


/*--------------------------------------------------------------
products/ item page
--------------------------------------------------------------*/
/*-------------------------------
ul.productsListWrapp li
-------------------------------*/
@media (max-width: 767px){
	ul.productsListWrapp > li {
		padding-top: 3.0rem;
		padding-bottom: 4.0rem!important;
	}
}
@media (min-width: 768px)  {
	ul.productsListWrapp > li {
		padding-top: 4.0rem;
		/*padding-bottom: 10.0rem!important;*/
		padding-bottom: 4.0rem!important;
	}
}
	
/* productsImgWrapp
-------------------------------*/
@media (max-width: 767px){
	.productsImgWrapp {
		margin-bottom: 2.0rem!important;
	}
	.productsListWrapp > li {
		width: auto;
		margin-left: auto;
		margin-right: auto;		
	}
	.productsImgWrapp .thumbnail{
		height: 110px;
	}
	/*
	.productsImgWrapp #main_image{
		width: 100%;
		height: auto;
		border: red dotted 5px;
	}
	*/
}


/* thumbMain */
.thumbMain {
	margin-bottom: 20px;	
}
.thumbMain img {
	width: 100%;
}

/* thumbList */
.thumbList {
	overflow: hidden!important;
}
.thumbList {
	cursor:pointer;
	/*height: 178px!important;*/
	padding: 0!important;
	margin: 0!important;
}
.thumbList li {
	margin-bottom: 0;
	/*width: 25%;*/
}
.thumbList .slick-track {
	width: 100%!important;
	margin-left: -10px!important;
}
.thumbList .slick-slide {
	margin-left: 10px!important;
}
.thumbList li img{
	width: 100%;
}
.thumbList li a:hove {
	opacity: 0.5;
}
.thumbList .slick-list {
	/*height: 178px!important;*/
}
@media (min-width: 993px)  {
	.thumbList li {
		width: 116px!important;
	}
}


/* productsTextWrapp 
-------------------------------*/
.productsTextWrapp h4 {
	text-align: center;
	border-bottom: 1px solid #000;
	padding-bottom: 1.5rem;
	margin-bottom: 3.0rem;
	line-height: 1.2;
}
.productsTextWrapp h4 span{
	display: block;
	margin-top: 0.5rem;
}
@media (max-width: 767px){
	.productsTextWrapp h4 {
		font-size: 1.8rem;
	}
	.productsTextWrapp h4 span{
		font-size: 1.3rem;
	}
}
@media (min-width: 768px)  {
	.productsTextWrapp h4 {
		font-size: 2.65rem;
		letter-spacing:-0.05em;
	}
	.productsTextWrapp h4 span{
		font-size: 1.6rem;
	}
}

/* productsDescription */
.productsDescription {
	/*margin-bottom: 3.0rem;*/
	margin-bottom: 0.0rem;
}

/* specTable */
.main table.specTable {
	/*margin-bottom: 10.0rem;*/
	font-size: 1.4rem;
	line-height: 1.4;
	clear: both;
}
.specTable th {
	width: 20%;
}
.specTable th,
.specTable td{
	padding: 2px 0;
}
.specTable td a{
	text-decoration: underline!important;
}

/* priceText */
.priceText {
	/*margin-top: 1.5rem;
	margin-bottom: 1.5rem;*/
	margin-top: 0.5rem!important;
	margin-bottom: 0.5rem!important;
	display: inline-block;
	text-align: right;
	float: right;
}
.priceText dt {
	float: left;
  clear: left;
	/*margin-top: 0.5rem;*/
}
.priceText dt:after {
	content: "：";
}
.priceText dd {
	float: left;
	color: #cc0033;
}

/* normal */
.priceText dt.normal {
  margin-left: -0.5rem;
}
.priceText dt.normal:after {
	content: "";
}
.priceText dd.normal {
	color: #000;
  margin-left: 1.0rem;
  text-decoration: line-through;
}

@media (max-width: 767px){
	.priceText dt {
		font-size: 1.4rem;
	}
	.priceText dd {
		font-size: 2.0rem;
	}
	.priceText dd span {
		/*font-size: 1.4rem;*/
	}
}
@media (min-width: 768px){
	.priceText dt {
		font-size: 2.5rem;
	}
	.priceText dd {
		font-size: 2.7rem;
	}
	.priceText dd span {
	/*	font-size: 1.8rem;*/
	}
}

/* btnWrapp */
.productsTextWrapp .btnWrapp {
	margin-top: 2.0rem;
	text-align: center;
	clear: both;
	margin-bottom: 2.0rem;
}
.productsTextWrapp .btnWrapp form {
 display: inline-block;
}

.productsTextWrapp .btnWrapp form input {
	padding:10px 20px 10px 20px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #000 solid;
	text-align: center;
	color: #000!important;
	background-color: #eee;
}
/*
.productsTextWrapp .btnWrapp form input{
	position: relative;
}
.productsTextWrapp .btnWrapp form input::before,
.productsTextWrapp .btnWrapp form input::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.productsTextWrapp .btnWrapp form input::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
*/

@media (max-width: 767px){
 .productsTextWrapp .btnWrapp.cartbtn_PC {
		display: none;  
 }
 .productsTextWrapp .btnWrapp.cartbtn_SP {
		display: block;

 }
	.productsTextWrapp .btnWrapp form {
		font-size: 1.6rem;
	}
	.productsTextWrapp .btnWrapp form input{
		min-width: 300px;
	}
}
@media (min-width: 768px){
 .productsTextWrapp .btnWrapp.cartbtn_PC {
		display: block;
 }
 .productsTextWrapp .btnWrapp.cartbtn_SP {
		display: none;  
 }
.productsTextWrapp .btnWrapp form {
		font-size: 2.0rem;
		float: right;
	}
}
/*
.productsTextWrapp .btnWrapp {
	text-align: center;
	margin-top: 2.0rem;
}
.productsTextWrapp .btnWrapp a {
	padding:10px 30px 10px 15px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #000 solid;
	text-align: center;
	color: #000!important;
	background-color: #eee;
}
.productsTextWrapp a{
	position: relative;
}
.productsTextWrapp a::before,
.productsTextWrapp a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.productsTextWrapp a::before{
	right: 15px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
*/


/*-------------------------------
workmanship
-------------------------------*/
.redWrapp {
	
}

.productsList_ws_Wrapp {
 margin-bottom: 7.0rem;
}
.productsList_ws_Wrapp li {
 margin-bottom: 4.0rem;
}
.productsList_ws_Wrapp li img{
 margin-bottom: 10px;
}
.productsList_ws_Wrapp li .no-label {
 display: inline-block;
 padding: 4px 10px;
 color: #fff;
 /*background-color: #cc0033;*/
 float: left;
 font-size: 1.4rem;
 margin-right: 0.7rem;
}
.productsList_ws_Wrapp li h4{
 /*display: inline-block;*/
 text-align: left;
 margin-bottom: 2px;
 clear: both;
}
@media (min-width: 768px){
 .productsList_ws_Wrapp li h4{
  font-size: 2.1rem;
 }
}
.productsList_ws_Wrapp li .sizeText{
	font-size: 85%;
/*	margin-left: 55px;*/
 /*margin-bottom: 8px;*/
 clear: both;
}

/* priceText_ws */
.productsList_ws_Wrapp li .priceText_ws {
	/*text-align: center;*/
	color: #cc0033;
}

/* input */
.productsList_ws_Wrapp .btnWrapp {
	text-align: center;
	margin-top: 5px;
}
.productsList_ws_Wrapp .btnWrapp form input {
	padding:10px 20px 10px 20px;
	display: inline-block;
	text-decoration: none!important;
	border: 1px #000 solid;
	text-align: center;
	color: #000!important;
	background-color: #eee;
}
@media (max-width: 767px){
	.productsList_ws_Wrapp .btnWrapp.cartbtn_PC {
		display: none;  
	 }
	.productsList_ws_Wrapp .btnWrapp.cartbtn_SP {
		display: block;
	 }
	.productsList_ws_Wrapp .btnWrapp form {
	 /* font-size: 1.6rem;*/
	}
	.productsList_ws_Wrapp li .priceText_ws {
		font-size: 1.6rem;
	}
	.productsList_ws_Wrapp li .priceText_ws span {
		font-size: 1.2rem;
	}
}
@media (min-width: 768px){
	.productsList_ws_Wrapp .btnWrapp.cartbtn_PC {
		display: block;
	 }
	.productsList_ws_Wrapp .btnWrapp.cartbtn_SP {
		display: none;  
	 }
	.productsList_ws_Wrapp li .priceText_ws {
		font-size: 2.4rem;
	/*	font-size: 125%;*/
	}
	.productsList_ws_Wrapp li .priceText_ws span {
		font-size: 1.6rem;
	}
}

/* set_kotobuki */
#kotobuki.productsList_ws_Wrapp li .no-label {
 background-color: #e982ae;
}
/* set_tai */
#tai.productsList_ws_Wrapp li .no-label {
 background-color: #e8b082;
}
/* set_kohaku */
#kouhaku.productsList_ws_Wrapp li .no-label {
 background-color: #9082af;
}
/* set_original */
#originalset.productsList_ws_Wrapp li .no-label {
 background-color: #82c2c9;
}

#workmanshipInner {
	background-image: url("../products/images/bg_ws.png");
	background-repeat: no-repeat;
	background-position: top center;
}
@media (max-width: 1000px){
	#workmanshipInner {
		margin-bottom: 6.0rem;
		background-size:auto 120%;
		padding:4rem 2.0rem;	
	}
}
@media (min-width: 1001px)  {
	#workmanshipInner {
		padding:1.0rem 7.0rem 7.0rem;	
		background-size: contain;
	}
}

#workmanship > .mainInner {
	/*background-color: #e6eded;*/
	padding: 0px 0;
}
#workmanship h2 {
	text-align: center;
	background-image: url("../products/images/bg_ws_title.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-bottom: 1.0rem;
	font-weight: normal;
	letter-spacing: 0.5em;
	text-indent: 0.5em;
  /*padding-right: -0.5rem;*/
}
@media (max-width: 1000px){
	#workmanship h2 {
		margin-top: 2.0rem;
		margin-bottom: 5.0rem;
	}
}
@media (min-width: 1001px)  {
	#workmanship h2 {
		margin-top: 10.0rem;
		margin-bottom: 6.0rem;
	}
}


/* workmanshipList */
.workmanshipList  {
	margin-top: 5.0rem;
	margin-bottom: 5.0rem;
}
.workmanshipList li {
	margin-bottom: 6.0rem;
}
.workmanshipList li h3 {
	margin-bottom: 1.8rem;
}
@media (max-width: 1000px){
	.workmanshipList li {
		margin-bottom: 4.0rem;
	}
	.workmanshipList li h3 {
		margin-top: 2.0rem;
		text-align: center;
	}
}

/* btn */
#workmanship .btn {
	text-align: center;	
	width: 100%;
}
#workmanship .btn a {
	display: inline-block;
	color: #fff!important;
	background-color: #cf131c;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	/*padding-right: -0.25rem;*/
}

productsHeaderinner .btn {
	text-align: center;	
	width: 100%;
}
.productsHeaderinner .btn a {
	display: inline-block;
	color: #fff!important;
	background-color: #cf131c;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	font-size: 2.2rem;
	letter-spacing: 0.1em;
	text-indent: 0.1em;
	/*padding-right: -0.25rem;*/
}


/*-------------------------------
productsbannerWrapp
-------------------------------*/
.productsbannerWrapp {
	margin-top: 8.0rem;
  padding-bottom: 8rem;	
}
.productsbannerWrapp ul li {
  padding-bottom: 30px;	
	text-align: center;
}
.productsbannerWrapp ul li p{
	margin-bottom: 8px;
	font-weight: 600;
}

@media (max-width: 767px){
	.productsbannerWrapp {
		margin-top: 0.0rem;
	}
	.productsbannerWrapp ul li p{
		font-size: 1.6rem;
	}
}
@media (min-width: 768px){
	.productsbannerWrapp ul li p{
		font-size: 2.2rem;
	}
}


	
/* ===================
company
===================*/ 
/* law */
.company .lawTable {
	margin-top: 2.4rem;
	margin-bottom: 5.0rem;
	width: 100%;
}
.company .lawTable th,
.company .lawTable td{
	line-height: 1.6;
	border: 1px #000000 solid;
	padding: 10px;
}
.company .lawTable th{
	background-color: #eee;
	font-weight: 400;
	vertical-align: middle;
	text-align: left;
	width: 25%;
}

/* delivery */
.company .deliveryTable {
	margin-top: 2.4rem;
	margin-bottom: 2.0rem;
	width: 100%;
}
.company .deliveryTable th,
.company .deliveryTable td{
	line-height: 1.6;
 border: 1px #000000 solid;
}
.company .deliveryTable th{
	background-color: #eee;
 font-weight: 400;
 vertical-align: middle;
}
.company .deliveryTable th:first-child {
	text-align: center;
} 
.company .deliveryTable tr.tableTitle th {
 background-color: #D0E1F9;
}
.company .deliveryTable td {
	text-align: right;
 vertical-align: middle;
} 

@media(max-width: 767px){
	.company .deliveryTable th,
	.company .deliveryTable td{
		padding: 2px 2px;
	}
 .company .deliveryTable th:first-child {
  width: 60px;
 } 
 .company .deliveryTable td {
  width: 50px;
 } 
}
@media(min-width: 768px){
	.company .deliveryTable th,
	.company .deliveryTable td{
		padding: 6px 6px;
	}
 .company .deliveryTable th:first-child {
  width: 100px;
 } 
 .company .deliveryTable td {
  width: 100px;
 } 
}

p.evocationBg {
	text-align: center;
	margin-bottom: 3.0rem;
}
p.evocationBg span{
	padding: 10px 20px;
	font-weight: 600;
	font-size: 2.0rem;
	color: #fff;
	background-color: #FF0000;
	display: inline-block;
}


/* ===================
contact
===================*/ 
/* stepBar
-----------------------------------*/
.stepBar {
  display: flex;
  max-width: 400px;
  position: relative;
  margin: 50px auto 20px;
  text-align: center;
}
.stepBar li {
  font-size: 12px;
  list-style: none;
  position: relative;
  width: 33.333%;
}
.stepBar li:after {
  background: #D0E1F9;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 12px);
  top: 10px;
}
.stepBar li:first-child:after {
  display: none;
}
.stepBar li span {
  background: #D0E1F9;
  color: #ffffff;
  display: inline-block;
  height: 24px;
  margin-bottom: 5px;
  line-height: 24px;
  width: 24px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.stepBar .visited:after {
  background: #4D648D;
}
.stepBar .visited span {
  background: #313e6a;
}
@media (min-width: 768px){
	.stepBar {
			max-width: 600px;
		}
	.stepBar li {
		font-size: 1.8rem;
	}
	.stepBar li:after {
		width: calc(100% - 50px);
		position: absolute;
		left: calc(-50% + 25px);
		top: 30%;
	}
	.stepBar li span {
		height: 50px;
		line-height: 50px;
		width: 50px;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		border-radius: 50%;
		font-size: 3.0rem;
	}
}

/* form
-----------------------------------*/
.formTable {
	width:100%;
	margin-bottom: 4.0rem;
	padding-left: 15px;
	padding-right: 15px;
}
.formTable th,
.formTable td{
	vertical-align: top;
	color: #000!important;
}
.formTable th{
	font-weight: normal;
	padding:14px;
}
.formTable td{
	text-align:left;
	padding:14px;
}
.requiredTxt{
	font-weight: bold;
	margin-left: 0.5em;
	color: #FF0000;
}
#mailformpro input,
#mailformpro textarea{
	padding: 10px 10px;
	background: #EEEEEF;
}
#mailformpro input{
	height: 3.rem;
}
.postIcon {
	float:left;
	margin-right:0.5em;
}
.exTxt {
	display:block;
	margin-top:6px;
	font-size:90%;
}
form#mailformpro label {
	font-weight: normal;
	margin-bottom: 1rem;
	/*margin-right:16px;*/
}
form#mailformpro label.mfp_not_checked {
	padding: 0px;
	border:none;
}

form#mailformpro label.mfp_checked {
	padding: 0px;
	border:none;
	background-color: transparent;
	box-shadow: none;
}
@media (max-width: 767px){
	.formTable th{
		padding:20px 0 0!important;
		width: 100%!important;
		font-weight: 600!important;
	}
	.formTable td{
		padding: 0!important;
	}
}
@media (min-width: 768px){
	#mailformpro input,
	#mailformpro textarea{
		font-size:1.7rem;
	}
	.formTable th,
	.formTable td{
		border: 1px #ddd solid;
		padding: 15px!important;
	}
	.formTable th{
		width:30%;
		background-color: #eee;
	}
}