@charset "utf-8";
.sp 	{ display:none; }
.pc 	{ display:block; }

#mainArea {
  display: block;
}
#main	{max-width:830px;}

@media (min-width: 768px) {
  #mainArea {
    display: flex;
    gap: 0 40px;
    justify-content: center;
  }
}


.tac {text-align:center;}
.tal {text-align:left;}
.fl	{float:left;}
.fr	{float:right;}
.clearfix	{clear:both;}
.fn	{font-size:22px;}
.fs12	{font-size:12px !important;}
.fs18	{font-size:18px !important;}
.fwb	{font-weight:700 !important;}
#list {background: url(../img/b_arrow_p_s.gif) no-repeat;padding-left: 10px;}

.n_h	{height:240px !important;}
.n_h2	{height:220px !important;}
.n_h3	{height:200px !important;}
.n_ta	{text-align:right;}
.p_logo img	{width:500px;}
.mar10	{margin-right:10px;}
.mal10	{margin-left:10px;}
.mal20	{margin-left:20px;}
.mal30	{margin-left:30px;}
.mal40	{margin-left:40px;}
.mal35	{margin-left:35px;}
.mar30	{margin-right:30px;}
.mat10	{margin-top:10px;}
.mat20	{margin-top:20px;}
.mat30	{margin-top:30px;}
.mat35	{margin-top:35px;}
.mat40	{margin-top:40px;}
.mat50	{margin-top:50px;}
.mab10	{margin-bottom:10px;}
.mab30	{margin-bottom:30px;}
.p20	{padding:20px;}
.m10	{margin:10px;}
.pal5	{padding-left:5px;}
.par5	{padding-right:5px;}

.itemList 			{ margin:0 auto; width:100%; text-align:left; }
.itemList ul 		{ width:100%; }
.itemList ul li	{ width:100%; float:left; }
.itemList dt		{ position:static; float:none; margin-left:0;}
.itemList dd 		{ text-align:left; margin-left:0px; padding-left:30px; padding-top:5px; clear:both; }
.itemList dd:nth-of-type(1) { background:url("/paypay/images/icon_denkyu.png") no-repeat;height:30px;}
.itemList dd:nth-of-type(2) { background:url("/paypay/images/icon_attention.png") no-repeat;height:30px;}

