@charset "UTF-8";

/*-----------------------------------------------*/
/*----- smart phone CSS lower 1081px 1360px -----*/
/*-----------------------------------------------*/

@media screen and (min-width: 1081px) and (max-width: 1360px) {
}



/*-----------------------------------------------*/
/*----- smart phone CSS lower 769px 1080px -----*/
/*-----------------------------------------------*/

@media screen and (min-width: 769px) and (max-width: 1080px) {
	/* common */
	.wrap {padding:0px 20px 0px 20px; }
	.wrap1200 {width:auto; margin:0px 20px;}
	.wrap1000 {width:auto; margin:0px 20px;}
	.wrap900 {width:auto; margin:0px 20px;}
	.wrap800 {width:auto; margin:0px 20px;}
	.wrap700 {width:auto; margin:0px 20px;}
	.wrap600 {width:auto; margin:0px 20px;}
	/* /common */

	/* content */
	.headerlogo {width:120px; }
	.menu {width:calc( 100% - 140px ); }
	.menu ol li a, .menu ol li strong {font-size:13px; }
	.menu ul li a span {padding:0px 16px 0px 0px; font-size:13px; line-height:100%; }
	
	.footer ul {flex-wrap:wrap; }
	.footer ul li {margin-top:10px; }
	/* /content */
}



/*---------------------------------------*/
/*----- smart phone CSS lower 768px -----*/
/*---------------------------------------*/

