@charset "utf-8";
/* CSS Document */
body {
	margin:0; padding:0;
	font-family: "Noto Sans Japanese","メイリオ", Meiryo, "Hiragino Kaku Gothic Pro",  Osaka, 'Noto Sans Japanese', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000000;
	font-size: 16px;
	background:#a3e298;


}
section,header,footer,article	{ display:block;}

h1, h2, h3, h4, h5, h6,
p, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td
{ font-size:100%; line-height:100%; margin:0; padding:0; list-style:none;}
p	{ line-height:160%;}
img	{ border:none;}
table	{ border-spacing:0; border-collapse:collapse;}
a	{
	color:#006837;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }
a:before	{  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
}


textarea:focus,
input:focus,
select:focus {
outline: 0;
}






/*
	電話番号リンクはスマフォ以外無効
*/
	.preventDefault { cursor: default; }


.clear	{ line-height:0; height:0; clear:both; display:block;}


input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}





:placeholder-shown {
    color: #cccccc; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    color: #cccccc;}

/* Firefox 18- */
:-moz-placeholder {
    color: #cccccc; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
    color: #cccccc; opacity: 1; }

/* IE 10+ */
:-ms-input-placeholder {
    color: #cccccc; }







html* #menu	{ display:none;}
.mbtn	{ display:none;}
.header	{ display:none;}



.content-caption	{ padding:10px; background-color:rgba(0, 152, 55, 0.8); color:#ffffff; position:relative;}
.content-caption .text	{ font-size:312.5%; font-weight:100; margin:0; padding:0.35em 0 0.4em 35px; background:url(../img/base/content-caption-h2_left.png) 5px 0 repeat-y;}
.content-caption .num	{ text-align:right; position:absolute; right:10px; bottom:10px;}
.content-caption .num span	{ font-size:200%; padding:0 0.2em;}

.content_box	{ margin:4.4em 1.8% 0;}
.content_box:first-of-type	{ margin-top:40px;}

.content_box_middle	{ margin:4.4em auto 0; width:78%;}
.content_box_middle:first-of-type	{ margin-top:20px;}

.content_box_middle-innner	{ border:3px solid #ffffff; background-color:rgba(255,255,255,0.8);
	 border-radius : 10px; -moz-border-radius : 10px;  -webkit-border-radius : 10px; 
	padding:1.5em 2%;
}
.content_box_middle-innner .textbox	{ margin:10px 10px 0;}
.content_box_middle-innner .textbox .sign	{ text-align:right;}
.content_box_middle-innner .textbox p	{ margin-bottom:20px;}
.content_box_middle-innner .textbox p:last-of-type	{ margin-bottom:0;}



.headline	{ border-bottom:1px solid #cccccc; font-size:175%; line-height:100%; font-weight:normal;}
.headline span	{ display:inline-block; border-bottom:1px solid #0071bc; margin-bottom:-1px; padding:0 13px 5px 10px;}









.shaped-select {
	display:inline-block; *display:inline; *zoom:1;
	overflow: hidden;
	position: relative;
	background-color: #ffffff; border:1px solid #000000; height:2.2em;
}
*:first-child+html .shaped-select	{	 overflow:visible;}
*:first-child+html .shaped-select select {	width:100%;}
.shaped-select:after {
	position: absolute; top: 0; bottom: 0; right: 0; width: 30px;
	background:#ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFMEZBNTAxODQwNUExMUU4QTIwODhEMkNDMUI0MDQwNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMEZBNTAxOTQwNUExMUU4QTIwODhEMkNDMUI0MDQwNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkUwRkE1MDE2NDA1QTExRThBMjA4OEQyQ0MxQjQwNDA1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkUwRkE1MDE3NDA1QTExRThBMjA4OEQyQ0MxQjQwNDA1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+4DglCgAAAIBJREFUeNpiLCos3MDAwOAGxP8YsAMmIN4FIiYCMTMQc+PAILmJIIX7gXgVA24AktvPBOU0AfE3LIq+AnEjzH4QuA3Ek7EonATEd5AVgsAEIH6MxH8EdT8DusIXQNyLxO8B4pfYFILADKgzbgDxTGQJFjSFP4G4Dhqmv5AlAAIMAI/qGkHkVrWeAAAAAElFTkSuQmCC") center no-repeat;
	content: "";
	pointer-events: none;
	*background-image:none; *display:none;
	_background-image:none; _display:none;
}
.shaped-select select::-ms-expand {	display: none;}
.shaped-select select {	border:none;}

.shaped-select	{  width:240px; margin:0 auto;}
.shaped-select select {
	width: 240px;
	padding:8px 30px 8px 10px;
}




.radior input[type="radio"] {
	display: none;
}
.radior label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 20px;
	cursor: pointer;
}
.radior label::before,
.radior label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}
.radior label::before {
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #f3f3f3;
	border: 1px solid #ccc;
}
.radior label:hover::before {
	background: #fff;
}
.radior label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #0071bc;
	-webkit-transform: scale(2);
	transform: scale(2);
}
.radior input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #0071bc;
}
.radior input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}






	.box-centering	{ display:table; margin-left:auto; margin-right:auto;}
	.ta-left	{ text-align:left;}
	.ta-center	{ text-align:center;}
	.ta-right	{ text-align:right;}






@media screen and (min-width: 641px) {
	.for-sp	{ display:none;}
}









#header 		{ width:100%; height:160px; color:#ffffff;
	/*
		もう一声---background-color:#a3e298;
		暗すぎた---background-color:#006837;*/
	background-color:#81d474;
	verflow:hidden; border-bottom:3px solid #ffffff;}
#header div.box		{ width:1365px; border-right:1px solid #ffffff; margin:0 auto; overflow:hidden;}
#header div.inner	{ }

#header .logo	{ padding:28px 0 0 0; width:30.5%; margin-left:0.5%; float:left;}
#header .logo a	{ display:block; text-indent:-999em; width:412px; height:100px; background:url(../img/base/logo.png) center center no-repeat;}

	#gloval_menu	{ width:37%; text-align:center; float:left;}
	#gloval_menu li	{ display:inline-block;}
	#gloval_menu li a	{ display:block; text-align:center; color:#ffffff; border-left:1px solid transparent; border-right:1px solid transparent; height:160px; line-height:1em; text-decoration:none; padding:0 15px 0; background-color:transparent;}
	
	#gloval_menu li a:before	{ opacity:0.3; content:""; display:block; width:51px; height:51px; margin:0 auto; padding:40px 0 10px; background-position:center 40px; background-repeat:no-repeat;}
	
	#gloval_menu li.active a:before,
	#gloval_menu li a:hover:before	{ opacity:1;}
	
	#gloval_menu li.active a,
	#gloval_menu li a:hover	{ border-color:#ffffff;}
	
	#gloval_menu li.top.active a,
	#gloval_menu li.top a:hover		{ background-color:#d8272d;}
	#gloval_menu li.top a:before	{ background-image:url(../img/base/gloval_menu-top.png);}
	
	#gloval_menu li.company.active a,
	#gloval_menu li.company a:hover		{ background-color:#0071bc;}
	#gloval_menu li.company a:before	{ background-image:url(../img/base/gloval_menu-company.png);}
	
	#gloval_menu li.product.active a,
	#gloval_menu li.product a:hover		{ background-color:#009837;}
	#gloval_menu li.product a:before	{ background-image:url(../img/base/gloval_menu-product.png);}
	
	#gloval_menu li.trade.active a,
	#gloval_menu li.trade a:hover		{ background-color:#fbb03b;}
	#gloval_menu li.trade a:before	{ background-image:url(../img/base/gloval_menu-trade.png);}
	
	#gloval_menu li.how.active a,
	#gloval_menu li.how a:hover		{ /*background-color:#f15a24;*/ background-color:#f9742b;}
	#gloval_menu li.how a:before	{ background-image:url(../img/base/gloval_menu-how.png);}


#header_data	{ width:24%; padding-top:18px; overflow:hidden; float:left;	font-weight:200;}
#header_data *	{ word-break:keep-all;}
#header_data p	{  line-height:140%;}
	#header_data .tel	{ line-height:30px; vertical-align:middle; }
	#header_data .tel a	{ color:#ffffff; text-decoration:none;}

	#header_data .box--tel	{ display:table; margin:0 auto 0; position:relative; left:0.4em;}
	#header_data .tel span:first-of-type	{ display:inline-block; width:43px; height:30px; vertical-align:middle; text-indent:-999em; background:url(../img/base/header_tel.png) center center no-repeat;}
	#header_data .tel span:last-of-type	{ font-size:30px; line-height:30px; vertical-align:middle;letter-spacing:0.05em;}
	#header_data .tel-note	{ display:block; text-align:center; font-size:80%; }
	#header_data .tel-note :first-of-type	{ padding-right:1em;}
	
	#header .box--fax_addr	{ display:table; margin:10px auto 0;}
	#header_data .fax	{ display:block; text-align:left;}
	#header_data .fax :first-of-type	{ font-size:80%; display:inline-block; width:80px; text-align:right; padding-right:10px;}
	#header_data .addr	{ font-size:90%; display:block; text-align:left;}
	#header_data .addr :first-of-type	{ display:inline-block; width:80px; text-align:right; padding-right:10px; vertical-align:top;}
	#header_data .addr :last-of-type	{ display:inline-block;}

#header_contact	{ width:7%; height:160px; float:right;}
#header_contact p		{ display:block;}
	#header_contact p a	{
		display:block; text-align:center; background-color: rgba(237, 28, 36, 0.8); color:#ffffff; border-right:1px solid #ffffff; border-left:1px solid #ffffff;width:100%; height:160px; line-height:1em; text-decoration:none; padding:0 ;
		position:relative; right:1px;
	}
	#header_contact p a:before	{ opacity:0.3; content:""; display:block; width:56px; height:51px; margin:0 auto; padding:40px 0 10px; background:url(../img/base/header_contact.png) center 40px no-repeat;}
	
	#header_contact p a.active:before,
	#header_contact p a:hover:before	{ opacity:1;}
	
	#header_contact p a.active,
	#header_contact p a:hover	{ background-color: rgba(237, 28, 36, 1);}


