.itemList2 			{ margin:0 auto; width:100%; text-align:left; font-size:12px;}
.itemList2 ul 		{ width:100%; }
.itemList2 ul li	{ width:100%; float:left; }
.itemList2 dt		{ position:static; float:none; margin-left:0;}
.itemList2 dd 		{ margin-top:15px;text-align:left; margin-left:0px; padding-left:30px; padding-top:0px; clear:both;  background:url("/paypay/images/icon_attention.png") no-repeat;color:#7d7d7d;}


.use_pc	{background:#8fc31f;width:810px;padding:10px;font-size:16px;color:#ffffff;text-align:left;margin-top:30px;font-weight:bold;}
.use_inner	{width:830px;}
.use_inner_co	{background:#eeffe5;width:810px;padding:20px 10px;height:750px;}

.new_box	{border:1px solid #dcdcdc;padding:15px 10px;margin:50px 0;}
.y_box	{border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;padding:15px 10px;margin:50px 0;}
.box_g	{background:#e7e7e7;padding:10px;}	
.box_g img	{width:373px;}
.couppon img	{height:260px;}
.bt_g	{border-top:1px solid #dcdcdc;padding-top:30px;}

.step img {height:220px;width:auto;}
.arrow img	{width:32px;margin-top:100px;}
.arrow2 img	{width:15px;}
.attention  {background:#FFF2F2;border:1px solid #cc0000;border-radius:4px;color:#cc0000;margin-top:40px;}
.attention img {width:27px; height:20px;}


@media only screen and (max-width:480px) and (orientation:portrait), only screen and (min-width:361px) and (max-width:767px) and (orientation:landscape) {
	/*---------------------------------------------
	special
	---------------------------------------------*/
	body { min-width:100%; }
	
	.column2 { float:none; margin:0; width:auto; }
	.column2 #side { display:none; }
	.column2 #main { position:static; margin:0; }
	.column2 #content { border:none; }

	.pc { display:none; }
	.sp { display:block; font-size:14px; line-height:1.5; }
	
	.pageupsp		{ border-bottom:3px solid #0c6d0e; }
	.pageupsp p		{ margin:20px 15px 0; border-top-right-radius:5px; border-top-left-radius:5px; background:#0c6d0e; text-align:center; }
	.pageupsp a		{ display:block; padding:10px 0; color:#fff; }

	.fn	{font-size:18px;}
	.fn	{font-size:24px;}
	.n_ta	{text-align:center;}
	#list {background: url(../img/b_arrow_p_s.gif) no-repeat;padding-left: 10px;}
	
	
	.p_logo img	{width:90% !important;}
	.fn	{font-size:14px;}

	
	nav.deliver h3			{ padding:10px 15px 10px 45px; border-bottom:1px solid #eee; background:#fbdddd url("/sp/images/i_sell.png") no-repeat 10px center; background-size:auto 20px; color:#666; font-size:86%; line-height:1.25; text-align:left!important;}
	nav.deliver h3 strong	{ display:block; font-size:18px; color:#eb5353; }
	.menuList				{ font-size:14px; }
	.menuList a				{ display:block; position:relative; padding:10px 15px; color:#000; text-align:left; }
	.menuList a:after		{ content:""; position:absolute; top:46%; right:15px; width:8px; height:8px; margin-top:-3px; border-top:2px solid #999; border-right:2px solid #999; -webkit-transform:rotate(45deg); transform:rotate(45deg); }
	ul.menuList				{ border-top:1px solid #eee; }
	ul.menuList li			{ border-bottom:1px solid #eee; }
	dl.menuList dt			{ border-bottom:1px solid #eee; }
	dl.menuList dd			{ border-bottom:1px solid #eee; }
	dl.menuList dt a		{ background:#f9cbcb; }
	dl.menuList dd a		{ padding:10px 30px; }
	
	.use_sp	{background:#8fc31f;width:100%;font-size:16px;color:#ffffff;text-align:left;margin-top:30px;font-weight:bold; padding:0px;}
	.use_inner	{width:100%;font-size:12px;}
	.use_inner_co	{background:#eeffe5;width:100%;padding:20px 0 0 0;}

	
	.itemList 			{ margin:0 auto; width:90%; text-align:left;}
	.itemList ul 		{ width:100%; }
	.itemList ul li	{ width:100%; float:left; }
	.itemList dt		{ position:static; float:none; margin-left:0;}
	.itemList dd 		{ text-align:left; margin-left:0px; padding-left:30px; padding-top:5px; clear:both; }
	.itemList dd:nth-of-type(1) { background:url("/paypay/images/icon_denkyu.png") no-repeat; height:30px;}
	.itemList dd:nth-of-type(2) { background:url("/paypay/images/icon_attention.png") no-repeat;height:30px;}

	.itemList2 			{ margin:0 auto; width:100%; text-align:left; font-size:12px;}
	.itemList2 ul 		{ width:100%; }
	.itemList2 ul li	{ width:100%;}
	.itemList2 dt		{ position:static;margin-left:0px;}
	.itemList2 dd 		{ margin-top:15px;margin-bottom:20px;; margin-left:10px; padding-left:30px; padding-top:0px; clear:both;  background:url("/paypay/images/icon_attention.png") no-repeat;color:#7d7d7d;}

article		{ padding: 0 15px; background: #fff; overflow-x:hidden;}

#beginner h1 	{ background: #f0f8e9 url("/sp/images/i_beginner.png") no-repeat 10px center; padding: 15px 15px 15px 45px; text-align:left;font-weight:bold;font-size:16px;margin-top:20px;}
.bo_all	{border:solid 2px #c9c9c9;margin:10px 0 10px 0;}

.p10 {padding:10px 0 10px 0;}
.ps10 {padding:0 10px 0 10px;}
	

#searchArea				{ padding:9px 10px; background:#6db131; }
#searchArea-inner		{ position:relative; }

#inputTxt2 input			{ width:60%; float:left;height:35px; padding:0 10px 0 25px; border:0; border-radius:4.5px 0 0 4.5px; background:#fff url("/sp/images/i_search.png") no-repeat 9px center; background-size:13px 13px; box-shadow:2px 2px 2px 2px rgba(0,0,0,0.2) inset; font-size:14px; }
#btnSearch2 input		{position:relative;top:0px; right: -10px;width:60px; height:35px; border:0; border-radius:4.5px ; background:#ff7c00; color:#fff; -webkit-appearance:none;font-weight:bold;box-shadow: 1px 1px 0px 0 #00561f;}

.btnGreen 			{ background-color: #60972e; padding: 0; border-top: 1px solid #cadcb9; border-right: 1px solid #4b6732; border-bottom: 1px solid #253911; border-left: 1px solid #9abd7a; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9ec080), to(#60972e)); margin: 15px auto 0; }
.btnGreen a 		{ color: #fff; background: url("/sp/images/i_ar2.png") no-repeat right center; text-align: center; padding: 15px; }

.btnOrange 			{ background-color: #ff6b07; border-top: 1px solid #ffcead; border-right: 1px solid #9b4912; border-bottom: 1px solid #612902; border-left: 1px solid #ffa76b; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffa568), to(#ff6b07)); }
.btnOrange a 		{ color: #fff; background: url("/sp/images/i_ar2.png") no-repeat right center; text-align:center; padding: 15px; }


.purchaseRow2 li { width:65%; float:left; box-sizing: border-box;}
.purchaseRow2 li.last { width:31%; float:left; box-sizing: border-box; margin-left:5px; }
.purchaseRow2 a	{font-size:100%; text-align:center !important; font-weight:bold; padding-right:10px !important; }

.singleBtn3			{ margin-top: 10px; border-radius: 5px; }
.singleBtn3 a		{ display: block; padding: 10px 5px; font-size: 100%; font-weight: 600; }

	.j3c_text	{float:right;font-size:8px;margin-top:5px !important;padding-right:5px;}
	.j3c_text a	{color:#cc0000 !important;}
	
	.clearfix:after,
	.scroll ul:after	{ content:" "; clear:both; display:block; height:0; }
	


	#pagetop	{ position:fixed; right:10px; bottom:10px; z-index:100; }
	
.use_inner_co	{width:100%;padding:20px 10px;height:100%;}
.arrow img	{margin-top:30px;margin-bottom:10px;}

}