@charset "utf-8";

/* -----reset--------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	letter-spacing:-0.5em;
}
li {
	letter-spacing:normal;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
input, select {
  border: 1px solid #aaa;
  border-radius: 5px;
}
/* ------------------------------------------------------ */

@media print, screen and (min-width:750px){
* {
	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: #222;
	margin: 0;
	padding: 0;
	font-size:1.6rem; /*font-size:16px;*/
    font-family:'Noto Sans JP',"游ゴシック 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; }

.fs10 { font-size:1.0rem; }
.fs12 { font-size:1.2rem; }
.fs14 { font-size:1.4rem; }
.fs16 { font-size:1.6rem; }
.fs18 { font-size:1.8rem; }
.fs20 { font-size:2.0rem; }
.fs24 { font-size:2.4rem; }
.fs28 { font-size:2.8rem; }
.fs36 { font-size:3.6rem; line-height: 150% !important; }
.fs42 { font-size:4.2rem; 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: 250px; }
.pt100 { padding-top: 100px; }
.pt30 { padding-top: 30px; }

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

.l180 { line-height: 180% !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:25px 0 0 0;
	width: 98%;
	max-width: 1100px;
	position: relative;
	font-size: 1.6rem;
	height: 60px;
	position: relative;
	}
	header h1 img { width: 180px; height: auto; }
	header nav { position: absolute; bottom: 0px; right: 20px; }
	header nav li { display: inline; padding: 2px 20px; border-left: 1px solid #ccc;  font-weight: 700; }
	header nav li:first-child { border: none; }
	header nav li.search { padding-bottom: 0; border:none; padding: 3px 15px !important; }
	header nav li.search img { vertical-align: bottom; width: 22px; height: auto; }
	header label { cursor: pointer; }
	header nav li.en { border: none; padding-right: 0; }
	header nav a { color: #222; text-decoration: none; }
	header nav a:hover { color: #e7141a; text-decoration: none; }
	header nav li.en a { color: #aaa; }
	header label.toggle { display:none; }
	
	header input.hform { display: none; }
	header .headform { overflow: hidden; opacity:0; transition:0.8s; }
	.hform:checked + .headform { height: auto; padding: 0; opacity:1; }
	header .headform { position: absolute; top:68px; right: 0; }
	header .headform .naka { background-color: #ff7900; padding: 10px; border-radius: 5px; }
	header .headform p { margin: 0; padding: 0; line-height: 0; text-align: right; }
	header div.search { padding: 2px; background-color: #fff; border-radius: 5px; }
	header div.search input[type="text"] { width: 400px; padding: 5px; border: none; background-color: #fff;
		height: 40px; margin: 0; border-radius: 5px 0 0 5px; vertical-align: top; font-size: 1.6rem; }
	header 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; }
div#topheader { position: fixed; top:0; width: 100%; height: 90px; background-color: #fff; z-index: 2000; }
div#header { position: fixed; top:0; width: 100%; height: 90px; 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: 50px 0; }
	div.fbnr ul { width: 98%; max-width: 1100px; margin: auto; }
	div.fbnr li { display: inline-block; width: 48%; margin-right: 4%; vertical-align: top; margin-bottom: 30px; line-height: 0; }
	div.fbnr li:nth-child(2n) { margin-right: 0; }
	div.fbnr li a img { max-width: 100%; max-height: 100%; border-radius: 20px; }
	div.fbnr li a:hover { opacity: 0.7; }

	footer div.sitemap { background-color: #ff7900; padding: 30px 0; }
	div.sitemap table { width: 98%; max-width: 1100px; margin: auto; }
	div.sitemap td { white-space: nowrap; }
	div.sitemap td:nth-child(1) { width: 21%; }
	div.sitemap td:nth-child(2) { width: 29%; }
	div.sitemap td:nth-child(3) { width: 25%; }
	div.sitemap td:nth-child(4) { width: 25%; }
	div.sitemap td ul { margin: 10px 0 30px 0; }
	div.sitemap td li { line-height: 140%; margin-bottom: 10px; padding-left: 24px; font-size: 1.4rem; }
	div.sitemap td li:first-child { font-size: 1.8rem; font-weight: 700;
		background-image: url("/2021/images/whtarw.png"); background-repeat: no-repeat; 
		background-position: left; }
	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: 98%; max-width: 1100px; margin: 40px 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-top: 15px; line-height: 170%; }
	div.foot div.rfoot { font-size: 1.0rem; position: absolute; right: 0; bottom: 0; text-align: right; }
	div.foot div.rfoot p { padding-top: 20px; line-height: 150%; }
	div.foot ul.sns { position: absolute; right: 250px; bottom: 35px; }
	div.foot ul.sns li { display: inline-block; padding: 0 10px; vertical-align: middle; }
	div.foot ul.sns li img { width: auto; height: 28px; }

#main { width:100%; padding-top: 90px; }
#maint { width:100%; padding-top: 30px; }

.sp { display: none; }

	
/* --------------------------------------------------------------
  MENU
-------------------------------------------------------------- */
#menu { position: fixed; left: 0; top: -100%; overflow: hidden; transition: bottom .5s, top .5s; width:100%; height:100%; background-color:#fff; }
	#open { display: none; }
	#open:checked + #menu { top: 0; }


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

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

#topmain { width: 100%; max-width: 1100px; margin: auto; line-height: 0; padding-top:98px; }
	#topmain img { width: 100%; height: auto; }

.titem { padding: 40px 0; }
    .titem h2 { font-size: 3.6rem; font-weight: 700; letter-spacing: 0.2em; text-align: center; padding:20px 0 55px; }

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

ul.itemsearch { width: 90%; max-width: 980px; margin: 0 auto; padding:22px 20px; }
	ul.itemsearch li { width: 50%; display: inline-block; text-align: center; vertical-align: top; }
	ul.itemsearch li h3 { font-size: 2.0rem; font-weight: 700; padding:15px 0; }
	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.6rem; }
	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 10px; font-size: 1.3rem; }
	ul.itemsearch li li:first-child { border: none; }
	ul.itemsearch li li a { color: #0050d2; text-decoration: underline; }
	ul.itemsearch li li a:hover { text-decoration: none !important; }
	ul.itemsearch li a.btn { display: block; margin: 12px auto; width: 85%; max-width: 350px; background-color:#ff7900;
		text-align: center; height: 46px; border-radius:50px; color: #fff; text-decoration: none; 
		font-size: 1.8rem; padding-top: 12px; letter-spacing: 0.1em; border:2px solid #ff7900;
		background-image: url("/2021/images/btn_arw.png"); background-repeat: no-repeat; background-position: right 8px top 4px; }
	ul.itemsearch li a.btn:hover { background-image: url("/2021/images/btn_arwon.png"); background-color: #fff; color: #ff7900; 
		border:2px solid #ff7900; }
	
ul.itemlist { margin:50px auto 30px; width:94%; max-width:1100px; }
	ul.itemlist li { display:inline-block; width:19%; margin-right:8%; text-align: center; margin-bottom: 30px; }
	ul.itemlist li:nth-child(4n) { margin-right: 0; }
	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: 20px 0; font-size: 1.7rem; font-weight: 700;  }
	ul.itemlist a:hover { opacity: 0.6; }


#news { width: 98%; max-width: 980px; margin:30px auto; }
	#news h2 { font-size: 3.6rem; font-weight: 700; letter-spacing: 0.2em; text-align: center; padding-bottom: 30px; }
	#news ul { margin: 30px 0; }
	#news li { line-height: 150%; margin-bottom: 30px; }
	#news li a { color: #222; text-decoration: none; }
	#news li a:hover { text-decoration: underline; }
	#news li span { display: table-cell; vertical-align: top; padding-bottom: 3px; }
	#news li span.date { min-width: 150px; }
	#news li span.cate { min-width: 120px; text-align: center; background-repeat: no-repeat; background-position: top left; border-radius: 50px; font-size: 1.4rem; }
	#news li span.txt { width: auto; padding-left: 30px }
	#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 { width: 98%; max-width: 1100px; margin: 50px auto; }
	#sitem ul { width: 100%; }
	#sitem li { display: inline-block; width: 22%; margin: 0 1.5%; vertical-align: top; }
	#sitem li img { width: 100%; height: auto; }
	#sitem li a:hover { opacity: 0.6; }
	

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

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

a.blkarw { background-image: url("/2021/images/arw_blk.png"); background-repeat: no-repeat; background-position: left; 
	padding:0 0 0 15px; text-decoration: none; font-size: 1.4rem; }
	a.blkarw:hover  { text-decoration: underline !important; }

a.arwbtn { display: block; margin: 12px auto; width: 85%; max-width: 380px; border: 2px solid #4d4d4d;
		text-align: center; height: 60px; border-radius: 60px; color: #4d4d4d; text-decoration: none; 
		font-size: 2.2rem; padding-top: 14px; padding-right: 10px; letter-spacing: 0.05em;
		background-image: url("/2021/images/btn_arw2.png"); background-repeat: no-repeat; background-position: right 20px top 15px; }
	a.arwbtn:hover { background-color: #ff7900; color: #fff; background-image: url("/2021/images/btn_arw3.png"); border-color: #ff7900;  }
a.arwbtn2 { display: block; margin: 12px auto; width: 85%; max-width: 380px; background-color:#fff; 
		text-align: center; height: 46px; border-radius: 50px; color: #ff7900; text-decoration: none; 
		font-size: 1.7rem; padding-top: 9px; 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: 2.0rem; margin-right: 8px;}
	
.breadcrumbs { font-size: 1.4rem; padding-bottom: 10px; 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: 30px; }

.page1 { margin-top: 30px; }
.page1 h2 { padding: 35px 0 20px 0; font-size: 2.8rem; font-weight: 700; letter-spacing: 0.1em;  }
.page1 h4 { font-size: 2.0rem; font-weight: 700; border-left: 4px solid #ff7900; padding: 3px 0 3px 10px; margin: 50px 0 20px; }
.page1 h5 { font-size: 2.0rem; font-weight: 700; padding: 40px 0 0; }
.page1 h6 { font-size: 2.4rem; font-weight: 700; padding: 10px 0 10px; }

.contents { width: 90%; max-width: 1100px; margin: auto; padding: 0 0 50px 0; }
.contents p { padding: 10px 0; line-height: 145%; }

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

.widths { width: 90%; max-width: 800px; }

img.w6 { width: 60%; height: auto; }
img.w4 { width: 40%; 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; }
	ul.row3 li { display: inline-block; width: 31%; margin-right: 3.5%; }
	ul.row3 li:nth-child(3n) { 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: 30px; }

#item { width: 98%; max-width: 1100px; margin: auto; position: relative; }
	#item h3 { font-size: 2.6rem; font-weight: 700; margin: 40px 0 5px 0; }
	#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; margin-top: 10px; }
	span.print { background-color: #85bf00; }
	span.sizeodr { background-color: #ff67b3; }
	
	ul.itemlink { position: absolute; top:52px; right: 0; width: 260px; }
	ul.itemlink li { margin-bottom: 10px; }
	ul.itemlink li a { display: block; margin: 12px auto; width: 85%; background-color:#ff7900;
		text-align: center; height: 34px; border-radius: 50px; color: #fff; text-decoration: none; 
		font-size: 1.2rem; padding-top: 10px; padding-right: 25px; background-size: 22px;
		background-image: url("/2021/images/btn_arw.png"); background-repeat: no-repeat; background-position: right 6px top 6px; }
	
	div.itemphoto { width: 98%; max-width: 500px; margin: 40px auto 0 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; }
	
	ul.itemspec { width: 98%; max-width: 900px; 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; }
	table.itemspec td { border:1px solid #aaa; vertical-align: middle; line-height: 120%; }
	table.itemspec td:nth-child(1) { width: 52%; }
	table.itemspec td:nth-child(2) { width: 48%; }
	table.itemspec td span { display: table-cell; padding: 0px 0 0px 15px; vertical-align: middle; }
	table.itemspec td span:first-child { background-color: #ddd; width: 120px; text-align: center;
		height: 70px; border-right: 1px solid #aaa; letter-spacing: 0.3em; padding-left: 0; }
	table.itemspec td span.num { display: none; }
	
	div.itemvideo { margin: 40px auto; text-align: center; }
	
	div.tolist { width: 98%; max-width: 800px; margin: 40px auto 100px auto; }
	div.tolist li { display: inline-block; width: 32%; margin-right: 2%; font-size: 1.5rem; }
	div.tolist li:nth-child(3n) { margin-right: 0; }
	div.tolist li a { display: block; border: 3px solid #929292; padding: 20px 5px; text-align: center; border-radius: 40px; }

p.companytxt { line-height: 200%; font-size: 1.7rem; }

table.company { margin: 30px 0 60px 0; width: 100%; max-width: 920px; line-height: 175%; }
	.company th { background-color: #666666; color: #fff; border: 1px solid #acacac; vertical-align: middle; white-space: nowrap;
		font-weight: 700; padding: 10px 25px; }
	.company td { padding: 10px 25px; border: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: 12px 0; text-align: center; margin-bottom: 30px; }
	.crewclub img { width: 220px; height: auto; }

a.clubbtn { display: block; width: 400px; margin:30px auto 0 auto; padding: 15px;
		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 20px; background-repeat: no-repeat;
		text-decoration: none; letter-spacing: 0.1em; font-weight: 700; }
	a.clubbtn:hover { background-color: #e10000; color: #fff; }

ul.catalog { margin: 20px auto 30px; }
	ul.catalog li { width: 22%; margin-right: 3%; margin-bottom: 40px;
		display: inline-block; vertical-align: top; text-align: center; font-size: 1.4rem; font-weight: 700; line-height: 130%; }
	ul.catalog li a { display: block; border: 3px solid #efefef; padding: 25px 25px 12px; 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 0; width: 100%; max-width: 800px; }
	ul.brand li { margin-bottom: 40px; border: 1px solid #acacac; line-height: 0; }
	ul.brand li a img.bi { width: 40.27%; height: auto; }
	ul.brand li a img.bt { width: 59.73%; height: auto; }
	ul.brand li a:hover { opacity: 0.7; }

div.brand { width: 100%; max-width: 800px; margin: 50px auto; }
	.brand table.exp { width: 100%; margin:0 auto 30px auto; }
	.brand table.exp th { vertical-align: middle; padding: 5px; }
	.brand table.exp th img { max-width: 160px; height: auto; }
	.brand table.exp td { width: auto; vertical-align: middle; padding:5px 0 5px 25px; ; border-left: 1px solid #333;
		line-height: 150%; }
	
	.brand table.exp1, .brand table.exp2 { margin: 40px auto; width: 100%; }
	.brand table.exp1 td, .brand table.exp2 td { vertical-align: middle; line-height: 200%; }
	.brand table.exp1 td img, .brand table.exp2 td img { max-width: 250px; height: auto; }
	.brand table.exp1 td:nth-child(1) { text-align: left; max-width: 250px; }
	.brand table.exp1 td:nth-child(2) { padding-left: 40px; }
	.brand table.exp2 td:nth-child(1) { padding-right: 35px; }
	.brand table.exp2 td:nth-child(2) { text-align: right; max-width: 250px; }

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; padding: 12px 10px 5px 25px; margin: 10px 0; }
	
.faq label { cursor :pointer; color: #ff3800; margin: 0; padding: 0; font-weight: 700; }
.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:6px 0 15px; height: auto; opacity: 1; line-height: 140%; }

table.oiflow { width: 100%; }
	.oiflow td { padding: 20px; }
	.oiflow td:nth-child(2) { width: 50%; }
	.oiflow td.flowi { height:150px; background:url(/2021/images/ordermade_i08.jpg) right 20px bottom 0 no-repeat; }

table.pspec { width: 100%; border: 5px solid #929292; border-collapse: separate; margin: 20px 0; }
	.pspec th, .pspec td  { padding: 5px 15px; height: 50px; vertical-align: middle; border-bottom: 5px solid #929292; line-height: 150%; }
	.pspec th:nth-child(1), .pspec th:nth-child(2) { border-right: 5px solid #929292; }
	.pspec td:nth-child(1), .pspec td:nth-child(2) { white-space: nowrap; border-right: 5px 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%; max-width: 900px; margin: 30px auto 20px auto; }
	.contact td { padding: 10px 30px; }
	.contact td:nth-child(2) { width: 50%; border-left: 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: 15px; line-height: 180%; }
	.contact td p.time span { display: inline-block; vertical-align: top; }
	.contact td p.time span:nth-child(1) { width: 90px; margin-left: 15px; }
	.contact td p.time span:nth-child(2) { margin-left: 5px; }

table.contactform { width: 100%; max-width: 900px; margin: 20px auto; }
	.contactform td { padding: 15px 30px 20px; vertical-align: top; position: relative; }
	.contactform td p.tit { padding: 10px; border-radius: 100px; background-color: #ffb421;
		font-weight: bold; text-align: center; }
	.contactform th { padding: 20px 30px 15px 50px; position: relative; vertical-align: top; text-align: left; min-width: 250px; }
	.contactform th span { display: block; padding:2px 5px; background-color: #ff0000; color: #fff; font-size: 1.1rem; 
		position: absolute; right: 10px; top:20px; height: 19px; line-height: 120%; }
	.contactform td input[type='text'], .contactform textarea
		{ border: none; padding: 5px 8px; background-color: #ebebeb; border-radius: 5px; font-size: 1.6rem; }
	.contactform td select { font-size: 1.5rem; padding: 1px; }
	.contactform .ss { max-width: 200px; }
	.contactform .ls { width: 95%; }
	
	.contactform td.att { padding: 60px; font-size: 1.3rem; line-height: 150%; }
	.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 60px; text-align: center; }
	.contactform td.agree div { border: 3px solid #c5c5c5; border-radius: 8px; padding: 40px; line-height: 250%; }
	.contactform td.btn { padding: 20px; text-align: center; line-height: 250%; }
	.contactform td.btn input[type='submit'] { background-color: #ffb421; padding:10px 15px; width: 300px; border-radius: 100px; 
	 	box-shadow: 2px 2px 8px 3px rgba(10,10,10,0.2); border: none; margin-top: 30px; font-size: 1.8rem; letter-spacing: 0.2em; }
	.contactform td.btn input[type='submit']:hover { background-color: #ff7900; }

	.contactform td span.error { font-size: 1.3rem; position: absolute; bottom:5px; left: 32px; }
	.contactform td.agree span.error { bottom:20px; left: 0; right: 0; margin: auto; }

div#itemcate { display: table; margin: 40px 0; width: 100%; }
div#sidebar { display: table-cell; width: 250px; vertical-align: top; padding: 10px 35px 20px 0; }
div#cate { display: table-cell; width: auto; border-left:1px solid #808080; padding:10px 35px 20px 35px; vertical-align: top; }

div#itemcate h2 { padding: 0 0 0 20px; 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; font-size: 1.4rem; }
	div#sidebar .search button { border: none; background-color:#ff7900; 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; }
	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; }
	div#sidebar .catalogbtn a:hover { background-color: #ff5500; }

ul#cate { margin: 50px 0 30px 0; }
	ul#cate li { display: inline-block; width: 22%; margin-right:3%; margin-bottom: 30px; text-align: center; 
		line-height: 135%; vertical-align: top; }
	ul#cate li:nth-child(4n) { 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: 50px 0 30px 0; border-bottom:2px solid #dfdfdf; }
	ul#childcate li { display: inline-block; width: 22%; margin-right:3%; margin-bottom: 30px; text-align: center; 
		line-height: 135%; vertical-align: top; }
	ul#childcate li:nth-child(4n) { 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: 50px 0 30px 0; }
	ul#itemlist li { display: inline-block; width: 18%; margin-right:2.5%; margin-bottom: 30px; text-align: center; 
		line-height: 135%; vertical-align: top; font-size: 1.4rem; }
	ul#itemlist li:nth-child(5n) { 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: 50px 0 30px 0; }
	ul#itemlist2 li { display: inline-block; width: 22%; margin-right:3%; margin-bottom: 30px; text-align: center; 
		line-height: 135%; vertical-align: top; font-size: 1.4rem; }
	ul#itemlist2 li:nth-child(4n) { 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: 40px; width: 100%; min-width: 500px; }
	ul.colorsize li { display: inline-block; width: 200px; text-align: center; font-size: 1.8rem; 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: 14%; margin-right: 2.6%; text-align: center; font-size: 1.4rem;
		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%; max-width: 500px; font-size: 1.8rem; }
	.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:13px 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:2px 0 2px 32px; text-decoration: none; display: block; }
	.sizelist td a:hover { color: #ff7900; }

div#newspage { display: table; margin: 40px 0; width: 100%; }
div#newscontents { display: table-cell; width: auto; border-left:1px solid #808080; padding:10px 35px 20px 35px; vertical-align: top; }
div#newscontents h2 { padding: 0 0 15px 3px; margin: 0; font-size: 2.0rem; border-bottom: 1px solid #000; }

div#newscontents2 { display: table-cell; width: auto; border-left:1px solid #808080; padding:10px 35px 20px 35px; 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:-18px; font-size: 1.3rem; 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%; display:table; width:100%; }
	#newscontents li.month { font-weight: bold; font-size: 2.0rem; }
	#newscontents li span { display: table-cell; vertical-align: top; padding:2px 0 5px 0; }
	#newscontents li span.date { width: 150px; padding-left: 5px; }
	#newscontents li span.cate { width: 125px; text-align: center; font-size: 1.5rem; background-position:top; }
	#newscontents li span.txt { width: auto; padding-left: 30px }
	#newscontents li span.info { background-image:url("/2021/images/cate_n.png"); background-repeat:no-repeat; }
	#newscontents li span.item { background-image:url("/2021/images/cate_i.png"); background-repeat:no-repeat; }
	#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: 80px;}
h3.gb { padding: 15px; font-size: 2.2rem; font-weight: 700; background-color: #dfdfdf; margin: 0 0 20px 0; }
h5.gb { padding: 15px; font-size: 1.8rem; font-weight: 700; background-color: #dfdfdf; margin: 0 0 20px 0; }

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

table.originalflow { margin: 10px 0; border: 5px 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 { padding: 15px; text-align: center; vertical-align: middle; line-height: 180%; }
	.originalflow td span.org { background-color: #ff9800; padding: 16px 10px; display: block; width: 100%;
		border-radius: 10px; color: #fff; font-size: 1.8rem; font-weight: bold; }
	.originalflow td span.grn { background-color: #77c400; padding: 16px 10px; display: block; width: 100%;
		border-radius: 10px; color: #fff; font-size: 1.8rem; font-weight: bold; }

}


/* dotsを丸くカスタマイズするCSS */
.dots-wrap { display:flex; justify-content:center; position:absolute; bottom:-25px; left:0; right:0; margin:auto; }
.dots-wrap li { width:10px; height:10px; margin:0 5px; background:#cccccc; border-radius:50%; cursor:pointer; }
.dots-wrap li:hover,.dots-wrap li.slick-active { background:#666666; }
.dots-wrap li button { display:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; padding:0; border:none; background-color:transparent; }