@media print, screen and (min-width: 768px) {

body {
	font-family: "Lucida Grande", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif;
	-webkit-text-size-adjust: 100%;
	line-height: 2.3rem;
	font-size: 15px;
	font-size: 1.5rem;
	overflow-x: hidden; min-width: 1100px; position: relative;
	background: #3d1891;
}

.wrap{display: flex; flex-direction: column; min-height: 100vh;}

/* header */

header { position:fixed; top:0; left:0; bottom: 0px; height: 100vh; width: 210px; padding: 30px 12px 0px 32px; background:#fff; z-index: 10; box-shadow: 0px 5px 10px rgba(0,0,0,0.4);
-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);}

header h1{ padding-bottom: 40px;}

header nav ul{ }
header nav ul li{ position: relative;margin-bottom: 10px; padding-left: 14px; font-size: 1.3rem; line-height: 2.0rem;}
header nav ul li:before{ position: absolute; left: 0px; top: 8px; content:""; width: 8px; height: 2px; background: #0000ff;}
header nav ul li a{ color: #000 !important;}
	
header nav ul li a:hover{ text-decoration: underline !important;}
    
    .pc{ display:block; }
    .pc.inline{ display:inline; }
    .sp{ display:none;}

/* ▼グローバルナビの現在地ハイライト */

header nav ul li a.current,
header nav ul li a.parentsLink,
header nav ul li a:hover{color:#0000ff !important;}

/* main */

.wrap{ position: relative; min-width: 1100px;}
	
main{ position: relative; margin-left: 210px; width: auto; min-height:100%;}

main div.PageTitleBox{ position: relative; width: 100%; height: 180px; background: url(../images/title_bg.jpg) no-repeat center center; background-size: cover;}
main div.PageTitleBox h2{ font-size: 3.6rem; font-weight: bold; color: #fff;}
main div.TopStyle{ height: 44vh !important;}
main div.TopStyle h2{ font-size: 3.0rem !important; line-height: 4.2rem !important;}

main div.PageTitleBox p.NewSiteLink{ position: absolute; top: 18px; right: 18px;}
main div.PageTitleBox p.NewSiteLink a span{display: none;}
main div.PageTitleBox p.NewSiteLink a:hover{ opacity: 0.8}

main div.MainContent{padding: 40px 20px 90px;}

main div.MainContent ul.TopPageCategory{ margin-right: -2%; padding-bottom: 8px;}
main div.MainContent ul.TopPageCategory li{ width: 32%; margin-right: 1%; margin-bottom: 12px;}
main div.MainContent ul.TopPageCategory li a{ position: relative; display: block; padding: 12px 30px 12px 12px; background: #fff; color: #000;}
main div.MainContent ul.TopPageCategory li a:hover{ opacity: 0.8;}
main div.MainContent ul.TopPageCategory li.Mini{ font-size: 1.3rem;}
main div.MainContent ul.TopPageCategory li a:after{ position: absolute; right: 3%; top: 50%; margin-top: -12px; content:"\f105"; font-family: FontAwesome; color: #666;}

main div.MainContent .OwabiBox{padding: 26px;  text-align: left; color: #fff; background: #500ba2; border: 1px solid #7e5ba8;}
main div.MainContent .OwabiBox > div{ width:700px; margin:0 auto; }
main div.MainContent .OwabiBox h2{ font-size: 2.6rem; font-weight: bold; margin-bottom: 12px;}

main div.SearchBox{ background: #51309c; padding: 40px 20px 30px; color: #fff;}
main div.SearchBox h3{ font-size: 2.2rem; font-weight: 400; margin-bottom: 18px;}
main div.SearchBox ul li{ margin-right: 30px;}
main div.SearchBox ul li select{ color: #000;}
main div.SearchBox ul li span{ padding: 0px 6px;}
main div.SearchBox ul li:last-child{ width: 100%; padding-top: 16px;}
main div.SearchBox ul li:last-child input[type="text"]{ height: 34px; line-height: 34px; width: 620px; padding: 0px 16px; border: none;}
main div.SearchBox ul li:last-child input[type="submit"]{ height: 34px; line-height: 34px; width: 80px; background: #ffff00; color: #000; border: none; border-radius: 0px; margin-left: 4px; cursor: pointer;}

main ul.ItemList{ width: 100%; min-width: 870px; margin-top: -20px;}
main ul.ItemList li{ position: relative; min-width: 420px; width: 49%; margin-bottom: 22px; background: #fff;}
main ul.ItemList li div.ItemBox{ padding: 16px 16px 54px;}
main ul.ItemList li div.ItemBox p{ width: 170px;}
main ul.ItemList li div.ItemBox p img{ width: 100%; height: auto;}
main ul.ItemList li div.ItemBox ol{ -webkit-flex: 1; flex: 1; padding-left: 20px;}
main ul.ItemList li div.ItemBox ol li{ min-width: 100%; width: 100%; margin-bottom: 0px; background: none; font-size: 1.4rem;}
main ul.ItemList li div.ItemBox ol li.Code{ font-weight: 800; color: #3d1891; font-size: 1.5rem; padding-bottom: 6px; }
main ul.ItemList li div.ItemBox ol li.Title{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px 0px; line-height: 2.0rem;}
main ul.ItemList li div.ItemBox ol li.Maker{ padding-top: 8px;}
main ul.ItemList li div.ItemBox ol li.Maker span{ background: #3d1891; padding: 2px 10px; color: #fff; margin-right: 6px; font-size:1.3rem;}
main ul.ItemList li div.ItemBox ol li.Price{ font-size:1.8rem; font-weight: 800; color: #cc0000; padding-top: 6px; }
main ul.ItemList li p.SubTxt{position: absolute; bottom: 0px; width: 100%; padding: 8px 16px; background: #ebebeb; font-size: 1.4rem;}
main ul.ItemList li p.SubTxt span:first-child{ padding-right: 22px;}

main .NoItemStyle{ min-width: 870px; width: 100%; height: 140px; background: #fff; font-size: 1.7rem;}

/* フッターリスト */

footer{ position: fixed; bottom:0; left: 230px; right:20px; background: rgba(0,0,0,0.8); color: #fff; padding: 14px 20px 16px 24px; min-width: 870px;}

footer ul{ padding-top: 7px;}
footer ul li.Osw{ font-size: 2.8rem; padding-top: 6px; margin-right: 15px;}
footer ul li{ margin-right: 5px;}
footer ul li a{ display: inline-block; padding: 6px 14px; font-size: 1.4rem; background: #fff; color: #000 !important;}
footer ul li.Newsite a{ background: #ffff00;}
footer ul li:last-child{ margin-left: auto;}
footer ul li:last-child a{ background: #ff6600;}
	
/* ---------------------------------------------------------------- */

.PcNodisplay{ display:none !important;}

/* -------------------------------------------------- */
/* AfterArrow */

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Pc,.ArrowRG_Pc a,.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB_Pc,.ArrowBG_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT_Pc,.ArrowTG_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Pc,.ArrowRG02_Pc a,.ArrowB02_Pc,.ArrowBG02_Pc a,.ArrowT02_Pc,.ArrowTG02_Pc a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Pc,.ArrowRG03_Pc a,.ArrowB03_Pc,.ArrowBG03_Pc a,.ArrowT03_Pc,.ArrowTG03_Pc a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Pc:after,.ArrowRG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Pc:after,.ArrowRG02_Pc a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Pc:after,.ArrowBG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Pc:after,.ArrowBG02_Pc a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Pc:after,.ArrowTG_Pc a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Pc:after,.ArrowTG02_Pc a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Pc:after,.ArrowRG03_Pc a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Pc:after,.ArrowBG03_Pc a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Pc:after,.ArrowTG03_Pc a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Pc:before,.ArrowRG03_Pc a:before{ content:""; display:inline-block;}
.ArrowB03_Pc:before,.ArrowBG03_Pc a:before{ content:""; display:inline-block;}
.ArrowT03_Pc:before,.ArrowTG03_Pc a:before{ content:""; display:inline-block;}

/* -------------------------------------------------- */
/* flexbox */

.FlexBoxPc{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxPcL{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-start; justify-content:flex-start;}
.FlexBoxPcR{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:flex-end; justify-content:flex-end;}
.FlexBoxPcC{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:center; justify-content:center;}
.FlexBoxPcB{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.FlexBoxPcA{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-around; justify-content:space-around;}
.FlexBoxPcM{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center; -webkit-text-align:center; text-align:center;}

/* -------------------------------------------------- */
/* block item Width */

.wid10Per_pc {width: 10% !important;}
.wid15Per_pc {width: 15% !important;}
.wid20Per_pc {width: 20% !important;}
.wid25Per_pc {width: 25% !important;}
.wid30Per_pc {width: 30% !important;}
.wid35Per_pc {width: 35% !important;}
.wid40Per_pc {width: 40% !important;}
.wid45Per_pc {width: 45% !important;}
.wid50Per_pc {width: 50% !important;}
.wid55Per_pc {width: 55% !important;}
.wid60Per_pc {width: 60% !important;}
.wid65Per_pc {width: 65% !important;}
.wid70Per_pc {width: 70% !important;}
.wid75Per_pc {width: 75% !important;}
.wid80Per_pc {width: 80% !important;}
.wid85Per_pc {width: 85% !important;}
.wid90Per_pc {width: 90% !important;}
.wid95Per_pc {width: 95% !important;}
.wid100Per_pc {width: 100% !important;}

.wid50_pc {width: 50px !important;}
.wid100_pc {width: 100px !important;}
.wid150_pc {width: 150px !important;}
.wid200_pc {width: 200px !important;}
.wid250_pc {width: 250px !important;}
.wid300_pc {width: 300px !important;}
.wid350_pc {width: 350px !important;}
.wid400_pc {width: 400px !important;}
.wid450_pc {width: 450px !important;}
.wid500_pc {width: 500px !important;}
.wid550_pc {width: 550px !important;}
.wid600_pc {width: 600px !important;}
.wid650_pc {width: 650px !important;}
.wid700_pc {width: 700px !important;}
.wid750_pc {width: 750px !important;}
.wid800_pc {width: 800px !important;}
.wid850_pc {width: 850px !important;}
.wid900_pc {width: 900px !important;}
.wid950_pc {width: 950px !important;}


/* -------------------------------------------------- */
/* block item Margin */

/* - All margin */

.marA0_pc {margin: 0px !important;}
.marA5_pc {margin: 5px !important;}
.marA10_pc {margin: 10px !important;}
.marA15_pc {margin: 15px !important;}
.marA20_pc {margin: 20px !important;}
.marA25_pc {margin: 25px !important;}
.marA30_pc {margin: 30px !important;}
.marA40_pc {margin: 40px !important;}
.marA50_pc {margin: 50px !important;}
.marA60_pc {margin: 60px !important;}
.marA70_pc {margin: 70px !important;}
.marA80_pc {margin: 80px !important;}
.marA90_pc {margin: 90px !important;}

/* - Top margin */

.marT0_pc {margin-top: 0px !important;}
.marT5_pc {margin-top: 5px !important;}
.marT10_pc {margin-top: 10px !important;}
.marT15_pc {margin-top: 15px !important;}
.marT20_pc {margin-top: 20px !important;}
.marT25_pc {margin-top: 25px !important;}
.marT30_pc {margin-top: 30px !important;}
.marT40_pc {margin-top: 40px !important;}
.marT50_pc {margin-top: 50px !important;}
.marT60_pc {margin-top: 60px !important;}
.marT70_pc {margin-top: 70px !important;}
.marT80_pc {margin-top: 80px !important;}
.marT90_pc {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_pc {margin-bottom: 0px !important;}
.marB5_pc {margin-bottom: 5px !important;}
.marB10_pc {margin-bottom: 10px !important;}
.marB15_pc {margin-bottom: 15px !important;}
.marB20_pc {margin-bottom: 20px !important;}
.marB25_pc {margin-bottom: 25px !important;}
.marB30_pc {margin-bottom: 30px !important;}
.marB40_pc {margin-bottom: 40px !important;}
.marB50_pc {margin-bottom: 50px !important;}
.marB60_pc {margin-bottom: 60px !important;}
.marB70_pc {margin-bottom: 70px !important;}
.marB80_pc {margin-bottom: 80px !important;}
.marB90_pc {margin-bottom: 90px !important;}

/* - Left margin */

.marL0_pc {margin-left: 0px !important;}
.marL5_pc {margin-left: 5px !important;}
.marL10_pc {margin-left: 10px !important;}
.marL15_pc {margin-left: 15px !important;}
.marL20_pc {margin-left: 20px !important;}
.marL25_pc {margin-left: 25px !important;}
.marL30_pc {margin-left: 30px !important;}
.marL40_pc {margin-left: 40px !important;}
.marL50_pc {margin-left: 50px !important;}
.marL60_pc {margin-left: 60px !important;}
.marL70_pc {margin-left: 70px !important;}
.marL80_pc {margin-left: 80px !important;}
.marL90_pc {margin-left: 90px !important;}

/* - Right margin */

.marR0_pc {margin-right: 0px !important;}
.marR5_pc {margin-right: 5px !important;}
.marR10_pc {margin-right: 10px !important;}
.marR15_pc {margin-right: 15px !important;}
.marR20_pc {margin-right: 20px !important;}
.marR25_pc {margin-right: 25px !important;}
.marR30_pc {margin-right: 30px !important;}
.marR40_pc {margin-right: 40px !important;}
.marR50_pc {margin-right: 50px !important;}
.marR60_pc {margin-right: 60px !important;}
.marR70_pc {margin-right: 70px !important;}
.marR80_pc {margin-right: 80px !important;}
.marR90_pc {margin-right: 90px !important;}

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

/* - All padding */

.padA0_pc {padding: 0px !important;}
.padA5_pc {padding: 5px !important;}
.padA10_pc {padding: 10px !important;}
.padA15_pc {padding: 15px !important;}
.padA20_pc {padding: 20px !important;}
.padA25_pc {padding: 25px !important;}
.padA30_pc {padding: 30px !important;}
.padA40_pc {padding: 40px !important;}
.padA50_pc {padding: 50px !important;}
.padA60_pc {padding: 60px !important;}
.padA70_pc {padding: 70px !important;}
.padA80_pc {padding: 80px !important;}
.padA90_pc {padding: 90px !important;}

/* - Top padding */

.padT0_pc {padding-top: 0px !important;}
.padT5_pc {padding-top: 5px !important;}
.padT10_pc {padding-top: 10px !important;}
.padT15_pc {padding-top: 15px !important;}
.padT20_pc {padding-top: 20px !important;}
.padT25_pc {padding-top: 25px !important;}
.padT30_pc {padding-top: 30px !important;}
.padT40_pc {padding-top: 40px !important;}
.padT50_pc {padding-top: 50px !important;}
.padT60_pc {padding-top: 60px !important;}
.padT70_pc {padding-top: 70px !important;}
.padT80_pc {padding-top: 80px !important;}
.padT90_pc {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_pc {padding-bottom: 0px !important;}
.padB5_pc {padding-bottom: 5px !important;}
.padB10_pc {padding-bottom: 10px !important;}
.padB15_pc {padding-bottom: 15px !important;}
.padB20_pc {padding-bottom: 20px !important;}
.padB25_pc {padding-bottom: 25px !important;}
.padB30_pc {padding-bottom: 30px !important;}
.padB40_pc {padding-bottom: 40px !important;}
.padB50_pc {padding-bottom: 50px !important;}
.padB60_pc {padding-bottom: 60px !important;}
.padB70_pc {padding-bottom: 70px !important;}
.padB80_pc {padding-bottom: 80px !important;}
.padB90_pc {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_pc {padding-left: 0px !important;}
.padL5_pc {padding-left: 5px !important;}
.padL10_pc {padding-left: 10px !important;}
.padL15_pc {padding-left: 15px !important;}
.padL20_pc {padding-left: 20px !important;}
.padL25_pc {padding-left: 25px !important;}
.padL30_pc {padding-left: 30px !important;}
.padL40_pc {padding-left: 40px !important;}
.padL50_pc {padding-left: 50px !important;}
.padL60_pc {padding-left: 60px !important;}
.padL70_pc {padding-left: 70px !important;}
.padL80_pc {padding-left: 80px !important;}
.padL90_pc {padding-left: 90px !important;}

/* - Right padding */

.padR0_pc {padding-right: 0px !important;}
.padR5_pc {padding-right: 5px !important;}
.padR10_pc {padding-right: 10px !important;}
.padR15_pc {padding-right: 15px !important;}
.padR20_pc {padding-right: 20px !important;}
.padR25_pc {padding-right: 25px !important;}
.padR30_pc {padding-right: 30px !important;}
.padR40_pc {padding-right: 40px !important;}
.padR50_pc {padding-right: 50px !important;}
.padR60_pc {padding-right: 60px !important;}
.padR70_pc {padding-right: 70px !important;}
.padR80_pc {padding-right: 80px !important;}
.padR90_pc {padding-right: 90px !important;}

/* - Font size */

.txt10px_pc{font-size: 1.0rem !important;}
.txt11px_pc{font-size: 1.1rem !important;}
.txt12px_pc{font-size: 1.2rem !important;}
.txt13px_pc{font-size: 1.3rem !important;}
.txt14px_pc{font-size: 1.4rem !important;}
.txt15px_pc{font-size: 1.5rem !important;}
.txt16px_pc{font-size: 1.6rem !important;}
.txt17px_pc{font-size: 1.7rem !important;}
.txt18px_pc{font-size: 1.8rem !important;}
.txt19px_pc{font-size: 1.9rem !important;}
.txt20px_pc{font-size: 2.0rem !important;}
.txt21px_pc{font-size: 2.1rem !important;}
.txt22px_pc{font-size: 2.2rem !important;}
.txt23px_pc{font-size: 2.3rem !important;}
.txt24px_pc{font-size: 2.4rem !important;}
.txt25px_pc{font-size: 2.5rem !important;}
.txt26px_pc{font-size: 2.6rem !important;}

/* Float setting */
.flt-L_pc {float: left !important;}
.flt-R_pc {float: right !important;}

/* Align setting */
.ali-L_pc {text-align: left !important;}
.ali-C_pc {text-align: center !important;}
.ali-R_pc {text-align: right !important;}

}