/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 05 2024 | 07:01:18 */
/* -- input:placeholder -- */
::placeholder {
  color: #ccc;
}
::-ms-input-placeholder {
  color: #ccc;
}
:-ms-input-placeholder {
  color: #ccc;
}

@media screen and (max-width:640px) {
body#home #globalHeader h1 img {
    width: 90%;
	max-width: 330px;
}
	body#home ul.homeNav {
		padding-bottom: 160px !important;
	}
body#home ul.homeNav li {
    width: 100%;
	margin-bottom: 5px;
}
body#home ul.homeNav li a {
    min-height: 60px;
}
body#home #globalBody {
    padding-top: 60px;
}
body#home #langNav ul li:last-child {
    position: absolute;
    border-left: 1px solid rgba(255, 255, 255, .3);
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    top: 0px;
    right: 0px;
    min-height: 80px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    width: 80px;
    border-radius: 0px 0px 0px 5px;
    -webkit-border-radius: 0px 0px 0px 5px;
    -moz-border-radius: 0px 0px 0px 5px;
}
	#globalNav ul#mainNav li:last-child {
		width: 80px;
	}
#globalNav ul#mainNav {
    padding-right: 80px;
}
#globalNav ul#mainNav li a span {
    font-size: 14px;
}
	#globalFooter p {
    font-size: 10px;
		padding-right: 80px;
}
	#globalBody h2 {
    max-width: 100% !important;
		    margin: -8em auto .5em auto;
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
	}
#globalBody.best ul.menuList li {
    padding: 1em 1em;
}
	#globalBody.best ul.menuList li a span.name {
    font-size: 20px;
}
	#globalBody ul.menuList {

	}
#globalBody ul.menuList li a {
	justify-content: flex-end;
    flex-wrap: wrap;
	    padding: .8em 0em;
}
	#globalBody ul.menuList li a span {

	}
	#globalBody ul.menuList li a span.name {
    font-size: 16px;
	width:100%;
		flex: auto;
}
	#globalBody ul.menuList li a span.price {
    font-size: 16px;
		width: 100px;
		text-align: right;
margin-left: 0;
}
	#globalBody ul.menuList li a span.sub {
    text-align: left;
    flex: 1;
}
	ul#subNav li a span {
		font-size: 13px;
}
ul#subNav li a {
    display: block;
    padding: .2em .7em;
    border: 1px solid #0E345B;
    background: #0E345B;
    line-height: 1.2;
    text-decoration: none;
}
#langEN {
    font-size: 11px;
}
#langJP {
    font-size: 14px;
}
	ul#subNav li a span.en {
    font-size: 13px;
}
#globalBody ul.menuList {		
    max-width: 100% !important;
		width: -webkit-calc(100% - 30px);
		width: calc(100% - 30px);
    margin: 0 auto 3em auto;
    border-top: 1px dashed rgba(66, 164, 198, .5);
}
body.en #globalBody.special p.body {
    font-size: 20px;
    margin: 30px 1.2em !important;
    padding: 0 0 0 0;
}
body.jp #globalBody.special p.body {
    font-size: 15px;
    margin: 30px 15px !important;
    padding: 0 0 0 0;
}
body.en #globalBody.special p.body {
    font-size: 14px;
    margin: 30px 15px !important;
    padding: 0 0 0 0;
}
	#globalBody.special h2 {
    margin: 30px 15px !important;
    padding: 0 !important;
    font-size: 24px;
    color: #47C1E2;
}
	body.jp #globalBody.special p.giftBtn,
	body.en #globalBody.special p.giftBtn  {
    position: static;
    max-width: 100% !important;
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
    margin: 0px  15px!important;
		text-align: center;
}
	#globalBody.special p.aside {
width: -webkit-calc(100% - 30px);
width: calc(100% - 30px);
    margin: 0px  15px 15px 15px !important;
    font-size: 12px;
}
	#globalBody.special p.giftBtn em {
    text-align: center !important;
}
#globalBody.best ul.menuList li::before {
    position: absolute;
    top: -20px;
    left: 10px;
    content: '';
    width: 160px;
    background-size: 160px;
}
}


