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

#mainArea {
  display: block;
}
#main	{  margin-top:-30px !important;max-width:800px !important;}

@media (min-width: 769px) {

#mainArea {
display: flex;
gap: 0 40px;
justify-content: center;
}
}

.fn	{font-size:24px;}
#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;}
.mal40	{margin-left:40px;}
.mal35	{margin-left:35px;}
.mat20	{margin-top:20px;}
.pat20	{padding-top:20px;}
.pab20	{padding-bottom:20px;}
.pab10	{padding-bottom:10px;}
.p20	{padding:20px;}
.m10	{margin:10px;}
.fs12	{font-size:12px !important;}
.fs17	{font-size:17px !important;}
.tac	{text-align:center;}
.tal	{text-align:left;}
.fwb	{font-weight:700 !important;}

.text01 { font-size:22px !important; padding-bottom:10px;font-weight:950 !important;text-align:center;}
.block01 { background:#f5f5f5 !important; width:100% !important;}
.block02 { display: block;font-size:22px !important;  margin:40px 0 !important;margin-left: calc(100% - 600px) !important;}
.block02 img { width:100px; padding-top:-10px; }
.block02 p { margin-left:10px; font-size:22px !important; font-weight:700 !important;}
.block03 {border: 1px solid; border-color:#787b7b; width:696px !important;}
.block03 img {width:407px !important;}
.block04 {margin-bottom:80px;}
.block04 p {font-size:18px !important;margin:10px 0;}
.block04 img {width:696px !important;}
.img04{margin-top:-10px !important; }
.img04_text{font-size:22px !important;font-weight:700 !important; }
.img04 img {width:100px !important;; }
.img05 { width:600px !important;}
.img06 { width:30px !important;margin:0 5px 5px;}
.img06_text { margin:40px 0; font-size:24px !important; font-weight:700;}
.img09 { width:100px !important;}

.qa	{margin:40px 0;text-align:center;}
.qa img	{width:100% !important;margin-bottom:100px !important;}
.menu	img	{width:100% !important;}
#links01 p	{font-size:18px !important;margin-top:10px;}
#links01 img	{margin:20px 0;}
#links01 span	{font-size:18px !important; font-weight:700;text-decoration: underline;}


 @media (max-width: 769px) {
	
	
	#main	{ margin-top:60px !important;max-width:100% !important;}

	/*---------------------------------------------
	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;}
	
	
	.mab30{ margin-bottom:30px;}

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; }

	
	.clearfix:after,
	.scroll ul:after	{ content:" "; clear:both; display:block; height:0; }
	
		#pagetop	{ position:fixed; right:10px; bottom:10px; z-index:100; }
		
.plus-btn 				{ color:#666666; position:absolute; right:10px; top:19%; font-size:25px; text-align:center;}
	
	.text01 { font-size:16px !important;; margin-bottom:0px; margin-top:5px; text-align:center;}
	.block01 { background-color:#f8edc5; width:90%;}
	.block01  img { width:90%;}
	.block02 { font-size:16px !important; width:90%; margin:0 !impotant;margin-left: 0 !important; }
	.block02 img { width:55px; padding-top:-15px;}	
	.block02 p { margin-left:10px;font-size:18px !important; }
	.block03 {border: 1px solid; border-color:#787b7b; width:90% !important;}
	.block04 {margin-bottom:30px;}
	.img04 { width:100px !important;}
	.img04 img { width:80px !important;}
	.img04_text{font-size:17px;}	
	.img05 { width:350px;}
	.img06 { width:7% !important;}
	.img06_text { margin:30px 0; font-size:17px !important; }

.qa	{margin:20px 0;text-align:center;}
.qa img	{width:100% !important;margin-bottom:50px !important;}
.menu	img	{width:100% !important;}


#links01 p	{font-size:16px !important;margin-top:10px;padding:0 10px;}
#links01 img	{margin:20px 0;}
#links01 span	{font-size:18px !important; font-weight:700;text-decoration: underline;}


}

.menu {
    max-width: 100%;
}

.menu a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
}

label {
    display: block;
    margin: 0 0 4px 0;
    padding : 0px;
    line-height: 1;
    color :#fff;
    cursor :pointer;
    font-size:14px;

}



.menu ul {
    margin-top:10px;
    padding: 0;
    background :#fff;
    list-style: none;
}

.menu li {
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

#menu_bar01:checked ~ #links01 li{
    height: 100%;
    opacity: 1;
}

.menu2 {
    text-decoration: none;

	color :#fff;
    font-size:14px;
    padding: 12px;

}

	#pagetop	{ position:fixed; right:10px; bottom:10px; z-index:100; }

}