@charset 'utf-8';
body { font-family: "Times New Roman", Times, "游明朝体", "Yu Mincho", YuMincho, "Sawarabi Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
a { text-decoration: none; color:#125686; }
a:hover { opacity: .7; color:#2793E2; }
#wrap { position: relative; min-width:1000px; }
#header {position:fixed; top:0; left:0; font-size: 16px; width: 100%; min-width:1020px; height: 60px; background: rgba(255,255,255,.8); z-index:999;}
.header_inner { width: 900px; height: 60px; margin: 0 auto; }
.header_inner h1 { float: left; margin: 12px 0 0 0; }
#nav { float: right; margin: 23px -30px 0 0; }
#nav li { float: left; margin: 0 30px 0 0; }
#nav a { font-size: 14px; color: #000; }
#buger { display:none; }
#mainimg { margin:60px 0 0 0; position:relative; width:100%; background:url(../img/mainimg_bg.jpg) no-repeat 0 0; background-size:cover; }
#mainimg h2 { text-align:center; }
#itemcontent { margin:0 auto; }
#itemcontent h3 { font-size:30px; line-height:1em; text-align:center; margin:100px 0 0 0; letter-spacing:0.1em; clear:both; }
#itemcontent h3:after { content:"＿"; display:block; }
#spal_idea { opacity:0; }
#spal_idea h4 { background:#F2F2F2; font-size:20px; padding:10px; text-align:center; margin:30px auto 0; width:680px; }
#spal_idea p { font-size:14px; line-height:1.6em; text-align:center; margin:20px 0 0 0; }
#spal_idea ul { width:680px; margin:20px auto 0; }
#spal_idea ul li { display:block; float:left; }
#spal_idea ul li h5 { background:url(../img/spalideabg.png) 0 0 no-repeat; background-size:contain; width:170px; height:110px; padding:60px 0 0 0; text-align:center; font-size:23px; }
#spal_idea ul li h5 span { display:block; font-size:15px; margin:10px 0 0 0; }
#spal_idea ul li p { margin:10px 0 0 0; }
#loadtotos { width:800px; margin:40px auto 0; opacity:0; }
#loadtotos .text { float:left; font-size:14px; line-height:1.8em; margin:40px 0 0 0; }
#loadtotos .image { float:right; }
#spalbadge { background:url(../img/mainimg_bg.jpg) 0 0 no-repeat; background-size: cover; margin:100px 0 0 0; padding:50px 0 50px 0; opacity:0; }
#spalbadge h3 { margin:0 0 0 0; }
#spalbadge .spalbadge_inner { width:790px; margin:30px auto 0; }
#spalbadge .image { float:left; }
#spalbadge .text { float:right; font-size:14px; line-height:1.8em; margin:40px 0 0 0; }
#award { width:900px; margin:0 auto 0; opacity:0; }
#award h4 { text-align:center; font-size:25px; width:450px; margin:20px auto 30px; height:60px; line-height:60px; }
#award h4.gold { background: url(../img/gold2025.png) 0 0 no-repeat; background-size:60px 60px; }
#award h4.silver { background: url(../img/silver2025.png) 0 0 no-repeat; background-size:60px 60px; margin:30px auto 30px; }
#award h4.bronze { background: url(../img/bronze2025.png) 0 0 no-repeat; background-size:60px 60px; margin:30px auto 30px; }

#p_1st { border-bottom:1px solid #000; padding:0 0 50px 0; }
#p_1st h5 { font-size:15px; margin:0 0 10px 0; font-weight:bold; clear:both; }
#p_1st .text { line-height:1.6em; margin:0 0 20px 0;}
#p_1st .cell { margin:0 0 20px 0;}
#p_1st .faceimg { width:425px; float:right;}
#p_1st .specs { width:425px; float:left; height:300px; text-align:center;}
#p_1st .specs .a_logo img { margin:30px 0 0 0;}
#p_1st .specs .a_name { font-size:27px; margin: 20px 0 20px 0;}
#p_1st .specs .a_shop { font-size:13px;}

#p_2nd { border-bottom:1px solid #000; padding:0 0 50px 0;  margin:0 -70px 0 0; }
#p_2nd .cell { width:415px; margin:0 70px 0 0; float:left; }
#p_2nd .cell .faceimg img { width:100%; height:auto; }
#p_2nd .cell h5 { font-size:15px; margin:0 0 10px 0; font-weight:bold; }
#p_2nd .cell .specs { margin:10px 0;}
#p_2nd .cell .specs .a_logo { width:200px; float:left;}
#p_2nd .cell .specs .a_logo img { width:100%; height:auto; }
#p_2nd .cell .specs .a_names { width:200px; float:right; text-align:center;}
#p_2nd .cell .specs .a_name { font-size:27px; margin: 20px 0 20px 0;}
#p_2nd .cell .specs .a_shop { font-size:13px;}
#p_2nd .cell .text { line-height:1.6em; height:170px; }

#p_3rd { border-bottom:1px solid #000; margin:0 -48px 0 0; margin:0 -70px 0 0; }
#p_3rd .cell { width:268px; background:#F2F2F2; float:left; margin:0 48px 48px 0; padding:0 0 20px 0; text-align:center; }
#p_3rd .cell h5 { text-align:center; font-size:18px; height:60px; margin:10px 30px; line-height:60px; background: url(../img/bronze.png) 0 0 no-repeat; background-size:30px 60px; font-weight:bold; }
#p_3rd .cell .faceimg img { width:100%; height:auto; }
#p_3rd .cell .a_name { font-size:25px; margin:0 0 20px 0; }
#p_3rd .cell .a_shop { font-size:13px; }
#p_3rd .cell .a_logo { }
#p_3rd .cell .a_logo img { width:140px; height:auto; }

#p_4th { border-bottom:1px solid #000; margin:0 -48px 0 0; margin:0 -70px 0 0; }
#p_4th .cell { width:268px; background:#F2F2F2; float:left; margin:0 48px 48px 0; padding:0 0 20px 0; text-align:center; }
#p_4th .cell h5 { text-align:center; font-size:18px; height:60px; margin:10px 30px; line-height:60px; background: url(../img/bronze.png) 0 0 no-repeat; background-size:30px 60px; font-weight:bold; }
#p_4th .cell .faceimg img { width:100%; height:auto; }
#p_4th .cell .a_name { font-size:25px; margin:0 0 20px 0; }
#p_4th .cell .a_shop { font-size:13px; }
#p_4th .cell .a_logo { }
#p_4th .cell .a_logo img { width:140px; height:auto; }

#footer { min-width:1020px; font-size: 10px; line-height: 40px; position: relative; height: 40px; text-align: center; color: #fff; background: #000; }
#totop a { position: fixed; z-index:100; right: 10px; bottom: 10px; width: 50px; height: 50px; background: url(../img/totop.png) 0 0 no-repeat; display:none; }
.scroll { position: absolute; }

#awards_list { margin:40px -21px 100px 0 ; }
#awards_list li a { display:block; border:#000000 1px solid; width:286px; text-align:center; padding:15px 0; font-size:20px; }
#awards_list li { display:block; margin:0 21px 20px 0; float:left; }
#awards_list li:nth-child(3n) { margin:0 0 0 0; }

@media screen and (min-width:668px) {
	.sp_on { display: none; }
}
@media screen and (max-width:667px) {
	.pc_on { display: none; }
	#wrap { position: relative; min-width:auto; }
	#header { position:fixed; top:0; left:0; font-size: 16px; width: 100%; min-width:auto; height: 50px; background:#FFF; z-index:999; }
	.header_inner { width: auto; height: 50px; margin: 0 auto; }
	.header_inner h1 { float:none; margin: 0 auto 0; padding:12px 0 0; text-align:center; }
	.header_inner h1 img { width:auto; height:26px; text-align: center; }
	#buger { position:absolute; display:block; top:0; left:0; cursor:pointer; width:50px; height:50px; }
	#buger.close { background:url(../img/menubt.png) top left no-repeat; background-size:50px 100px; }
	#buger.open { background:url(../img/menubt.png) bottom left no-repeat; background-size:50px 100px; }
	#buger span { display:none; }
	#nav { float: none; margin: 0; position:absolute; top:50px; left:0; margin:0 -30px 0 0; width:100%; border-top:2px solid #000000; display:none; }
	#nav li { border-bottom:2px solid #fff; width:100%; text-align:center; }
	#nav a { font-size: 13px; color: #fff; display:block; padding:15px 0; background:rgba(0,0,0,.6); }
	#footer { margin:100px 0 0 0; min-width:auto; font-size: 8px; line-height: 20px; position: relative; height: 20px; text-align: center; color: #fff; background: #000; font-family:Arial, Helvetica, sans-serif; }
	
	#mainimg { margin:50px 0 0 0; position:relative; width:100%; background:url(../img/mainimg_bg.jpg) no-repeat 0 0; background-size:cover; }
	#mainimg h2 { text-align:center; }
	#mainimg h2 img { width:70%; height:auto;}
	#itemcontent { margin:0 auto; }
	#itemcontent h3 { font-size:16px; line-height:1em; text-align:center; margin:50px 0 0 0; letter-spacing:0.1em; clear:both; }
	#itemcontent h3:after { content:"＿"; display:block; }
	#spal_idea { padding:0 20px 0;}
	#spal_idea h4 { background:#F2F2F2; font-size:16px; padding:10px; text-align:center; margin:30px auto 0; width:auto; }
	#spal_idea p { font-size:12px; line-height:1.6em; text-align:center; margin:20px 0 0 0; }
	#spal_idea ul { width:auto; min-width:280px; margin:20px auto 0; }
	#spal_idea ul li { display:block; float:left; width:50%; }
	#spal_idea ul li h5 { background:url(../img/spalideabg.png) center center no-repeat; background-size: contain; width:100%; height:100px; padding:60px 0 0 0; text-align:center; font-size:20px; }
	#spal_idea ul li h5 span { display:block; font-size:12px; margin:10px 0 0 0; }
	#spal_idea ul li p { margin:5px 0 10px 0; }
	#loadtotos { width:auto; margin:0 0 0 0; padding:0 20px 0;  }
	#loadtotos .text { float:none; font-size:12px; line-height:1.8em; margin:20px 0 0 0; }
	#loadtotos .image { float:none; margin:20px 0 0 0; text-align:center; }
	#loadtotos .image img { width:80%; height:auto; float:none; }
	#spalbadge { background:url(../img/mainimg_bg.jpg) 0 0 no-repeat; background-size: cover; margin:50px 0 0 0; padding:0 0 0 0; }
	#spalbadge h3 { margin:0 0 0 0; }
	#spalbadge .spalbadge_inner { width:auto; margin:30px auto 0; }
	#spalbadge .image { float:none; text-align:center; }
	#spalbadge .image img { width:80%; height:auto;}
	#spalbadge .text { float:none; font-size:12px; line-height:1.8em; margin:20px auto 0; padding:0 20px 20px; }
	#award { width:auto; margin:0 auto; }
	#award h4 { text-align:center; font-size:15px; width:200px; margin:20px auto 10px; padding:0 0 0 60px; height:60px; line-height:60px; }
	#award h4.gold { background: url(../img/gold2024.png) 0 0 no-repeat; background-size:60px 60px; }
	#award h4.silver { background: url(../img/silver2024.png) 0 0 no-repeat; background-size:60px 60px; margin:20px auto 10px;}
	#award h4.bronze { background: url(../img/bronze2024.png) 0 0 no-repeat; background-size:60px 60px; margin:20px auto 10px;}
	
	#p_1st { border-bottom:1px solid #000; padding:0 0 50px 0; }
	#p_1st h5 { font-size:12px; margin:0 0 10px 0; font-weight:bold; clear:both; padding:0 20px 0;}
	#p_1st .text { font-size:12px; line-height:1.6em; margin:0 0 20px 0; padding:0 20px 0;}
	#p_1st .cell { margin:0 0 20px 0;}
	#p_1st .faceimg { width:auto; float:none;}
	#p_1st .faceimg img { width:100%; height:auto;}
	#p_1st .specs { width:auto; float:none; height:auto; text-align:center;}
	#p_1st .specs .a_logo img { width:40%; height:auto; margin:0 0 0 0;}
	#p_1st .specs .a_name { font-size:18px; margin: 0 0 20px 0;}
	#p_1st .specs .a_shop { font-size:12px;}
	
	#p_2nd { border-bottom:1px solid #000; padding:0 0 0 0;  margin:0 0 0 0; }
	#p_2nd .cell { width:auto; margin:0 0 0 0; float:left; }
	#p_2nd .cell .faceimg img { width:100%; height:auto; }
	#p_2nd .cell h5 { font-size:12px; margin:0 0 10px 0; font-weight:bold; clear:both; padding:0 20px 0;}
	#p_2nd .cell .specs { margin:10px 0;}
	#p_2nd .cell .specs .a_logo { width:auto; float:none; text-align:center; margin:0 0 0 0;}
	#p_2nd .cell .specs .a_logo img { width:40%; height:auto; margin:0 0 0 0;}
	#p_2nd .cell .specs .a_names { width:auto; float:none; text-align:center;}
	#p_2nd .cell .specs .a_name { font-size:18px; margin: 0 0 20px 0;}
	#p_2nd .cell .specs .a_shop { font-size:12px;}
	#p_2nd .cell .text { font-size:12px; height:auto; line-height:1.6em; margin:0 0 20px 0; padding:0 20px 0;}
	
	#p_3rd { border-bottom:1px solid #000;　padding:0 0 0 0;  margin:10px; }
	#p_3rd .cell{ width:50%; background: none; float:left; margin:0 ; text-align:center; }
	#p_3rd .cell .inner { background:#F2F2F2; float:left; margin:0 10px 0 ;  text-align:center; }
	#p_3rd .cell h5 { text-align: right; font-size:12px; height:30px; margin:10px auto; width:110px; line-height:30px; background: url(../img/bronze.png) 0 0 no-repeat; background-size:15px 30px; font-weight:bold; }
	#p_3rd .cell .faceimg img { width:100%; height:auto; }
	#p_3rd .cell .a_name { font-size:15px; margin:0 0 10px 0; }
	#p_3rd .cell .a_shop { font-size:10px; margin:0 0 10px 0; }
	#p_3rd .cell .a_logo { margin:0; padding:0;}
	#p_3rd .cell .a_logo img { width:60%; height:auto; }
	
	#p_4th { border-bottom:1px solid #000;　padding:0 0 0 0;  margin:10px; }
	#p_4th .cell{ width:50%; background: none; float:left; margin:0 ; text-align:center; }
	#p_4th .cell .inner { background:#F2F2F2; float:left; margin:0 10px 0 ;  text-align:center; }
	#p_4th .cell h5 { text-align: right; font-size:12px; height:30px; margin:10px auto; width:110px; line-height:30px; background: url(../img/bronze.png) 0 0 no-repeat; background-size:15px 30px; font-weight:bold; }
	#p_4th .cell .faceimg img { width:100%; height:auto; }
	#p_4th .cell .a_name { font-size:15px; margin:0 0 10px 0; }
	#p_4th .cell .a_shop { font-size:10px; margin:0 0 10px 0; }
	#p_4th .cell .a_logo { margin:0; padding:0;}
	#p_4th .cell .a_logo img { width:60%; height:auto; }
	
	#totop a { position: fixed; z-index:100; right: 10px; bottom: 10px; width: 50px; height: 50px; background: url(../img/totop.png) 0 0 no-repeat; display:none; }
	.scroll { position: absolute; }
	
	#awards_list { margin:0; padding:20px; }
	#awards_list li a { display:block; border:#000000 1px solid; width:100%; padding:15px 0; font-size:20px; }
	#awards_list li { display:block; margin:0 0 20px 0; float:none; }
	#awards_list li:nth-child(3n) { margin:0 0 0 0; }
}