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

html{margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;}
body {
	color:#000;
	margin:0;
	padding:0;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin: 0;
	padding: 0;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a img {	border:0;overflow: hidden;}

*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*Layout
------------------------------------------------------- */

body{
	padding: 0px;
	margin: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	width: auto;
	line-height: 1.4em;
	background-image: url(../common/bg_page.jpg);
}
a {

}
html { margin: 0px !important; }

a:link {
	color: #5C5C5C;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a:visited{
	color: #5C5C6C;
}
a:hover {
	color: #39F;
	text-decoration: underline;
}
a:active {
	color: #66F;
	border-radius: 3px;
}

img{
	max-width: 100%;
	height: auto;
}


/*other Options
------------------------------------------------------- */
img#wpstats{
	position:absolute;
	width:0px;
	height:0px;
	padding:0px;
	border:none;
	overflow:hidden;
	display: none;
}


#wpadminbar {
	overflow: hidden;
	float: none;
}
#bg {
	background-image: url(../common/bg_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow: hidden;
}
#bg #langBox {
	position: fixed;
	top: 20px;
	right: 50px;
	z-index: 80000;
}

#header {
	width: 100%;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-bottom: 35px;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-around;
}
h1.h1title {
	color: #646464;
	font-size: x-small;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
}
#header p.h1 {
	color: #646464;
	font-size: x-small;
}

#header #logo {
	float: none;
	margin-top: 15px;
	display: inline-block;
}
#header #logo2 {
	float: none;
	margin-top: 15px;
	display: inline-block;
}
#header #logo3 {
	float: none;
	margin-top: 15px;
	display: inline-block;
}
#header a img {
     border:none;
     verticle-align:top;
     -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
     -o-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
#header a:hover img {
	opacity: 0.6;     /* 透過レベル */
	filter: alpha(opacity=60);
}
#header #tel {
	float: none;
	margin-top: 15px;
	display: inline-block;
}
#header #line {
	float: none;
	margin-right: 20px;
	display: inline-block;
}



#gnavi {
	width: 100%;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: hidden;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-around;
}
#gnavi li {
	
	display: inline-block;
}
#gnavi li.close{
	display: none;
}
#gnavi li span {
	display: none;
}
#gnavi li.smp {
	display: none;
}



#wrap {
	width: 100%;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
#wrap #main {
	width: 100%;
	max-width: 950px;
	margin-left: auto;
	margin-right: auto;
	
}
#wrap #main .columun3 {
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../img/top/bg_onepoint.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

	display: flex;
	flex-wrap: no-wrap;
	justify-content: space-around;
}
#main .columun3 div.slideBox {
	width: 33%;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
	float: left;
	border: 1px solid #939393;
	margin-right: 10px;
	border-radius: 4px;
	background-image: url(../img/top/bg_contents.png);
	max-width: 310px;
}







#footer {
	text-align: center;
	background-image: url(../common/footer/bg_footer_wave.png);
	height: 85px;
	margin-top: 400px;
	position: relative;
	background-position: center bottom;
	bottom: 0px;
	clear: both;
}
#footer p{
	bottom: 30px;
	position: absolute;
	left: 0px;
	right: 0px;
	color: #FFFFFF;
}
#footer p a{
	color: #FFFFFF;
}

.centerBox {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#wrap #main h2 {
	margin-top: 60px;
	margin-bottom: 10px;
}
#wrap #main h2 span{
	display: none;
}




/*commonLayout
------------------------------------------------------- */