#main	{ width:-webkit-calc(100% - 301px); width:calc(100% - 301px); float:right;}
#main:after	{ display:block; clear:both; content:"";}

#sub	{ width:299px; padding-right:1px;}
#sub .menu_headline	{ font-size:131%; color:#ffffff; margin-bottom:10px;}
#sub .menu_headline:before	{ width:34px; height:34px; display:inline-block; content:""; vertical-align:middle; margin-right:10px; background-position:0 center; background-repeat:no-repeat; background-size:contain;}
#sub li a	{ color:#ffffff; text-decoration:none;}


#sub #sub-category .menu_headline:before	{ background-image:url(../img/base/sub-icon-product.png); opacity:0.6; position:relative; bottom:3px; left:5px;}
#sub #sub-category	{ padding:30px 0; background-color:#31c3b4;}
#sub #sub-category li	{ border-bottom:1px solid rgba(255,255,255,0.5);}
#sub #sub-category li:first-of-type	{ border-top:1px solid rgba(255,255,255,0.5);}
#sub #sub-category li:last-of-type	{ border-bottom:none;}
#sub #sub-category li a	{ display:block; padding:12px 0 10px 20px; background-color:#31c3b4;}
#sub #sub-category li a:hover	{  background-color:rgba(255,255,0,0.3); }


