/* Scss Document */
@media screen and (min-width: 781px) { /*    	PC STYLE  *************************************************************/
  /*kv*/
  .bg { background: url("/images/shaved-ice-eat/kv.jpg") no-repeat center; background-size: cover; }
  #contents section.pagetitle .copy .line.out:before { border: 2px solid #000; }
  #contents section.pagetitle .copy .line.out:after { border: 2px solid #000; }
  #contents section.pagetitle .copy .line.in:before { border: 1px solid #000; }
  #contents section.pagetitle .copy .line.in:after { border: 1px solid #000; }
  
  #contents .wrap { width: 1000px; margin: 0 auto; padding: 30px 0 0; }
  #contents .wrap h2 {
  	font-size: 48px;
    letter-spacing: 0.12em;
    font-weight: 600;
  }
  #contents .wrap h2 + p { padding: 40px 0 0 0; margin:0 0 0 0; font-size: 16px; line-height: 2.4;}
  #contents .wrap .inner { text-align: left; font-size: 16px; padding-top:40px; border-top: 1px solid #cccccc; }
  #contents .wrap .inner + .inner { margin-top: 50px;}
  #contents .wrap .inner .meter { padding: 15px 0 0 0; }
  #contents .wrap .inner ul { display: flex; flex-wrap: wrap; text-align: center; }
  #contents .wrap .inner ul li { margin: 0 20px 0 0;}
  #contents .wrap .inner ul li:nth-child(4n) { margin-right:0;}
  #contents .wrap .inner ul li img { width: 100%; height: auto;}
  #contents .wrap .inner ul li dl dt{position: relative;}
  #contents .wrap .inner ul li dl dt:after { content:"";
  	background: url("/images/fuji/icon-zoom.png");
	  display:inline-block;
	  width: 35px;
	  height: 35px;
	  position: absolute;
	  bottom:10px;
	  right:5px;
	  background-size:contain;
  }
	.inner a {text-decoration: underline;}	
	.inner a:hover {color:#cf1030;}	
	
	#contents section.pagetitle{margin-bottom: 0!important;}
	#contents .wrap .inner ul.menu {text-align: left; display: block; line-height: 1em;}
	#contents .wrap .inner ul.menu li{margin: 10px 10px 0 0!important;}
	
	#contents .wrap .inner div.group {margin: 40px 0;}
	
   }
@media screen and (min-width: 781px) and (max-width: 1200px) { #contents .pagetitle { min-width: 1000px; }
  #contents .wrap { width: 1000px; margin: 0 auto; padding: 30px 0 0; } }
@media screen and (max-width: 780px) { /*  	SP STYLE  *************************************************************/
  #contents section.pagetitle .bg { background: url("/images/shaved-ice-eat/kv-sp.jpg") no-repeat center; background-size: cover; }
  #contents section.pagetitle .copy .line.out:before { border: 2px solid #000; }
  #contents section.pagetitle .copy .line.out:after { border: 2px solid #000; }
  #contents section.pagetitle .copy .line.in:before { border: 1px solid #000; }
  #contents section.pagetitle .copy .line.in:after { border: 1px solid #000; }
  
  #contents .wrap { width: 100%; margin: 0 auto; padding: 0 6.4102564103vw; }
  
  #contents .wrap h2 {
    font-size: 6.1538461538vw;
    letter-spacing: 0.12em;
    font-weight: 600;
    text-align: center;
    margin-bottom: 6.4102564103vw;
	  margin-top: 6.4102564103vw;
    }
  #contents .wrap h2 + p { padding: 0 0 0 0; margin:0 0 6.4102564103vw 0; font-size: 3.0769230769vw; line-height: 1.92; text-align: left;}
  #contents .wrap .inner { text-align: left; font-size: 16px; padding-top:6.4102564103vw; border-top: 1px solid #cccccc; }
  #contents .wrap .inner + .inner { margin-top: 6.4102564103vw;}
  #contents .wrap .inner .meter { padding: 2.34375vw 0 0 0; }
  #contents .wrap .inner ul  { display: block;
  flex-wrap: wrap; text-align: center; }
  #contents .wrap .inner ul li  { width: 40.625vw; display: inline-block; margin: 3.125vw 0 0 0;}
  #contents .wrap .inner ul li:nth-child(even)  {margin-left: 3.125vw;}
  #contents .wrap .inner ul li img {width: 100%; height: auto;}
  #contents .wrap .inner ul li dl dt {
  	position: relative;
  	}
  #contents .wrap .inner ul li dl dt:after { content:"";
  	background: url("/images/fuji/icon-zoom.png");
	  display:inline-block;
	  width: 5.6875vw;
	  height: 5.6875vw;
	  position: absolute;
	  bottom:3.125vw;
	  right:2.34375vw;
	  background-size:contain;
  }

	.inner a {text-decoration: underline;}	
	.inner a:hover {color:#cf1030;}	
		
	
  #contents .inner + .inner, #contents .sign + .inner { margin-top: 8.9743589744vw; }

    #contents section.pagetitle{margin-bottom: 0!important;}
	#contents .wrap .inner ul.menu {text-align: left; display: block; line-height: 1em;}
	#contents .wrap .inner ul.menu li{margin: 2vw 2vw 0 0!important; width: 100%;
    display: block;}
	
	#contents .wrap .inner div.group {margin: 6vw 0;}
	
	

  }