.lineBox {
	background-image: url(../common/line_l-r.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.lineBox:before {
	text-align: center;
	vertical-align: top;
	height: 1px !important;
	background-image: url(../common/line_t-b.gif);
	background-repeat: repeat-y;
	background-position: center top;
	content: "";
	display: block;
}
.lineBox:after {
	content: url(../common/line_t-b.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 1px;
	content: "";
	display: block;
	background-repeat: repeat-y;
	background-position: left bottom;
	background-image: url(../common/line_t-b.gif);
}
.lineBox .lineBoxIn {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 21px;
	padding-right: 21px;
	padding-bottom: 21px;
	padding-left: 21px;
	overflow: hidden;
	font-size: 0px;
}
.lineBox .lineBoxIn h4 {
	color: #000000;
	font-weight: bold;
	font-size: 15px;
	display: inline-block;
}
.lineBox .lineBoxIn address {
	font-size: 14px;
}
.lineBoxSecond {
	background-image: url(../common/line_l-r.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.lineBoxSecond:before {
	text-align: center;
	vertical-align: top;
	height: 1px !important;
	background-image: url(../common/line_t-b.gif);
	background-repeat: repeat-y;
	background-position: center top;
	content: "";
	display: block;
}
.lineBoxSecond:after {
	content: url(../common/line_t-b.gif);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 1px;
	content: "";
	display: block;
	background-repeat: repeat-y;
	background-position: left bottom;
	background-image: url(../common/line_t-b.gif);
}
.lineBoxSecond .lineBoxIn {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 21px;
	padding-right: 21px;
	padding-bottom: 21px;
	padding-left: 21px;
	overflow: hidden;
}
.lineBoxSecond .lineBoxIn h4 {
	color: #000000;
	font-weight: bold;
}
#wrap #secondpage {
	width: 674px;
	float: right;
	padding: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	margin-right: 0px;
}
#wrap #widepage {
}


#wrap #leftnavi {
	padding: 0px;
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 50px;
	overflow: hidden;
	width: 235px;
}
#wrap #leftnavi #pickups {
}
#wrap #leftnavi #pickups img{
	width: 100%;
	height: auto;
}
#wrap #leftnavi #pickups #kudamono {
	border-color: rgba(249,176,176,0.80);
	margin-bottom: 30px;
}
#wrap #leftnavi #pickups #shop {
	border-color: rgba(255,198,0,0.80);
	margin-bottom: 30px;
}
#wrap #leftnavi #pickups #cafe {
	border-color: rgba(196,234,240,0.80);
	margin-bottom: 30px;
}
#wrap #leftnavi #pickups #kudamono h3 {
	color: #ff5a5a;
}
#wrap #leftnavi #pickups #shop h3 {
	color: #ff8e02;
	background-image: url(../img/top/line_shop.gif);
}
#wrap #leftnavi #pickups #cafe h3 {
	color: #0cacc2;
	background-image: url(../img/top/line_cafe.gif);
}
#wrap #leftnavi #pickups div h2 {
	margin-bottom: 20px;
	margin-top: 0px;
}
#wrap #leftnavi #pickups div h3 {
	font-weight: bold;
	color: #554943;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
	background-image: url(../img/top/line_kudamono.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	font-size: small;
}
#wrap #leftnavi #pickups div p{
	font-size: x-small;
	margin-bottom: 3px;
}

#wrap #leftnavi #left_fruits {
	background-color: #fcf7f1;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #b78960;
	border-bottom-color: #b78960;
	border-left-color: #b78960;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border-top-style: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#wrap #leftnavi #left_fruits br {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
}

#wrap #leftnavi #left_fruits .left_h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#wrap #leftnavi #left_fruits #left_sakuranbo {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
#wrap #leftnavi #left_fruits ul.li_bottom_margin {
	margin: 0px;
	padding: 0px;
}
#wrap #leftnavi #left_fruits ul.li_bottom_margin li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}
#wrap #leftnavi #left_fruits #cherry {
	padding: 0px;
	height: 58px;
	width: 190px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../img/left-cherry.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#wrap #leftnavi #left_fruits #peach {
	padding: 0px;
	height: 58px;
	width: 190px;
	overflow: hidden;
	background-image: url(../img/left-peach.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#wrap #leftnavi #left_fruits #grape {
	background-image: url(../img/left-grape.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 58px;
	width: 190px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}
#wrap #leftnavi #left_fruits #apple {
	background-image: url(../img/left-apple.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 58px;
	width: 190px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}
#wrap #leftnavi #left_fruits #imoni {
	background-image: url(../img/left-imoni.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 58px;
	width: 190px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}
#wrap #leftnavi #left_fruits #p-g-double {
	background-image: url(../img/left-p-g.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 58px;
	width: 190px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}
#wrap #leftnavi #left_fruits #g-a-double {
	background-image: url(../img/left-g-a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	height: 58px;
	width: 190px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	overflow: hidden;
}




#wrap #leftnavi #left_fruits .left_p {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	
}
#wrap #leftnavi #left_fruits p.left_p a {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 62px;
	height: 58px;
	width: 128px;
	text-align: center;
	overflow: hidden;
	color: #FFF;
	display: block;
}