#sub #sub-maker .menu_headline	{ color:#006837;}
#sub #sub-maker .menu_headline:before	{ background-image:url(../img/base/sub-icon-maker-g.png); opacity:0.6; position:relative; bottom:3px; left:5px;}
#sub #sub-maker	{ padding:20px 0 20px; background-color:#ffffff; color:#006837;}
#sub #sub-maker li	{ border-bottom:1px solid rgba(0,0,0,0.3);}
#sub #sub-maker li:first-of-type	{ border-top:1px solid rgba(0,0,0,0.3);}
#sub #sub-maker li:last-of-type	{ border-bottom:none;}
#sub #sub-maker li a	{ color:#006837; display:block; padding:12px 0 10px 20px; background-color:#ffffff;}
#sub #sub-maker li a:hover	{  background-color:rgba(255,255,0,0.3); }


#sub #sub-search .menu_headline:before	{ background-image:url(../img/base/sub-icon-search.png); opacity:0.6; position:relative; bottom:3px; left:8px;}
#sub #sub-search .menu_headline	{ border-bottom:1px solid #ffffff;}
#sub #sub-search	{ padding:30px 0 20px; }
#sub #sub-search .box	{ width:92%; height:40px; margin:10px auto 0; border-radius : 10px; -moz-border-radius : 10px;  -webkit-border-radius : 10px; overflow:hidden; border:2px solid #ffffff;}
#sub #sub-search .box .word	{ display:block; float:left; width:-webkit-calc(80% - 10px); width:calc(80% - 10px); height:30px; padding:5px; border:none;}
#sub #sub-search .box label input	{ display:none;}
#sub #sub-search .box label	{ cursor:pointer; display:inline-block; width:20%; height:40px; background:url(../img/base/sub-icon-search-btn.png) center center no-repeat;}
#sub #sub-search .box label:hover	{ background-color:#f15a24;
-webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear;  -ms-transition: all 0.2s linear;  -o-transition: all 0.2s linear;  transition: all 0.2s linear; 
}
#sub #sub-search  .text	{ display:table; margin:0 auto;}






