@charset "utf-8";
/* CSS Document */

@import url(//use.fontawesome.com/releases/v5.0.11/css/all.css);

.fade-up {
    opacity: 0.1;
    transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
}

html,body{
  width: 100%;
  height: 100%;
}

body{
	background:#fff;
	color:#333;
	font-size:16px;
	font-family: "qMmpS Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans', sans-serif;
}

#gotop{
	display:none;
}

h1,h2,h3,h4,h5,h6,p {
	margin: 0px;
	padding: 0px;
}

img{
	vertical-align: bottom; 
	border: 0px;
	max-width: 100%;
	height: auto;
	width:auto;
}

a{
	color:#333;
}

ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
	list-style-type:none;
}

table{
	border-collapse:separate;
}

table.table01{
	border-collapse:collapse;
	border-spacing:0;
}

table.table01 th,
table.table01 th{
	margin:0;
	padding:0;
}

/*-----------main------------*/

div#main{
	width:100%;
	margin:0 auto;
	background:#FFF;
}

/*-----------fullpage------------*/

div#fullpage{
	position: relative;
}

div#fullpage div.section{
	padding: 30px 0 0 0;
}

div#fullpage div.section .content{
	width:1310px;
	margin:0 auto;
	text-align:center;
}

div#fullpage #access .content,
div#fullpage #parking .content{
	text-align:left;
}

div#fullpage h2{
	text-align:center;
	font-size:40px;
	font-weight:black;
	padding:20px 0 0px;
	color:#fff;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

div#fullpage h3{
	background-color:#fff;
	padding:15px 0;
	font-weight: 600;
	text-align: center;
	font-size:20px;
	color:#1E4D95;
}

div#fullpage .text p {
}

/*--header--*/

div#fullpage div#header{
	padding: 20px 0 0;
	height: 100px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background:url("../img/191201bg_head.png");
	background-repeat:repeat-x;
	background-position: center -20px;
	z-index: 3;
}
div#fullpage div#header h1{
	display:none;
}
div#fullpage div#header p#logo{
	width: 260px;
	max-width: 100%;
	margin: 0 auto;
}

/*ヘッダーメニュー*/
.header {
  position: fixed;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
}
.global-nav {
  position: fixed;
  right: -320px; /* これで隠れる */
  top: 0;
  width: 300px; /* スマホに収まるくらい */
  height: 100vh;
  padding-top: 40px;
  background-color: #fff;
  transition: all .6s;
  z-index: 200;
  overflow-y: auto; /* メニューが多くなったらスクロールできるように */
}
.hamburger {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px; /* クリックしやすいようにちゃんと幅を指定する */
  height: 60px; /* クリックしやすいようにちゃんと高さを指定する */
  cursor: pointer;
  z-index: 300;
}
.global-nav__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.global-nav__item {
  text-align: center;
  padding: 0 14px;
}
.global-nav__item a {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  text-decoration: none;
  color:#365eab;
	font-size: 16px;
	font-weight: bold;
}
.global-nav__item a:hover {
  background-color: #3fb6e9;
  color:#FFF;
}
.hamburger__line {
  position: absolute;
  left: 10px;
  width: 30px;
  height: 4px;
  background-color: #365eab;
  transition: all .6s;
}
.hamburger__line--1 {
  top: 14px;
}
.hamburger__line--2 {
  top: 24px;
}
.hamburger__line--3 {
  top: 34px;
}
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background: #365eab;
  opacity: 0;
  visibility: hidden;
  transition: all .6s;
  cursor: pointer;
}
/* 表示された時用のCSS */
.nav-open .global-nav {
  right: 0;
}
.nav-open .black-bg {
  opacity: .8;
  visibility: visible;
}
.nav-open .hamburger__line--1 {
  transform: rotate(45deg);
  top: 20px;
}
.nav-open .hamburger__line--2 {
  width: 0;
  left: 50%;
}
.nav-open .hamburger__line--3 {
  transform: rotate(-45deg);
  top: 20px;
}




/*---banner---*/

