@charset "utf-8";
* {	margin: 0px;padding: 0px;}/**/
body, html {height: 100%;}/**/
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
* {	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, p, th, td, img {margin: 0;padding: 0;}
table {	border-collapse: collapse;	border-spacing: 0;}
ol, ul {list-style: none;}
li {display: inline-block;*display: inline;*zoom: 1;}
a img {	border-style: none;//IE8}
img {max-width: 100%;width: 100%;}
a {
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	outline: none;
	color: #000;
}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #00C100;}
a:focus {outline: 0}
a:hover, a.selected, a:link {text-decoration: none;}
a, img {vertical-align: top}
.clrfx:before, .clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac {text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}
/* Common
 * --------------------------------------------------------*/
body {
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 32px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 1000px;/*font:normal 14px/30px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
}
#p_detail {
	background: #E5E5E5;
}

#yok_goTopBtn {
	width: 110px;
	text-align: center;
	margin: 150px auto;
	margin-bottom: 36px;
}


/* For PC
 * --------------------------------------------------------**/
#yok_wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
}
#yok_wrapper h1 {
	width: 1000px;
	margin: 0 auto;
}

/* c_header ---------------**/
#c_header {
	width: 800px;
	margin: 0 auto;
	padding: 30px 0 20px 0;
}
#c_header h1 {
	float: left;
	width: 218px;
	height: 76px;
	margin-bottom:20px;
}


#c_header ul {
	float: right;
	margin-top: 54px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 23px;
	letter-spacing: 0.5px;
}
#c_header ul li {
	float: left;
	padding: 0px 15px;
}
#c_header ul li a {
	color: #000;
}

#c_header ul li a.t_link:hover {color: #714B2F;}
#c_header ul li a.a_link:hover {color: #0071D2;}


#c_header ul li:after {
	display: inline-block;
	vertical-align: middle;
	margin-right: -26px;
}


/*  contents ---------------**/
#contents {
	width: 600px;
	margin: 0 auto;
}

/*  subTtl ---------------**/
#subTtl{
	margin-top: 60px;
	margin-bottom: 60px;
}
#subTtl .line {
	border-top: 1px solid #714B2F;
	position: relative;
}
#subTtl .a_line {
	border-top: 1px solid #0071D2;
}
#subTtl h4 {
	width: 165px;
	position: absolute;
	background: #fff;
	padding-right: 5px;
	bottom: -12px;
}

/* #intro --------------- */
#intro{
	margin-bottom: 50px;
}


#intro p.text {
	text-align: left;
  padding-left: 120px;
  margin-bottom:40px;
}


/*photo*/
.photo {
	text-align: center;
	width: 600px;
	padding-bottom: 30px;
	margin: 0 auto;
}
.photo .credit {
	text-align: left;
	font-size: 12px;
	letter-spacing: 0.4px;
	line-height:1.6em;
	margin-top:7px;
	margin-bottom:10px;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.photo_mini {
	width: 380px;
}

.photo_tate {
	width: 400px;
}

.boxArea .photo .credit {
	font-size: 13px;
}

/* #making --------------- */
#making{
	margin-top: 10px;
	position: relative;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#making #makingTtl{
	background-color:#E5E5E5;
	font-size:25px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 50px;
	line-height:43px;
	text-align: center;
	
}

#making #makingTtl:after {
	content: "";
	width: 35px;
	height: 30px;
	position: absolute;
	left: 48%;
	
}

#making.make_tendomokko .t_ttl:after {
	background: url(../images/tendomokko/icon.png) no-repeat;
	top: 126px;
}

#making.make_acrylic #makingTtl{
	width: 80%;
}

#making.make_acrylic .t_ttl:after {
	background: url(../images/acrylic/icon.png) no-repeat;
	top: 83px;
}

.boxArea{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.boxArea .box_ttl p{
	display: inline-block;
	font-size:21px;
	padding: 5px 20px;
	margin-bottom: -1px;
	
}

.boxArea .box_honmon {
	font-size:17px;
	line-height:28px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 2px;

}

.boxArea .box_txt{
	font-size:15px;
	line-height:32px;
	letter-spacing: 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 60px;
}

.make_tendomokko .boxArea .box_honmon{color:#714B2F;}
.make_acrylic .boxArea .box_honmon{color:#D75A92;}


.arrow {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 45px;
}

/* Each Setting */
.make_tendomokko .boxArea .box_ttl{
	border-bottom: 1px solid #008C00;
	text-align: left;
}

.make_tendomokko .boxArea .box_ttl p{
	border: 1px solid #008C00;
	color: #008C00;
	
}

.make_acrylic .boxArea .box_ttl{
	border-bottom: 1px solid #0071D2;
	text-align: left;
}

.make_acrylic .boxArea .box_ttl p{
	border: 1px solid #0071D2;
	color: #0071D2;
	
}

/* #end --------------- */
#end{
	font-size:15px;
	line-height:32px;
	letter-spacing: 0px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	padding-left: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#end .end1 span{
	border-bottom:1px solid;
	padding-bottom: 2px;
	display: inline-block;
}

#end .end2{
	padding-top: 10px;
	font-size:17px;
	margin-top: 20px;
	border-bottom:1px solid;
	padding-bottom: 2px;
		
}

#end .end2 a:hover{
	color: #0071D2;
}

/* footer  ---------------**/
#top #footer {
	margin: 0 auto;
	background: #e5e5e5;
	padding-top: 36px;
	padding-bottom: 50px;
}
#footer {
	margin: 0 auto;
	background: #cccccc;
	padding-top: 36px;
	padding-bottom: 50px;
}
#footer ul {
	padding-bottom: 50px;
}
#footer li {
	vertical-align: top;
	padding: 0 20px;
}
#footer li.ft1 {width: 105px;}
#footer li.ft2 {width: 105px;}
#footer li.ft3 {width: 88px;}
#footer li.ft4 {margin-top: -4px;}
#footer p.copy {
	width: 214px;
	margin: 0 auto;
}


.green{	color: #008C00;}
.blue{	color: #0071D2;}
.brown {color: #714B2F;}
.brown a:link {color: #714B2F;}
.brown a:visited {color: #714B2F;}
.brown a:hover {color: #AA9483;}
.acrylic a:link {color: #0071D2;}
.acrylic a:visited {color: #0071D2;}
.acrylic a:hover {color: #89BDEA;}