#wrapper	{ width:1366px; margin:0 auto; border:1px solid #ffffff; border-top:none; border-bottom:none; background:#ffffff url(../img/base/sub-background.png) 0 0 repeat-y;
/*
box-sizing:border-box;
*/

}
#wrapper:after	{ clear:both; content:""; display:block; width:100%; height:8.8em;}


#footer	{ width:100%; background-color:#000000; color:#ffffff;}
#footer .inner	{ padding:20px 0; width:1366px; margin:0 auto;}
#footer .inner .logo	{ display:table-cell; width:45%; vertical-align:middle;}
#footer .inner .logo img	{ margin:0 50px 0 auto; display:block;}
#footer .inner ul	{ display:table-cell; width:45%; vertical-align:middle;}
#footer .inner li	{ margin-bottom:1em;}
#footer .inner li:last-of-type	{ margin-bottom:0;}
#footer .inner b	{ font-weight:normal; background-color:#0071bc; padding:8px 10px; display:inline-block; width:8.5em; }
#footer .inner li span	{ display:inline-block; margin-left:2em;}
#footer .copyright	{ background-color:#333333; color:#ffffff; text-align:center; padding:2px 0;}


















@media screen and (min-width: 0) and (max-width: 1450px) {
	.middle #wrapper	{ width:100%; border-left:none; border-right:none;}
	.middle #header div.box		{ overflow-x:hidden;}
	.middle #header_contact p a	{ right:0;}
}



@media screen and (min-width: 1166px) and (max-width: 1366px) {
	#wrapper	{ border-left:none; border-right:none;}
}

@media screen and  (max-width: 1366px) {
	#sub .menu_headline:before	{ margin-right:5px;}
	
	#footer	,
	#footer	.inner	{ width:100%; min-width:940px;}
	#footer .inner .logo		{ width:30%;}
	#footer .inner .logo img	{ width:68%;}
}

