@charset "UTF-8";

/*
Theme Name:日伸貴金属
Theme URI:https://www.narts.jp/
Description:日伸貴金属用テーマ
Author:NARTS
Author URI:https://www.narts.jp/
Version:1.0
*/


/****************************************

	セッティング

*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption,
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	list-style: none;
}

img{
	vertical-align: bottom;
}

body{
	font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	background-color: #FFF;
	letter-spacing: 0.8px;
	-webkit-text-size-adjust: 100%;
}



a{color: #333; text-decoration:none;}
a:hover{color: #333; text-decoration:underline;}

*, *:before, *:after {
		-webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				 -o-box-sizing: border-box;
				-ms-box-sizing: border-box;
						box-sizing: border-box;
}

/* For modern browsers */
.clearfix:before,
.clearfix:after{
	content: "";
	display: block;
	overflow: hidden;
}
.clearfix:after{
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix{
	zoom: 1;
}


/*************************************************************

	サイズ調整

*************************************************************/
.taL {text-align: left !important;}
.taC {text-align: center !important;}
.taR {text-align: right !important;}
.uLine {text-decoration: underline !important;}
.vaTop {vertical-align: top !important;}
.vaMid {vertical-align: middle !important;}
.vaBot {vertical-align: bottom !important;}

.mt05{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt45{margin-top: 45px !important;}
.mt50{margin-top: 50px !important;}
.mt55{margin-top: 55px !important;}
.mt60{margin-top: 60px !important;}

.mb05{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb25{margin-bottom: 25px !important;}
.mb30{margin-bottom: 30px !important;}
.mb35{margin-bottom: 35px !important;}
.mb40{margin-bottom: 40px !important;}
.mb45{margin-bottom: 45px !important;}
.mb50{margin-bottom: 50px !important;}
.mb55{margin-bottom: 55px !important;}
.mb60{margin-bottom: 60px !important;}

.ml05{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml50{margin-left: 50px !important;}

.mr05{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}
.mr40{margin-right: 40px !important;}
.mr45{margin-right: 45px !important;}
.mr50{margin-right: 50px !important;}

.pt05{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt15{padding-top: 15px !important;}
.pt20{padding-top: 20px !important;}
.pt25{padding-top: 25px !important;}
.pt30{padding-top: 30px !important;}
.pt35{padding-top: 35px !important;}
.pt40{padding-top: 40px !important;}
.pt45{padding-top: 45px !important;}
.pt50{padding-top: 50px !important;}

.pb05{padding-bottom: 5px !important;}
.pb10{padding-bottom: 10px !important;}
.pb15{padding-bottom: 15px !important;}
.pb20{padding-bottom: 20px !important;}
.pb25{padding-bottom: 25px !important;}
.pb30{padding-bottom: 30px !important;}
.pb35{padding-bottom: 35px !important;}
.pb40{padding-bottom: 40px !important;}
.pb45{padding-bottom: 45px !important;}
.pb50{padding-bottom: 50px !important;}

.pl05{padding-left: 5px !important;}
.pl10{padding-left: 10px !important;}
.pl15{padding-left: 15px !important;}
.pl20{padding-left: 20px !important;}
.pl25{padding-left: 25px !important;}
.pl30{padding-left: 30px !important;}
.pl35{padding-left: 35px !important;}
.pl40{padding-left: 40px !important;}
.pl45{padding-left: 45px !important;}
.pl50{padding-left: 50px !important;}

.pr05{padding-right: 5px !important;}
.pr10{padding-right: 10px !important;}
.pr15{padding-right: 15px !important;}
.pr20{padding-right: 20px !important;}
.pr25{padding-right: 25px !important;}
.pr30{padding-right: 30px !important;}
.pr35{padding-right: 35px !important;}
.pr40{padding-right: 40px !important;}
.pr45{padding-right: 45px !important;}
.pr50{padding-right: 50px !important;}

.fs10{font-size: 10px !important;}
.fs11{font-size: 11px !important;}
.fs12{font-size: 12px !important;}
.fs13{font-size: 13px !important;}
.fs14{font-size: 14px !important;}
.fs15{font-size: 15px !important;}
.fs16{font-size: 16px !important;}
.fs17{font-size: 17px !important;}
.fs18{font-size: 18px !important;}
.fs19{font-size: 19px !important;}
.fs20{font-size: 20px !important;}
.fB{font-weight: bold !important;}
.fwN{font-weight: normal !important;}

.lh12{line-height: 1.2;}
.lh13{line-height: 1.3;}
.lh14{line-height: 1.4;}
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lh17{line-height: 1.7;}
.lh18{line-height: 1.8;}
.lh19{line-height: 1.9;}
.lh20{line-height: 2.0;}

.tRed {color: #FF0000;}

.fL{float: left;}
.fR{float: right;}
.clear{clear: both;}

/* 計算方法　HD動画（16:9）の場合100÷16×9=56.25% に設定 */
.movie_box{text-align: center; padding: 0 0 56.25% 0; position: relative; width: 100%;}
.movie_box iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* 計算方法　正方形動画（4:4）の場合100÷4×4=100% に設定 */
.movie_box2{text-align: center; padding: 0 0 100% 0; position: relative; width: 100%;}
.movie_box2 iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

/* 計算方法　長方形動画（4:3）の場合100÷4×3=75% に設定 */
.movie_box3{text-align: center; padding: 0 0 75% 0; position: relative; width: 100%;}
.movie_box3 iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.no_display{display: none;}

@media screen and (min-width: 1000px){

.br-sp{}
.pc{display:block !important;}
.sp{display:none !important;}


/****************************************


	header


*****************************************/

header{min-width: 1000px;}
#header{}

#header #visual{}
#header #visual #inner{
	width: 1000px;
	margin: 0 auto;
}
#header #visual #inner h1{
	width: 183px;
	float: left;
}
#header #visual #inner h1#logo{
	padding: 92px 0 0 0;
}
#header #visual #inner h1#logo a:hover{
	opacity: 0.7;
}
#header #visual #header-contents{
	width: 817px;
	float: left;
}


#header-access{}
#header-access ul{
	text-align: right;
	font-size: 0;
	margin: 55px 0 0 0;
}
#header-access ul li{
	display: inline-block;
	padding: 0 15px 0 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 500;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#header-access ul li:last-child{
	padding: 0;
}
#header-access ul li a{
	color: #fff;
	text-decoration: none;
}
#header-access ul li a:hover{
	opacity: 0.7;
}
#header-access ul li:nth-of-type(1) a{
	background-image: url("images/common/header-access.png");
	background-position: left -2px;
	background-repeat: no-repeat;
	padding: 0 0 0 26px;
}
#header-access ul li:nth-of-type(2) a{
	background-image: url("images/common/header-contact.png");
	background-position: left -2px;
	background-repeat: no-repeat;
	padding: 0 0 0 35px;
}
#header-access ul li:nth-of-type(3) a{
	padding: 7px 30px;
	border: 1px solid #FFF;
	font-size: 14px;
}


nav{}
nav#gnavi{}
nav#gnavi ul{
	float: right;
	margin: 35px 0 0 0;
}
nav#gnavi ul li{
	float: left;
	padding: 0 30px 0 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
nav#gnavi ul li a{
	color: #fff;
	text-decoration: none;
}

nav#gnavi ul li a:hover{
	border-bottom: solid;
	border-color: #fff;
	border-width: 2px;
	padding: 0 0 5px 0;
	opacity: 0.7;
}
nav#gnavi ul li:last-child{
	padding: 0;
}


#nav_toggle{display: none;}
nav#sp_gnavi{display: none !important}

#header #visual #catch{
	width: 1000px;
	margin: 0 auto;
	padding: 305px 0 0 0;
}

#header #visual #scroll{
	position: absolute;
	bottom: 25px;
	left: 0;
	right: 0;
	width: 69px;
	height: 47px;
	margin: auto;
}


/****************************************

	footer

*****************************************/
footer{
	min-width: 1000px;
}
#footer{
	background: #333333;
}
#footer-inner{
	width: 1000px;
	margin: 0 auto;
	padding: 70px 0 30px 0;
}


#footer-contents{
	float: left;
	width: 410px;
}
#footer-contentsEN{
	float: left;
	width: 360px;
}
#footer-link{
	float: left;
	width: 230px;
}


#footer-contents #footer-logo{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 18px;
	line-height: 2;
	font-weight: 700;
	padding: 0 0 15px 0;
}
#footer-contents #footer-logo a{
	color: #FFF;
	text-decoration: none;
}
#footer-contents #footer-logo a:hover{
	color: #FFF;
	opacity: 0.8;
	text-decoration: none;
}


#footer-contents .footer-contents-title{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 2;
	padding: 0 0 5px 0;
}
#footer-contents .footer-contents-txt{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 14px;
	line-height: 2;
	padding: 0 0 25px 0;
}
#footer-contents .footer-contents-txt a{
	color: #FFF;
}
#footer-contents .footer-contents-txt a:hover{
	color: #FFF;
	opacity: 0.8;
	text-decoration: none;
}


#footer-contents #company{
	padding: 0 0 5px 0;
}
#footer-contents #company a{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 18px;
	line-height: 2;
	font-weight: 700;
}
#footer-contents #company a:hover{
	color: #FFF;
	opacity: 0.8;
	text-decoration: none;
}
#footer-contents #company:before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	color: #FFF;
	font-size: 14px;
	padding: 0 10px 0 0;
	font-weight: bold;
}