@media (max-width : 768px){

	/* common */
	.pc_only {display:none;}
	.sp_only {display:block;}
	.pcin_only {display:none;}
	.spin_only {display:inline;}

	.wrap {padding:0px 20px 0px 20px; }
	.wrap1200 {width:auto; margin:0px 20px;}
	.wrap1000 {width:auto; margin:0px 20px;}
	.wrap900 {width:auto; margin:0px 20px;}
	.wrap800 {width:auto; margin:0px 20px;}
	.wrap700 {width:auto; margin:0px 20px;}
	.wrap600 {width:auto; margin:0px 20px;}
	/* /common */



	/* content */
	.header {padding:10px 0px 10px 0px; }
	.headerlogo {width:auto; height:60px; }
	.headerlogo img {width:auto; height:100%; }
	.menu {width:100%; position:fixed; bottom:0; left:0; z-index:99999; }
	.menu ol li a, .menu ol li strong {font-size:3.2vw; line-height:120%; }
	.menu ol li a small {display:block; }
	.menu ol li:last-child {margin:6px auto 6px auto; }
	.menu ol li:last-child strong {display:none; }
	.menu ol li:last-child {display:flex; justify-content: space-between; }
	.menu ol li:last-child a {display:block; }
	.menu ol li:last-child a small {display:inline-block; }
	.menu ul {display:none; }



	.nav_btn{display:block; width: 40px; height: 40px; z-index: 99999; cursor: pointer; position:fixed; top:20px; right:20px; }
	.nav_btn strong {display:block; width:100%; color:#FFF; font-size:11px; line-height:100%; font-weight:normal; text-align:center;  position: absolute; top:0; left: 0; }
	.nav_btn span{width: 100%; height: 2px; background: #FFF; position: absolute; left: 0; right: 0; margin: auto; transition: 0.4s; }
	.nav_btn span.line1{top: 18px; opacity:1; }
	.nav_btn span.line2{top: 27px; opacity:1; }
	.nav_btn span.line3{top: 27px; opacity:1; }
	.nav_btn span.line4{top: 35px; opacity:1; }
	.nav_btn.close_btn span.line1 {top: 18px; opacity: 0;}
	.nav_btn.close_btn span.line2{top: 27px; -webkit-transform: rotate(20deg); transform: rotate(30deg); opacity:1; }
	.nav_btn.close_btn span.line3 {top: 27px; bottom: auto; -webkit-transform: rotate(-20deg); transform: rotate(-30deg); opacity:1; }
	.nav_btn.close_btn span.line4 {top: 35px; opacity: 0; }

	.nav{display:none; }
	.spnav{display: block; float: none; width: 100%; margin-top: 0; background: rgba(58,73,86,0.9); position:fixed; top: 0; left: 0; z-index: 99000; }
	.spnav h5 {display:block; width:50%; padding:10px 0px 10px 0px; }
	.spnav h5 a {display:block; width:auto; height:60px; }
	.spnav h5 a img {width:auto; height:100%; }
	.spnav ul {margin-top: 20px; }
	.spnav li {display: block; width: 100%; }
	.spnav li a{display:flex; justify-content: space-between; align-items: center; padding: 20px 4px;  color:#FFF; text-decoration: none; border-bottom:1px #FFF solid; }
	.spnav li a:first-child {border-top:1px #FFF solid; }
	.spnav li a:hover {color:#FF0; background-color:rgba(255,255,255,0.2); }

	.spnav.spmenu {height:0; transition: all 0.2s 0s ease; padding:0 5% 0; overflow:hidden; }
	.spnav.spmenu.open_menu {height:100%; padding: 0px 20px; overflow:auto; }
	
	.spnav.spmenu ul {opacity:0; transition: all 0.2s 0s ease; }
	.spnav.spmenu.open_menu ul {opacity:1; }



	.footer {padding:20px 0px 30vw 0px; }
	.footer ul {flex-wrap:wrap; }
	.footer ul li {margin-top:10px; }



	.pagetitle {padding:30px 0px 30px 0px; }
	.pagetitle h2 {width:calc(90% - 17px); height:40px; padding: 0px 0px 0px 0px; }
	.pagetitle h2 span {padding:0px 18px 0px 18px; font-size:16px; line-height:120%; letter-spacing: 0.1em; }
	.pagetitle h2 strong {padding:0px 0px 0px 18px; font-size:16px; line-height:120%; letter-spacing: 0em; }



	.page-top {bottom: 28vw; right: 20px;}
	.page-top img {width:30px; }
	/* /content */



	/* top */
	.kv > div {height:auto; }
	.kv h3 {padding:34vw 0px 5vw 0px; font-size:6vw; }

	.top_about {padding:60px 0px 60px 0px; }
	.top_about h2 {width:90%; }
	.top_about h2 strong {font-size:28px; line-height:160%; letter-spacing:0em; }
	.top_about h2 span {padding:6px 0px 30px 0px; font-size:14px; line-height:160%; letter-spacing:0em; }
	.top_about h3 {width:100%; padding:0px 0px 40px 0px; font-size:16px; line-height:180%; letter-spacing:0em; }
	.top_about h4 {font-size:22px; line-height:150%; letter-spacing:0em; }
	
	.top_effort {padding:60px 0px 60px 0px; }
	.top_effort h2 {width:90%; }
	.top_effort h2 strong {font-size:28px; line-height:160%; letter-spacing:0em; }
	.top_effort h2 span {padding:6px 0px 30px 0px; font-size:14px; line-height:160%; letter-spacing:0em; }
	.top_effort h1 {font-size:6vw; line-height:160%; letter-spacing:0em; }
	.top_effort h3 {width:100%; padding:30px 0px 40px 0px; font-size:14px; line-height:160%; letter-spacing:0em; }
	.top_effort ul {justify-content:start; flex-wrap:wrap; }
	.top_effort ul li {padding:0px 20px 20px 20px; font-size:10px; line-height:150%; letter-spacing:0em; }
	.top_effort ul li dl dt {padding:0px 14px 0px 0px; }
	.top_effort ul li dl dd {width:50px; }

	.top_links dl {width:50%; height:260px; }
	.top_links dl:nth-child(2) {width:50%; }
	.top_links dl:nth-child(5) {width:100%; height:180px; }
	.top_links dl div h5 {padding:0px 0px 8px 0px; }
	.top_links dl div h5 strong {padding:0px 0px 8px 0px; font-size:3.5vw; line-height:120%; letter-spacing: 0.15em; }
	.top_links dl div h5 span {padding:0px 6px 0px 6px; font-size:9vw; line-height:120%; letter-spacing: 0.1em; }
	.top_links dl div h2 strong {padding:0px 4px 2px 4px; font-size:3.8vw; line-height:120%; letter-spacing: 0em; }
	.top_links dl div h2 span {padding:2px 4px 0px 4px; font-size:3.2vw; line-height:120%; letter-spacing: 0.1em; }
	.top_links dl section {width:calc( 80% - 35px ); height:80px; }
	.top_links dl section:after {right:-35px; 
	  border-top: 80px solid #3A4956;
	  border-right: 35px solid transparent;}
	.top_links dl section h2 {}
	.top_links dl section h2 span {padding:0px 4px 4px 4px; font-size:3.5vw; line-height:120%; letter-spacing: 0.15em; }
	.top_links dl section h2 strong {padding:0px 4px 0px 4px; font-size:3.8vw; line-height:120%; letter-spacing: 0em; }
	
	.top_store {padding:60px 0px 60px 0px; }
	
	.top_map {display:flex; justify-content: center; flex-wrap:wrap; align-items: center; }
	.top_map div {width:100%; }
	.top_map div.imap {margin-right:0px; margin-bottom:20px; }
	.top_map div.imap h3 {padding:0px 0px 18px 0px; }
	.top_map div.imap h3 span {padding:0px 18px 0px 0px; font-size:5.5vw; line-height:120%; letter-spacing: 0.15em; }
	.top_map div.imap h3 strong {font-size:5.5vw; line-height:120%; letter-spacing: 0em; }
	.top_map div.gmap {position: relative; height: 0; padding-top:86.7%;}
	
	.top_store ul {display:block; justify-content: inherit; align-items: inherit; margin-top:50px; }
	.top_store ul li {width:100%; }
	.top_store ul li:first-child {margin-right:0px; margin-bottom:30px; }
	.top_store ul li p {width:20%; }
	.top_store ul li h4 {margin:0px 10px 0px 10px; font-size:14px; line-height:120%; letter-spacing: 0em; }
	.top_store ul li h4 small {font-size:9px; line-height:160%; }
	.top_store ul li h4 span {font-size:11px; line-height:160%; }
	.top_store ul li a {width:20%; }
	
	.linestamp {display:block; margin:0px auto 30px; width:82%; }
	.linestamp ol {flex-wrap:wrap; }
	.linestamp ol li:first-child {width:100%; padding:5px 10px 0px 10px; }
	.linestamp ol li:first-child img {display:block; width:60%; margin:0px auto; }
	.linestamp ol li:last-child {width:100%; }
	.linestamp ol li h3 {width:100%; height:auto; padding:5px 0px; font-size:5.5vw; }
	.linestamp ol li h4 {width:100%; height:auto; padding:10px; font-size:6.2vw; line-height:128%; }
	.linestamp ol li h4 small {font-size:3.8vw; line-height:128%; }
	/* /top */
	
	
	
	/* lineup */
	.lineup_title {}
	.lineup_title h2 strong {font-size:5vw; line-height:120%; letter-spacing: 0em; }
	.lineup_title h2 span {font-size:3.2vw; line-height:120%; letter-spacing: 0.1em; }

	.lineup1 {padding:40px 0px 40px 0px; }
	.lineup1 dl dd {width:100%; margin-bottom:20px; margin-right:0px; padding:0px 0px 0px 16px; }
	.lineup1 dl dt {width:100%; padding:0px 0px 0px 16px; }
	.lineup1 dl ul li {width:100%; padding:0px 0px 0px 0px; font-size:15px; line-height:168%; }
	.lineup1 h4 {width:100%; padding:20px 0px 0px 0px; font-size:11px; line-height:160%; }

	.lineup3 {padding:40px 0px 40px 0px; }
	.lineup3 h2.lineupcap {width:100%; padding:20px 0px 20px 0px; font-size:16px; line-height:140%; }
	.lineup3 ul {flex-wrap:wrap; }
	.lineup3 ul li {padding:0px 0px 0px 16px; }
	.lineup3 ul li:first-child {margin-bottom:30px; margin-right:0px; }
	.lineup3 ul li:last-child {width:100%; }

	.lineup3 ul li section {font-size:15px; line-height:168%; }
	.lineup3 ul li dl dt {width:100%; }
	.lineup3 ul li dl dt:nth-child(1) {order:1; }
	.lineup3 ul li dl dt:nth-child(2) {order:2; width:100%; }
	.lineup3 ul li dl dd:nth-child(3) {order:3; }
	.lineup3 ul li dl dt h5 {font-size:11px; line-height:120%; }
	.lineup3 ul li dl dt h4 {padding:12px 0px 12px 0px; }
	.lineup3 ul li dl dt h4 span {padding:0px 8px 0px 0px; font-size:16px; line-height:120%;}
	.lineup3 ul li dl dt h4 strong {font-size:20px; line-height:120%; }
	.lineup3 ul li dl dt h4 strong small {font-size:11px; line-height:120%; }
	.lineup3 ul li dl dt h4 b {font-size:11px; line-height:120%; }
	.lineup3 ul li dl dt h5 small {font-size:9px; line-height:120%; }
	.lineup3 ul li dl dd {width:100%; padding:15px 0px 10px 0px; }
	.lineup3 ul li dl dd img {width:100%; }
	.lineup3 ul li dl dd h5 {font-size:11px; line-height:120%; }

	.lineup5 {padding:40px 0px 50px 0px; }
	.lineup5 h2.lineupcap {width:100%; padding:20px 0px 20px 0px; font-size:16px; line-height:160%; }
	.lineup5 ul {flex-wrap:wrap; }
	.lineup5 ul li {width:100%; padding:0px 0px 0px 0px; margin-bottom:20px; }
	.lineup5 ul li:first-child {margin-right:0px; }
	
	.lineup5 dl {padding:0px 0px 0px 16px; }
	.lineup5 dl dt {width:100%; }
	.lineup5 dl dd {width:100%; }
	.lineup5 dl dd h5 {margin-top:-10px; padding:0px 2px 0px 2px; font-size:11px; line-height:120%; }
	.lineup5 dl dd small {display:block; padding:10px 0px 0px 0px; font-size:11px; line-height:160%; text-align:center; }
	.lineup5 section {padding:8px 0px 0px 0px; }
	.lineup5 section h5 {font-size:15px; line-height:140%; }
	
	.lineup6 {padding:40px 0px 50px 0px; }
	.lineup6 h2.lineupcap {padding:20px 0px 20px 0px; }
	.lineup6 h2.lineupcap span {padding:0px 0px 8px 0px; font-size:14px; line-height:160%; }
	.lineup6 h2.lineupcap strong b {margin-right:8px; padding:2px 8px; font-size:3.4vw; line-height:160%; }
	.lineup6 dl dd div {width:100%; margin-bottom:20px; margin-right:0%; padding:0px 0px 12px 0px; }
	.lineup6 dl dd div:nth-child(1) {margin-right:0%; }
	.lineup6 dl dd div:nth-child(2) {margin-right:0%; }
	.lineup6 dl dd div:nth-child(3) {margin-right:0%; }
	.lineup6 dl dd div:last-child {margin-right:0%; }
	.lineup6 dl dd h4 {padding:8px 0px 0px 0px; font-size:18px; line-height:120%; }
	.lineup6 dl dd h4 span {font-size:75%; padding-left:2px; }
	.lineup6 dl dd h5 {padding:0px 0px 6px 0px; font-size:11.5px; line-height:140%; }

	.lineup_banner {padding:40px 0px 40px 0px; }
	.lineup_banner ul {flex-wrap:wrap; }
	.lineup_banner ul li {width:100%; }
	.lineup_banner ul li:first-child {margin-bottom:10px; }
	/* /lineup */



	/* order */
	.order1 h2 {padding:0px 0px 30px 0px; font-size:18px; line-height:160%; letter-spacing: 0em; }
	
	.order2 {}
	.order2 dl {padding:25px 0px 25px 0px; }
	.order2 dl dd {width:15%; }
	.order2 dl dt {width:82%; }
	.order2 dl dt h3 {padding:0px 0px 16px 0px; font-size:18px; line-height:160%; letter-spacing: 0em; }
	.order2 dl dt h4 {padding:0px 0px 16px 10px; font-size:16px; line-height:160%; letter-spacing: 0em; text-align:justify; text-justify:inter-ideograph; }
	.order2 dl dt h4.order_tel {font-size:22px; line-height:160%; letter-spacing: 0em; }
	.order2 dl dt a.order_link {padding:4px 10px; font-size:14px; line-height:160%; }
	.order2 dl dt table th {padding:2px 8px; font-size:3vw; }
	.order2 dl dt table td {padding:2px 8px; font-size:3vw; }
	.order_map div {width:100%; margin-bottom:10px; }
	.order_map div.imap {margin-right:0px; }
	.order_map div.imap h3 {padding:0px 0px 18px 0px; }
	.order_map div.imap h3 span {padding:0px 18px 0px 0px; font-size:20px; line-height:120%; letter-spacing: 0.1em; }
	.order_map div.imap h3 strong {font-size:20px; line-height:120%; letter-spacing: 0em; }
	.order_map div.gmap {padding-top:75%;}
	.order_store {margin:20px auto 25px auto; }
	.order_store h4 {margin:0px 20px 0px 20px; font-size:14px; line-height:120%; letter-spacing: 0em; }
	.order_store h4 small {font-size:9px; line-height:160%; }
	.order_store h4 span {font-size:11px; line-height:160%; }
	
	.order3 {padding:20px 0px 60px 0px; }
	.order3 h5 {font-size:14px; line-height:160%; letter-spacing: 0em; }
	/* /order */



	/* vending */
	.vending1 {padding:20px 0px 60px 0px; }
	.vending1 ul {flex-wrap:wrap; padding:3%; background-color:#FFC; border:1px #FC9 solid; }
	.vending1 ul li {width:100%; }
	.vending1 ul li:first-child {margin-bottom:3%; }
	/* /vending */
}