@media screen and (min-width: 1166px) and (max-width: 1366px) {
	#header	{ font-size:14px;}
	#wrapper	{ font-size:15px;}
	
	#wrapper	{ width:100%; background-position:-60px 0;}
	#main	{ width:-webkit-calc(100% - 241px); width:calc(100% - 241px);}
	#main:after	{ display:block; clear:both; content:"";}
	
	#header div.box		{ width:100%; border-right:none;}
	#header .logo	{ padding:0 0 0 15px; width:28%; float:left; margin-right:1%; vertical-align:middle; line-height:160px; height:160px;}
	#header .logo a	{ display:inline-block; vertical-align:middle; line-height:160px; width:100%; height:100px; background:url(../img/base/logo.png) center center no-repeat; background-size:contain;}

	#header_data	{ font-size:120%; padding-top:15px;}
	#gloval_menu li a	{ padding:0 10px 0; height:160px;}


#header_data .box--tel	{ left:0;}
	#header_data .tel span:last-of-type	{ font-size:160%;}

#header_data .box--fax_addr	{ font-size:90%;}
#header_data .box--fax_addr *	{ line-height:120%;}
	#header_data .fax :first-of-type	{ font-size:80%; display:inline-block; width:2em; text-align:left; padding-right:10px;}

	#header_data .addr :first-of-type	{ display:block; text-align:left;}


	#sub	{ width:239px;}
	#sub .menu_headline			{ font-size:108%;}
	#sub #sub-category .menu_headline:before	{ left:2px;}
	#sub #sub-maker .menu_headline:before	{ left:2px;}
	#sub #sub-search .menu_headline:before	{ left:2px;}

	#sub #sub-category li a	{ display:block; padding:10px 0 8px 10px;}
	#sub #sub-maker li a	{ display:block; padding:10px 0 8px 25px;}
	#sub li .sml	{ font-size:96%;}


}


@media screen and (min-width: 1025px) and (max-width: 1165px) {
	#header	,#sub	{ font-size:14px;}
	#wrapper	{ font-size:15px;}


	#header_data	{ font-size:120%; padding-top:15px;}
	#header div.box		{ width:100%; }
	#header .logo	{ padding:0 0 0 15px; width:30%; float:left; margin-right:1%; vertical-align:middle; line-height:160px; height:160px;}
	#header .logo a	{ display:inline-block; vertical-align:middle; line-height:160px; width:100%; height:100px; background:url(../img/base/logo.png) center center no-repeat; background-size:contain;}


	#gloval_menu li a	{ padding:0 10px 0; height:160px;}

	#gloval_menu	{ width:34%; min-width:360px;}
	#gloval_menu li a	{ font-size:90%; padding:0 5px 0; height:160px;}
	#gloval_menu li a:before	{ width:46px; height:46px; padding-top:45px; background-position:center 45px; background-size:contain; opacity:0.5; }


#header_data .box--tel	{ left:0;}
	#header_data .tel span:last-of-type	{ font-size:160%;}

#header_data .box--fax_addr	{ font-size:90%;}
#header_data .box--fax_addr *	{ line-height:120%;}
	#header_data .fax :first-of-type	{ font-size:80%; display:inline-block; width:2em; text-align:left; padding-right:10px;}
	#header_data .addr :first-of-type	{ display:block; text-align:left;}

	#header_contact	{ width:7.3%;}


	#wrapper	{ background-position:-60px 0; width:100%;}
	#main	{ width:-webkit-calc(100% - 241px); width:calc(100% - 241px);}
	#main:after	{ display:block; clear:both; content:"";}
	
	#sub	{ width:239px;}
	#sub .menu_headline			{ font-size:118%;}
	#sub #sub-category .menu_headline:before	{ left:2px;}
	#sub #sub-maker .menu_headline:before	{ left:2px;}
	#sub #sub-search .menu_headline:before	{ left:2px;}
	
	#sub #sub-category li a	{ display:block; padding:10px 0 8px 10px;}
	#sub #sub-maker li a	{ display:block; padding:10px 0 8px 25px;}
}



