@charset "utf-8";
/* CSS Document */
div,p,ul,li{box-sizing:border-box}

.pconly{display:run-in;}
.sponly{display:none;}

.cf:after, .contbox:after {
    content:"";
    display:block;
    clear:both;
}
.cf:after, .contbox2:after {
    content:"";
    display:block;
    clear:both;
}
.fl{float:left;}
.fr{float:right;}

hr.clear{
	clear:both;
	height:0;
	border:0;
	margin:0;
	/* display:none; */
}

.clear{
	clear:both;
}

img{
	max-width:100%;
}

/* コンテンツボックス padding左右3%。内部にdivを並べ、divの幅を指定していく*/
.contbox{
	padding:0 3% 15px;
}
/* コンテンツボックス内のdiv(標準) margin左右2% */
.contbox div{
	margin: 2% 2% 5px;
	float:left;
	position:relative;
}


/* コンテンツボックス padding左右3%。内部にdivを並べ、divの幅を指定していく*/
.contbox3{
	padding:0 3% 15px;
	/* margin: 5% 5% 5% 30%; */
}
/* コンテンツボックス内のdiv(標準) margin左右2% */
.contbox3 div{
	margin: 2% 2% 5px;
	float:left;
	position:relative;
}



/* コンテンツボックス内のdiv(特殊) margin左右0% */
.contbox_pita div{
	margin: 0 0 20px;
	float:left;
}


/* コンテンツボックス padding左右3%。内部にdivを並べ、divの幅を指定していく*/
.contbox2{
	padding:0 3% 0;
}
/* コンテンツボックス内のdiv margin左右2% */
.contbox2 div{
	margin:0 2% 20px;
	float:right;
}

.contbox4{
	padding:0 3% 15px;
	display:flex;
	flex-wrap:wrap;
}

.contbox5{
	text-align:center;
}
.contbox5 div{
	display:inline-block;
	width:29%;
	margin:20px 1.5%;
}
.contbox5 div img{
	max-height: 228px;
}

.contbox6{
	text-align:center;
}
.contbox6 div{
	display:inline-block;
	width:32%;
	margin:20px 0;
}

@media screen and (max-width:500px){
	.contbox4{
		flex-wrap:wrap;
		padding:0 0.5% 15px;
	}
	/*スマホ版画像でcontbox左右の余白を無くす contboxのオプションパラメータ*/
	.wfull{
		padding:0 0 35px 0;
	}
	.spita div{
		margin:0;
	}
	.contbox5 div{
		width:45%;
		vertical-align:top;
	}
	.contbox5 div img{
        max-height:150px;
	}
	.contbox6 div{
		display:inline-block;
		width:90%;
		margin:10px 0;
	}
}