#footer-contents #company-icon{
	padding: 0 0 15px 0;
}



#footer-contentsEN #footer-logo{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 18px;
	line-height: 2;
	font-weight: 700;
	padding: 0 0 15px 0;
}
#footer-contentsEN #footer-logo a{
	color: #FFF;
	text-decoration: none;
}
#footer-contentsEN #footer-logo a:hover{
	color: #FFF;
	opacity: 0.8;
	text-decoration: none;
}


#footer-contentsEN .footer-contents-title{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 14px;
	font-weight: 700;
	line-height: 2;
	padding: 0 0 5px 0;
}
#footer-contentsEN .footer-contents-txt{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 14px;
	line-height: 2;
	padding: 0 0 25px 0;
}
#footer-contentsEN .footer-contents-txt a{
	color: #FFF;
}
#footer-contentsEN .footer-contents-txt a:hover{
	color: #FFF;
	opacity: 0.8;
	text-decoration: none;
}


#footer-link{}
#footer-link p{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 18px;
	line-height: 2;
	font-weight: 700;
	padding: 0 0 15px 0;
}
#footer-link ul{}
#footer-link ul li{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 0 0 20px 0;
	color: #FFF;
	font-size: 14px;
	line-height: 1.2;
}
#footer-link ul li a{
	color: #FFF;
	text-decoration: none;
}
#footer-link ul li a:hover{
	color: #FFF;
	opacity: 0.8;
	text-decoration: none;
}
#footer-link ul li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	color: #FFF;
	font-size: 14px;
	padding: 0 10px 0 0;
	font-weight: bold;
}



#footer-map{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 70px 0;
}
#footer-map p {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #FFF;
	font-size: 18px;
	line-height: 2;
	font-weight: 700;
	padding: 0 0 15px 0;
}
/* 計算方法　100÷1000×400=40% に設定 */
#footer-map-box {
  text-align: center;
  padding: 0 0 40% 0;
  position: relative;
  width: 100%;
}
#footer-map-box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



#footer-copyright{
	min-width: 1000px;
	background: #000;
}
#footer-copyright p{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 20px 0 20px 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}



#footer-copyright{
	min-width: 1000px;
	background: #000;
}
#footer-copyright p{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 20px 0 20px 0;
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
}


#pagetop{
	position: fixed;
	bottom: 30px;
	right: 30px;
	font-size: 77%;
	z-index: 9999;
}
#pagetop a{
	background-image: url("images/common/pagetop.gif");
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 60px;
	height: 60px;
}


/****************************************

	main-visual

*****************************************/
.top-visual{
	min-width: 1000px;
	background-image: url("images/common/visual01.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 673px;
	position: relative;
}

.products-visual{
	min-width: 1000px;
	background-image: url("images/common/products-visual.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 500px;
	position: relative;
}
.information-visual{
	min-width: 1000px;
	background-image: url("images/common/information-visual.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 500px;
	position: relative;
}
.craftfamily-visual{
	min-width: 1000px;
	background-image: url("images/common/craftfamily-visual.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 500px;
	position: relative;
}
.ordermade-visual{
	min-width: 1000px;
	background-image: url("images/common/ordermade-visual.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 500px;
	position: relative;
}
.experience-visual{
	min-width: 1000px;
	background-image: url("images/common/experience-visual.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 500px;
	position: relative;
}
.sosho-kodawari-visual{
	min-width: 1000px;
	background-image: url("images/common/sosho-kodawari-visual.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 500px;
	position: relative;
}

#lower-title{
	position: absolute;
	bottom: 80px;
	left: 0;
	right: 0;
	margin: auto;
	width: 90%;
}
#lower-title span{
	font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 500;
	display: block;
	margin: 0 0 5px 0;
	text-align: center;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.65),0px 0px 5px rgba(0,0,0,0.65),0px 0px 5px rgba(0,0,0,0.65);
}
#lower-title h2{
	font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	color: #fff;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.65),0px 0px 5px rgba(0,0,0,0.65),0px 0px 5px rgba(0,0,0,0.65);
}

#lower-experience-prt{
	position: absolute;
	bottom: -53px;
	left: 0;
	right: 0;
	margin: auto;
	width: 1000px;
	text-align: right;
}


/****************************************

	template

*****************************************/
#contents{
	background-image: url("images/common/contents-bg01.gif");
	background-position: left top;
}
#contents-inner{
	width: 1000px;
	margin: 0 auto;
}


main{
	width: 100%;
	margin: 0 0 80px 0;
}
main.two-column{
	width: 727px;
	float: right;
	display: block;
	/* 上記IE11対策（main要素にwidthとheightの指定が無視される) */
	margin: 0 0 80px 0;
}
main.products-all{
	width: 100%;
	margin: 0 0 80px 0;
}

main > h2{
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
main > h3{
	background: #EEE;
	border-left: 5px solid #000;
	padding: 10px 15px 5px 15px;
	color: #333;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
main > h4{
	border-bottom: 1px dotted #ccc;
	padding: 5px 0 10px 0;
	color: #333;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
main > h5{
	border-left: 3px solid #000;
	padding: 0 0 0 10px;
	color: #333;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
main > p{
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}

main > table{
	width: 100%;
	margin: 0 0 25px 0;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
main > table th{
	background-color: #eee;
	padding: 10px 15px;
	border:1px solid #ccc;
	color: #333;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}
main > table td{
	background-color: #fff;
	padding: 10px 15px;
	border: 1px solid #ccc;
	color: #333;
	font-size: 16px;
}
main > table td > table{
	width: 100%;
	margin: 0 0 25px 0;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
main > table td > p{
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
main > table td > p:last-child{
	margin: 0;
}
main > table td h4{
	border-bottom: 1px dotted #ccc;
	padding: 5px 0 10px 0;
	color: #333;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
main > table td h5{
	border-left: 3px solid #000;
	padding: 0 0 0 10px;
	color: #333;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}


main > ul{
	margin: 0 0 25px 20px;
}
main > ul li{
	font-size: 16px;
	list-style-type: disc;
	padding: 2px 0 0 0;
	color: #333;
}
main > ul li ul{
	padding: 0;
	margin: 0 0 0 20px;
}
main > ul li ul li{
	font-size: 16px;
	list-style-type: disc;
	padding: 2px 0 0 0;
	color: #333;
}

main > table ul{
	margin: 0 0 0 20px;
}
main > table ul li{
	font-size: 16px;
	list-style-type: disc;
	padding: 2px 0 0 0;
	color: #333;
}
main > table ul li ul{
	padding: 0;
	margin: 0 0 0 20px;
}
main > table ul li ul li{
	font-size: 16px;
	list-style-type: disc;
	padding: 2px 0 0 0;
	color: #333;
}



aside{
	width: 250px;
	float: left;
}
aside h3.side-information{
	border-bottom: 1px solid #666;
	color: #000;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 12px 0;
	padding: 0 0 10px 0;
}
aside #side-category{
	margin: 0 0 20px 0;
}
aside #side-category li{
	padding: 0 0 10px 0;
	color: #000;
	font-size: 16px;
	line-height: 1.2;
}
aside #side-category li a{
	color: #000;
}
aside #side-category li a:hover{
	color: #000;
	opacity: 0.8;
}
aside #side-category li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	color: #000;
	font-size: 14px;
	padding: 0 10px 0 0;
	font-weight: bold;
}

aside #side-year{
	margin: 0 0 80px 0;
}
aside #side-year li{
	padding: 0 0 10px 0;
	color: #000;
	font-size: 16px;
	line-height: 1.2;
}
aside #side-year li a{
	color: #000;
}
aside #side-year li a:hover{
	color: #000;
	opacity: 0.8;
}
aside #side-year li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	color: #000;
	font-size: 14px;
	padding: 0 10px 0 0;
	font-weight: bold;
}



aside .products-side{
	background: #000;
	padding: 15px;
	margin: 0 0 80px 0;
}
aside h3.products-side-ttl{
	color: #FFF;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 0 10px 0;
}

aside p.products-side-cart{
	padding: 0 0 30px 0;
}
aside p.products-side-cart a:hover{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
}

aside .products-side-collection{
	margin: 0 0 30px 0;
}
aside .products-side-collection ul{}
aside .products-side-collection ul li{}
aside .products-side-collection ul li a{
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 18px;
	line-height: 1.2;
	display: block;
	padding: 10px;
	margin: 0 auto 15px auto;
}
aside .products-side-collection ul li a:hover{
	text-decoration: none;
	opacity: 0.5;
}

aside .products-side-category{
	margin: 0 0 30px 0;
}
aside .products-side-category ul{}
aside .products-side-category ul li{}
aside .products-side-category ul li a{
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 18px;
	line-height: 1.2;
	display: block;
	padding: 10px;
	margin: 0 auto 15px auto;
}
aside .products-side-category ul li a:hover{
	text-decoration: none;
	opacity: 0.5;
}

aside .products-side-link{
	margin: 0 0 20px 0;
}
aside .products-side-link ul{}
aside .products-side-link ul li{}
aside .products-side-link ul li a{
	color: #FFF;
	font-size: 16px;
	line-height: 1.2;
	padding: 0 0 10px 0;
}
aside .products-side-link ul li a:hover{
	text-decoration: none;
	opacity: 0.5;
}
aside .products-side-link ul li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	color: #FFF;
	font-size: 14px;
	padding: 0 10px 0 0;
	font-weight: bold;
}