div#fullpage #banner {
    background: url("../img/250601bg.jpg");
    /*background-repeat: no-repeat;*/
    background-position: bottom center;
	height: calc(50vw * 0.9);
    position: relative;
    background-size: 100%;
	z-index: 2;
}

div#fullpage #banner .box_shopicon{
	position: absolute;
	top: calc(50vw * 0.2);
	left:5%;
	width: 180px;
}
div#fullpage #banner .content01{
	float: right;
}
div#fullpage #banner .content02{
	float: left;
	padding-top: 60px;
}

div#fullpage #banner .box_shopicon ul{
	font-size: 0;
}

div#fullpage #banner .box_shopicon ul li{
	width: 80px;
	text-align: center;
	margin: 0 0 20px 0;
	vertical-align: bottom;	
	cursor:pointer;
	position: relative;
}

div#fullpage #banner .box_shopicon ul li a{
	display:block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -9999px;
}

div#fullpage #banner .box_news_pc{
	position: absolute;
	top: 30%;
	right: 8%;
	background: rgba(255,255,255,.94);
	border-radius: 10px;
	padding: 15px;
	width: 300px;
	box-sizing: border-box;
}

div#fullpage #banner .box_news_pc iframe{
	border: 0;
	width: 270px;
	/*height: 90px;*/
	height: 240px;
}


div#fullpage #banner .attention{
	position: absolute;
	bottom: 60px;
	left: 41%;
	width: 350px;
	background: #e30;
	border: 2px solid #FFF;
	border-radius: 8px;
	padding: 10px 0;
	box-sizing: border-box;
	text-align: center;
}
div#fullpage #banner .attention a{
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

div#fullpage #banner .attention a::before{
	content: "\f0da";
	font-family: "Font Awesome 5 Free";
	margin-right: 8px;
	text-decoration: none;
}


div#fullpage .box_news_sp{
	display: none;
}


/*---shop---*/

div#fullpage #shop{
	background:#3FB6E9;
	position: relative;
}

div#fullpage #shop::before {
  content: "";
  background-image: url(../img/191201section_head.png);
  display: block;
  position: absolute;
  top: -33px;
  width: 100%;
  height: 50px;
  z-index: 2;
}

div#fullpage #shop .content .section_ttl {
  display: block;
  max-width: 100%;
  margin: 0 auto 40px;
}

div#fullpage #shop #floor_map {
  max-width: 100%;
  margin: 0 auto;
}

div#fullpage #shop .content #shoplist {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

div#fullpage #shop ul li{
	width: calc(100%/2 - 10px);
}

div#fullpage #shop ul li .shop{
	background: #FFF;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
	overflow: hidden;
	min-height: 305px;
	position: relative;
	z-index: 1;
}

div#fullpage #shop ul li:last-of-type .shop{
	margin-bottom: 0;
	border-radius: 10px;
}
div#fullpage #shop ul li .shop .image_area{
	position: relative;
	width: 240px;
	float: left;
	margin-right: 10px;
}
div#fullpage #shop ul li .shop .image_area img{
	border-radius: 10px 0 0;
}

div#fullpage #shop ul li .shop .image_area .chirashi{
	position:absolute;
	bottom: 40px;
	right: 18px;
	display: none;
}