/*幅規定 スマホ版の.sw**を指定しなければPCもスマホもコレ*/
.w1{width:1%;}
.w2{width:2%;}
.w3{width:3%;}
.w4{width:4%;}
.w5{width:5%;}
.w6{width:6%;}
.w7{width:7%;}
.w8{width:8%;}
.w9{width:9%;}
.w10{width:10%;}
.w11{width:11%;}
.w12{width:12%;}
.w13{width:13%;}
.w14{width:14%;}
.w15{width:15%;}
.w16{width:16%;}
.w17{width:17%;}
.w18{width:18%;}
.w19{width:19%;}
.w20{width:20%;}
.w21{width:21%;}
.w22{width:22%;}
.w23{width:23%;}
.w24{width:24%;}
.w25{width:25%;}
.w26{width:26%;}
.w27{width:27%;}
.w28{width:28%;}
.w29{width:29%;}
.w30{width:30%;}
.w31{width:31%;}
.w32{width:32%;}
.w33{width:33%;}
.w34{width:34%;}
.w35{width:35%;}
.w36{width:36%;}
.w37{width:37%;}
.w38{width:38%;}
.w39{width:39%;}
.w40{width:40%;}
.w41{width:41%;}
.w42{width:42%;}
.w43{width:43%;}
.w44{width:44%;}
.w45{width:45%;}
.w46{width:46%;}
.w47{width:47%;}
.w48{width:48%;}
.w49{width:49%;}
.w50{width:50%;}
.w51{width:51%;}
.w52{width:52%;}
.w53{width:53%;}
.w54{width:54%;}
.w55{width:55%;}
.w56{width:56%;}
.w57{width:57%;}
.w58{width:58%;}
.w59{width:59%;}
.w60{width:60%;}
.w61{width:61%;}
.w62{width:62%;}
.w63{width:63%;}
.w64{width:64%;}
.w65{width:65%;}
.w66{width:66%;}
.w67{width:67%;}
.w68{width:68%;}
.w69{width:69%;}
.w70{width:70%;}
.w71{width:71%;}
.w72{width:72%;}
.w73{width:73%;}
.w74{width:74%;}
.w75{width:75%;}
.w76{width:76%;}
.w77{width:77%;}
.w78{width:78%;}
.w79{width:79%;}
.w80{width:80%;}
.w81{width:81%;}
.w82{width:82%;}
.w83{width:83%;}
.w84{width:84%;}
.w85{width:85%;}
.w86{width:86%;}
.w87{width:87%;}
.w88{width:88%;}
.w89{width:89%;}
.w90{width:90%;}
.w91{width:91%;}
.w92{width:92%;}
.w93{width:93%;}
.w94{width:94%;}
.w95{width:95%;}
.w96{width:96%;}
.w97{width:97%;}
.w98{width:98%;}
.w99{width:99%;}
.w100{width:100%;}

.w3bn1{width:29.333%}
.w3bn1pita{width:33.333%}


.h40{height: 40px;}
.h100{height:100%;}
.h210{height:210%;}

.lh1t5{line-height:1.5;}
.lh2{line-height:2;}


.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.flol{float:left;}
.flor{float:right;}

.ft10{font-size:10px;}
.ft13{font-size:13px;}
.ft15{font-size:15px;}
.ft18{font-size:18px;}
.ft20{font-size:20px;}
.ft22{font-size:22px;}
.ft25{font-size:25px;}
.ft30{font-size: 30px;}
.ft35{font-size:35px;}
.ft40{font-size:40px:}

.small1{font-size:90%};
.small2{font-size:80%};
.small3{font-size:70%};

.mgt1{margin-top:10px;}
.mgt2{margin-top:20px;}
.mgt3{margin-top:30px;}
.mgt4{margin-top:40px;}
.mgt5{margin-top:50px;}
.mgt6{margin-top:60px;}
.mgt7{margin-top:70px;}
.mgt8{margin-top:80px;}
.mgt9{margin-top:90px;}
.mgt10{margin-top:100px;}

.mgb0{margin-bottom:0;}
.mgb1{margin-bottom:10px;}
.mgb2{margin-bottom:20px;}
.mgb3{margin-bottom:30px;}
.mgb4{margin-bottom:40px;}
.mgb5{margin-bottom:50px;}
.mgb6{margin-bottom:60px;}
.mgb7{margin-bottom:70px;}
.mgb8{margin-bottom:80px;}
.mgb9{margin-bottom:90px;}
.mgb10{margin-bottom:100px;}

.mgb5p{margin-bottom:5px;}

.mgb1pa{margin-bottom:1%;}



.mgl1{margin-left:1%;}
.mgl2{margin-left:2%;}
.mgl3{margin-left:3%;}
.mgl4{margin-left:4%;}
.mgl5{margin-left:5%;}
.mgl6{margin-left:6%;}
.mgl7{margin-left:7%;}
.mgl8{margin-left:8%;}
.mgl9{margin-left:9%;}
.mgl20{margin-left:20%;}
.mgl10{margin-left:10%;}
.mgl15{margin-left:15%;}
.mgl25{margin-left:25%;}
.mgl35{margin-left:35%;}
.mgl65{margin-left:65%;}
.mgl-7{/* margin-left:-7%; */}