/****************************************

	wordpress側用設定

*****************************************/
.breadcrumbs{
	width: 1000px;
	margin: 0 auto;
	color: #333;
	font-size: 14px;
	padding: 25px 0 25px 0;
	z-index: 100;
	position: relative;
}

.breadcrumbs a{
	text-decoration: none;
	color: #333;
}
.breadcrumbs a:hover{
	text-decoration: underline;
}

.alignright{
	float: right;
	margin: 0 0 25px 20px;
}
.aligncenter{
	clear: both;
	display: block;
	margin: 0 auto 25px auto;
}
.alignleft{
	float: left;
	margin: 0 20px 25px 0;
}

.wp-pagenavi{
	text-align: center;
	margin: 20px 0 0 0;
	font-size: 15px;
}

#notfound{
	background: #eee;
	padding: 30px;
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
#notfound a{
	background: #000;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	display: inline-block;
	padding: 10px 40px;
}
#notfound a:hover{
	background: #000;
	text-decoration: none;
	opacity: 0.5;
}


/****************************************


	トップページ


*****************************************/
#top-craftfamily{
	background-image: url("images/top/craftfamily-bg01.png");
	background-position: left 60px;
	background-repeat: no-repeat;
	min-height: 508px;
	background-size: 51%;
}
#top-craftfamily-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
}
#top-craftfamily-box{
	padding: 0 0 0 480px;
}
#top-craftfamily-box span{
	color: #333333;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 10px 0;
	display: block;
}
#top-craftfamily-box h2{
	color: #000;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 30px 0;
}
#top-craftfamily-box h3{
	color: #333;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 700;
	margin: 0 0 20px 0;
}
#top-craftfamily-box p{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 30px 0;
}
#top-craftfamily-box .btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
#top-craftfamily-box .btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


#top-catch{
	background-image: url("images/top/catch_bg01.jpg");
	background-position: left top;
	background-repeat: repeat;
}
#top-catch h2{
	text-align: center;
	color: #FFF;
	font-size: 34px;
	line-height: 1.4;
	font-weight: 700;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	padding: 55px 0 55px 0;
}


#top-products{
	background-image: url("images/top/products-bg02.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#top-products-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
	text-align: center;
}
#top-products-inner span{
	color: #333333;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 10px 0;
	display: block;
}
#top-products-inner h2{
	color: #000;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 30px 0;
}
#top-products-inner h3{
	color: #333;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 700;
	margin: 0 0 20px 0;
}
#top-products-inner p{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 30px 0;
}
#top-products-inner .btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
#top-products-inner .btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


#top-ordermade{
	min-width: 1000px;
	background-image: url("images/top/ordermade-bg01.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 394px;
}
#top-ordermade-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
	text-align: center;
}
#top-ordermade-inner h2{
	color: #FFF;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 30px 0;
}
#top-ordermade-inner p{
	color: #FFF;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 30px 0;
}
#top-ordermade-inner .btn a{
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
#top-ordermade-inner .btn a:hover{
	text-decoration: none;
	opacity: 0.8;
}



#top-experience{
	min-width: 1000px;
	background-image: url("images/top/experience-bg01.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 486px;
}
#top-experience-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
}
#top-experience-image{
	width: 450px;
	float: left;
}
#top-experience-contents{
	width: 520px;
	float: right;
}
#top-experience-contents span{
	color: #333333;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 10px 0;
	display: block;
}
#top-experience-contents h2{
	color: #000;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 30px 0;
}
#top-experience-contents h3{
	color: #333;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 700;
	margin: 0 0 10px 0;
}
#top-experience-contents p{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 30px 0;
}
#top-experience-contents .btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
#top-experience-contents .btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


#top-bnr {}
#top-bnr ul {}
#top-bnr ul li {
	float: left;
	width: 234px;
	margin: 0 20px 20px 0;
}
#top-bnr ul li:nth-of-type(2n) {
	margin: 0 0 20px 0;
}


#top-bnr-etc {
	width: 520px;
}
#top-bnr-etc p {
	margin: 0 0 10px 0;
}
/* 計算方法　HD動画（16:9）の場合100÷1000×575=57.5% に設定 */
#top-bnr-youtube {
	text-align: center;
	padding: 0 0 57.5% 0;
	position: relative;
	width: 100%;
}
#top-bnr-youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


#top-movie{
	background: #000;
}
#top-movie-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
}

.top-movie-list{
	width: 32%;
	float: left;
	margin: 0 2% 0 0;
}
.top-movie-list:last-child{
	margin: 0;
}
/* 計算方法　HD動画（16:9）の場合100÷1000×575=57.5% に設定 */
#top-movie-box{
	text-align: center;
	padding: 0 0 57.5% 0;
	position: relative;
	width: 100%;
}
#top-movie-box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


#top-information{
	background: #FFF;
}
#top-information-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
}

#top-information-inner span{
	color: #333333;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 10px 0;
	display: block;
	text-align: center;
}
#top-information-inner h2{
	color: #000;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 30px 0;
	text-align: center;
}
#top-information-inner ul{
	margin: 0 0 30px 0;
}
#top-information-inner ul li{
	margin: 0 0 20px 0;
}
#top-information-inner ul li:last-child{
	margin: 0;
}
#top-information-inner ul li .date{
	float: left;
	width: 125px;
	color: #333;
	font-size: 18px;
	line-height: 1.8;
}
#top-information-inner ul li .category{
	margin: 5px 20px 0 0;
	float: left;
	width: 150px;
	background: #000;
	color: #FFF;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	padding: 2px 5px;
}
#top-information-inner ul li .title{
	float: left;
	width: 705px;
	color: #333;
	font-size: 18px;
	line-height: 1.8;
	word-break: break-all;
}
#top-information-inner ul li .title a{
	color: #333;
}
#top-information-inner ul li .title a:hover{
	color: #333;
}
#top-information-inner .btn{
	text-align: center;
}
#top-information-inner .btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
	margin: 0 auto;
}
#top-information-inner .btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


#top-contact{
	min-width: 1000px;
	background: #333;
}
#top-contact-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
	text-align: center;
}
#top-contact-inner span{
	color: #FFF;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 10px 0;
	display: block;
	text-align: center;
}
#top-contact-inner h2{
	color: #FFF;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 30px 0;
}
#top-contact-inner p.intro{
	color: #FFF;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 30px 0;
}
#top-contact-inner p.guide{
	color: #FFF;
	font-size: 18px;
	line-height: 1.6;
}

#top-contact-box{
	margin: 0 0 30px 0;
}
#top-contact-tel{
	width: 485px;
	float: left;
	background: #FFF;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.65);
	padding: 25px;
}
#top-contact-form{
	width: 485px;
	float: right;
	background: #FFF;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.65);
	padding: 25px;
}

#top-contact-tel .tel{
	color: #000;
	font-size: 33px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin: 0 0 10px 0;
	text-align: center;
}
#top-contact-tel .fax{
	color: #000;
	font-size: 33px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0.5px;
	margin: 0 0 10px 0;
	text-align: center;
}
#top-contact-tel .time{
	color: #000;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}

#top-contact-form .title{
	color: #000;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
	text-align: center;
}
#top-contact-form .btn a{
	width: 285px;
	background: #000000;
	color: #FFF;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 9px 10px;
	margin: 0 auto 15px auto;
}
#top-contact-form .btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}
#top-contact-form .time{
	color: #000;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
	text-align: center;
}



#top-requests{
	min-width: 1000px;
	background-image: url("images/top/requests-bg01.gif");
	background-repeat: repeat;
}
#top-requests-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
	text-align: center;
}
#top-requests-inner span{
	color: #000;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 0 10px 0;
	display: block;
	text-align: center;
}
#top-requests-inner h2{
	color: #000;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 30px 0;
}
#top-requests-inner p.intro{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 15px 0;
}
#top-requests-inner p.intro-english{
	color: #333;
	font-size: 14px;
	line-height: 1.6;
}



/****************************************


	お知らせ


*****************************************/
h2.information{
	border-bottom: 1px solid #666;
	color: #000;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 0 10px 0;
	margin: 0;
}
#information-list{}
#information-list ul{}
#information-list ul li{
	padding: 20px 0 20px 0;
	border-bottom: 1px dashed #CCC;
}
#information-list ul li .date{
	float: left;
	width: 110px;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
#information-list ul li .category{
	margin: 5px 20px 0 0;
	float: left;
	width: 150px;
	background: #000;
	color: #FFF;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
	padding: 2px 5px;
}
#information-list ul li .title{
	clear: both;
	width: 100%;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
	word-break: break-all;
}
#information-list ul li .title a{
	color: #333;
}
#information-list ul li .title a:hover{
	color: #333;
}

#information-heading{
	background: #111111;
	padding: 30px;
	margin: 0 0 30px 0;
}
#information-heading h2{
	color: #FFF;
	font-size: 22px;
	line-height: 1.6;
	word-break: break-all;
	padding: 0 0 5px 0;
}
#information-heading p.date{
	margin: 0 20px 0 0;
	float: left;
	color: #FFF;
	font-size: 14px;
	line-height: 1.2;
}
#information-heading p.category{
	float: left;
	color: #FFF;
	font-size: 14px;
	line-height: 1.2;
}



