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

body {
	font-size: 1.5rem;
	line-height: 1.5;
	font-family:Verdana, "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , YuGothic, "游ゴシック体", "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%; 
    margin-left:auto;
    margin-right:auto;
    max-width: 767px;
	background: #3d1891;
}

*{word-break: break-all;/* 意図しない横幅が出ないように画面幅で強制改行を有効にする */}

a,div,img,ul,li,ol,dt,dl,dd,span,
h1,h2,h3,h4,h5,h6,h7,h8,
article,aside,canvas,details,figcaption,figure,
header,footer,hgroup,menu,nav,section,summary,input,textarea {-webkit-box-sizing: border-box;box-sizing: border-box; }

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

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

/* header */

header{ position: fixed; top: 0px; width:100%; height:60px; background:#fff; z-index: 400;
 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{ width:100%; text-align: center; padding:8px 0px 0px;}
header h1 img{ width: auto; height: 46px;}

header div.HeadMenuBtn button{ position:absolute; top:0px; right:0px; z-index:402; height:60px; width:54px; color:#333; background:none;}

header nav.GlobalNabi{ background:#333; z-index:402;}

header nav.GlobalNabi ul.Gyuga li{ border-bottom: 1px solid #ccc;}
header nav.GlobalNabi ul.Gyuga li a{ display:block; margin:0px; height:40px; line-height:40px; color:#000; padding:0px 3%; background:#fff; font-size:1.4rem; letter-spacing:-0.6px;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
header nav.GlobalNabi ul.Gyuga li a:after{content:"\f105"; font-family: FontAwesome; display:inline-block; float:right; color:#999;}

    .pc{ display:none; }
    .sp{ display:block;}
    .sp.inline{ display:inline !important; }
    
/* main */
	
main{ position: relative; margin-top: 0px; margin-bottom: 80px; width: 100%;}

main div.PageTitleBox{ position: relative; width: 100%; height: 120px; margin-top: 60px; background: url(../images/title_bg.jpg) no-repeat center center; background-size: cover;}
main div.PageTitleBox h2{ font-size: 2.2rem; line-height: 2.6rem; font-weight: bold; color: #fff; padding: 0px 5%;}
main div.TopStyle{ height: 59vh !important; margin-top: 0px;}
main div.TopStyle h2{ font-size: 2.0rem !important; line-height: 2.6rem !important; padding: 0px 5%;}

main div.PageTitleBox p.NewSiteLink{ position: absolute; bottom: 20px; right: 5%; left: 5%;}
main div.PageTitleBox p.NewSiteLink img{display: none;}
main div.PageTitleBox p.NewSiteLink a{ display: block; width: 100%; height: 42px; line-height: 42px; border-radius: 5px; background: #ffff00; color: #000; font-weight: bold;}
	
main div.MainContent{padding: 20px 3% 30px;}

main div.MainContent ul.TopPageCategory{ }
main div.MainContent ul.TopPageCategory li{ width:100%; margin-bottom: 12px;}
main div.MainContent ul.TopPageCategory li a{ position: relative; display: block; padding: 12px 6% 12px 4%; 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{ width: 100%; padding: 20px 6%; text-align: left; color: #fff; background: #500ba2; border: 1px solid #7e5ba8;}
main div.MainContent .OwabiBox h2{ font-size: 2.0rem; font-weight: bold; margin-bottom: 6px;}

main div.SearchBox{ background: #51309c; padding: 30px 5% 40px; color: #fff;}
main div.SearchBox h3{ font-size: 1.9rem; font-weight: bold; margin-bottom: 8px;}
main div.SearchBox ul li{ width: 100%; padding-top: 12px;}
main div.SearchBox ul li select{ color: #000; font-size: 1.6rem;}
main div.SearchBox ul li span{ padding: 0px 6px;}
main div.SearchBox ul li:last-child{ width: 100%;}
main div.SearchBox ul li:last-child input[type="text"]{ height: 40px; line-height: 40px; width: 100%; padding: 0px 3%; border: none; margin-bottom: 30px;}
main div.SearchBox ul li:last-child input[type="submit"]{ height: 48px; line-height: 48px; width: 88%; margin: 0px 6%; background: #ffff00; color: #000; border: none; border-radius: 6px; cursor: pointer; font-size: 1.7rem; font-weight: bold;}

main ul.ItemList{ width: 100%;}
main ul.ItemList li{ width: 100%; margin-bottom: 12px; background: #fff; }
main ul.ItemList li div.ItemBox{ padding: 12px 4%;}
main ul.ItemList li div.ItemBox p{width: 34%;}
main ul.ItemList li div.ItemBox p img{width: 100%; height:auto;}
main ul.ItemList li div.ItemBox ol{ width: 62%;}
main ul.ItemList li div.ItemBox ol li{ width: 100%; margin-bottom: 0px; background: none; font-size: 1.4rem;}
main ul.ItemList li div.ItemBox ol li.Code{ font-weight: bold; color: #3d1891; 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: 1.8rem;}
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.2rem;}
main ul.ItemList li div.ItemBox ol li.Price{ font-size:1.6rem; font-weight: 800; color: #cc0000; padding-top: 6px; }
main ul.ItemList li p.SubTxt{ padding: 8px 16px; background: #ebebeb; font-size: 1.3rem;}
main ul.ItemList li p.SubTxt span:first-child{ padding-right: 20px;}

main .NoItemStyle{ width: 100%; padding: 30px 5%; background: #fff; font-size: 1.5rem;}

/* フッターリスト */

footer{ position: fixed; bottom:0; left: 0px; right:0px; background: rgba(0,0,0,0.85); color: #fff; padding:1px 3px 4px ; }

footer p{ display: none;}
footer ul{ padding-top: 3px;}
footer ul li.Osw{ display: none;}
footer ul li{ width: 50%; border-left: 2px solid #000;}
footer ul li:last-child{ border: none;}
footer ul li a{ display:block; padding: 12px 0px; font-size: 1.3rem; font-weight: bold; background: #fff; letter-spacing: -1px; text-align: center; color: #000 !important;}
footer ul li.Contact a{}
footer ul li.Newsite { width: 100%; }
footer ul li.Newsite a{ background: #ffff00; margin-top:2px; }
footer ul li:last-child { display: none;}
	
/* ---------------------------------------------------------------- */

.SpNodisplay{ display:none !important;}

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

.ArrowRTestStyle a{ width:100%; background:#ccc; margin-bottom:10px; border-radius:6px; padding:10px; color:#000;}
.ArrowR_Sp,.ArrowRG_Sp a,.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB_Sp,.ArrowBG_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT_Sp,.ArrowTG_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; align-items:center; -webkit-align-items:center;}
.ArrowR02_Sp,.ArrowRG02_Sp a,.ArrowB02_Sp,.ArrowBG02_Sp a,.ArrowT02_Sp,.ArrowTG02_Sp a{ -webkit-justify-content:center; justify-content:center;}
.ArrowR03_Sp,.ArrowRG03_Sp a,.ArrowB03_Sp,.ArrowBG03_Sp a,.ArrowT03_Sp,.ArrowTG03_Sp a{ -webkit-justify-content:space-between; justify-content:space-between;}

.ArrowR_Sp:after,.ArrowRG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f105"; font-family: FontAwesome;}
.ArrowR02_Sp:after,.ArrowRG02_Sp a:after{ margin-left:14px; content:"\f105"; font-family: FontAwesome;}
.ArrowB_Sp:after,.ArrowBG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f107"; font-family: FontAwesome;}
.ArrowB02_Sp:after,.ArrowBG02_Sp a:after{ margin-left:14px; content:"\f107"; font-family: FontAwesome;}
.ArrowT_Sp:after,.ArrowTG_Sp a:after{ margin-left: auto; display:inline-block; content:"\f106"; font-family: FontAwesome;}
.ArrowT02_Sp:after,.ArrowTG02_Sp a:after{ margin-left:14px; content:"\f106"; font-family: FontAwesome;}
.ArrowR03_Sp:after,.ArrowRG03_Sp a:after{ content:"\f105"; display:inline-block; font-family: FontAwesome;}
.ArrowB03_Sp:after,.ArrowBG03_Sp a:after{ content:"\f107"; display:inline-block; font-family: FontAwesome;}
.ArrowT03_Sp:after,.ArrowTG03_Sp a:after{ content:"\f106"; display:inline-block; font-family: FontAwesome;}
.ArrowR03_Sp:before,.ArrowRG03_Sp a:before{ content:""; display:inline-block;}
.ArrowB03_Sp:before,.ArrowBG03_Sp a:before{ content:""; display:inline-block;}
.ArrowT03_Sp:before,.ArrowTG03_Sp a:before{ content:""; display:inline-block;}

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

.FlexBoxSp{ -js-display: flex; display:-webkit-box; display:-webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
.FlexBoxSpL{ -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;}
.FlexBoxSpR{ -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;}
.FlexBoxSpC{ -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;}
.FlexBoxSpB{ -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;}
.FlexBoxSpA{ -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;}
.FlexBoxSpM{ -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;}

/* -------------------------------------------------- */
/* - FormStyle */

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {font-size:1.6rem;}

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="submit"],
input[type="password"],
textarea {-webkit-appearance: none; border-radius: 0;}

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

.wid10Per_sp {width: 10% !important;}
.wid15Per_sp {width: 15% !important;}
.wid20Per_sp {width: 20% !important;}
.wid25Per_sp {width: 25% !important;}
.wid30Per_sp {width: 30% !important;}
.wid35Per_sp {width: 35% !important;}
.wid40Per_sp {width: 40% !important;}
.wid45Per_sp {width: 45% !important;}
.wid50Per_sp {width: 50% !important;}
.wid55Per_sp {width: 55% !important;}
.wid60Per_sp {width: 60% !important;}
.wid65Per_sp {width: 65% !important;}
.wid70Per_sp {width: 70% !important;}
.wid75Per_sp {width: 75% !important;}
.wid80Per_sp {width: 80% !important;}
.wid85Per_sp {width: 85% !important;}
.wid90Per_sp {width: 90% !important;}
.wid95Per_sp {width: 95% !important;}
.wid100Per_sp {width: 100% !important;}

.wid50_sp {width: 50px !important;}
.wid100_sp {width: 100px !important;}
.wid150_sp {width: 150px !important;}
.wid200_sp {width: 200px !important;}
.wid250_sp {width: 250px !important;}
.wid300_sp {width: 300px !important;}
.wid350_sp {width: 350px !important;}
.wid400_sp {width: 400px !important;}
.wid450_sp {width: 450px !important;}
.wid500_sp {width: 500px !important;}
.wid550_sp {width: 550px !important;}
.wid600_sp {width: 600px !important;}
.wid650_sp {width: 650px !important;}
.wid700_sp {width: 700px !important;}
.wid750_sp {width: 750px !important;}
.wid800_sp {width: 800px !important;}
.wid850_sp {width: 850px !important;}
.wid900_sp {width: 900px !important;}
.wid950_sp {width: 950px !important;}


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

/* - All margin */

.marA0_sp {margin: 0px !important;}
.marA5_sp {margin: 5px !important;}
.marA10_sp {margin: 10px !important;}
.marA15_sp {margin: 15px !important;}
.marA20_sp {margin: 20px !important;}
.marA25_sp {margin: 25px !important;}
.marA30_sp {margin: 30px !important;}
.marA40_sp {margin: 40px !important;}
.marA50_sp {margin: 50px !important;}
.marA60_sp {margin: 60px !important;}
.marA70_sp {margin: 70px !important;}
.marA80_sp {margin: 80px !important;}
.marA90_sp {margin: 90px !important;}

/* - Top margin */

.marT0_sp {margin-top: 0px !important;}
.marT5_sp {margin-top: 5px !important;}
.marT10_sp {margin-top: 10px !important;}
.marT15_sp {margin-top: 15px !important;}
.marT20_sp {margin-top: 20px !important;}
.marT25_sp {margin-top: 25px !important;}
.marT30_sp {margin-top: 30px !important;}
.marT40_sp {margin-top: 40px !important;}
.marT50_sp {margin-top: 50px !important;}
.marT60_sp {margin-top: 60px !important;}
.marT70_sp {margin-top: 70px !important;}
.marT80_sp {margin-top: 80px !important;}
.marT90_sp {margin-top: 90px !important;}

/* - Bottom margin */

.marB0_sp {margin-bottom: 0px !important;}
.marB5_sp {margin-bottom: 5px !important;}
.marB10_sp {margin-bottom: 10px !important;}
.marB15_sp {margin-bottom: 15px !important;}
.marB20_sp {margin-bottom: 20px !important;}
.marB25_sp {margin-bottom: 25px !important;}
.marB30_sp {margin-bottom: 30px !important;}
.marB40_sp {margin-bottom: 40px !important;}
.marB50_sp {margin-bottom: 50px !important;}
.marB60_sp {margin-bottom: 60px !important;}
.marB70_sp {margin-bottom: 70px !important;}
.marB80_sp {margin-bottom: 80px !important;}
.marB90_sp {margin-bottom: 90px !important;}

/* - Left margin */

.marL0_sp {margin-left: 0px !important;}
.marL5_sp {margin-left: 5px !important;}
.marL10_sp {margin-left: 10px !important;}
.marL15_sp {margin-left: 15px !important;}
.marL20_sp {margin-left: 20px !important;}
.marL25_sp {margin-left: 25px !important;}
.marL30_sp {margin-left: 30px !important;}
.marL40_sp {margin-left: 40px !important;}
.marL50_sp {margin-left: 50px !important;}
.marL60_sp {margin-left: 60px !important;}
.marL70_sp {margin-left: 70px !important;}
.marL80_sp {margin-left: 80px !important;}
.marL90_sp {margin-left: 90px !important;}

/* - Right margin */

.marR0_sp {margin-right: 0px !important;}
.marR5_sp {margin-right: 5px !important;}
.marR10_sp {margin-right: 10px !important;}
.marR15_sp {margin-right: 15px !important;}
.marR20_sp {margin-right: 20px !important;}
.marR25_sp {margin-right: 25px !important;}
.marR30_sp {margin-right: 30px !important;}
.marR40_sp {margin-right: 40px !important;}
.marR50_sp {margin-right: 50px !important;}
.marR60_sp {margin-right: 60px !important;}
.marR70_sp {margin-right: 70px !important;}
.marR80_sp {margin-right: 80px !important;}
.marR90_sp {margin-right: 90px !important;}

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

/* - All padding */

.padA0_sp {padding: 0px !important;}
.padA5_sp {padding: 5px !important;}
.padA10_sp {padding: 10px !important;}
.padA15_sp {padding: 15px !important;}
.padA20_sp {padding: 20px !important;}
.padA25_sp {padding: 25px !important;}
.padA30_sp {padding: 30px !important;}
.padA40_sp {padding: 40px !important;}
.padA50_sp {padding: 50px !important;}
.padA60_sp {padding: 60px !important;}
.padA70_sp {padding: 70px !important;}
.padA80_sp {padding: 80px !important;}
.padA90_sp {padding: 90px !important;}

/* - Top padding */

.padT0_sp {padding-top: 0px !important;}
.padT5_sp {padding-top: 5px !important;}
.padT10_sp {padding-top: 10px !important;}
.padT15_sp {padding-top: 15px !important;}
.padT20_sp {padding-top: 20px !important;}
.padT25_sp {padding-top: 25px !important;}
.padT30_sp {padding-top: 30px !important;}
.padT40_sp {padding-top: 40px !important;}
.padT50_sp {padding-top: 50px !important;}
.padT60_sp {padding-top: 60px !important;}
.padT70_sp {padding-top: 70px !important;}
.padT80_sp {padding-top: 80px !important;}
.padT90_sp {padding-top: 90px !important;}

/* - Bottom padding */

.padB0_sp {padding-bottom: 0px !important;}
.padB5_sp {padding-bottom: 5px !important;}
.padB10_sp {padding-bottom: 10px !important;}
.padB15_sp {padding-bottom: 15px !important;}
.padB20_sp {padding-bottom: 20px !important;}
.padB25_sp {padding-bottom: 25px !important;}
.padB30_sp {padding-bottom: 30px !important;}
.padB40_sp {padding-bottom: 40px !important;}
.padB50_sp {padding-bottom: 50px !important;}
.padB60_sp {padding-bottom: 60px !important;}
.padB70_sp {padding-bottom: 70px !important;}
.padB80_sp {padding-bottom: 80px !important;}
.padB90_sp {padding-bottom: 90px !important;}

/* - Left padding */

.padL0_sp {padding-left: 0px !important;}
.padL5_sp {padding-left: 5px !important;}
.padL10_sp {padding-left: 10px !important;}
.padL15_sp {padding-left: 15px !important;}
.padL20_sp {padding-left: 20px !important;}
.padL25_sp {padding-left: 25px !important;}
.padL30_sp {padding-left: 30px !important;}
.padL40_sp {padding-left: 40px !important;}
.padL50_sp {padding-left: 50px !important;}
.padL60_sp {padding-left: 60px !important;}
.padL70_sp {padding-left: 70px !important;}
.padL80_sp {padding-left: 80px !important;}
.padL90_sp {padding-left: 90px !important;}

/* - Right padding */

.padR0_sp {padding-right: 0px !important;}
.padR5_sp {padding-right: 5px !important;}
.padR10_sp {padding-right: 10px !important;}
.padR15_sp {padding-right: 15px !important;}
.padR20_sp {padding-right: 20px !important;}
.padR25_sp {padding-right: 25px !important;}
.padR30_sp {padding-right: 30px !important;}
.padR40_sp {padding-right: 40px !important;}
.padR50_sp {padding-right: 50px !important;}
.padR60_sp {padding-right: 60px !important;}
.padR70_sp {padding-right: 70px !important;}
.padR80_sp {padding-right: 80px !important;}
.padR90_sp {padding-right: 90px !important;}

/* - Font size */

.txt10px_sp{font-size: 1.0rem !important;}
.txt11px_sp{font-size: 1.1rem !important;}
.txt12px_sp{font-size: 1.2rem !important;}
.txt13px_sp{font-size: 1.3rem !important;}
.txt14px_sp{font-size: 1.4rem !important;}
.txt15px_sp{font-size: 1.5rem !important;}
.txt16px_sp{font-size: 1.6rem !important;}
.txt17px_sp{font-size: 1.7rem !important;}
.txt18px_sp{font-size: 1.8rem !important;}
.txt19px_sp{font-size: 1.9rem !important;}
.txt20px_sp{font-size: 2.0rem !important;}
.txt21px_sp{font-size: 2.1rem !important;}
.txt22px_sp{font-size: 2.2rem !important;}
.txt23px_sp{font-size: 2.3rem !important;}
.txt24px_sp{font-size: 2.4rem !important;}
.txt25px_sp{font-size: 2.5rem !important;}
.txt26px_sp{font-size: 2.6rem !important;}

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

/* Align setting */
.ali-L_sp {text-align: left !important;}
.ali-C_sp {text-align: center !important;}
.ali-R_sp {text-align: right !important;}


}