.mgr1{margin-right:1%;}
.mgr2{margin-right:2%;}
.mgr3{margin-right:3%;}
.mgr4{margin-right:4%;}
.mgr5{margin-right:5%;}
.mgr6{margin-right:6%;}
.mgr7{margin-right:7%;}
.mgr8{margin-right:8%;}
.mgr9{margin-right:9%;}
.mgr10{margin-right:10%;}
.mgr15{margin-right:15%;}
.mgr20{margin-right:20%;}
.mgr25{margin-right:25%;}
.mgr35{margin-right:35%;}


.pdr3{padding-right:3%;}
.pdr5{padding-right:5%;}


.pdt1{padding-top:1%;}
.pdt2{padding-top:2%;}
.pdt3{padding-top:3%;}
.pdt4{padding-top:4%;}
.pdt5{padding-top:5%;}
.pdt6{padding-top:6%;}
.pdt7{padding-top:7%;}
.pdt8{padding-top:8%;}
.pdt9{padding-top:9%;}
.pdt10{padding-top:10%;}

.ls02{letter-spacing:0.2em}
.ls03{letter-spacing:0.3em}
.ls04{letter-spacing:0.4em}

@media screen and (max-width:500px){
	.pconly{display:none;}
	.sponly{display:block;}
	
	/*幅規定 指定するとスマホの時変更できる*/
	.sw1{width:1%;}
	.sw2{width:2%;}
	.sw3{width:3%;}
	.sw4{width:4%;}
	.sw5{width:5%;}
	.sw6{width:6%;}
	.sw7{width:7%;}
	.sw8{width:8%;}
	.sw9{width:9%;}
	.sw10{width:10%;}
	.sw11{width:11%;}
	.sw12{width:12%;}
	.sw13{width:13%;}
	.sw14{width:14%;}
	.sw15{width:15%;}
	.sw16{width:16%;}
	.sw17{width:17%;}
	.sw18{width:18%;}
	.sw19{width:19%;}
	.sw20{width:20%;}
	.sw21{width:21%;}
	.sw22{width:22%;}
	.sw23{width:23%;}
	.sw24{width:24%;}
	.sw25{width:25%;}
	.sw26{width:26%;}
	.sw27{width:27%;}
	.sw28{width:28%;}
	.sw29{width:29%;}
	.sw30{width:30%;}
	.sw31{width:31%;}
	.sw32{width:32%;}
	.sw33{width:33%;}
	.sw34{width:34%;}
	.sw35{width:35%;}
	.sw36{width:36%;}
	.sw37{width:37%;}
	.sw38{width:38%;}
	.sw39{width:39%;}
	.sw40{width:40%;}
	.sw41{width:41%;}
	.sw42{width:42%;}
	.sw43{width:43%;}
	.sw44{width:44%;}
	.sw45{width:45%;}
	.sw46{width:46%;}
	.sw47{width:47%;}
	.sw48{width:48%;}
	.sw49{width:49%;}
	.sw50{width:50%;}
	.sw51{width:51%;}
	.sw52{width:52%;}
	.sw53{width:53%;}
	.sw54{width:54%;}
	.sw55{width:55%;}
	.sw56{width:56%;}
	.sw57{width:57%;}
	.sw58{width:58%;}
	.sw59{width:59%;}
	.sw60{width:60%;}
	.sw61{width:61%;}
	.sw62{width:62%;}
	.sw63{width:63%;}
	.sw64{width:64%;}
	.sw65{width:65%;}
	.sw66{width:66%;}
	.sw67{width:67%;}
	.sw68{width:68%;}
	.sw69{width:69%;}
	.sw70{width:70%;}
	.sw71{width:71%;}
	.sw72{width:72%;}
	.sw73{width:73%;}
	.sw74{width:74%;}
	.sw75{width:75%;}
	.sw76{width:76%;}
	.sw77{width:77%;}
	.sw78{width:78%;}
	.sw79{width:79%;}
	.sw80{width:80%;}
	.sw81{width:81%;}
	.sw82{width:82%;}
	.sw83{width:83%;}
	.sw84{width:84%;}
	.sw85{width:85%;}
	.sw86{width:86%;}
	.sw87{width:87%;}
	.sw88{width:88%;}
	.sw89{width:89%;}
	.sw90{width:90%;}
	.sw91{width:91%;}
	.sw92{width:92%;}
	.sw93{width:93%;}
	.sw94{width:94%;}
	.sw95{width:95%;}
	.sw96{width:96%;}
	.sw97{width:97%;}
	.sw98{width:98%;}
	.sw99{width:99%;}
	.sw100{width:100%;}
	
	.smg0{margin:0;}

	.smgt0{margin-top:0%;}		
	.smgt1{margin-top:1%;}
	.smgt2{margin-top:2%;}
	.smgt3{margin-top:3%;}
	.smgt4{margin-top:4%;}
	.smgt5{margin-top:5%;}
	.smgt6{margin-top:6%;}
	.smgt7{margin-top:7%;}
	.smgt8{margin-top:8%;}
	.smgt9{margin-top:9%;}
	.smgt10{margin-top:10%;}
	
	.smgb0{margin-bottom:0%;}	
	.smgb1{margin-bottom:1%;}
	.smgb2{margin-bottom:2%;}
	.smgb3{margin-bottom:3%;}
	.smgb4{margin-bottom:4%;}
	.smgb5{margin-bottom:5%;}
	.smgb6{margin-bottom:6%;}
	.smgb7{margin-bottom:7%;}
	.smgb8{margin-bottom:8%;}
	.smgb9{margin-bottom:9%;}
	.smgb10{margin-bottom:10%;}
	
	.smgb5p{margin-bottom:5px;}

	
	.smgl0{margin-left:0%;}
	.smgl1{margin-left:1%;}
	.smgl2{margin-left:2%;}
	.smgl3{margin-left:3%;}
	.smgl4{margin-left:4%;}
	.smgl5{margin-left:5%;}
	.smgl6{margin-left:6%;}
	.smgl7{margin-left:7%;}
	.smgl8{margin-left:8%;}
	.smgl9{margin-left:9%;}
	.smgl10{margin-left:10%;}
	.smgl15{margin-left:15%;}
	.smgl25{margin-left:25%;}
		
	.smgr1{margin-right::1%;}
	.smgr2{margin-right::2%;}
	.smgr3{margin-right::3%;}
	.smgr4{margin-right::4%;}
	.smgr5{margin-right::5%;}
	.smgr6{margin-right::6%;}
	.smgr7{margin-right::7%;}
	.smgr8{margin-right::8%;}
	.smgr9{margin-right::9%;}
	.smgr10{margin-right::10%;}
	.smgr15{margin-right::15%;}
	.smgr25{margin-right::25%;}

    .spdl28{padding-left:28%;}
    .spdl38{padding-left:38%;}


    .spd0{padding:0;}

    .spdt1{padding-top:1%;}
	.spdt2{padding-top:2%;}
	.spdt3{padding-top:3%;}
	.spdt4{padding-top:4%;}
	.spdt5{padding-top:5%;}
	.spdt6{padding-top:6%;}
	.spdt7{padding-top:7%;}
	.spdt8{padding-top:8%;}
	.spdt9{padding-top:9%;}
	.spdt10{padding-top:10%;}

	
	
	.sft10{font-size:10px;}
	.sft13{font-size:13px;}
	.sft14{font-size:14px;}
	.sft15{font-size:15px;}
	.sft16{font-size:16px;}
	.sft17{font-size:17px;}
	.sft18{font-size:18px;}
	.sft20{font-size:20px;}
	.sft21{font-size:21px;}
	.sft24{font-size:24px;}
	.sft25{font-size:25px;}
	.sft30{font-size:30px;}
	.sft35{font-size:35px;}
	.sft40{font-size:40px;}

	
	
	.sw3bn1{width:29.333%}
	.sw3bn1pita{width:33.333%}
    .spfrol{float:left;}
    .spfror{float:right;}
	.sph200{height:200px;}
	.slh21{line-height:2.1;}
	.stal{text-align:left;}
	
}