/****************************************

	ブランド・作品

*****************************************/
h2.products{
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
h2.products span{
	color: #000;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 0 0 20px;
}

.products-pickup{
	margin: 0 0 80px 0;
}
.products-pickup ul{}
.products-pickup ul li{
	width: 229px;
	float: left;
	margin: 0 28px 0 0;
}
.products-pickup ul li:nth-child(4n){
	margin: 0 0px 0 0;
}
.products-pickup ul li a:hover,
.products-pickup ul li a:hover p{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}
.products-pickup ul li:last-child{
	margin: 0;
}
.products-pickup ul li .pickup-image{
	margin: 0 0 15px 0;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background: #C6C4C4;
}
.products-pickup ul li .pickup-image img{
/*	width: auto;
	height: 200px; 中央寄せになるよう変更（東内） */
	max-width: 100%;
	height: 200px;
	object-fit: cover;
}
.products-pickup ul li .pickup-name{
	color: #000;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 0 15px 0;
}
.products-pickup ul li .pickup-box{
	margin: 0 0 15px 0;
}
.products-pickup ul li .pickup-box .pickup-collection{
	width: 48%;
	float: left;
	border: 1px solid #000;
	text-align: center;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 700;
	padding: 2px 0;
	letter-spacing: 0;
}
.products-pickup ul li .pickup-box .pickup-category{
	width: 49%;
	float: right;
	text-align: right;
	font-size: 10px;
	line-height: 1.2;
	font-weight: 700;
	padding: 3px 0 0 0;
	letter-spacing: 0;
}
.products-pickup ul li .pickup-txt{
	color: #000;
	font-size: 16px;
	line-height: 1.6;
}


.products-collection01{
	width: 100%;
	margin: 0 auto 40px auto;
	height: 390px;
	position: relative;
}
.products-collection01 a:hover,
.products-collection01 a:hover p,
.products-collection01 a:hover div{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}
.products-collection01 p.products-collection01-image{
	position: absolute;
	top: 0;
	left: 0;
}
.products-collection01-box{
	position: absolute;
	width: 56%;
	top: 40px;
	right: 0;
	background: rgba(255,255,255,0.9);
	padding: 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.products-collection01 h3{
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.products-collection01 p{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.products-collection01 .btn{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 10px 25px;
	margin: 0 auto;
	text-align: center;
}


.products-collection-wrapper01,
.products-collection-wrapper02{
	margin: 0 auto 40px auto;
}

.products-collection02{
	width: 48%;
	float: left;
	height: 310px;
	position: relative;
}
.products-collection03{
	width: 48%;
	float: right;
	height: 310px;
	position: relative;
}
.products-collection04{
	width: 48%;
	float: left;
	height: 310px;
	position: relative;
}
.products-collection05{
	width: 48%;
	float: right;
	height: 310px;
	position: relative;
}
.products-collection02 a:hover,
.products-collection02 a:hover p,
.products-collection02 a:hover div,
.products-collection03 a:hover,
.products-collection03 a:hover p,
.products-collection03 a:hover div,
.products-collection04 a:hover,
.products-collection04 a:hover p,
.products-collection04 a:hover div,
.products-collection05 a:hover,
.products-collection05 a:hover p,
.products-collection05 a:hover div{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}
.products-collection02 p.products-collection02-image,
.products-collection03 p.products-collection03-image,
.products-collection04 p.products-collection04-image,
.products-collection05 p.products-collection05-image{
	position: absolute;
	top: 0;
	left: 0;
}
.products-collection02-box,
.products-collection03-box,
.products-collection04-box,
.products-collection05-box{
	position: absolute;
	width: 62.5%;
	top: 30px;
	right: 0;
	background: rgba(255,255,255,0.9);
	padding: 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.products-collection02 h3,
.products-collection03 h3,
.products-collection04 h3,
.products-collection05 h3{
	color: #333;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.products-collection02 p,
.products-collection03 p,
.products-collection04 p,
.products-collection05 p{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 15px 0;
}
.products-collection02 .btn,
.products-collection03 .btn,
.products-collection04 .btn,
.products-collection05 .btn{
	border: 1px solid #333;
	color: #333;
	font-size: 16px;
	line-height: 1.2;
	display: inline-block;
	padding: 10px 25px;
	margin: 0 auto;
	text-align: center;
}


.products-collection06{
	width: 100%;
	margin: 0 auto 80px auto;
	height: 390px;
	position: relative;
}
.products-collection06 a:hover,
.products-collection06 a:hover p,
.products-collection06 a:hover div{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}
.products-collection06 p.products-collection06-image{
	position: absolute;
	top: 0;
	left: 0;
}
.products-collection06-box{
	position: absolute;
	width: 56%;
	top: 40px;
	right: 0;
	background: rgba(255,255,255,0.9);
	padding: 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.products-collection06 h3{
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.products-collection06 p{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.products-collection06 .btn{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 10px 25px;
	margin: 0 auto;
	text-align: center;
}


.products-category{
	margin: 0 0 60px 0;
}
.products-category ul{}
.products-category ul li{
	width: 23.5%;
	float: left;
	margin: 0 2% 0 0;
}
.products-category ul li:nth-child(4n){
	margin: 0;
}
.products-category ul li a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: block;
	padding: 10px 25px;
	margin: 0 auto;
	text-align: center;
}
.products-category ul li a:hover{
	text-decoration: none;
	opacity: 0.5;
}


.products-order{
	background-image: url("images/products/products-order-bg01.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	min-height: 427px;
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4);
}
.products-order a:hover,
.products-order a:hover p,
.products-order a:hover div{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}

.products-order-inner{
	padding: 50px 30px 50px 315px;
}
.products-order-inner h3{
	color: #FFF;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
.products-order-inner p{
	color: #FFF;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.products-order-inner .btn{
	border: 1px solid #FFF;
	color: #FFF;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}


.products-guidance{
	min-width: 1000px;
	background-image: url("images/top/requests-bg01.gif");
	background-repeat: repeat;
}
.products-guidance-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
}
.products-guidance-inner p{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.products-guidance-inner p:last-child{
	margin: 0;
}


/****************************************

	ブランド・作品（カテゴリ一覧等用）

*****************************************/
.products-category-all{
	margin: 0 0 40px 0;
}
.products-category-all ul{}
.products-category-all ul li{
	width: 229px;
	float: left;
	margin: 0 20px 50px 0;
}
.products-category-all ul li a:hover,
.products-category-all ul li a:hover p{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}
.products-category-all ul li:nth-child(3n){
	margin: 0 0 50px 0;
}

.category-all-contents{}
.products-category-all ul li .category-all-image{
	margin: 0 0 15px 0;
	height: 200px;
	overflow: hidden;
	text-align: center;
	background: #C6C4C4;
}
.products-category-all ul li .category-all-image img{
	width: 100%;
	height: 200px;
	object-fit: cover;
	object-position: center center;
}
.products-category-all ul li .category-all-name{
	color: #000;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 0 10px 0;
}
.products-category-all ul li .category-all-txt{
	color: #000;
	font-size: 16px;
	line-height: 1.6;
}
.products-category-all ul li .category-all-price{
	text-align: right;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: right;
	color: #333;
	font-size: 20px;
	line-height: 1.6;
	font-weight: 700;
	margin: 10px 0 0 0;
	letter-spacing: 0;
}
.products-category-all ul li .category-all-price span{
	color: #333;
	font-size: 12px;
	line-height: 1.6;
	font-weight: 500;
}


/****************************************

	ブランド・作品（作品詳細）

*****************************************/
.products-detail{
	margin: 0 0 20px 0;
}
.products-detail-image{
	width: 290px;
	float: right;
}
.products-detail-contents{
	width: 407px;
	float: left;
}

.products-detail-image .detail-image-main{
	text-align: center;
	margin: 0 0 10px 0;
 	width: 290px;
	height: auto;
	overflow: hidden;
}
.products-detail-image .detail-image-main img{
	min-width: 100%;
	height: auto;
	overflow: hidden;
}

.products-detail-image .detail-image-main li.item2,
.products-detail-image .detail-image-main li.item3 {
	display: none;
}

.products-detail-image .detail-image-thumb {}
.products-detail-image .detail-image-thumb li {
	float: left;
	margin: 0 10px 10px 0;
	width: 90px;
	height: 90px;
	overflow: hidden;
	cursor: pointer;
	vertical-align: top;
}
.products-detail-image .detail-image-thumb li:nth-of-type(3n){
	margin: 0;
}
.products-detail-image .detail-image-thumb li img {
	width: 100%;
	height: auto;
}
.products-detail-image .detail-image-thumb li:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.detail-image-attention{
	color: #333;
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 15px 0;
}


.products-detail-contents .detail-ttl{
	color: #333;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #000;
}
.products-detail-contents .detail-catchcopy{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	font-weight: 700;
	margin: 0 0 15px 0;
}
.products-detail-contents .detail-txt{}
.products-detail-contents .detail-txt p{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.products-detail-contents .detail-txt h2{
	background: #EEE;
	padding: 10px 15px;
	color: #333;
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
.products-detail-contents .detail-txt h3{
	border-left: 3px solid #000;
	padding: 0 0 0 10px;
	color: #333;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
.products-detail-contents .detail-txt ul{
	margin: 0 0 25px 20px;
}
.products-detail-contents .detail-txt ul li{
	font-size: 16px;
	list-style-type: disc;
	padding: 2px 0 0 0;
	color: #333;
}
.products-detail-contents .detail-txt ul li ul{
	padding: 0;
	margin: 0 0 0 20px;
}
.products-detail-contents .detail-txt ul li ul li{
	font-size: 16px;
	list-style-type: disc;
	padding: 2px 0 0 0;
	color: #333;
}
.products-detail-contents .detail-txt p.btn{
	margin: 25px 0 0 0;
	text-align: center;
}
.products-detail-contents .detail-txt p.btn a{
    border: 1px solid #333;
    color: #333;
    font-size: 18px;
    line-height: 1.2;
    display: inline-block;
    padding: 15px 40px;
}
.products-detail-contents .detail-txt p.btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}

.products-detail-contents .detail-attention{
	background: #DDD;
	padding: 15px;
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.products-detail-contents .zaiko_status{
	text-align: right;
	color: #333;
	font-size: 14px;
	line-height: 1.2;
}
.products-detail-contents .detail-not-for-sale{
	margin: 15px 0 0 0;
	border: 1px solid #666;
	padding: 5px;
	color: #666;
	font-size: 14px;
	line-height: 1.2;
	text-align: center;
}
.products-detail-contents .detail-price{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: right;
	color: #333;
	font-size: 28px;
	line-height: 1.6;
	font-weight: 700;
	margin: 0 0 10px 0;
	letter-spacing: 0;
}
.products-detail-contents .detail-price span{
	color: #333;
	font-size: 12px;
	line-height: 1.6;
	font-weight: 500;
}


.products-detail-contents .detail-cartbox{
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float: right;
	width: 100%;
	border-bottom: 1px dotted #333;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
}

.products-detail-contents .detail-counter-box{
	margin: 0 0 0 auto;
	float: right;
}

.products-detail-contents .detail-counter{
	margin: 13px 0 0 0;
	float: left;
}
.products-detail-contents .detail-counter input{
	width: 50px;
	padding: 5px;
	color: #333;
	font-size: 16px;
	line-height: 1.2;
	font-weight: 500;
	margin: 0 20px 0 10px;
}


.products-detail-contents .detail-cartin{
	float: left;
	position: relative;
	transition: 0.5s;
}
.products-detail-contents .detail-cartin::before{
	font-family: "Font Awesome 5 Free";
	content: '\f217';
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	position: absolute;
	top: 14px;
	left: 15px;
}
.products-detail-contents .detail-cartin:hover{
	opacity: 0.6;
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
.products-detail-contents .detail-cartin input{
	background: #42210B;
	border: 0;
	padding: 12px 15px 12px 40px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}


/* 計算方法　100÷727×400=55.02063273727648% に設定 */
.detail-youtube {text-align: center; padding: 0 0 55.02063273727648% 0; position: relative; width: 100%; margin: 0 0 20px 0;}
.detail-youtube iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}

.detail-sub-contents {
	background: #fff;
	padding: 20px;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
}


/****************************************

	お問い合わせ

*****************************************/
.contact-intro{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 15px 0;
	text-align: center;
}
.contact-intro-english{
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 40px 0;
	text-align: center;
}
.contact-intro span,
.contact-intro-english span{
	color: #FF0000;
}

.contact-form-box{
	background: rgba(255,255,255,0.9);
	padding: 50px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.contact-form-box dl{
	margin: 0 0 20px 0;
}
.contact-form-box dl dt{
	width: 30%;
	float: left;
	text-align: right;
	padding: 0 30px 0 0;
}
.contact-form-box dl dd{
	width: 70%;
	float: left;
}
.contact-form-box a{
	text-decoration: underline;
}
.contact-form-box a:hover{
	text-decoration: none;
}

span.wpcf7-list-item {
	display: block !important;
	margin: 0 !important;
}
.contact-form-box input[name="your-name"],
.contact-form-box input[name="your-name-kana"],
.contact-form-box input[name="your-email"],
.contact-form-box input[name="your-tel"]{
	width: 70%;
	padding: 10px;
}
.contact-form-box textarea[name="your-message"]{
	width: 100%;
	padding: 10px;
}

.contact-form-box input[type="submit"]{
	display: block;
	outline: 0;
	cursor: pointer;
	border: 1px solid #333;
	color: #333;
	background: #FFF;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	width: 280px;
	margin: 0 auto;
	padding: 15px;
	transition: 0.3s;
}
.contact-form-box input[type="submit"]:hover {
	background: #333;
	color: #FFF;
}


.contact-thanks{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 20px 0;
	text-align: center;
}
.contact-thanks-home a{
	display: block;
	outline: 0;
	cursor: pointer;
	border: 1px solid #333;
	color: #333;
	background: #FFF;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	width: 280px;
	margin: 40px auto 0 auto;
	padding: 15px;
	transition: 0.3s;
	text-decoration: none;
}
.contact-thanks-home a:hover {
	background: #333;
	color: #FFF;
}


/****************************************

	会社概要

*****************************************/
.company-intro {}
.company-intro h2 {
	text-align: center;
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.company-intro p{
	text-align: center;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}


.company-profile {}
.company-profile-table {
	width: 65%;
	float: left;
}
.company-profile-map {
	width: 32%;
	float: right;
}

.company-profile-table table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.company-profile-table table th{
	background-color: #eee;
	padding: 10px 15px;
	border:1px solid #ccc;
	color: #333;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}
.company-profile-table table td{
	background-color: #fff;
	padding: 10px 15px;
	border: 1px solid #ccc;
	color: #333;
	font-size: 16px;
}

/* 計算方法　100÷300×200=66.66666666666667% に設定 */
.company-profile-map-box {text-align: center; padding: 0 0 66.66666666666667% 0; position: relative; width: 100%; margin: 0 0 20px 0;}
.company-profile-map-box iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}
.company-profile-mapbig {
	margin: 0 0 15px 0;
	color: #333;
	font-size: 15px;
	line-height: 1.6;
}
.company-profile-mapbig a:hover{
	color: #333;
	opacity: 0.8;
	text-decoration: underline;
}
.company-profile-mapbig:before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	color: #333;
	font-size: 14px;
	padding: 0 10px 0 0;
	font-weight: bold;
}

.company-profile-station {
	background:	#EEE;
	padding: 15px;
	color: #333;
	font-size: 12px;
	line-height: 1.6;
}


.company-history {}
.company-history table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
.company-history table th{
	background-color: #eee;
	padding: 10px 15px;
	border:1px solid #ccc;
	color: #333;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}
.company-history table td{
	background-color: #fff;
	padding: 10px 15px;
	border: 1px solid #ccc;
	color: #333;
	font-size: 16px;
}


/****************************************

	伝統工芸一家

*****************************************/
.craftfamily-intro {}
.craftfamily-intro h2 {
	text-align: center;
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.craftfamily-intro p.image{
	text-align: center;
	margin: 0 0 25px 0;
}
.craftfamily-intro p.txt{
	text-align: center;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}


.craftfamily-flow {}
.craftfamily-flow .contents {
	width: 62%;
	float: left;
}
.craftfamily-flow .image {
	width: 35%;
	float: right;
}
.craftfamily-flow .contents p.txt{
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.craftfamily-flow .contents p.txtlink {
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
}
.craftfamily-flow .contents p.txtlink a:hover{
	color: #333;
	opacity: 0.8;
	text-decoration: underline;
}
.craftfamily-flow .contents p.txtlink:before{
	font-family: "Font Awesome 5 Free";
	content: '\f105';
	color: #333;
	font-size: 14px;
	padding: 0 10px 0 0;
	font-weight: bold;
}

.craftfamily-box{
	margin: 60px 0 0 0;
	background: rgba(255,255,255,0.9);
	padding: 40px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.craftfamily-box-inner {
	margin: 0 0 40px 0;
}
.craftfamily-box-inner .contents {
	width: 64%;
	float: left;
}
.craftfamily-box-inner .image {
	width: 32.5%;
	float: right;
}
.craftfamily-box-inner .contents h2 {
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.craftfamily-box-inner .contents p.lifetime {
	margin: -20px 0 20px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.craftfamily-box-inner .contents p.txt {
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.craftfamily-box-inner .contents p.awards {
	color: #333;
	font-size: 14px;
	line-height: 1.8;
}
.craftfamily-box-inner .contents ul.snsblock {
	margin: 0 0 25px 0;
}
.craftfamily-box-inner .contents ul.snsblock li {
	margin: 0 10px 0 0;
	float: left;
}
.craftfamily-box-inner .contents ul.snsblock li:last-child {
	margin: 0;
}
.craftfamily-imagelist {}
.craftfamily-imagelist ul {}
.craftfamily-imagelist ul li{
	width: 31%;
	float: left;
	margin: 0 3.5% 0 0;
}
.craftfamily-imagelist ul li img{
	width: 100%;
	height: auto;
}
.craftfamily-imagelist ul li:last-child{
	margin: 0;
}


.craftfamily-btn{
	margin: 25px 0 0 0;
	text-align: center;
}
.craftfamily-btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 10px 25px;
	margin: 0 auto;
}
.craftfamily-btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


.craftfamily-btn-2column{
	margin: 25px 0 0 0;
}
.craftfamily-btn-2column ul{
	text-align: center;
}
.craftfamily-btn-2column ul li{
	margin: 0 2% 0 0;
	display: inline-block;
}
.craftfamily-btn-2column ul li a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
	text-align: center;
}
.craftfamily-btn-2column ul li a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.craftfamily-btn-2column ul li:last-child{
	margin: 0;
}


.craftfamily-last {
	margin: 60px 0 0 0;
}
.craftfamily-last p.txt{
	text-align: center;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.craftfamily-last .btn{
	text-align: center;
}
.craftfamily-last .btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 10px 25px;
	margin: 0 auto;
}
.craftfamily-last .btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}



.craftfamily-container01 {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
.craftfamily-youtube {
	text-align: center;
	padding: 0 0 36% 0;
	position: relative;
	width: 64%;
	margin: 0 0 0 30px;
}
.craftfamily-youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}	

	

/****************************************

	welcart（プラグインCSS上書き変更）

*****************************************/
.catbox {
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  font-size: 14px !important;
}
#wc_cart #cart .upbutton {
  padding: 0 0 .714286em 0 !important;
  text-align: right;
}
#wc_cart #cart .upbutton input {
	color: #000;
	margin-left: 5px;
	padding: 3px 15px;
	background-color: #fff;
	border: 1px solid #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wc_cart #cart .upbutton input:hover {
	color: #fff;
	background-color: #000;
}


div.usccart_navi li.ucart {
	background-color: #DEDEDE !important;
	color: #000 !important;
	padding: 10px !important;
}
div.usccart_navi li.usccart_cart {
	background-image: none !important;
	background: #000 !important;
	color: #FFF !important;
}
div.usccart_navi li.usccart_customer {
	background-image: none !important;
	background: #000 !important;
	color: #FFF !important;
}
div.usccart_navi li.usccart_delivery {
	background-image: none !important;
	background: #000 !important;
	color: #FFF !important;
}
div.usccart_navi li.usccart_confirm {
	background-image: none !important;
	background: #000 !important;
	color: #FFF !important;
}


table#cart_table {
	width: 100% !important;
	border: none !important;
	border-collapse: collapse !important;
}
table#cart_table thead th{
	background-color: #efefef !important;
	border: 1px solid #ccc !important;
	text-align: center !important;
	color: #333 !important;
	font-weight: 700 !important;
}
table#cart_table tfoot th{
	background-color: #efefef !important;
	border: 1px solid #ccc !important;
	color: #333 !important;
	font-weight: 700 !important;
}
table#cart_table tfoot td{
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	color: #333 !important;
	font-weight: 700 !important;
}
table#cart_table tbody th,
table#cart_table tbody td {
	border: 1px solid #CCC !important;
	padding-top: 3px 5px !important;
}
table#cart_table tbody td {
	background: #FFF;
}


#cart .action input.delButton {
	padding: 5px;
	background-color: #DEDEDE;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 12px;
}


#inside-cart .send {
  border: none !important;
}
#inside-cart .send input[type="button"] {
	padding: 15px 40px;
	background-color: #DEDEDE;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#inside-cart .send input[type="button"]:hover {
	background-color: #ccc;
	cursor: pointer;
}
#inside-cart .send input[type="submit"] {
  padding: 15px 40px;
	color: #fff;
	background-color: #000;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#inside-cart .send input[type="submit"]:hover {
	color: #fff;
	background-color: #666;
}


#customer-info h5 {
	color: #fff !important;
	background-color: #000 !important;
	padding: 10px !important;
}

#customer-info table,
#delivery-info table {
	width: 100% !important;
}
#customer-info table th,
#delivery-info table th {
	background-color: #efefef !important;
	border: 1px solid #ccc !important;
	color: #333 !important;
}
#customer-info table td,
#delivery-info table td {
	background-color: #fff !important;
	border: 1px solid #ccc !important;
	color: #333 !important;
}

#customer-info .send,
#delivery-info .send,
#info-confirm .send {
  margin: 0 !important;
  padding: 20px 0 30px 0 !important;
  border: none !important;
}

#customer-info .send input[name="backCart"],
#delivery-info .send input[name="backCustomer"],
#info-confirm .send input[name="backDelivery"] {
	padding: 15px 40px;
	background-color: #DEDEDE;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#customer-info .send input[name="backCart"]:hover,
#delivery-info .send input[name="backCustomer"]:hover,
#info-confirm .send input[name="backDelivery"]:hover {
	background-color: #ccc;
	cursor: pointer;
}