@media screen and (min-width: 0) and (max-width: 1024px) {

	.middle .content_box_middle	{ width:86%;}


#header { height:120px;}

#header div.box		{ width:100%; min-width:940px; }
#header .logo	{ padding:10px 0 0 15px; width:30%; float:left; margin-right:1%;}
#header .logo a	{ width:100%; height:100px; background:url(../img/base/logo.png) center center no-repeat; background-size:contain;}

	#gloval_menu	{ width:34%; min-width:360px;}
	#gloval_menu li a	{ padding:0 8px 0; height:120px;}
	#gloval_menu li a:before	{ width:41px; height:41px; padding-top:25px; background-position:center 25px; background-size:contain; opacity:0.6; }

	#header_data	{ padding-top:5px; width:17%; min-width:175px;}
#header_data .box--tel	{ left:0; margin:0 0 0 auto;}
	#header_data .tel	{ line-height:30px; vertical-align:top; margin-left:0; text-align:left;}
	#header_data .tel span:first-of-type	{ width:20px; height:1.4em; bottom:-5px; margin-right:5px; background-size:contain;}
	#header_data .tel span:last-of-type	{ font-size:180%; line-height:140%; vertical-align:middle;}
	#header_data .tel-note	{ display:block; text-align:left; font-size:80%; padding-left:0; position:relative; bottom:3px;}

#header_data .box--fax_addr	{ font-size:100%; margin:0 0 0 auto;}
#header_data .box--fax_addr *	{ line-height:120%;}
	#header_data .fax :first-of-type	{ font-size:80%; display:inline-block; width:2em; text-align:left; padding-right:10px;}
	#header_data .addr :first-of-type	{ display:block; text-align:left;}





	#header_contact	{ width:8.1%; height:120px; float:right;}
	#header_contact p a	{ color:#ffffff;height:120px;padding:0; width:100%;}
	#header_contact p a:before	{ opacity:0.3; content:""; display:block; width:46px; height:41px; margin:0 auto; padding:30px 0 5px; background:url(../img/base/header_contact.png) center 30px no-repeat; background-size:contain;}



	#header	{ font-size:12px;}
	#wrapper	{ font-size:14px;}

	#wrapper	{ background-position:-60px 0; width:100%; min-width:940px;}
	#main	{ width:-webkit-calc(100% - 241px); width:calc(100% - 241px);}
	#main:after	{ display:block; clear:both; content:"";}
	
	#sub	{ width:239px;}
	
	#sub .menu_headline	{ font-size:120%;}
	
	#sub #sub-category .menu_headline:before	{ left:2px;}
	#sub #sub-maker .menu_headline:before	{ left:2px;}
	#sub #sub-search .menu_headline:before	{ left:2px;}
	
	#sub #sub-category li a	{ display:block; padding:10px 0 8px 10px;}
	#sub #sub-maker li a	{ display:block; padding:10px 0 8px 25px;}
}


@media screen and (min-width: 0) and (max-width: 940px) {
#header div.box		{ width:940px; }
	#wrapper	{ width:940px;}


}





@media screen and (min-width: 641) {

	.for-sp	{ display:none;}

}


@media screen and (min-width: 0) and (max-width: 640px) {
	
	.for-pc	{ display:none;}
	
#header div.box		{ width:100%; }
	#wrapper	{ width:100%; min-width:inherit; border:none; background-image:none;}
	#sub	{ display:none;}
	#main	{ float:none; width:100%;}

	#footer	{ width:100%; min-width:inherit;}
	#footer .inner	{ display:none; width:100%;}
	#footer .copyright	{ width:100%; min-width:inherit;}
	
	.headline	{ font-size:150%;}
	.headline .num	{ font-size:80%; text-align:right; position:absolute; right:0; top:0; display:block;}
	
	.content-caption	{ padding:5px; margin-bottom:-1em;}
	.content-caption .text	{ font-size:200%; font-weight:300;}
	
	.middle .content_box,
	.content_box,
	.middle .content_box_middle,
	.content_box_middle	{ margin:3em auto 0; width:94%;}
	.content_box_middle-innner	{ margin-top:0; padding:0.5em 2%;}

.content-caption .num	{ position:static; font-size:80%; border-top:1px solid #ffffff; font-weight:normal; margin-top:5px; padding-top:0.5em;}


.content_box_middle-innner	{ padding-top:1.5em;}

#wrapper:after	{ clear:both; content:""; display:block; width:100%; height:2em;}


}