#wrap #leftnavi #fruitviking {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}


#wrap #leftnavi #left_menu {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: hsla(0,0%,100%,0.69);
	border-radius: 10px;
	border: 1px solid #E5E1DA;
}
#wrap #leftnavi #left_menu ul.li_bottom_margin {
	margin: 0px;
	padding: 0px;
}
#wrap #leftnavi #left_menu ul.li_bottom_margin li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#wrap #leftnavi #left_menu ul.li_bottom_margin li a{
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-image: url(../common/leftnavi/ico_tri.png);
	background-repeat: no-repeat;
	background-position: left center;
	display: block;
	font-size: small;
}

#wrap #leftnavi #left_otoiawase {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
#wrap #leftnavi .left_bg1 {
	background-color: #FC3;
	padding: 7px;
	width: 186px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#wrap #leftnavi .left_bg1 .left_bg2 {
	background-color: #FFC;
	margin: 0px;
	padding: 6px;
	overflow: hidden;
	width: 174px;
}
#wrap #leftnavi #left_otoiawase h2 {
	margin-bottom: 5px;
	margin-top: 10px;
}

#wrap #leftnavi #left_otoiawase .left_bg1 .left_bg2 h3 {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#wrap #leftnavi #left_otoiawase .left_bg1 .left_bg2 p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: center;
}
#wrap #leftnavi #left_otoiawase .left_bg1 .left_bg2 p.tel {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #966032;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#wrap #leftnavi #left_otoiawase .left_bg1 .left_bg2 p.message {
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	line-height: normal;
	word-spacing: normal;
	color: #6B2E40;
}
#wrap #leftnavi #left_otoiawase .left_bg1 .left_bg2 ul.pdf {
	margin: 0px;
	padding: 0px;
}
#wrap #leftnavi #left_otoiawase .left_bg1 .left_bg2 ul.pdf li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	background-image: url(../img/pdf.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-size: 14px;
	word-spacing: normal;
	line-height: 35px;
}

#wrap #blogpage {
	width: 100%;
	float: right;
	padding: 0px;
	margin-top: 15px;
	margin-right: 23px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	max-width: 674px;
}

#wrap #blogpage #pankuzu {
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	overflow: hidden;
}

#wrap #blogpage #pankuzu div {
float: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#wrap #blogpage h2 {
	clear: both;
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}



#wrap #leftnavi p.goto_cart {
    padding: 5px;
    border: 1px solid #CCC;
    height: 24px;
    background-repeat: repeat-x;
    background-position: left center;
    text-align: center;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
}













.last {
	margin-right:0px !important;
}
.clear {
	clear: both;
}
.lineBox .lineBoxIn p.floatLeft {
	margin-right: 20px;
	float: left;
	display: inline-block;
	text-align: left;
}
.lineBox .lineBoxIn p.floatLeft.map{
	width: 380px;
}
.lineBox .lineBoxIn p.floatLeft.image {
	margin-right: 10px;
	width: auto;
}
#smpHeader {
	display: block;
}
#smpHeader header {
	display: none;
}
#smpFHeader {
	display: none;
}



@media only screen and (max-width:1200px){
#bg #langBox {
	position: fixed;
	top: 0px;
	right: 0px;
}

}

@media only screen and (max-width:950px){
#wrap #main {
	padding-left: 15px;
	padding-right: 15px;

	
}
.lineBox .lineBoxIn {
	text-align: center;
}
.lineBox .lineBoxIn .floatLeft {
	float: none;
	width: 100%;
}
.lineBox .lineBoxIn .floatLeft.image {
	float: none;
	width: 30%;
}


.lineBox .lineBoxIn h4 {
    display: block;
}
.lineBox .lineBoxIn p.floatLeft.map {
	width: 100%;
}
#wrap #secondpage {
	width: 76%;
	float: right;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 8px;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	margin-right: 0px;
	max-width: 674px;
}






}
@media only screen and (max-width:768px){

}
@media only screen and (max-width:640px){
body {
	font-size: 14px;
	font-family: "游ゴシック体", YuGothic,"游ゴシック", "Yu Gothic", “ヒラギノ角ゴ ProN”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
}
.eng {
	font-family: poppins, sans-serif;
	font-weight: 300;
}
#smpHeader {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 5000;
	background-image: url(../common/bg_page.jpg);
}
#bg .h1title {
	display: none;
}