#customer-info .send input[name="customerlogin"],
#customer-info .send input[name="deliveryinfo"],
#customer-info .send input[name="reganddeliveryinfo"],
#delivery-info .send input[name="confirm"],
#info-confirm .send input[name="purchase"] {
  padding: 15px 40px;
	color: #fff;
	background-color: #000;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#customer-info .send input[name="customerlogin"]:hover,
#customer-info .send input[name="deliveryinfo"]:hover,
#customer-info .send input[name="reganddeliveryinfo"]:hover,
#delivery-info .send input[name="confirm"]:hover,
#info-confirm .send input[name="purchase"]:hover {
	color: #fff;
	background-color: #666;
}


#customer-info .customer_form input,
#delivery-info .customer_form input{
	margin-right: 8px !important;
	padding: 5px !important;
}
#customer-info .customer_form input#search_zipcode,
#delivery-info .customer_form input#search_zipcode{
	padding: 5px 20px !important;
	background-color: #DEDEDE;
	border: none;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#customer-info .customer_form input#search_zipcode:hover,
#delivery-info .customer_form input#search_zipcode:hover{
	background-color: #ccc;
	cursor: pointer;
}


#info-confirm #confirm_table {
  width: 100%;
  margin-top: 15px;
  border-collapse: collapse;
  background: #FFF;
}