div#fullpage #shop ul li .shop .sumarry{
	width: calc(100% - 260px);
	float: right;
	text-align: left;
}
div#fullpage #shop ul li .shop .sumarry .name{
	position: relative;
	min-height: 60px;
	padding-right: 80px;	
}
div#fullpage #shop ul li#shop01 .shop .sumarry .name{	background: url(../img/logo_shop001.jpg) no-repeat center right; background-size: 80px;}
div#fullpage #shop ul li#shop02 .shop .sumarry .name{	background: url(../img/logo_shop002.jpg) no-repeat center right; background-size: 80px;}
div#fullpage #shop ul li#shop03 .shop .sumarry .name{	background: url(../img/logo_shop003.jpg) no-repeat center right; background-size: 80px;}
div#fullpage #shop ul li#shop04 .shop .sumarry .name{	background: url(../img/logo_shop004.jpg) no-repeat center right; background-size: 80px;}
div#fullpage #shop ul li#shop05 .shop .sumarry .name{	background: url(../img/logo_shop005.jpg) no-repeat center right; background-size: 80px;}
div#fullpage #shop ul li#shop06 .shop .sumarry .name{	background: url(../img/logo_shop006.jpg) no-repeat center right; background-size: 80px;}
div#fullpage #shop ul li#shop07 .shop .sumarry .name{	background: url(../img/logo_shop007.jpg) no-repeat center right; background-size: 80px;}
div#fullpage #shop ul li#shop08 .shop .sumarry .name{	background: url(../img/logo_shop008.jpg) no-repeat center right; background-size: 80px;}
div#fullpage #shop ul li#shop09 .shop .sumarry .name{	background: url(../img/logo_shop009.jpg) no-repeat center right; background-size: 80px;}

div#fullpage #shop ul li .shop .sumarry h5{
	font-size: 22px;
	font-weight: bold;
	line-height: 1.4;
}
div#fullpage #shop ul li .shop .sumarry h5 a{
	color:#1D4C95;
}
div#fullpage #shop ul li .shop .sumarry .category{
	font-size: 12px;
}
div#fullpage #shop ul li .shop .sumarry .sub_s{
	margin-top: 12px;
	font-size: 14px;
	padding-top: 12px;
	border-top: 1px dashed #1D4C95;
}
div#fullpage #shop ul li .shop .sumarry .sub_s .caption{
	margin-bottom: 12px;
}

div#fullpage #shop ul li .shop .sumarry .sub_s dl{
	border-radius: 0 0 10px;
	border: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
div#fullpage #shop ul li .shop .sumarry .sub_s dt{
	width: 20%;
	box-sizing: border-box;
	text-align: center;
	padding: 6px;
	border-bottom: 1px solid #FFF;
	background: #ddd;
}
div#fullpage #shop ul li .shop .sumarry .sub_s dt.lh2{
	line-height: 3.15em;
	vertical-align: top;
}

div#fullpage #shop ul li .shop .sumarry .sub_s dd{
	width: calc(100% - 20%);
	box-sizing: border-box;
	padding: 6px 16px;
	border-bottom: 1px solid #ddd;
}


div#fullpage #shop ul li .shop .sumarry .sub_s dt:last-of-type,
div#fullpage #shop ul li .shop .sumarry .sub_s dd:last-of-type{
	border-bottom: 0;
}
div#fullpage #shop ul li .shop .sumarry .fkds{
	margin: 15px 0 0;
	color: #FF6600;
	font-weight: bold;
}
div#fullpage #shop ul li .shop .sumarry .btn{
	margin: 10px 0 8px;
	text-align: center;
}
div#fullpage #shop ul li .shop .sumarry .btn a{
	padding: 9px 26px;
	background: #FF6600;
	border-radius: 25px;
	color: #FFF;
	font-weight: bold;
	box-shadow: 0px 3px 2px #ccc;
}

div#fullpage #shop .attention{
	background-color: rgba(255,255,255,1);
	border-radius: 8px;
	border: 2px solid #1D4C95;
	padding: 6px;
	box-sizing: border-box;
	text-align: center;
	color: #1D4C95;
	margin-bottom: 5px;
}


/*---access---*/

div#fullpage #access{
	background:#65c4ed;
	color:#FFF;
	text-align:left;
  position: relative;
  padding-top: 130px;
}
div#fullpage #access::before {
  content: "";
  background-image: url(../img/191201section_header_2.png);
  display: block;
  width: 100%;
  height: 140px;
  position: absolute;
  top: -30px;
}
/*div#fullpage #access::before {
  content: url("../img/191201section_header_2.png");
  display: block;
  position: absolute;
  top: -30px;
}*/

div#fullpage #access .content .section_ttl {
  display: block;
  max-width: 100%;
  margin: 0 auto 40px;
}

div#fullpage #access h2{
	color:#FFF;
}