#bg #header {
	display: none;
}
#bg #gnavi li img {
	display: none;
}

#smpHeader header {
	display: block;
}
#smpHeader header ul {
	display: table;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
	font-size: 1em;
	display: flex;
	flex-wrap: no-wrap;
	align-items: center;
	flex-direction: row;
}
#smpHeader header ul li {
	text-align: center;
	line-height: normal;
	width: auto;
	position: relative;
	letter-spacing: 1px;
	display: inline-block;
	flex-grow:1;
}
#smpHeader header ul .logo {
	width: 45%;
	padding-left: 10px;
}

#smpHeader header ul li a ,#smpHeader header ul li span{
	display: block;
	text-decoration: none;
	padding-top: 1.1em;
	padding-bottom: 1.1em;
	padding-left: 0px;
	padding-right: 0px;
}
#smpHeader header ul li a img ,#smpHeader header ul li span img{
	height: 4.53vw;
	width: auto;
}
#smpHeader header ul .logo a img {
	height: auto;
	width: auto;
}
#wrap #main .columun3 {
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 20px;
	background-image: url(../img/top/bg_onepoint.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	flex-wrap: no-wrap;
	justify-content: space-around;
}
#wrap #main .columun3 .slideBox {
	display: none;
	width: 100%;
	max-width: none;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-style: none;
	border-top-width: 0px;
	overflow: hidden;
	float: none;
}
#gnavi {
	width: 100%;
	max-width: none;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	overflow: hidden;
	display: none;
	flex-wrap: no-wrap;
	justify-content: space-around;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(../common/bg_page.jpg);
	z-index: 50000;
	height: 100%;
}

#gnavi li {
	display: block;
}
#gnavi li a {
	display: block;
	text-decoration: none;
	border-top: 1px dotted #262626;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	height: auto;
	font-size: 1.2em;
}
#gnavi li span {
	display: block;
}
#gnavi li a:hover span {
	padding-left: 1em;
	color: #262626;
	-webkit-transition: 0.2s ease-out;
     -moz-transition: 0.2s ease-out;
     -o-transition: 0.2s ease-out;
     transition: 0.2s ease-out;
}

#gnavi li.close {
	
	height: 4.53vw;
	width: auto;
	display: block;
	padding-top: 1.1em;
	padding-bottom: 1.1em;
	text-align: right;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding-right: 1.1em;
	cursor: pointer;
}
#gnavi li.close img {
	display: inline !important;
	height: 100%;
	width: auto;
}
#smpFHeader {
	display: block;
	width: 100%;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #60a67b;
	z-index: 5000;
	padding-top: 10px;
	padding-bottom: 10px;
}
#smpFHeader ul {
	display: table;
	width: 100%;
}

#smpFHeader li {
	display: table-cell;
	width: 20%;
	border-right: 1px solid #FFFFFF;
}
#smpFHeader li:last-child {
	border-right-width: 0px;
	border-right-style: none;
}
#smpFHeader li a {
	display: block;
	text-decoration: none;
	text-align: center;
}
#smpFHeader li a img {
	width: auto;
	height: 6.5vw;
}
#smpFHeader li a span {
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}
#wrap #secondpage {
	width: 100%;
	float: none;
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: 0px;
	overflow: hidden;
	margin-right: 0px;
	max-width: 674px;
}
#bg #langBox {
	position: absolute;
	top: auto;
	right: 0px;
	bottom: 0px;
	transform: translateY(100%);
}
#wrap #blogpage {
	width: 100%;
	float: none;
	padding: 0px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
	max-width: 674px;
}
#gnavi li.smp {
	display: block;
}






























}
@media only screen and (max-width:480px){
body {
	font-size: 12px;
}
#smpHeader header ul li a img {
	height: 5.53vw;
	width: auto;
}
#smpHeader header ul .logo a img {
	height: auto;
	width: auto;
}

}
@media only screen and (max-width:320px){
body {
	font-size: 11px;
}
#smpHeader header ul li a img {
	height: 6.53vw;
	width: auto;
}

}