#cart_completion h3{
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
#cart_completion .header_explanation{
	background: #eee;
	padding: 30px;
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
#cart_completion .send {
	text-align: center;
}
#cart_completion .send a{
	background: #000;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	display: inline-block;
	padding: 10px 40px;
}
#cart_completion .send a:hover{
	background: #000;
	text-decoration: none;
	opacity: 0.5;
}

.catbox .post .entry{
  border-bottom: none !important;
}


/****************************************

	オーダーメイドのご案内

*****************************************/
.ordermade-intro {}
.ordermade-intro h2 {
	text-align: center;
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.ordermade-intro p.txt{
	text-align: center;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.ordermade-intro blockquote{
	position: relative;
  padding: 30px 30px 30px 70px;
	margin: 0 0 25px 0;
  background: #efefef;
  color: #333;
}
.ordermade-intro blockquote:before{
  display: inline-block;
  position: absolute;
  top: 18px;
  left: 30px;
	font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: '\f10d';
  color: #cfcfcf;
  font-size: 30px;
  line-height: 1;
}
.ordermade-intro blockquote p{
	margin: 0 0 25px 0;
	color: #333;
	font-size: 21px;
	line-height: 1.8;
}
.ordermade-intro blockquote p:last-child{
	margin: 0;
}

.ordermade-intro ul{
	margin: 60px 0 60px 0;
}
.ordermade-intro ul li{
	margin: 0 30px 0 0;
	float: left;
	width: 176px;
}
.ordermade-intro ul li:last-child{
	margin: 0;
}


.ordermade-case{
	width: 100%;
	margin: 0 auto 60px auto;
	height: 487px;
	position: relative;
}
.ordermade-case p.ordermade-case-image{
	position: absolute;
	top: 0;
	right: 0;
}
.ordermade-case-box{
	position: absolute;
	width: 56%;
	top: 40px;
	left: 0;
	background: rgba(255,255,255,0.9);
	padding: 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.ordermade-case-box h2{
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.ordermade-case-box p{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.ordermade-case-box p:last-child{
	margin: 0;
}


.ordermade-flow {
	margin: 0 0 60px 0;
}
.ordermade-flow h2 {
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.ordermade-flow-box {
	margin: 0 0 30px 0;
}
.ordermade-flow-box .title{
	width: 250px;
	float: left;
}
.ordermade-flow-box .title:after{
	font-family: "Font Awesome 5 Free";
	content: '\f107';
	color: #000;
	font-size: 30px;
	padding: 0 115px 0 115px;
	font-weight: bold;
}
.ordermade-flow-box:last-child .title:after{
	content: none;
}
.ordermade-flow-box .contents{
	width: 720px;
	float: right;
}

.ordermade-flow-box .title p{
	background: #000;
	padding: 10px;
	text-align: center;
	color: #FFF;
	font-size: 20px;
}
.ordermade-flow-box .contents p.txt{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 12px 0 20px 0;
}
.ordermade-flow-box .contents p.txt a{
	text-decoration: underline;
}
.ordermade-flow-box .contents p.txt a:hover{
	text-decoration: none;
}
.ordermade-flow-box .contents p.btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
.ordermade-flow-box .contents p.btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


.ordermade-contact {}
.ordermade-contact h2 {
	text-align: center;
	color: #333;
	font-size: 22px;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.ordermade-contact p.btn{
	margin: 0 auto;
	text-align: center;
}
.ordermade-contact p.btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
.ordermade-contact p.btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


/****************************************

	体験・講座

*****************************************/
.experience-intro {
	margin: 0 0 60px 0;
}
.experience-intro h2 {
	text-align: center;
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.experience-intro p.txt{
	text-align: center;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.experience-intro ul{
	width: 910px;
	margin: 0 auto;
}
.experience-intro ul li{
	width: 190px;
	float: left;
	margin: 0 50px 0 0;
}
.experience-intro ul li:last-child{
	margin: 0;
}
.experience-intro ul li p.image{
	text-align: center;
	margin: 0 0 15px 0;
}
.experience-intro ul li p.txt{
	text-align: center;
	margin: 0 0 60px 0;
	color: #333;
	font-size: 12px;
	line-height: 1.2;
}


.experience-production {}
.experience-production h2 {
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.experience-production-list{
	width: 320px;
	float: left;
	margin: 0 20px 0 0;
	height: 505px;
	position: relative;
}
.experience-production-list:nth-of-type(3n){
	margin: 0;
}
.experience-production-list a:hover,
.experience-production-list a:hover div,
.experience-production-list a:hover h3{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}
.experience-production-list .experience-production-image{
	position: absolute;
	top: 0;
	right: 0;
}
.experience-production-list .experience-production-box{
	position: absolute;
	width: 90%;
	bottom: 55px;
	left: 0;
	right: 0;
	margin: auto;
	background: rgba(255,255,255,0.9);
	padding: 30px 20px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	text-align: center;
}
.experience-production-list .experience-production-box h3{
	color: #333;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 15px 0;
}
.experience-production-list .experience-production-box .ttl{
	color: #333;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
.experience-production-list .experience-production-box .time{
	border: 1px solid #333;
	color: #333;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
	padding: 5px 25px;
	display: inline-block;
}


.experience-learning {}
.experience-learning h2 {
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.experience-learning-list{
	width: 475px;
	float: left;
	margin: 0 50px 0 0;
	height: 425px;
	position: relative;
}
.experience-learning-list:last-child{
	margin: 0;
}
.experience-learning-list a:hover,
.experience-learning-list a:hover div,
.experience-learning-list a:hover h3{
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}
.experience-learning-list .experience-learning-image{
	position: absolute;
	top: 0;
	right: 0;
}
.experience-learning-list .experience-learning-box{
	position: absolute;
	width: 90%;
	bottom: 55px;
	left: 0;
	right: 0;
	margin: auto;
	background: rgba(255,255,255,0.9);
	padding: 30px 20px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	text-align: center;
}
.experience-learning-list .experience-learning-box h3{
	color: #333;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 15px 0;
}
.experience-learning-list .experience-learning-box .ttl{
	color: #333;
	font-size: 15px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 20px 0;
}
.experience-learning-list .experience-learning-box .time{
	border: 1px solid #333;
	color: #333;
	font-size: 14px;
	line-height: 1.2;
	font-weight: 700;
	padding: 5px 25px;
	display: inline-block;
}


.experience-school {
	margin: 0 0 60px 0;
}
.experience-school h2 {
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.experience-school-box{}
.experience-school-box-image{
	width: 350px;
	float: left;
}
.experience-school-box-contents{
	width: 620px;
	float: right;
}
.experience-school-box-contents p.txt{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 25px 0;
}
.experience-school-box-contents p.btn{
	text-align: right;
}
.experience-school-box-contents p.btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
.experience-school-box-contents p.btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


.experience-voice {
	margin: 0 0 60px 0;
}
.experience-voice h2 {
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.experience-voice-box{}
.experience-voice-box-image{
	width: 425px;
	float: right;
}
.experience-voice-box-contents{
	width: 545px;
	float: left;
}
.experience-voice-box-contents p.txt{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 25px 0;
}


.experience-print {
	margin: 0 0 60px 0;
}
.experience-print h3 {
	text-align: center;
	color: #333;
	font-size: 28px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.experience-print p.btn{
	text-align: center;
}
.experience-print p.btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
.experience-print p.btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}


.experience-guidance{
	min-width: 1000px;
	background-image: url("images/top/requests-bg01.gif");
	background-repeat: repeat;
}
.experience-guidance-inner{
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 80px 0;
}
.experience-guidance-inner h2{
	text-align: center;
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 15px 0;
}
.experience-guidance-inner p.txt{
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.experience-guidance-inner p.btn{
	text-align: center;
}
.experience-guidance-inner p.btn a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
.experience-guidance-inner p.btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}



.experience-article {}
.experience-article-list {
	width: 310px;
	float: left;
	margin: 0 35px 0 0;
	background: rgba(255,255,255,0.9);
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.experience-article-list:nth-of-type(3n) {
	margin: 0 0 35px 0;
}
.experience-article-list a:hover,
.experience-article-list a:hover div {
	opacity: 0.8;
	-webkit-opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=80)"; /* IE 8 */
	text-decoration: none;
}
.experience-article-list .experience-article-image {
	text-align: center;
}
.experience-article-list .experience-article-ttl {
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	font-weight: 700;
	padding: 20px;
}
.experience-article-list .experience-article-waku {
	border: 1px solid #333;
	color: #333;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 700;
	padding: 5px;
	display: block;
	margin: 0 20px 20px 20px;
	text-align: center;
}



/****************************************

	体験・講座（オリジナル純銀コップ）cups

*****************************************/
.cups-intro {
	margin: 0 0 60px 0;
}
.cups-intro h2 {
	text-align: center;
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.cups-intro p.txt{
	text-align: center;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}


.cups-intro-box{
	margin: 0 0 60px 0;
}
.cups-intro-box-image{
	width: 450px;
	float: right;
}
.cups-intro-box-contents{
	width: 500px;
	float: left;
}

.cups-intro-box-image p{
	margin: 0 0 10px 0;
	text-align: center;
}
.cups-intro-box-image ul{}
.cups-intro-box-image ul li{
	float: left;
	width: 220px;
	margin: 0 10px 0 0;
}
.cups-intro-box-image ul li:last-child{
	margin: 0;
}

.cups-intro-box-contents table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	margin: 0 0 30px 0;
}
.cups-intro-box-contents table th{
	background-color: #eee;
	padding: 10px 15px;
	border:1px solid #ccc;
	color: #333;
	font-size: 16px;
	text-align: left;
	font-weight: normal;
}
.cups-intro-box-contents table td{
	background-color: #fff;
	padding: 10px 15px;
	border: 1px solid #ccc;
	color: #333;
	font-size: 16px;
}
.cups-intro-box-contents table:last-child{
	margin: 0;
}
.cups-intro-box-contents p{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 30px 0;
}


.cups-guidance{
	padding: 0 0 60px 0;
}
.cups-guidance p.btn{
	text-align: center;
	margin: 0 0 30px 0;
}
.cups-guidance p.btn a{
	width: 285px;
	background: #000000;
	color: #FFF;
	font-size: 18px;
	line-height: 1.2;
	display: inline-block;
	padding: 15px 40px;
}
.cups-guidance p.btn a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.cups-guidance p.txt{
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1.6;
}


.cups-flow{}
.cups-flow h2{
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}

.cups-flow-section01{
	width: 100%;
	margin: 0 auto 20px auto;
	height: 300px;
	position: relative;
}
.cups-flow-section01-image{
	position: absolute;
	top: 0;
	left: 0;
}
.cups-flow-section01-box{
	position: absolute;
	width: 48.5%;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background: rgba(255,255,255,0.9);
	padding: 35px 30px 45px 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.cups-flow-section01-box h3{
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.cups-flow-section01-box h3 span{
	font-size: 36px;
}
.cups-flow-section01-box p{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
}

.cups-flow-section02{
	width: 100%;
	margin: 0 auto 20px auto;
	height: 300px;
	position: relative;
}
.cups-flow-section02-image{
	position: absolute;
	top: 0;
	right: 0;
}
.cups-flow-section02-box{
	position: absolute;
	width: 48.5%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	background: rgba(255,255,255,0.9);
	padding: 35px 30px 45px 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.cups-flow-section02-box h3{
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.cups-flow-section02-box h3 span{
	font-size: 36px;
}
.cups-flow-section02-box p{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
}


.cups-complete{
	padding: 60px 0 40px 0;
}
.cups-complete h2 {
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.cups-complete p.txt{
	text-align: center;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.cups-complete ul{}
.cups-complete ul li{
	width: 30%;
	float: left;
	margin: 0 5% 0 0;
}
.cups-complete ul li:last-of-type{
	margin: 0;
}


.cups-complete-2box {
	padding: 60px 0 40px 0;
}
.cups-complete-2box h2 {
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.cups-complete-2box p.txt{
	text-align: center;
	margin: 0 0 25px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}
.cups-complete-2box ul{}
.cups-complete-2box ul li{
	width: 48%;
	float: left;
	margin: 0 4% 0 0;
}
.cups-complete-2box ul li:last-of-type{
	margin: 0;
}



/****************************************

	お問い合わせ

*****************************************/
.experience-form-intro{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 15px 0;
	text-align: center;
}
.experience-form-intro-english{
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 40px 0;
	text-align: center;
}
.experience-form-intro span,
.experience-form-intro-english span{
	color: #FF0000;
}

.experience-form-box{
	background: rgba(255,255,255,0.9);
	padding: 50px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.experience-form-box dl{
	margin: 0 0 20px 0;
}
.experience-form-box dl dt{
	width: 30%;
	float: left;
	text-align: right;
	padding: 0 30px 0 0;
}
.experience-form-box dl dd{
	width: 70%;
	float: left;
}
.experience-form-box dl dd p{
	margin: 0 0 20px 0;
}
.experience-form-box dl dd p:last-child{
	margin: 0;
}
.experience-form-box a{
	text-decoration: underline;
}
.experience-form-box a:hover{
	text-decoration: none;
}

.experience-form-box span.wpcf7-list-item {
	display: block !important;
	margin: 0 !important;
}
.experience-form-box input[name="your-name"],
.experience-form-box input[name="your-email"],
.experience-form-box input[name="your-tel"]{
	width: 70%;
	padding: 10px;
}
.experience-form-box input[name="experience-month"],
.experience-form-box input[name="experience-day"],
.experience-form-box input[name="experience-time"],
.experience-form-box input[name="experience-people"]{
	width: 15%;
	padding: 10px;
}
.experience-form-box textarea[name="your-message"]{
	width: 100%;
	padding: 10px;
}
.experience-form-box select[name="your-experience"]{
	width: 70%;
	padding: 10px;
}


.experience-form-box input[type="submit"]{
	display: block;
	outline: 0;
	cursor: pointer;
	border: 1px solid #333;
	color: #333;
	background: #FFF;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	width: 280px;
	margin: 0 auto;
	padding: 15px;
	transition: 0.3s;
}
.experience-form-box input[type="submit"]:hover {
	background: #333;
	color: #FFF;
}
.experience-form-box input[type="submit"]:disabled{
	border: 1px solid #ADB2B5;
	background: #F4F4F4;
	color: #999;
}
.experience-form-box input[type="submit"]:disabled:hover{
	border: 1px solid #ADB2B5;
	background: #F4F4F4;
	color: #999;
}


.experience-thanks{
	color: #333;
	font-size: 16px;
	line-height: 1.6;
	margin: 0 0 20px 0;
	text-align: center;
}
.experience-thanks-home a{
	display: block;
	outline: 0;
	cursor: pointer;
	border: 1px solid #333;
	color: #333;
	background: #FFF;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
	width: 280px;
	margin: 40px auto 0 auto;
	padding: 15px;
	transition: 0.3s;
	text-decoration: none;
}
.experience-thanks-home a:hover {
	background: #333;
	color: #FFF;
}


/****************************************

	宗照のこだわり

*****************************************/
.sosho-kodawari-intro {
	margin: 0 0 60px 0;
}
.sosho-kodawari-intro h2 {
	text-align: center;
	color: #333;
	font-size: 34px;
	line-height: 1.2;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.sosho-kodawari-intro p.image{
	text-align: center;
	margin: 0 0 25px 0;
}
.sosho-kodawari-intro p.txt{
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}


.sosho-kodawari-section01{
	width: 100%;
	margin: 0 auto 50px auto;
	height: 550px;
	position: relative;
}
.sosho-kodawari-section01-image{
	position: absolute;
	top: 0;
	left: 0;
}
.sosho-kodawari-section01-box{
	position: absolute;
	width: 48.5%;
	top: 55px;
	right: 0;
	background: rgba(255,255,255,0.9);
	padding: 35px 30px 45px 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.sosho-kodawari-section01-box h3{
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.sosho-kodawari-section01-box h3 span{
	font-size: 36px;
}
.sosho-kodawari-section01-box p.txt{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.sosho-kodawari-section01-box p.txt-english{
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.sosho-kodawari-section01-box p:last-child{
	margin: 0;
}


.sosho-kodawari-section02{
	width: 100%;
	margin: 0 auto 50px auto;
	height: 550px;
	position: relative;
}
.sosho-kodawari-section02-image{
	position: absolute;
	top: 0;
	right: 0;
}
.sosho-kodawari-section02-box{
	position: absolute;
	width: 48.5%;
	top: 55px;
	left: 0;
	background: rgba(255,255,255,0.9);
	padding: 35px 30px 45px 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.sosho-kodawari-section02-box h3{
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.sosho-kodawari-section02-box h3 span{
	font-size: 36px;
}
.sosho-kodawari-section02-box p.txt{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.sosho-kodawari-section02-box p.txt-english{
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.sosho-kodawari-section02-box p:last-child{
	margin: 0;
}


.sosho-kodawari-section03{
	width: 100%;
	margin: 0 auto 50px auto;
	height: 500px;
	position: relative;
}
.sosho-kodawari-section03-image{
	position: absolute;
	top: 0;
	left: 0;
}
.sosho-kodawari-section03-box{
	position: absolute;
	width: 48.5%;
	top: 55px;
	right: 0;
	background: rgba(255,255,255,0.9);
	padding: 35px 30px 45px 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.sosho-kodawari-section03-box h3{
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.sosho-kodawari-section03-box h3 span{
	font-size: 36px;
}
.sosho-kodawari-section03-box p.txt{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.sosho-kodawari-section03-box p.txt-english{
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.sosho-kodawari-section03-box p:last-child{
	margin: 0;
}


.sosho-kodawari-section04{
	width: 100%;
	margin: 0 auto 50px auto;
	height: 500px;
	position: relative;
}
.sosho-kodawari-section04-image{
	position: absolute;
	top: 0;
	right: 0;
}
.sosho-kodawari-section04-box{
	position: absolute;
	width: 48.5%;
	top: 65px;
	left: 0;
	background: rgba(255,255,255,0.9);
	padding: 35px 30px 45px 30px;
	-moz-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2px 3px rgba(0, 0, 0, 0.1);
}
.sosho-kodawari-section04-box h3{
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
}
.sosho-kodawari-section04-box h3 span{
	font-size: 36px;
}
.sosho-kodawari-section04-box p.txt{
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.sosho-kodawari-section04-box p.txt-english{
	color: #333;
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}
.sosho-kodawari-section04-box p:last-child{
	margin: 0;
}


.sosho-kodawari-btn{
	margin: 40px 0 40px 0;
}
.sosho-kodawari-btn ul{}
.sosho-kodawari-btn ul li{
	width: 49%;
	float: left;
	margin: 0 2% 0 0;
}
.sosho-kodawari-btn ul li a{
	border: 1px solid #333;
	color: #333;
	font-size: 18px;
	line-height: 1.2;
	display: block;
	padding: 15px 40px;
	text-align: center;
}
.sosho-kodawari-btn ul li a:hover{
	text-decoration: none;
	opacity: 0.5;
}
.sosho-kodawari-btn ul li:last-child{
	margin: 0;
}


.sosho-kodawari-achievement{
	margin: 0 0 60px 0;
}
.sosho-kodawari-achievement ul{}
.sosho-kodawari-achievement ul li{
	width: 235px;
	float: left;
	margin: 0 20px 20px 0;
}
.sosho-kodawari-achievement ul li:nth-of-type(4n){
	margin: 0;
}


/****************************************

	伝統工芸 体験教室（印刷用）

*****************************************/
.print-intro {}
.print-intro h2 {
	text-align: center;
	color: #333;
	font-size: 34px;
	line-height: 1.4;
	font-weight: 700;
	margin: 0 0 25px 0;
}
.print-intro p.txt {
	text-align: center;
	margin: 0 0 60px 0;
	color: #333;
	font-size: 16px;
	line-height: 1.8;
}


.print-intro-box {
	margin: 0 0 60px 0;
}
.print-intro-box-image {
	width: 32%;
	float: right;
}
.print-intro-box-contents {
	width: 65%;
	float: left;
}
.print-intro-box-contents p.txt{
	color: #333;
	font-size: 16px;
	line-height: 1.8;
	margin: 0 0 25px 0;
}


.print-experience-image {
	margin: 0 0 60px 0;
}
.print-experience-image ul{}
.print-experience-image ul li{
	width: 32%;
	float: left;
	margin: 0 2% 0 0;
}
.print-experience-image ul li:last-child{
	margin: 0;
}
.print-experience-image ul li .image{
	text-align: center;
	padding: 0 0 15px 0;
}
.print-experience-image ul li .txt{
	text-align: center;
	color: #333;
	font-size: 16px;
	line-height: 1.4;
}


/* 計算方法　100÷1000×400=40% に設定 */
.print-map{text-align: center; padding: 0 0 40% 0; position: relative; width: 100%; margin: 0 0 30px 0;}
.print-map iframe{position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}



/****************************************

	下層ページ youtube

*****************************************/
.lowerpage-movie {
	width: 1000px;
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
}
.lowerpage-movie .lowerpage-movie-list {
	width: 32%;
	float: left;
	margin: 0 2% 0 0;
}
.lowerpage-movie .lowerpage-movie-list:nth-of-type(3n) {
	margin: 0 0 2% 0;
}
/* 計算方法　HD動画（16:9）の場合100÷1000×575=57.5% に設定 */
.lowerpage-movie-box {
	text-align: center;
	padding: 0 0 57.5% 0;
	position: relative;
	width: 100%;
}
.lowerpage-movie-box iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/****************************************

	以下レスポンシブ　記述終了用　削除禁止

*****************************************/
}


/********* オーダーメイドページ(東内)  *********/

.order-made-history {
	display: flex;
	flex-wrap: wrap;
}
.order-made-history p {
	width: 30%;
	height: auto;
	margin-right: 3%;
	text-align: center;
	box-sizing: content-box;
	margin-bottom: 30px;
}
.order-made-history p img {
	width: 100%;
	max-width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.order-made-history p:nth-child(3n) {
	margin-right: 0;
}