div#fullpage #access h3.car::before{
	content: "\f1b9";
	font-family: "Font Awesome 5 Free";
	font-size:20px;
	font-weight: bold;
	margin-right: 8px;
}
div#fullpage #access h3.train::before{
	content: "\f239";
	font-family: "Font Awesome 5 Free";
	font-size:20px;
	font-weight: bold;
	margin-right: 8px;
}

div#fullpage #access .google_map{
	/*width:100%;*/
	margin:0 30px 0 0;
	text-align:center;
}

div#fullpage #access #map2{
	text-align: left;
	font-size: 16px;
	color: #000000;
	font-weight: 600;
	margin-bottom: 14px;
}

div#fullpage #access .entrance_map{
	width:100%;
	text-align:center;
}

div#fullpage #access .address{
	text-align:center;
	font-weight:bold;
	background:#FFFFD1;
	color:#1D4C95;
	padding:15px;
	/*width:50%;*/
	margin: 20px auto;
  border-radius: 50px;
}

div#fullpage #access .access_map_parent {
  	width: 90%;
    display: flex;
    margin: 30px auto 50px;
}
div#fullpage #access .access_map_child_2 {
}
div#access .train_info {
  padding: 30px 0 100px;
  text-align: center;
  
}
/*---parking---*/

div#fullpage #parking{
	background:#8FD4F1;
	text-align:left;
  position: relative;
}

div#fullpage #parking::before {
  content: "";
  background-image: url(../img/191201section_header_3.png);
  display: block;
  position: absolute;
  top: -40px;
  width: 100%;
  height: 50px;
}

div#fullpage #parking h3::before{
	content: "\f540";
	font-family: "Font Awesome 5 Free";
	font-size:20px;
	font-weight: 900;
	margin-right: 8px;
}

div#fullpage #parking .parking_map_parent {
    width: 90%;
    display: flex;
    margin: 30px auto 50px;
}

div#fullpage #parking .content .section_ttl {
  display: block;
  max-width: 100%;
  margin: 0 auto 40px;
}

div#fullpage #parking .parking_map{
    margin: 0 30px 0 0;
    text-align: center;
}
div#fullpage #parking .parking_map .attention{
	font-size:14px;
	font-weight:bold;
	color: #333;
    margin-top: 10px;
    border: 3px solid #F73741;
    padding: 15px;
    text-align: left;
    background: #FFF;
    box-sizing: border-box;
    width: 620px;
}
div#fullpage #parking .parking_map .attention p{
    text-align: center;
    line-height: 2;
}
div#fullpage #parking .parking_map .attention dl {
    margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 5px;
}
div#fullpage #parking .parking_map .attention dl:last-of-type {
    margin: 10px auto 0;
}
div#fullpage #parking .parking_map .attention dl dt{
    width: 80px;
    text-align: center;
    background: #ccc;
    box-sizing: border-box;
    padding: 8px;
}
div#fullpage #parking .parking_map .attention dl dd{
    width:calc(100% - 85px);
    background: #eee;
    box-sizing: border-box;
    padding: 8px 10px;
}
div#fullpage #parking .parking_map .attention .red{
    color: #F73741;
}


div#fullpage #parking p.parking_txt{
	margin-bottom: 20px;
}
div#fullpage #parking table{
	padding:0;
	margin:5px 0 ;
	width: 100%;
}

div#fullpage #parking table th,
div#fullpage #parking table td{
	background-color:#FFF;
	padding:10px;
	border-bottom: 3px solid #8FD4F1;
}
div#fullpage #parking table .m120 td,
div#fullpage #parking table .m150 td,
div#fullpage #parking table .max th,
div#fullpage #parking table .min th{
	background: #ffffd1;
}
div#fullpage #parking table th{
	border-right: 3px solid #8FD4F1;
}



div#fullpage #parking table tr.max th,
div#fullpage #parking table tr.max td,
div#fullpage #parking strong{
	font-weight:bold;
	color:#1D4C95;
}
div#fullpage #parking table tr.max th,
div#fullpage #parking table tr.min th{
	text-align: center;
}

