@charset "utf-8";

@media screen and (max-width: 749px){

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

* {
	font-style:normal;
	font-weight:normal;
	box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
	}

html {
  font-size: 62.5%; /*font-size:10px;*/
  -webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
  }

body {
	color: #333;
	margin: 0;
	padding: 0;
	font-size:1.4rem; /*font-size:13px;*/
    font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	}

button { border:0; padding:0; background:none; cursor:pointer; }

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

a.blue { color: #0000ff; }

.left { float:left; }
.right { float:right; }
.center { text-align:center; }
.tright { text-align:right; }
.spcenter { text-align: left !important; }

.fs10 { font-size:90%; }
.fs12 { font-size:92%; }
.fs14 { font-size:95%; }
.fs16 { font-size:100%; }
.fs18 { font-size:105%; }
.fs20 { font-size:110%; }
.fs24 { font-size:115%; }
.fs28 { font-size:120%; }
.fs36 { font-size:125%; }
.fs42 { font-size:130%; line-height: 150% !important; }

.f_bold { font-weight:bold; }
.tline { border-bottom-width:1px; border-bottom-style:solid; padding-bottom:2px; }

.red { color:#cc3333; }
.green { color: #1ca064; }
.blue { color: #0000ff; }
.blue2 { color: #0042d4; }
.blue3 { color: #0080ff; }

.pt300 { padding-top: 300px; }
.pt250 { padding-top: 150px; }
.pt100 { padding-top: 50px; }
.pt30 { padding-top: 15px; }

.mtb10 { margin-top: 10px; margin-bottom: 10px; }
.mtb20 { margin-top: 10px; margin-bottom: 10px; }
.mbt50 { margin-top: 30px; margin-bottom: 30px; }
.mbt80 { margin-top: 50px; margin-bottom: 50px; }
.mlr10 { margin-left: 10px; margin-right: 10px; }
.mt30 { margin-top: 30px; }
.mb10 { margin-bottom: 10px;}

.l180 { line-height: 160% !important; }

img { max-width:100%; }

.clear { clear: both; }

/* ------------------------------------------------------ */

#wrapper {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color:#fff;
	position: relative; 
	}

header {
	margin:0 auto;
	padding:10px 0;
	width: 96%;
	position: relative;
	}
	header h1 img { width: 120px; height: auto; margin: 5px; }
	header nav { display: none; }
	
	header label { position:absolute; top:10px; right:2%; }
	header label.toggle { cursor: pointer; text-align:right; }
	header label i { font-size:4.0rem; color: #cc0000; }
	header input.hform { display: none; }
	header .headform { display: none; }
div#topheader { position: fixed; top:0; width: 100%; height: 60px; background-color: #fff; z-index: 2000; }
div#header { position: fixed; top:0; width: 100%; height: 60px; background-color: #fff; border-bottom: 1px solid #aaa; z-index: 2000; }

footer {
	margin:50px 0 0 0;
	padding:0;
	}

	footer div.fbnr { background-color:#e9e9e9; padding: 30px 0; }
	div.fbnr ul { width: 80%; margin: auto; }
	div.fbnr li { display: block; vertical-align: top; margin-bottom: 20px; line-height: 0; }
	div.fbnr li a img { max-width: 100%; max-height: 100%; border-radius: 15px; }
	div.fbnr li a:hover { opacity: 0.7; }

	
	footer div.sitemap { background-color: #ff7900; padding: 20px 8px; }
	div.sitemap table { width: 96%; max-width: 1100px; margin: auto; }
	div.sitemap td { white-space: nowrap; width: 50%; }
	div.sitemap td ul { margin: 10px 0; }
	div.sitemap td li { line-height: 140%; margin-bottom: 3px; padding-left: 22px; font-size: 1.1rem; }
	div.sitemap td li:first-child { font-size: 1.3rem; font-weight: 700;
		background-image: url("/2021/images/whtarw.png"); background-repeat: no-repeat; 
		background-position: left; background-size: 13px; }
	div.sitemap td li a { color: #fff; text-decoration: none; }
	div.sitemap td li a:hover { color: #fff; text-decoration: underline !important; }
	
	footer div.foot { width: 90%; margin: 30px auto; position: relative; }
	div.foot img.logo1 { max-height: 28px; width: auto; vertical-align: bottom; margin-right: 15px; }
	div.foot img.logo2 { max-height: 20px; width: auto; vertical-align: bottom; margin-right: 15px; }
	div.foot p.add { font-size: 1.1rem; padding: 15px 0; line-height: 150%; }
	div.foot div.rfoot { font-size: 1.0rem; text-align: right; }
	div.foot div.rfoot p { padding-top: 10px; line-height: 150%; }
	div.foot ul.sns { position: absolute; bottom:24px; left: 15px; }
	div.foot ul.sns li { display: inline-block; padding: 0 10px; vertical-align: middle; }
	div.foot ul.sns li img { width: auto; height: 25px; }

#main { width:100%; padding-top: 60px; }
#maint { width: 100%; padding-top: 20px; }

.pc { display: none; }
	
.table-wrap { overflow-x: scroll; }


/* --------------------------------------------------------------
  MENU
-------------------------------------------------------------- */
#menu i { margin-right:5px; }
#menu { position: fixed; left: 0; top: -100%; overflow: hidden; transition: bottom .5s, top .5s; width:105%; height:100%; background-color:#fff; z-index:2001; overflow-x: hidden; overflow-y: auto; }
	#open { display: none; }
	#open:checked + #menu { top: 0; }

#menu div.header { padding: 10px; position: relative; }
	#menu div img.logo { width: 120px; height: auto; margin: 5px; }
	#menu div img.close { width: 27px; height: auto; position:absolute; top:18px; right:8%; }
	#menu label.toggle { color: #222 !important; } 
	
#menu ul.menu { margin:0; background-color: #ff7a00; }
#menu ul.menu li { font-size:1.4rem; border-bottom:1px solid #fff; line-height:180%; }
#menu ul.menu li a { display: block; color:#fff; padding: 10px 25px; font-weight: bold; text-decoration:none; position: relative; }
#menu ul.menu li label { display: block; padding: 10px 25px; cursor: pointer; color:#fff; text-decoration:none; font-weight: bold; position: relative; }
	#menu ul.menu li label i { position: absolute; top:13px; right: 8%; font-size: 2.0rem; }
	#menu ul.menu li a i { position: absolute; top:13px; right: 8%; font-size: 2.0rem; }

.accbox input { display: none; }
.accbox .accshow { height: 0; padding: 0; overflow: hidden; opacity:0; transition:0.8s; }
.cssacc:checked + .accshow { height: auto; padding: 0; opacity:1; }
ul.accshow { background-color: #fff; }
ul.accshow li { border:0 !important; border-bottom: 1px solid #ccc !important; }
	ul.accshow li a { color: #222 !important; padding:10px 15px !important; position: relative; }
	ul.accshow li a i { right: 9% !important; color: #ff7a00 !important; }
	ul.accshow li:last-child { border: none !important; }

#menu ul.menu2 { margin:10px 0 0 0; }
#menu ul.menu2 li { font-size:1.4rem; padding:3px 10px; line-height:180%; }
	#menu ul.menu2 li img { margin-right: 5px; vertical-align: middle; }

#menu ul.menu3 { margin:10px 0 0 0; }
#menu ul.menu3 li { font-size:1.4rem; padding:2px 10px; line-height:150%; }
	#menu ul.menu3 li a { color: #f87fa4 !important; }

#menu .searchf { text-align: center; margin: 5px 0 1px 0; padding:10px 5% 10px 0; background-color: #ff7a00; }
#menu .searchf input[type="text"] { width: 80%; padding: 5px; border: none; background-color: #efefef;
		height: 35px; margin: 0; border-radius: 5px 0 0 5px; vertical-align: top; font-size: 1.5rem; }
#menu .searchf button { border: none; background-color:#ffc500; width: 35px; height: 35px; margin: 0;
		border-radius: 0 5px 5px 0; background-image: url("/2021/images/btn_search.png"); background-repeat: no-repeat; background-position: center center; vertical-align: top; }


/* --------------------------------------------------------------
  clearfix
-------------------------------------------------------------- */
.feature dd:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  }

/* --------------------------------------------------------------
  トップページ
-------------------------------------------------------------- */

#topmain { width: 100%; line-height: 0; padding-top:65px; }
	#topmain img { width: 100%; height: auto; }

.titem { padding: 30px 0; }
	.titem h2 { font-size: 2.2rem; font-weight: 700; letter-spacing: 0.2em; text-align: center; padding:10px 0 30px 0; }

.itemsearch-block { background-color:#e9e9e9; }

ul.itemsearch { width: 85%; margin: 0 auto; padding: 10px; }
	ul.itemsearch li { width: 100%; display: inline-block; text-align: center; vertical-align: top; padding-bottom: 8px; }
	ul.itemsearch li h3 { font-size: 1.5rem; font-weight: 700; padding:15px 0; }
	ul.itemsearch li:first-child { border-bottom: 1px solid #fff; }
	ul.itemsearch li:nth-child(2) { padding-top: 10px;}
	div.search input[type="text"] { width: 75%; max-width: 300px; padding: 5px; border: none; background-color: #fff;
		height: 40px; margin: 0; border-radius: 5px 0 0 5px; vertical-align: top; font-size: 1.4rem; }
	div.search button { border: none; background-color:#ff7900; width: 42px; height: 40px; margin: 0;
		border-radius: 0 5px 5px 0; background-image: url("/2021/images/btn_search.png"); background-repeat: no-repeat; background-position: center center; vertical-align: top; }
	ul.itemsearch li ul { margin: 12px 0; }
	ul.itemsearch li li { display: inline !important; width: auto !important; padding: 5px; font-size: 1.2rem; }
	ul.itemsearch li li:first-child { border: none; }
	ul.itemsearch li li a { color: #0050d2; text-decoration: underline; }
	ul.itemsearch li a.btn { display: block; margin: 8px auto; width: 85%; max-width: 350px; background-color:#ff7900;
		text-align: center; height: 40px; border-radius:50px; color: #fff; text-decoration: none; 
		font-size: 1.5rem; padding-top: 14px; letter-spacing: 0.1em;
		background-image: url("/2021/images/btn_arw.png"); background-repeat: no-repeat; background-position: right 4px top 4px;
		background-size: 32px; }
	
ul.itemlist { margin:30px auto 20px; width:85%; }
	ul.itemlist li { display:inline-block; width:42%; margin-right:4%; margin-left:4%; text-align: center; margin-bottom:20px; }
	ul.itemlist li img { width: 100%; height: auto; }
	ul.itemlist a { display: block; background-color: #fff; 
		color: #222; text-decoration: none; }
	ul.itemlist a span { display: block; padding: 15px 0; font-size: 1.4rem; font-weight: 700;  }


#news { margin: 0 auto 60px auto; }
	#news h2 { font-size: 2.4rem; font-weight: 700; letter-spacing: 0.2em; text-align: center; padding: 10px;
		background-color: #ff8125; color: #fff; }
	#news ul { margin:10px auto 30px auto; width: 100%; }
	#news li { line-height: 150%; padding: 10px 5%; border-bottom: 1px solid #ccc; }
	#news li a { color: #222; text-decoration: none; }
	#news li a:hover { text-decoration: underline; }
	#news li span { display: inline-block; }
	#news li span.date { width: 130px; }
	#news li span.cate { width: 100px; text-align: center; margin-right: 2%; border-radius: 50px; font-size: 1.3rem;  }
	#news li span.txt { width:100%; padding: 5px 0; }
	#news li span.info { border:2px solid #bb272d; }
	#news li span.item { border: 2px solid #00a2ff; }
	#news li span.spe { border: 2px solid #ffdc00; }

#sitem { margin: 50px auto; }
	#sitem h2 { font-size: 2.4rem; font-weight: 700; letter-spacing: 0.2em; text-align: center; padding: 10px;
		background-color: #ff8125; color: #fff; }
	#sitem ul { margin-left: 2%; margin-top: 15px; }
	

	
/* --------------------------------------------------------------
  レイアウト
-------------------------------------------------------------- */

a.arw { background-image: url("/2021/images/redarw.png"); background-repeat: no-repeat; background-position: left 0 top 2px;
	background-size: 18px; padding: 0 0 0 22px; text-decoration: none !important; }
	a.arw:hover  { text-decoration: underline !important; }

a.arwbtn { display: block; margin: 12px auto; width:100%; max-width: 380px; border: 2px solid #4d4d4d;
		text-align: center; height: 45px; border-radius: 50px; color: #4d4d4d; text-decoration: none; 
		font-size: 1.6rem; padding-top: 13px; padding-right: 10px; background-size: 20px;
		background-image: url("/2021/images/btn_arw2.png"); background-repeat: no-repeat; background-position: right 10px top 11px; }
a.arwbtn2 { display: block; margin: 12px auto; width:100%; max-width: 380px; background-color:#fff; 
		text-align: center; height: 46px; border-radius: 50px; color: #ff7900; text-decoration: none; 
		font-size: 1.6rem; padding-top: 12px; letter-spacing: 0.1em; border:2px solid #ff7900; background-size: 18px;
		background-image: url("/2021/images/btn_arwon.png"); background-repeat: no-repeat; background-position: right 12px top 12px; }
a.arwbtn2:hover { background-image: url("/2021/images/btn_arw.png"); background-color: #ff7900; color: #fff; 
		border:2px solid #ff7900; }

a.iconblue { color: #0080ff; text-decoration: none; }
a.iconblue:hover { text-decoration: underline; }
	a.iconblue i { font-size: 1.7rem; margin-right: 4px;}
	
.breadcrumbs { font-size: 1.1rem; padding-bottom: 10px; line-height: 150%; margin:0 !important; padding: 0 !important; }
	.breadcrumbs a { color: #0000ff !important; }
	.breadcrumbs .current-item span { display: none; }
	
.itempage { border-top: 1px solid #aaa; margin-top: 10px; }

.page1 { margin-top: 10px; }
.page1 h2 { padding: 20px 0 10px 0; text-font-size: 2.0rem; font-weight: 700; }
.page1 h4 { font-size: 1.7rem; font-weight: 700; border-left: 4px solid #ff7900; padding: 3px 0 3px 10px; margin: 30px 0 20px; }
.page1 h5 { font-size: 1.7rem; font-weight: 700; padding: 40px 0 0; }
.page1 h5 { font-size: 2.0rem; font-weight: 700; padding: 10px 0 10px; }

.contents { width: 90%; margin: auto; padding: 10px 0; }
.contents p { padding: 10px 0; line-height: 135%; }

.contents_s { width: 90%; margin: auto; padding: 0 0 30px 0; }
.contents_s p { padding: 10px 0; line-height: 160%; }

.widths { width: 100%; }

img.w6 { width: 100%; height: auto; }
img.w4 { width: 70%; height: auto; }

ul.disc { margin: 20px 0; }
	ul.disc li { list-style-type: disc; margin: 10px 0 10px 25px; line-height: 135%; }

ul.row2 { margin-left: auto; margin-right: auto; }
	ul.row2 li { display: inline-block; width: 48%; margin-right: 4%; }
	ul.row2 li:nth-child(2n) { margin-right: 0; }

ul.row3 { margin-left: auto; margin-right: auto; text-align: center; }
	ul.row3 li { display: inline-block; width: 48%; margin-right: 4%; margin-bottom: 10px; }
	ul.row3 li:nth-child(2n) { margin-right: 0; }

ol { margin-left: 20px; }
	ol li { list-style-type: decimal; line-height: 170%; margin-bottom: 15px; }

.dotbdr { border-top: dotted 3px #929292; margin-top: 20px; }

#item { width: 90%; margin: auto; position: relative; }
	#item h3 { font-size: 1.8rem; font-weight: 700; padding-top: 100px; line-height: 120%; }
	#item h3 span { display: none; }
	p.itemicon { padding: 10px 0; font-size: 1.0rem; color: #fff; }
	p.itemicon span { display: inline-block; text-align: center; width: 100px; padding: 5px; border-radius: 5px;
		margin-right: 5px; }
	span.print { background-color: #85bf00; }
	span.sizeodr { background-color: #ff67b3; }
	
	ul.itemlink { position: absolute; top:40px; right: -5%; width: 230px; }
	ul.itemlink li { margin-bottom: 5px; }
	ul.itemlink li a { display: block; margin: 0 auto; width: 85%; background-color:#ff7900;
		text-align: center; height: 28px; border-radius: 50px; color: #fff; text-decoration: none; 
		font-size: 1.1rem; padding-top: 8px; padding-right: 25px; background-size: 22px;
		background-image: url("/2021/images/btn_arw.png"); background-repeat: no-repeat; background-position: right 4px top 3px; }
	
	div.itemphoto { width:100%; padding:0 10px; margin: auto;  }

	#carousel li img { border: 1px solid #bbb; }	
	
	ul.itemdetail { width: 98%; max-width: 900px; margin: 30px auto; }
	ul.itemdetail li { list-style: disc; line-height: 150%; padding: 5px 0; margin-left: 15px; }
	
	ul.itemspec { width: 98%; margin: 30px auto; }
	ul.itemspec li { display: inline-block; width: 50%; border:1px solid #333; }
	
	table.itemspec { width: 98%; max-width: 950px; margin: 40px auto; border-top:1px solid #aaa; background-color: #ddd; }
	table.itemspec td { display:table; width:100%; border:1px solid #aaa; border-top: none; vertical-align: middle; line-height: 120%; }
	table.itemspec td span { display: table-cell; padding: 8px 0 8px 15px; vertical-align: middle; height: 60px; }
	table.itemspec td span:nth-child(1) { width: 25%; text-align: center;
		border-right: 1px solid #aaa; letter-spacing: 0.3em; padding-left: 0; }
	table.itemspec td span:nth-child(2) { background-color: #fff; width: 75%; }
	table.itemspec td span.num { display: none; }
	
	div.itemvideo { margin: 40px auto; text-align: center; }
	.itemvideo iframe { width: 320px; height: 175px; }
	
	div.tolist { width: 70%; max-width: 300px; margin: 40px auto 100px auto; }
	div.tolist li { display: block; width: 100%; margin-bottom: 10px; }
	div.tolist li a { display: block; border: 2px solid #929292; padding: 20px 5px; text-align: center; border-radius: 40px; }

p.companytxt { line-height: 150%; font-size: 1.5rem; }

table.company { margin: 30px 0 60px 0; width: 100%; line-height: 175%; font-size: 1.4rem; border-bottom: 1px solid #acacac; }
	.company th { display: block; width: 100%; background-color: #666666; color: #fff; border: 1px solid #acacac;
		vertical-align: middle; white-space: nowrap; font-weight: 700; padding: 10px; }
	.company td { display: block; width: 100%; padding: 10px; border-left:1px solid #acacac; border-right:1px solid #acacac; }
	.company td img.logo { width: auto; height: 24px; }
	.company td img.logo2 { width: auto; height: 25px; margin-left: 46px; margin-right: 10px; vertical-align: middle; }
	.company td img.logo3 { width: auto; height: 20px; margin-right: 10px; vertical-align:text-bottom; }
	.company td ul.client li { display: inline-block; }
	.company td ul.client li:after { content: '、'; margin-right: 2px; }
	.company td ul.client li:last-child:after { content: none; }
	.company td ul.shop li { margin-bottom: 20px; }
	.company td ul.shop li a { color: #0000ff; }

.crewclub { width: 100%; background-color: #e10000; padding: 10px 0; text-align: center; margin-bottom: 20px; margin-top: 10px; }
	.crewclub img { width: 180px; height: auto; }

a.clubbtn { display: block; max-width: 100%; margin:30px auto 0 auto; padding: 12px 28px;
		border: 3px solid #111; background-color: #ffff00; border-radius: 50px; text-align: center; 
		background-image: url(/2021/images/btn_barw.png); background-position: center right 15px; background-repeat: no-repeat;
		text-decoration: none; font-weight: 700; }
	a.clubbtn:hover { background-color: #e10000; color: #fff; }

ul.catalog { margin: 20px auto 30px; }
	ul.catalog li { width: 48%; margin-right: 4%; margin-bottom: 30px;
		display: inline-block; vertical-align: top; text-align: center; font-size: 1.2rem; font-weight: 700; line-height: 130%; }
	ul.catalog li:nth-child(2n) { margin-right: 0; }
	ul.catalog li a { display: block; border: 3px solid #efefef; padding: 15px 15px 8px; border-radius: 20px; text-decoration: none; }
	ul.catalog li a img { margin-bottom: 8px; }
	ul.catalog li a:hover { background-color: #efefef; }

ul.brand { margin: 30px auto; }
	ul.brand li { margin-bottom: 40px; line-height: 0; padding: 0 2%; }
	ul.brand li a img { box-shadow: 2px 2px 8px 3px rgba(10,10,10,0.2); }
	ul.brand li a:hover { opacity: 0.7; }

div.brand { width: 100%; margin: 30px auto; line-height: 0; }
	.brand table.exp { width: 100%; margin:0 auto 30px auto; background-color: #f9f9f9; }
	.brand table.exp th { padding: 15px 0 5px 15px; display: block; width: 100%; text-align: left; position: relative; }
	.brand table.exp th img { width: 160px; height: auto; }
	.brand table.exp th img.made { width: auto; height: 25px; position: absolute; right:15px; top:13px; }
	.brand table.exp td { display: block; width: 100%; padding:10px; ; line-height: 150%; }
	
	.brand table.exp1, .brand table.exp2 { margin: 30px auto; width: 100%; }
	.brand table.exp1 td, .brand table.exp2 td { display: block; width: 100%; vertical-align: top; line-height: 170%; }
	.brand table.exp1 td img, .brand table.exp2 td img { width: 100%; height: auto; margin: 20px 0; }

ul.faq { margin: 30px 0; }
	ul.faq li { border-bottom: 1px dashed #4d4d4d; background-image: url("/2021/images/arw_org.png"); background-repeat: no-repeat;
		background-position: left 0 top 11px; background-size: 15px; padding: 10px 10px 0 20px; margin: 10px 0; }
	
.faq label { cursor :pointer; color: #ff3800; margin: 0; padding: 0; font-weight: 700; line-height: 140%; }
.faq label:hover { text-decoration: underline; }
.faq input { display: none; }
.faq p.ans { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; }
.faq input:checked ~ p.ans { padding:0 0 15px; height: auto; opacity: 1; line-height: 140%; }

table.oiflow { width: 100%; font-size: 1.3rem; }
	.oiflow td { padding: 10px 3px; display: block; width: 100%; }
	.oiflow td.flowi { height:165px;
		background:url(/2021/images/ordermade_i08.jpg) right 20px bottom 0 no-repeat; background-size: 30%; }
	.arwgry img { width: 40px; height: auto; }

table.pspec { width: 100%; border: 4px solid #929292; border-collapse: separate; margin: 20px 0; }
	.pspec th, .pspec td  { padding: 5px; height: 50px; vertical-align: middle; border-bottom: 4px solid #929292; line-height: 150%; }
	.pspec th:nth-child(1), .pspec th:nth-child(2) { border-right: 4px solid #929292; }
	.pspec td:nth-child(1), .pspec td:nth-child(2) { white-space: nowrap; border-right: 4px solid #929292; text-align: center; }
	.pspec th:nth-child(1), .pspec td:nth-child(1) { background-color: #b5e4ff; }
	.pspec th:nth-child(2), .pspec td:nth-child(2) { background-color: #b5e4ff; }
	.pspec tr:last-child td { border-bottom:none; }

table.contact { width: 100%; margin: 20px auto; }
	.contact td { padding: 10px 0; display: block; width: 100%; }
	.contact td:nth-child(2) { border-bottom: 3px dotted #929292; }
	.contact td p.tit { padding: 10px; border-radius: 100px; background-color: #ffb421; font-weight: bold; text-align: center; }
	.contact td p.tel { padding: 5px 15px; line-height: 180%; }
	.contact td p.time span { display: inline-block; vertical-align: top; }
	.contact td p.time span:nth-child(1) { width: 80px; margin-left: 15px; }
	.contact td p.time span:nth-child(2) { margin-left: 5px; }

table.contactform { width: 100%; margin: 30px auto; }
	.contactform td { padding: 8px 15px 15px; display: block; width: 100%; position: relative; }
	.contactform td p.tit { padding: 10px; border-radius: 100px; background-color: #ffb421;
		font-weight: bold; text-align: center; }
	.contactform th { display: block; width: 100%; padding: 10px 15px 5px 15px; vertical-align: top; text-align: left; min-width: 250px; }
	.contactform th span { padding:2px 5px; background-color: #ff0000; color: #fff; font-size: 0.9rem; 
		line-height: 120%; margin-left: 5px; }
	.contactform td input[type='text'], .contactform textarea
		{ border: none; padding: 6px 8px; background-color: #ebebeb; border-radius: 5px; font-size: 1.4rem; }
	.contactform .ss { width: 70%; }
	.contactform .ls { width: 100%; }
	
	.contactform td.att { padding: 40px 10px; font-size: 1.3rem; line-height: 140%; }
	.contactform td.att span { display: block; padding:2px 5px; width: 100px; background-color: #dfdfdf;
		text-align: center; margin: 5px 0; }
	.contactform td.agree { padding: 10px; text-align: center; }
	.contactform td.agree div { border: 3px solid #c5c5c5; border-radius: 8px; padding: 20px; line-height: 250%; }
	.contactform td.btn { padding: 20px 0; text-align: center; line-height: 250%; }
	.contactform td.btn input[type='submit'] { background-color: #ffb421; padding: 15px; width: 250px; border-radius: 100px; 
	 	box-shadow: 2px 2px 8px 3px rgba(10,10,10,0.2); border: none; margin-top: 30px; font-size: 1.6rem; letter-spacing: 0.1em; }

	.contactform td span.error { font-size: 1.1rem; position: absolute; bottom:2px; left: 15px; }
	.contactform td.agree span.error { bottom:10px; left: 0; right: 0; margin: auto; }

div#itemcate { margin: 20px 0; width: 100%; }
div#sidebar { display: none; }
div#cate { padding: 10px 0; vertical-align: top; width: 100%; }

div#itemcate h2 { padding: 2px 0 2px 12px; margin: 0; border-left: 8px solid #808080; }

div#sidebar ul.cate { width: 100%; }
	div#sidebar ul.cate li { height: 46px; border-bottom: 1px solid #808080; }
	div#sidebar ul.cate li a { display: block; padding:15px 0 0 25px; text-decoration: none; height: 45px; }
	div#sidebar ul.cate li a:hover { background-color: #ebebeb; }
	div#sidebar ul.cate li:nth-child(1) { border: none; }
	div#sidebar ul.cate li:nth-child(1) a { background-color: #ff7900; color: #fff; text-align: center; padding: 15px 0 0; }
	div#sidebar ul.cate li:nth-child(1) a:hover { background-color: #ff5500; }

div#sidebar ul.cate2 { width: 100%; margin: 20px 0; }
	div#sidebar ul.cate2 li { text-align: center; margin-bottom: 8px; }
	div#sidebar ul.cate2 li a { display: block; border:3px solid #ff7900; color: #ff7900;
		padding:11px 0 0 0; text-decoration: none; height: 45px; }
	div#sidebar ul.cate2 li a:hover { background-color: #ff7900; color: #fff; }
	div#sidebar .search input[type="text"] { width: 180px; height: 35px; }
	div#sidebar .search button { width: 35px; height: 35px; }
	div#sidebar .catalogbtn a { display: block; margin: 10px auto; width: 100%; background-color:#ff7900;
		text-align: center; height: 40px; border-radius: 50px; color: #fff; text-decoration: none; 
		font-size: 1.2rem; padding-top: 9px; padding-right: 25px; background-size: 22px;
		background-image: url("/2021/images/btn_arw.png"); background-repeat: no-repeat; background-position: right 9px top 9px; }

ul#cate { margin: 50px 0 30px 0; }
	ul#cate li { display: inline-block; width: 32%; margin-right:2%; margin-bottom: 30px; text-align: center; 
		line-height: 135%; vertical-align: top; }
	ul#cate li:nth-child(3n) { margin-right: 0; }
	ul#cate li:last-child { margin-bottom: 50px; }
	ul#cate li a { text-decoration: none; }
	ul#cate li a img { border: 1px solid #808080; }
	ul#cate li a:hover { text-decoration: underline; }
	ul#cate li a:hover img { opacity: 0.6; }

ul#childcate { margin: 20px 0 30px 0; border-bottom:2px solid #dfdfdf; }
	ul#childcate li { display: inline-block; width: 32%; margin-right:2%; margin-bottom: 30px; text-align: center; 
		line-height: 135%; vertical-align: top; }
	ul#childcate li:nth-child(3n) { margin-right: 0; }
	ul#childcate li:last-child { margin-bottom: 50px; }
	ul#childcate li a { text-decoration: none; }
	ul#childcate li a img { border: 1px solid #808080; }
	ul#childcate li a:hover { text-decoration: underline; }
	ul#childcate li a:hover img { opacity: 0.6; }

ul#itemlist { margin: 20px 0 30px 0; }
	ul#itemlist li { display: inline-block; width: 32%; margin-right:2%; margin-bottom: 30px; text-align: center; 
		line-height: 135%; vertical-align: top; font-size: 1.4rem; }
	ul#itemlist li:nth-child(3n) { margin-right: 0; }
	ul#itemlist li a { text-decoration: none; }
	ul#itemlist li a img { border: 1px solid #808080; }
	ul#itemlist li a:hover { text-decoration: underline; }
	ul#itemlist li a:hover img { opacity: 0.6; }
	ul#itemlist li span { display: none; }

ul#itemlist2 { margin: 20px 0 30px 0; }
	ul#itemlist2 li { display: inline-block; width: 48%; margin-right:4%; margin-bottom: 30px; text-align: center; 
		line-height: 135%; vertical-align: top; font-size: 1.3rem; }
	ul#itemlist2 li:nth-child(2n) { margin-right: 0; }
	ul#itemlist2 li a { text-decoration: none; }
	ul#itemlist2 li a img { border: 1px solid #808080; }
	ul#itemlist2 li a:hover { text-decoration: underline; }
	ul#itemlist2 li a:hover img { opacity: 0.6; }
	ul#itemlist2 li span { display: none; }

ul.colorsize { border-bottom:3px solid #ff7900; margin-bottom: 30px; width: 100%; }
	ul.colorsize li { display: inline-block; width: 120px; text-align: center; font-size: 1.6rem; margin-right: 10px;
		border:3px solid #ff7900; border-bottom: none; background-color: #ff7900; border-radius: 5px 5px 0 0; color: #fff; }
	ul.colorsize li span { display: block; padding: 10px 5px; }
	ul.colorsize li a { background-color: #fff; color: #ff7900; display: block; padding: 10px 5px; text-decoration: none; }
	ul.colorsize li a:hover { background-color: #ff7900; color: #fff; }

ul.colorlist { width: 100%; }
	ul.colorlist li { display: inline-block; width: 23%; margin-right: 2%; text-align: center; font-size: 1.3rem;
		vertical-align: top; margin-bottom: 25px; }
	ul.colorlist li img { margin-bottom: 5px; }
	ul.colorlist li a { text-decoration: none; }
	ul.colorlist li a:hover { text-decoration: underline; }
	ul.colorlist li a:hover img { opacity: 0.5; }

table.sizelist { width: 100%; }
	.sizelist th { padding:15px 10px; background-color: #000; color: #fff; border: 1px solid #4d4d4d; }
	.sizelist th:nth-child(1) { border-right: 1px solid #808080; }
	.sizelist td { padding:10px 15px; border:1px solid #4d4d4d; }
	.sizelist td a { background-image: url("/2021/images/btn_arwon.png"); background-repeat: no-repeat; background-size: 20px;
		background-position: left; padding:5px 0 5px 32px; text-decoration: none; display: block; }
	.sizelist td a:hover { color: #ff7900; }

div#newspage { margin: 40px 0; width: 100%; }
div#newscontents { padding:20px 0; vertical-align: top; }
div#newscontents h2 { padding: 0 0 10px 3px; margin: 0; font-size: 1.5rem; border-bottom: 1px solid #000; }

div#newscontents2 { padding:20px 0; vertical-align: top; }
div#newscontents2 h2 { padding: 10px 0 15px 3px; margin: 0; font-size: 1.8rem; line-height: 120%; border-bottom: 1px solid #000; position: relative; }
	#newscontents2 h2 span { position: absolute; right: 0; top:-20px; font-size: 1.2rem; font-weight: normal; }
	#newscontents2 h2 span a { text-decoration: none; background-image: url("/2021/images/arw_blk.png"); background-repeat: no-repeat; 
		background-position: left; padding-left: 15px; }
	#newscontents2 h2 span a:hover { text-decoration: underline; }
	
ul.newscategory { width: 100%; margin: 10px 0; }
	ul.newscategory li { text-align: center; margin-bottom: 20px; }
	ul.newscategory li:nth-child(1) { font-weight: 700; }
	ul.newscategory li a { text-decoration: none;
		background-size: 20px; background-position: right 8px top 8px; background-repeat: no-repeat; }
	ul.newscategory li:nth-child(2) a { display: block; border: 2px solid #d60000; border-radius: 100px; padding: 10px;
		background-image: url("/2021/images/news_arw1.png"); letter-spacing: 0.1em; }
	ul.newscategory li:nth-child(2) a:hover { background-color: #d60000; color: #fff; }
	ul.newscategory li:nth-child(3) a { display: block; border: 2px solid #00a2ff; border-radius: 100px; padding: 10px;
		background-image: url("/2021/images/news_arw2.png"); letter-spacing: 0.4em; }
	ul.newscategory li:nth-child(3) a:hover { background-color: #00a2ff; color: #fff; }
	ul.newscategory li:nth-child(4) a { display: block; border: 2px solid #ffdc00; border-radius: 100px; padding: 10px;
		background-image: url("/2021/images/news_arw3.png"); letter-spacing: 1.5em; }
	ul.newscategory li:nth-child(4) a:hover { background-color: #ffdc00; color: #fff; }

#newscontents ul { margin: 10px 0;}
	#newscontents li { border-bottom:1px dotted #000; padding: 17px 2px 15px 2px; line-height: 150%; }
	#newscontents li.month { font-weight: bold; font-size: 1.5rem; }
	#newscontents li span { display: inline-block; }
	#newscontents li span.date { width: 130px; }
	#newscontents li span.cate { width: 100px; text-align: center; margin-right: 2%; border-radius: 50px; font-size: 1.3rem;  }
	#newscontents li span.txt { width:100%; padding: 5px 0; }
	#newscontents li span.info { border:2px solid #bb272d; }
	#newscontents li span.item { border: 2px solid #00a2ff; }
	#newscontents li span.spe { border: 2px solid #ffdc00; }
	#newscontents li a { text-decoration: none; }
	#newscontents li a:hover { text-decoration: underline; }

	div#newscontents2 p { padding-left: 10px; padding-right: 10px; }
	div#newscontents2 p.date { border-bottom: 1px dotted #000; margin: 8px 0; }

p.pname { height: 50px;}
h3.gb { padding: 15px; font-size: 1.8rem; font-weight: 700; background-color: #dfdfdf; margin: 0 0 20px 0; }
h5.gb { padding: 15px; font-size: 1.6rem; font-weight: 700; background-color: #dfdfdf; margin: 0 0 20px 0; }

div.bdrblok { border: 4px solid #dfdfdf; padding: 8px 20px; margin: 20px 0; }

table.originalflow { margin: 10px 0; border: 4px solid #929292; }
	.originalflow th { background-color: #929292; color: #fff; font-size: 1.8rem; font-weight: bold;
		padding: 5px 10px 10px; text-align: center; }
	.originalflow td { display: block; width: 100%; }
	.originalflow td { padding: 10px 5px; vertical-align: top; line-height: 180%; }
	.originalflow td span.org { background-color: #ff9800; padding: 16px 5px; display: block; width: 100%;
		border-radius: 10px; color: #fff; font-size: 1.5rem; font-weight: bold; line-height: 125%; text-align: center; }
	.originalflow td span.grn { background-color: #77c400; padding: 16px 5px; display: block; width: 100%;
		border-radius: 10px; color: #fff; font-size: 1.5rem; font-weight: bold; line-height: 125%; text-align: center; }

table.what td { display: block; width: 100%; text-align: center; }
	table.what td:nth-child(1) { padding-left: 7%; }
	table.what td:nth-child(2) { padding-left: 3%; }
	table.what td:nth-child(3) { padding-right: 2%; }
}