div#fullpage #parking table tr.service th{
	background-color:#1e4d95;
	color:#FFF;
	font-weight:bold;
	text-align:center;
    border-right: 0;
}

div#fullpage #parking p.cation{
	margin-bottom:20px;
}

div#fullpage #parking .parking2_info{
	text-align: center;
	padding: 30px 0 50px;
}

/*--footer--*/

div#footer{
	background:#1D4C95;
	color:#FFF;
	text-align:center;
	padding:30px 0;
	margin:30px 0 -30px;
	width:100%;
}

div#footer a{
	color:#FFF;
}
div#footer div.qa_contents{
	background: #FFF;
	color: #1D4C95;
	border-radius: 8px;
	padding: 10px;
	width: 800px;
	margin: 0 auto 10px;
	font-size:14px;
	font-weight: bold;
	box-sizing: border-box;
}
div#footer div.qa_contents a{
	color:#1D4C95;
}


div#fullpage::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url("../img/bg_summer.png");
	background-position: center;
	background-size: 50%;
	z-index: 1;
	opacity: 0.3;
}

div#fullpage #banner .box_shopicon,
div#fullpage #banner .box_news_pc{
	z-index: 2;
}

div#fullpage div.section .content,
div#fullpage div.section #footer{
	z-index: 2;
	position: relative;
}



@media (max-width: 1440px) {

div#fullpage #banner {    background-size: 100%; background-position: center;}
div#fullpage div.section .content{	width:90%;}
div#fullpage #banner .box_shopicon{	width: 150px;}
div#fullpage #banner .box_shopicon ul li{	width: 70px;}

}

@media (max-width: 1325px) {

body{	font-size: 14px;}
div#fullpage #shop ul li .shop .image_area{	width: 30%;}
div#fullpage #shop ul li .shop .sumarry{	width: 65%;}
div#fullpage #shop ul li .shop .sumarry .sub_s dt{	width: 100%;}
div#fullpage #shop ul li .shop .sumarry .sub_s dt.lh2{	line-height: inherit;}

}


@media (max-width: 1280px) {

div#fullpage #banner{	height: calc(60vw * 0.9);}
div#fullpage #banner .box_shopicon{	top: calc(50vw * 0.3);}
/*div#fullpage #shop ul li .shop .sumarry h5{	padding-right: 140px;}*/

}

@media (max-width: 1080px) {

div#fullpage #banner{	height: calc(66vw * 0.9);}
div#fullpage #banner .box_shopicon{	top: calc(50vw * 0.3);}
div#fullpage #shop .content #shoplist{	display: block;	margin: 30px auto 0;	width: 90%;}
div#fullpage #shop ul li{	width: 100%;}
div#fullpage #shop ul li .shop{min-height: inherit;}
div#fullpage #shop ul li .shop .image_area{width: 240px;}
div#fullpage #shop ul li .shop .sumarry{width: calc(100% - 260px);}
div#fullpage #shop ul li .shop .sumarry .sub_s dt{width: 20%;}
div#fullpage #shop ul li .shop .sumarry .sub_s dt.lh2{line-height: 3.15em;}
div#footer div.qa_contents{width: 90%;}
div#fullpage #parking .parking_map_parent{display: block;}
div#fullpage #parking .parking_map{margin: 0 auto 20px;}
div#fullpage #parking .parking2_info{text-align: left; margin: 0 auto; width: 90%;}

div#fullpage #parking .parking_map .attention{ width: 100%; margin: 10px auto 20px;}
    
}


@media (max-width: 960px) {

div#fullpage #banner .box_news_pc{display: none;}
div#fullpage #banner .box_shopicon{	display: none;}
div#fullpage #banner .box_news{right: 5%;}
div#fullpage #access .access_map_parent{display: block; text-align: center;}
div#fullpage #access .google_map{margin: 0 auto 10px}
div#fullpage #access #map2{text-align: center;font-size: inherit;}
div#fullpage .box_news_sp{
	display: block;
	width: 90%;
	margin: 0 auto;
	background: #FFF;
	border-radius: 10px;
	position: relative;
	z-index: 2;
}
div#fullpage .box_news_sp iframe{
	border: 0;
	padding: 10px;
	width: 100%;
	/*height: 120px;*/
	height: 220px;
	box-sizing: border-box;
}
div#fullpage::before{
	background-size: 110%;
}

}


@media (max-width: 768px) {

div#fullpage #shop .content #shoplist{	width: 100%;}

}


/*

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
スマホ
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

*/

@media all and (max-width: 640px) {
div#fullpage div#header{
	height: 80px;
	background-size: cover;
	background-position: bottom;
}
div#fullpage #banner{height: calc(80vw * 0.9); background-position: bottom; background-size: cover;}
div#fullpage #shop::before,
div#fullpage #shop::after,
div#fullpage #parking::before{
	background-size: cover;
	background-position: center;
	height: 40px;
}
div#fullpage #shop::after{bottom: -50px;height: 90px;}
div#fullpage #parking::before{height: 50px;}
div#fullpage #access::before{top:-60px;}
div#fullpage h2{font-size: 30px;}
div#fullpage #shop ul li{width: 90%; margin: 0 auto;}
div#fullpage #shop ul li .shop .image_area{width: 100%;float: inherit; margin: 0 auto 20px;}
div#fullpage #shop ul li .shop .image_area img{border-radius: 10px;}
div#fullpage #shop ul li .shop .sumarry{float: inherit;width: 100%;}
div#fullpage #shop ul li .shop .sumarry h5 {    padding-right: 90px;}
div#fullpage #shop ul li#shop01 .shop .sumarry .name,
div#fullpage #shop ul li#shop02 .shop .sumarry .name,
div#fullpage #shop ul li#shop03 .shop .sumarry .name,
div#fullpage #shop ul li#shop04 .shop .sumarry .name,
div#fullpage #shop ul li#shop05 .shop .sumarry .name,
div#fullpage #shop ul li#shop06 .shop .sumarry .name,
div#fullpage #shop ul li#shop07 .shop .sumarry .name,
div#fullpage #shop ul li#shop08 .shop .sumarry .name,
div#fullpage #shop ul li#shop09 .shop .sumarry .name{background-size: 30% auto;}
div#fullpage #shop ul li .shop .sumarry .name h5{font-size: 120%;}
div#fullpage #shop ul li .shop .sumarry .sub_s dt{width: 100%;}
div#fullpage #shop ul li .shop .sumarry .sub_s dt.lh2{line-height: inherit;}
div#fullpage #shop ul li .shop .sumarry .sub_s dd{text-align: center; width:100%;}
div#fullpage #access{padding-top: 80px;}
div#fullpage h3{font-size: 110%;}
div#fullpage #access .address span{display: block}
div#access .train_info{padding: 30px 0 80px;}
div#fullpage #parking{padding-top: 10px;}
div#fullpage #parking h2{padding-top: 0;}
div#fullpage #parking .parking_map .attention{font-size: inherit}
div#fullpage #parking table th, div#fullpage #parking table td{display: block; text-align: center;}
div#fullpage #parking table th{border-bottom: 2px dashed #ccc; border-right: 0;}
div#fullpage #parking table .service th{border-bottom: none;}
div#fullpage #parking .parking2_info{padding:30px 0}
    

div#fullpage #parking .parking_map .attention dl {
    display: block;
}
div#fullpage #parking .parking_map .attention dl dt,
div#fullpage #parking .parking_map .attention dl dd{
    width: 100%;
}

div#fullpage #parking table .max .maxime{
    background-color: #1e4d95;
    color: #FFF;
    border-bottom: 0;
}

div#fullpage #parking table .max td{
    border-bottom-width: 12px;
}
div#fullpage #parking table .max:first-of-type td{
	border-bottom: 0px;
}

}

@media all and (max-width: 414px){
div#fullpage div#header p#logo{width: 55%;}
}

@media all and (max-width: 360px){
div#fullpage h2{font-size: 24px;}
}

@media all and (max-width: 320px){
div#fullpage #shop ul li{width: 100%;}
div#fullpage h3{padding: 15px 30px;}
}

