@charset "UTF8";

a{
text-decoration: none;
}

hr.preservation-method-hr{
width: 95%;
margin: 0px auto;
border: 3px solid #F1BD70;
}

img{
margin: 0px;
padding: 0px;
vertical-align: bottom;
}

.wrapper{
width: 100%;
}

.h-space{
height: 5px;
}

.h-space2{
height: 20px;
}

.w-space{
width: 20px;
}

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

body{
width: 100%;
margin: 0px;
padding: 0px;
font-family: '�l�r�o �S�V�b�N',sans-serif;
-webkit-text-size-adjust: 100%;
}

hr{
width: 95%;
border-style: dashed;
margin: 0px auto;
padding: 0px;
}

/*-----------------------------
�t�b�^�[�i�r
-----------------------------*/
#footer-nav ul{
margin: 0px;
padding: 0px;
list-style-type: none;
text-alin: center;
table-layout: atuo;
vertical-align:middle;
border: 1px #000000 solid;
}

#footer-nav ul:after{
content:'';
display:block;
height: 0px;
clear: both;
visibility:hidden;
}

#footer-nav li{
font-size: 3vw;
display: inline;
color: #ffffff;
overflow: hidden;
vertical-align: middle;
height:25px;
text-align: center;
}

#footer-nav li:last-child{

}

#footer-nav li a{
display: block;
overflow: hidden;
text-decoration: none;
font-weight: bold;
border: 0.5px #000000 solid;
line-height: 30px;
}

#footer-nav li span.en{
display: none;
}

#footer-nav a:link{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

#footer-nav a:visited{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

#footer-nav a:hover{
background-color: #EF5120;
background-position: top left;
color: #ffffff;
}

#footer-nav a:active{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

.header{
display: none;
}

.m-header{
width: 100%;
}

.header-wrapper{
width: 100%;
margin-right: auto;
margin-left: auto;
display: table;
}

.header-left{
width: 30%;
color: #E04110;
font-size: 2.5vw;
line-height: 3vw;
font-weight: bold;
text-align: center;
vertical-align: bottom;
display: table-cell;
}

.header-center{
width: 20%;
text-align: center;
vertical-align: bottom;
display: table-cell;
}

.header-nanka img{
width: 100%;
height: auto;
}

.header-right{
width: 50%;
text-align: left;
text-align: center;
display: table-cell;
vertical-align: bottom;
}

.header-right-wrapper{
width: 80%;
text-align: left;
margin-right: auto;
margin-left: auto;
}

.header-right-top{
width: 100%;
color: #E04110;
font-size: 2vw;
font-weight: bold;
}

.header-right-bottom{
width: 100%;
color: #E04110;
font-size: 1.5vw;
font-weight: bold;
}

.m-header-top{
width: 100%;
}

.m-header-top-inner{
width: 90%;
}

.m-header-top-left{
width: 10%;
color: #E04110;
font-size: 5vw;
line-height: 1em;
font-weight: bold;
text-indent: 3px;
vertical-align: middle;
text-align: center;
display: table-cell;
}

.m-header-top-left img{
width: 100%;
transform: rotateZ(45deg);
}

.m-header-top-center{
width: 80%;
color: #E04110;
font-size: 6.8vw;
line-height: 1em;
font-weight: bold;
text-indent: 3px;
vertical-align: middle;
text-align: center;
display: table-cell;
}

.m-header-top-right{
width: 10%;
color: #E04110;
font-size: 5vw;
line-height: 1em;
font-weight: bold;
text-indent: 3px;
vertical-align: middle;
text-align: center;
display: table-cell;
}

.m-header-top-right img{
width: 100%;
transform: rotateZ(45deg);
}

.m-header-middle{
width: 100%;
}

.m-header-middle-inner{
width: 90%;
}

.m-header-middle-text{
width: 100%;
color: #000000;
font-size: 3.2vw;
line-height: 1em;
font-weight: bold;
text-align: center;
vertical-align: middle;
display: table;
}

.m-header-bottom{
width: 100%;
}

.m-header-bottom-inner{
width: 90%;
}

.m-header-bottom-text{
width: 100%;
color: #000000;
font-size: 3vw;
line-height: 1em;
font-weight: bold;
text-align: center;
vertical-align: middle;
display: table;
}

.header-hr{
width: 100%;
height: 10px;
background-color: #E04110;
border: none;
margin: 0px;
}

.main-nav-area{
display: none;
}

.main-inner{
width: 100%;
margin: 0 auto;
}

.icon-area{
width: 100%;
text-align: center;
}

.m-icon-area{
display: none;
}

.icon{
width: 100%
}

.icon-inner{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}

.icon-inner img{
width: 95%;
height: auto;
margin: 0px;
padding: 0px;
}

img.icon-inner2{
width: 30px;
height: auto;
margin: 0px;
padding: 0px;
}

.news-area{
overflow: auto;
border: 2px solid #EE6B3B;
border-radius: 10px;
text-indent: 1em;
font-size: 12px;
}

.news-area p{
text-indent: 1em;
font-size: 3vw;
margin: 0px;
padding: 0px;
}

.topgazou{
position: relative;
height: 100%;
border: 5px solid #EE6B3B;
padding: 0px;
background-size: cover;
background-image: url("../img/top/mikansetsumei1.jpg");
}

.topgazou2{
position: relative;
height: 80px;
border: 5px solid #EE6B3B;
padding: 0px;
background-size:cover;
background-image: url("../img/top/mikansetsumei2.jpg");
}

.topgazou p{
font-size: 3vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.topgazou2 p{
font-size: 3vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.topgazou-inner{
width: 100%;
display: table-cell;
vertical-align:middle;
height: 100%;
}

.topgazou2-inner{
width: 100%;
display: table-cell;
vertical-align: middle;
height: 80px;
}

.order-area{
display: none;
}

.m-order-area{
width: 100%;
}

th.order{
width: 30%;
background-color: #F9DDB7;
border: 3px solid #F1BD70;
text-align: center;
vertical-align: top;
padding: 5px;
}

td.order{
width: 70%;
border: 3px solid #F1BD70;
text-align: left;
vertical-align: top;
padding: 5px;
}

p.order-title{
font-size: 3vw;
font-weight: bold;
color: #000000;
margin: 0px;
padding: 0px;
}

p.order-comment{
font-size: 2.2vw;
font-weight: bold;
color: #000000;
margin: 0px;
padding: 0px;
}

.order-list p{
font-size: 3vw;
color: #000000;
text-indent: 1em;
text-align: left;
}

.order-list th{
width: 50%;
border: 5px solid #F1BD70;
}

.order-list td{
width: 50%;
border: 5px solid #F1BD70;
text-align: center;
vertical-align: middle;
}

.order-inner-text th{
width: 30%;
border: none;
text-align-last: justify;
text-justify: inter-ideograph;
font-size: 2vw;
vertical-align: top;
margin: 0px;
padding: 0px;
}

.order-inner-text td{
width: 70%;
border: none;
text-align-last: left;
font-size: 2vw;
margin: 0px;
padding: 0px;
}

p.order-inner-thanks-text{
  font-size: 2vw;
  color: red;
  margin: 0;
  display: inline;
  text-align: left;
}

p.order-inner-onsale{
  font-size: 2vw;
  color: blue;
  margin: 0;
  display: inline;
  text-align: left;
}

.write-text-above-img{
position: relative;
border: none;
padding: 0px;
background-image: url("../img/product_introduction/product_backimage.jpg");
background-size: 100% auto;
}

.write-text-above-img p{
font-size: 2.5vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.write-text-above-img-inner{
width: 100%;
display: table-cell;
vertical-align:middle;
}

.unionsummary-area{
display: none;
}

.m-unionsummary-area{
width: 100%;
}

.m-unionsummary-area table{
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border: 3px solid #F1BD70;
}

.m-unionsummary-area tr{
width: 100%;
}

.m-unionsummary-area th{
width: 100%;
background-color: #F9DDB7;
border: 3px solid #F1BD70;
text-align: center;
vertical-align: top;
font-size: 3vw;
padding: 10px 5px 10px 5px;
}

.m-unionsummary-area td{
width: 100%;
border: 3px solid #F1BD70;
text-align: center;
vertical-align: middle;
font-size: 3vw;
padding: 10px 5px 10px 5px;
}

.union-chief-right p{
font-size: 1.8vw;
font-weight: bold;
}

.access-text p{
font-size: 3vw;
font-weight: bold;
color: #EE6B3B;
}

.contact-us-form{
width: 100%;
}

.contact-us-inner{
width: 90%;
margin: 0px auto;
}

p.contact-us-text{
font-size: 3vw;
margin: 0px;
padding: 0px;
}

table.contact-us{
width: 100%;
border: 1px solid #F1BD70;
border-spacing: 0px;
}

th.contact-us{
width: 50%;
background-color: #F9DDB7;
color: #545353;
vertical-align: middle;
text-align: left;
text-indent: 1em;
padding: 5px;
font-size: 2.3vw;
border: 1px solid #F1BD70;
}

td.contact-us{
width: 50%;
background-color: #F9DDB7;
padding: 5px;
border: 1px solid #F1BD70;
}

td.contact-us-menu{
width: 70%;
padding: 5px;
text-align: center;
}

table.button{
width: 100%;
}

tr.button{
text-align: center;
}

input.button{
padding: 10px;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
}

p.contact-us-order-text{
font-size: 3vw;
color: #EE6B3B;
font-weight: bold;
margin: 0px;
padding: 0px;
}

table.contact-us-menu{
width: 100%;
}

tr.contact-us-menu{
text-align: center;
}

input.contact-us-menu{
padding: 10px;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
}

.send-completely{
width: 100%;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
text-align: center;
}

p.send-completely-comment{
text-align: center;
}

.footer-text-inner{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0px;
}

.footer-text-inner p{
font-size: 3vw;
font-weight: bold;
margin: 0px;
color: #ffffff;
text-align: center;
}

.footer-text{
width: 100%;
height: 100%;
background-color: #EE6B3B
}

}

@media screen and (min-width:600px) and (max-width: 800px){

body{
width: 100%;
margin: 0px;
padding: 0px;
font-family: '�l�r�o �S�V�b�N',sans-serif;
-webkit-text-size-adjust: 100%;
}

hr{
width: 95%;
border-style: dashed;
margin: 0px auto;
padding: 0px;
}

/*-----------------------------
�t�b�^�[�i�r
-----------------------------*/
#footer-nav ul{
margin: 0px;
padding: 0px;
list-style-type: none;
text-alin: center;
table-layout: atuo;
vertical-align:middle;
border: 1px #000000 solid;
}

#footer-nav ul:after{
content:'';
display:block;
height: 0px;
clear: both;
visibility:hidden;
}

#footer-nav li{
font-size: 3vw;
display: inline;
color: #ffffff;
overflow: hidden;
vertical-align: middle;
height:25px;
text-align: center;
}

#footer-nav li:last-child{

}

#footer-nav li a{
display: block;
overflow: hidden;
text-decoration: none;
font-weight: bold;
border: 0.5px #000000 solid;
line-height: 30px;
}

#footer-nav li span.en{
display: none;
}

#footer-nav a:link{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

#footer-nav a:visited{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

#footer-nav a:hover{
background-color: #EF5120;
background-position: top left;
color: #ffffff;
}

#footer-nav a:active{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

.header{
display: none;
}

.m-header{
width: 100%;
}

.header-wrapper{
width: 100%;
margin-right: auto;
margin-left: auto;
display: table;
}

.header-left{
width: 30%;
display: table-cell;
}

.header-left-top{
width: 100%;
color: #E04110;
font-size: 2vw;
line-height: 3vw;
font-weight: bold;
text-align: left;
vertical-align: bottom;
padding-bottom: 5px;
padding-left: 20px;
}

.header-left-bottom{
width: 100%;
color: #E04110;
font-size: 2.5vw;
line-height: 3vw;
font-weight: bold;
text-align: left;
vertical-align: bottom;
padding-left: 20px;
}

.header-center{
width: 20%;
text-align: center;
vertical-align: bottom;
display: table-cell;
}

.header-nanka img{
width: 100%;
height: auto;
}

.header-right{
width: 50%;
text-align: left;
text-align: center;
display: table-cell;
vertical-align: bottom;
}

.header-right-wrapper{
width: 80%;
text-align: left;
margin-right: auto;
margin-left: auto;
}

.header-right-top{
width: 100%;
color: #E04110;
font-size: 2vw;
font-weight: bold;
}

.header-right-bottom{
width: 100%;
color: #E04110;
font-size: 1.5vw;
font-weight: bold;
}

.m-header-top{
width: 100%;
}

.m-header-top-inner{
width: 90%;
}

.m-header-top-left{
width: 10%;
color: #E04110;
font-size: 5vw;
line-height: 1em;
font-weight: bold;
text-indent: 3px;
vertical-align: middle;
text-align: center;
display: table-cell;
}

.m-header-top-left img{
width: 100%;
}

.m-header-top-center{
width: 80%;
color: #E04110;
font-size: 6.8vw;
line-height: 1em;
font-weight: bold;
text-indent: 3px;
vertical-align: middle;
text-align: center;
display: table-cell;
}

.m-header-top-right{
width: 10%;
color: #E04110;
font-size: 5vw;
line-height: 1em;
font-weight: bold;
text-indent: 3px;
vertical-align: middle;
text-align: center;
display: table-cell;
}

.m-header-top-right img{
width: 100%;
}

.m-header-middle{
width: 100%;
}

.m-header-middle-inner{
width: 90%;
}

.m-header-middle-text{
width: 100%;
color: #000000;
font-size: 3.2vw;
line-height: 1em;
font-weight: bold;
text-indent: 3px;
text-align: center;
vertical-align: middle;
display: table;
}

.m-header-bottom{
width: 100%;
}

.m-header-bottom-inner{
width: 90%;
}

.m-header-bottom-text{
width: 100%;
color: #000000;
font-size: 3vw;
line-height: 1em;
font-weight: bold;
text-align: center;
vertical-align: middle;
display: table;
}

.header-hr{
width: 100%;
height: 10px;
background-color: #E04110;
border: none;
margin: 0px;
}

.main-nav-area{
display: none;
}

.main-inner{
width: 100%;
margin: 0 auto;
}

.icon-area{
width: 100%;
text-align: center;
}

.m-icon-area{
display: none;
}

.icon{
width: 100%
}

.icon-inner{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}

.icon-inner img{
width: 95%;
height: auto;
margin: 0px;
padding: 0px;
}

img.icon-inner2{
width: 30px;
height: auto;
margin: 0px;
padding: 0px;
}

.news-area{
overflow: auto;
border: 2px solid #EE6B3B;
border-radius: 10px;
text-indent: 1em;
font-size: 12px;
}

.news-area p{
text-indent: 1em;
font-size: 3vw;
margin: 0px;
padding: 0px;
}

.topgazou{
position: relative;
height: 160px;
border: 5px solid #EE6B3B;
padding: 0px;
background-size: cover;
background-image: url("../img/top/mikansetsumei1.jpg");
}

.topgazou2{
position: relative;
height: 80px;
border: 5px solid #EE6B3B;
padding: 0px;
background-size:cover;
background-image: url("../img/top/mikansetsumei2.jpg");
}

.topgazou p{
font-size: 3vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.topgazou2 p{
font-size: 3vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.topgazou-inner{
width: 100%;
display: table-cell;
vertical-align:middle;
height: 160px;
}

.topgazou2-inner{
width: 100%;
display: table-cell;
vertical-align: middle;
height: 80px;
}

.order-area{
display: none;
}

.m-order-area{
width: 100%;
}

th.order{
width: 30%;
background-color: #F9DDB7;
border: 3px solid #F1BD70;
text-align: center;
vertical-align: top;
padding: 5px;
}

td.order{
width: 70%;
border: 3px solid #F1BD70;
text-align: left;
vertical-align: top;
padding: 5px;
}

p.order-title{
font-size: 3vw;
font-weight: bold;
color: #000000;
margin: 0px;
padding: 0px;
}

p.order-comment{
font-size: 2.2vw;
font-weight: bold;
color: #000000;
margin: 0px;
padding: 0px;
}

.order-list p{
font-size: 3vw;
color: #000000;
text-indent: 1em;
text-align: left;
}

.order-list th{
width: 50%;
border: 5px solid #F1BD70;
}

.order-list td{
width: 50%;
border: 5px solid #F1BD70;
text-align: center;
vertical-align: middle;
}

.order-inner-text th{
width: 30%;
border: none;
text-align-last: justify;
text-justify: inter-ideograph;
font-size: 2vw;
vertical-align: top;
margin: 0px;
padding: 0px;
}

.order-inner-text td{
width: 70%;
border: none;
text-align-last: left;
font-size: 2vw;
margin: 0px;
padding: 0px;
}

p.order-inner-thanks-text{
  font-size: 2vw;
  color: red;
  margin: 0;
  display: inline;
  text-align: left;
}

p.order-inner-onsale{
  font-size: 2vw;
  color: blue;
  margin: 0;
  display: inline;
  text-align: left;
}

.write-text-above-img{
position: relative;
border: none;
padding: 0px;
background-image: url("../img/product_introduction/product_backimage.jpg");
background-size: 100% auto;
}

.write-text-above-img p{
font-size: 2.5vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.write-text-above-img-inner{
width: 100%;
display: table-cell;
vertical-align:middle;
}

.unionsummary-area{
display: none;
}

.m-unionsummary-area{
width: 100%;
}

.m-unionsummary-area table{
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border: 3px solid #F1BD70;
}

.m-unionsummary-area tr{
width: 100%;
}

.m-unionsummary-area th{
width: 100%;
background-color: #F9DDB7;
border: 3px solid #F1BD70;
text-align: center;
vertical-align: top;
font-size: 3vw;
padding: 10px 5px 10px 5px;
}

.m-unionsummary-area td{
width: 100%;
border: 3px solid #F1BD70;
text-align: center;
vertical-align: middle;
font-size: 3vw;
padding: 10px 5px 10px 5px;
}

.union-chief-right p{
font-size: 2vw;
font-weight: bold;
}

.access-text p{
font-size: 3vw;
font-weight: bold;
color: #EE6B3B;
}

.contact-us-form{
width: 100%;
}

.contact-us-inner{
width: 90%;
margin: 0px auto;
}

p.contact-us-text{
font-size: 2.5vw;
margin: 0px;
padding: 0px;
}

table.contact-us{
width: 100%;
border: 1px solid #F1BD70;
border-spacing: 0px;
}

th.contact-us{
width: 40%;
background-color: #F9DDB7;
color: #545353;
vertical-align: middle;
text-align: left;
text-indent: 1em;
padding: 5px;
font-size: 2vw;
border: 1px solid #F1BD70;
}

td.contact-us{
width: 60%;
background-color: #F9DDB7;
padding: 5px;
border: 1px solid #F1BD70;
}

td.contact-us-menu{
width: 70%;
padding: 5px;
text-align: center;
}

table.button{
width: 100%;
}

tr.button{
text-align: center;
}

input.button{
padding: 10px;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
}

p.contact-us-order-text{
font-size: 3vw;
color: #EE6B3B;
font-weight: bold;
margin: 0px;
padding: 0px;
}

table.contact-us-menu{
width: 100%;
}

tr.contact-us-menu{
text-align: center;
}

input.contact-us-menu{
padding: 10px;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
}

.send-completely{
width: 100%;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
text-align: center;
}

p.send-completely-comment{
text-align: center;
}

.footer-text-inner{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0px;
}

.footer-text-inner p{
font-size: 3vw;
font-weight: bold;
margin: 0px;
color: #ffffff;
text-align: center;
}

.footer-text{
width: 100%;
height: 100%;
background-color: #EE6B3B
}

}

@media print,screen and (min-width:768px){

body{
width: 100%;
margin: 0px;
padding: 0px;
font-family: '�l�r�o �S�V�b�N',sans-serif;
}

hr{
width: 95%;
border-style: dashed;
margin-top: 5px;
margin-bottom: 5px;
text-align: center;
}

.header{
width: 100%;
}

.m-header{
display: none;
}

.header-wrapper{
width: 100%;
margin-right: auto;
margin-left: auto;
display: table;
}

.header-left{
width: 40%;
display: table-cell;
}

.header-left-top{
width: 100%;
color: #E04110;
font-size: 2.5vw;
line-height: 3vw;
font-weight: bold;
text-align: left;
vertical-align: bottom;
padding-bottom: 5px;
padding-left: 120px;
}

.header-left-bottom{
width: 100%;
color: #E04110;
font-size: 2.5vw;
line-height: 3vw;
font-weight: bold;
text-align: left;
vertical-align: bottom;
padding-left: 120px;
}

.header-center{
width: 20%;
display: table-cell;
text-align: center;
vertical-align: bottom;
}

.header-nanka img{
width: 100%;
height: auto;
}

.header-right{
width: 40%;
text-align: left;
display: table-cell;
vertical-align: bottom;
}

.header-right-wrapper{
width: 95%;
text-align: left;
margin-right: auto;
margin-left: auto;
}

.header-right-top{
width: 100%;
color: #E04110;
font-size: 1.5vw;
font-weight: bold;
}

.header-right-bottom{
width: 100%;
color: #E04110;
font-size: 1.5vw;
font-weight: bold;
}

/*-----------------------------
�t�b�^�[�i�r
-----------------------------*/
#footer-nav ul{
width: 768px;
margin: 0 auto;
padding: 0px;
list-style-type: none;
text-alin: center;
display: table;
table-layout: auto;
vertical-align:middle;
line-height: 3;
}

#footer-nav li{
display: table-cell;
font-size: 13px;
color: #ffffff;
overflow: hidden;
vertical-align: middle;
height:25px;
text-align: center;
}

#footer-nav ul:after{
content: "";
display:block;
height: 0;
clear: both;
visibility:hidden;
}

#footer-nav li a{
display:block;
height: 37px;
overflow: hidden;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
font-weight: bold;
}

#footer-nav li span.en{
display: none;
}

#footer-nav a:link{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

#footer-nav a:visited{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

#footer-nav a:hover{
background-color: #EF5120;
background-position: top left;
color: #ffffff;
}

#footer-nav a:active{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

.hamburgerhidden{display:none;}

.main-nav-area{
width: 100%;
background-color: #EE6B3B;
vertical-align: middle;
}

.main-inner{
width: 60%;
margin: 0 auto;
}

.icon-area{
width: 100%;
}

.m-icon-area{
display: none;
}

.icon{
width: 25%
}

.icon-inner{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}

.icon-inner img{
width: 100%;
height: auto;
margin: 0px;
padding: 0px;
}

.news-area{
width: 100%;
border: 2px solid #EE6B3B;
border-radius: 10px;
}

.news-area p{
text-indent: 1em;
font-size: 1.2vw;
margin: 0px;
padding: 0px;
}

.topgazou{
position: relative;
height: 199px;
border: 10px solid #EE6B3B;
padding: 0px;
background-image: url("../img/top/mikansetsumei1.jpg")
}

.topgazou2{
position: relative;
height: 199px;
border: 10px solid #EE6B3B;
padding: 0px;
background-image: url("../img/top/mikansetsumei2.jpg")
}

.topgazou p{
font-size: 1.8vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.topgazou2 p{
font-size: 1.8vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.topgazou-inner{
width: 100%;
display: table-cell;
vertical-align:middle;
height: 199px;
}

.topgazou2-inner{
width: 100%;
display: table-cell;
vertical-align: middle;
height: 199px;
}

.order-area{
width: 100%;
}

.m-order-area{
display: none;
}

th.order{
width: 30%;
background-color: #F9DDB7;
border: 3px solid #F1BD70;
text-align: left;
vertical-align: top;
padding: 10px;
}

td.order{
width: 70%;
border: 3px solid #F1BD70;
text-align: left;
vertical-align: top;
padding: 10px;
}

p.order-title{
font-size: 1.2vw;
font-weight: bold;
color: #000000;
margin: 0px;
padding: 0px;
}

.order-list p{
font-size: 1.5vw;
color: #000000;
text-indent: 1em;
text-align: left;
}

.order-list th{
width: 50%;
border: 5px solid #F1BD70;
}

.order-list td{
width: 50%;
border: 5px solid #F1BD70;
text-align: center;
vertical-align: middle;
}

.order-inner-text th{
width: 30%;
border: none;
text-align-last: justify;
text-justify: inter-ideograph;
font-size: 1.3vw;
vertical-align: top;
margin: 0px;
padding: 0px;
}

.order-inner-text td{
width: 70%;
border: none;
text-align-last: left;
font-size: 1.3vw;
margin: 0px;
padding: 0px;
}

p.order-inner-thanks-text{
  font-size: 1vw;
  color: red;
  margin: 0;
  display: inline;
  text-align: left;
}

p.order-inner-onsale{
  font-size: 1vw;
  color: blue;
  margin: 0;
  display: inline;
  text-align: left;
}

p.order-comment{
font-size: 1vw;
color: #000000;
margin: 0px;
padding: 0px;
}

.write-text-above-img{
position: relative;
border: none;
padding: 0px;
background-image: url("../img/product_introduction/product_backimage.jpg");
background-size: 100% auto;
}

.write-text-above-img p{
font-size: 1.5vw;
font-weight: bold;
color: #EE6B3B;
margin: 3px;
text-indent: 1em;
text-shadow:
    white 2px 0px,  white -2px 0px,
    white 0px -2px, white 0px 2px,
    white 2px 2px , white -2px 2px,
    white 2px -2px, white -2px -2px,
    white 1px 2px,  white -1px 2px,
    white 1px -2px, white -1px -2px,
    white 2px 1px,  white -2px 1px,
    white 2px -1px, white -2px -1px;
}

.write-text-above-img-inner{
width: 100%;
display: table-cell;
vertical-align:middle;
}

.unionsummary-area{
width: 100%;
}

.m-unionsummary-area{
display: none;
}

.unionsummary-area table{
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border: 3px solid #F1BD70;
}

.unionsummary-area tr{
width: 100%;
}

.unionsummary-area th{
width: 40%;
background-color: #F9DDB7;
border: 3px solid #F1BD70;
text-align: left;
vertical-align: top;
padding: 10px 5px 10px 5px;
}

.unionsummary-area td{
width: 60%;
border: 3px solid #F1BD70;
text-align: left;
vertical-align: middle;
padding: 10px 5px 10px 20px;
}

.union-chief-right p{
font-size: 1.2vw;
font-weight: bold;
}

.access-text p{
font-size: 1.5vw;
font-weight: bold;
color: #EE6B3B;
}

.contact-us-form{
width: 100%;
}

.contact-us-inner{
width: 80%;
margin: 0px auto;
}

p.contact-us-text{
font-size: 1.3vw;
margin: 0px;
padding: 0px;
}

table.contact-us{
width: 100%;
border: 1px solid #F1BD70;
border-spacing: 0px;
}

th.contact-us{
width: 40%;
background-color: #F9DDB7;
color: #545353;
vertical-align: middle;
text-align: left;
text-indent: 1em;
font-size: 1.2vw;
padding: 5px;
border: 1px solid #F1BD70;
}

td.contact-us{
width: 60%;
background-color: #F9DDB7;
padding: 5px;
border: 1px solid #F1BD70;
}

td.contact-us-menu{
width: 70%;
padding: 5px;
text-align: center;
}

table.button{
width: 100%;
}

tr.button{
text-align: center;
}

input.button{
padding: 10px;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
}

p.contact-us-order-text{
font-size: 1.3vw;
color: #EE6B3B;
font-weight: bold;
margin: 0px;
padding: 0px;
}

table.contact-us-menu{
width: 100%;
}

tr.contact-us-menu{
text-align: center;
}

input.contact-us-menu{
padding: 10px;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
}

.send-completely{
width: 100%;
background-color: #F9DDB7;
color: #545353;
font-weight: bold;
text-align: center;
}

p.send-completely-comment{
text-align: center;
}

.footer-text-inner{
width: 100%;
height: auto;
margin: 0 auto;
padding: 0px;
}

.footer-text-inner p{
font-size: 1.5vw;
font-weight: bold;
margin: 0px;
color: #ffffff;
text-align: center;
}

.footer-text{
width: 100%;
height: 150px;
background-color: #EE6B3B
}

}

.header-top-space{
height: 5px;
}


/*-----------------------------
���C���i�r
-----------------------------*/

#hamburgernav {
    cursor:pointer;
    background-color: #EE6B3B;
    box-sizing: border-box;
    height: 100%;
    padding: 10px 10px;
    position: fixed;
    right: -300px;
    top: 0;
    transition: transform 0.3s linear 0s;
    width: 300px;
    z-index: 1000;
}

#hamburgernav::before {
    background-color: #EE6B3B;
    border-radius: 0 0 0 10px;
    color: #ffffff;
    content: "\2261";
    display: block;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 30px;
}

#hamburgernavbackground {
    background-color: #333;
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s;
    width: 100%;
    z-index: -1;
}

#hamburgernav:hover {
    transform: translate(-150px);
color: #FFFFFF;
}

#hamburgernav:hover + #hamburgernavbackground {
    opacity: 0.5;
    z-index: 999;
}

#hamburgernav a:link{
    background-color : #EE6B3B;
    color: white;
    background-position: top left;
    text-decoration: none;
}
#hamburgernav a:visited{
    background-color : #EE6B3B;
    color: white;
    background-position: top left;
}
#hamburgernav a:hover{
    background-color : #EE6B3B;
    color: #FEEA10;
    background-position: left top;
}
#hamburgernav a:active{
    background-color : #EE6B3B;
    color: white;
    background-position: left top;
}

.main-nav-area-wrapper{
width: 100%;
text-align: center;
}

.main-nav-area-inner{
display: flex;
justify-content: space-around;
padding:0;
list-style: none;
width: 768px;
margin: 0 auto;
vertical-align:middle;
}

.main{
width: 100%;
}

.topimage img{
width: 100%;
height: auto;
}

table.news-area{
width: 100%;
border-collapse: collapse;
cell-spacing: 0px;
cell-padding: 0px;
border: none;
}

tr.news-area{
width: 100%;
border: none;
}

td.news-area-l{
width: 30%;
text-align: left;
}

td.news-area-r{
width: 70%;
text-align: left;
}

td.news-area-hr{
width: 100%;
text-align: center;
}

.title-bar{
border: none;
border-radius: 100px;
background-color: #EE6B3B;
width: 100%;
text-indent: 1em;
vertical-align: middle;
color: #ffffff;
font-family : '�l�r �o�S�V�b�N',sans-serif;
font-weight: bold;
font-size: 2vw;
}

.title-bar-center{
border: none;
border-radius: 100px;
background-color: #EE6B3B;
width: 100%;
vertical-align: middle;
color: #ffffff;
font-family : '�l�r �o�S�V�b�N',sans-serif;
font-weight: bold;
text-align: center;
font-size: 2vw;
}

.topg{
width: 100%;
}

.topgazou-center{
width: 100%;
margin: auto;
}

.topgazou2-center{
width: 100%;
margin: auto;
}

.sub-area{
width: 90%;
margin: 0px auto;
}

.sub-title{
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
}

.sub-title-box{
width: 50%;
display: table;
vertical-align: middle;
}

.sub-title-box-t{
width: 25%;
}

.sub-title img{
width: 100%;
}

.order-image{
width: 100%;
}


.order-image img{
width: 100%;
border-radius: 25px;
}

.cardboard{
width: 100%;
display: flex;
}

.cardboard-box{
width: 50%;
text-align: center;
vertical-align: middle;
}

.cardboard-box img{
width: 95%;
border-radius: 25px;
}

.order-list table{
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
border: 5px solid #F1BD70;
}

.order-list tr{
width: 100%;
}

.order-list img{
width: 80%;
margin: 10px;
}

.order{
width: 100%;
}

table.order{
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
}

tr.order{
width: 100%;
}

.order-inner-text{
width: 90%;
margin: 0px auto;
}

.order-inner-text table{
width: 100%;
border: none;
border-collapse: collapse;
}

.order-inner-text tr{
width: 100%;
}

.order-button-area{
width: 100%;
}

.order-button-area-inner{
width: 50%;
margin: 0px auto;
}

table.order-button-area-inner{
width: 100%;
}

tr.order-button-area-inner{
width: 100%;
}

td.order-button-area-inner{
width: 100%;
text-align: center;
}

.order-button{
display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background-color: #F1BD70;
color: #ffffff;
border-bottom: solid 4px #022603;
border-radius: 3px;
font-size: 2vw;
font-weight: bold;
}

.order-button:active{
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}

.mikaniro{
width: 100%;
}

.mikaniro img{
width: 100%;
}

.introduction-image{
width: 100%;
background-image: url("../img/product_introduction/introduction_backimage.jpg");
background-size: 100% auto;
border-radius: 25px;
}

.introduction-image-inner{
width: 100%;
height: 100%;
display: table-cell;
padding: 0px 20px 0px 20px;
}

.introduction-image-inner p{
font-size: 1.5vw;
font-weight: bold;
color: #ffffff;
margin: 3px;
text-shadow:
    black 3px 0px,  black -3px 1px,
    black 0px -3px, black 1px 3px,
    black 3px 3px , black -3px 3px,
    black 3px -3px, black -3px -3px,
    black 2px 3px,  black -2px 3px,
    black 2px -3px, black -2px -3px,
    black 3px 2px,  black -3px 2px,
    black 3px -2px, black -3px -2px;
}

.preservation-method{
width: 100%;
}

.preservation-method-inner{
width: 100%;
background-image: url("../img/product_introduction/save_backimage.png");
background-size: 100% auto;
background-repeat: repeat-y;
}

.preservation-method-title{
width: 100%;
}

.preservation-method-title p{
font-size: 2.2vw;
font-weight: bold;
color: #EE6B3B;
text-align: center;
margin: 0px;
padding: 0px;
}

.preservation-method-text{
width: 100%;
}

.preservation-method-text p{
font-size: 1.5vw;
font-weight: bold;
color: #000000;
text-align: center;
margin: 0px;
padding: 0px;
}

.preservation-method-image{
width: 100%;
text-align: center;
}

.preservation-method-image img{
width: 60%;
}

.how-to-distinguish{
width: 100%;
text-align: center;
}

.how-to-distinguish img{
width: 60%;
margin-top: 10px;
margin-bottom: 10px;
}

.nutrition-and-efficacy{
width: 100%;
}

.nutrition-and-efficacy span{
font-size: 1.8vw;
font-weight: bold;
color: #569766;
text-align: left;
margin: 0px;
padding: 0px;
text-indent: 10em;
}

.nutrition-and-efficacy p{
font-size: 1.5vw;
font-weight: bold;
color: #000000;
text-align: left;
margin: 0px;
padding: 0px;
text-indent: 10em;
}

.nutrition-and-efficacy-image{
width: 45%;
margin: 0px auto;
}

.nutrition-and-efficacy-image-inner{
width: 100%;
display: table-text;
text-align: right;
}

.nutrition-and-efficacy-image img{
width: 50%;
}

.nankouimage{
width: 100%;
display: flex;
}

.nankouimage-box-l{
width: 50%;
text-align: center;
vertical-align: middle;
}

.nankouimage-box-l img{
width: 95%;
border-radius: 25px;
}

.nankouimage-box-r{
width: 50%;
text-align: center;
vertical-align: middle;
}

.nankouimage-box-r img{
width: 95%;
border-radius: 25px;
}

.shipment-calendar{
width: 95%;
margin: 0px auto;
}

.shipment-calendar p{

}

.shipment-calendar table{
width: 100%;
border-collapse: collapse;
border: 1px solid #000000;
}

.shipment-calendar-title{
width: 100%;
text-align: center;
font-size: 3vw;
font-weight: bold;
color: #EE6B3B;
}

.shipment-calendar tr{
width: 100%;
border: 1px solid #000000;
}

.shipment-calendar th{
width: 20%;
font-size: 1.5vw;
font-weight: bold;
border: 1px solid #000000;
margin: 0px;
padding: 0px;
}

td.shipment-calendar-month{
width: 5%;
font-size: 1vw;
font-weight: bold;
color: #ffffff;
text-align: center;
background-color: #d54040;
margin: 0px;
padding: 0px;
}

.shipment-calendar td{
width: 5%;
font-weight: bold;
border: 1px solid #000000;
margin: 0px;
padding: 0px;
}

td.shipment-calendar-right{
width: 20%;
font-size: 1.5vw;
font-weight: bold;
text-align: center;
vertical-align: middle;
margin: 0px;
padding: 0px;
}

td.shipment-calendar-right img{
width: 50%;
}

.shipment-calendar-cell{
width: 100%;
height: 100%;
display: flex;
margin: 0px;
padding: 0px;
}

.shipment-calendar-non-color{
width: 50%;
height: 100%;
background-color: #ffffff;
}

.shipment-calendar-color{
width: 50%;
background-color: #F9DDB7;
height: 100%;
}

.line{
width: 100%;
}

.line img{
width: 100%;
}

.select-area{
width: 100%;
}

.select-title-area{
width:100%;
display: table;
}

.select-title-left{
width: 10%;
display: table-cell;
vertical-align:middle;
}

.select-title-left img{
width: 100%;
}

.select-title{
width: 80%;
display: table-cell;
text-align: center;
vertical-align: middle;
font-size: 3vw;
color: #EE6B3B;
font-weight: bold;
}

.select-title-right{
width: 10%;
display: table-cell;
vertical-align:middle;
}

.select-title-right img{
width: 100%;
}

.select{
width: 100%;
display: flex;
}

.select-left{
width: 50%;
text-align: center;
vertical-align: middle;
}

.select-left img{
width: 95%;
border-radius: 25px;
}

.select-right{
width: 50%;
text-align: center;
vertical-align: middle;
}

.select-right img{
width: 95%;
border-radius: 25px;
}

.write-text-above{
width: 100%;
}

.write-text-above-center{
width: 100%;
margin: auto;
}

.access-map{
width: 100%;
text-align: center;
}

.access-text{
width: 100%;
text-align: center;
}

.contact-us-area{
width: 100%;
}

.union-photo-line-top{
width: 100%;
}

.union-photo-line-top img{
width: 100%;
}

.union-photo-line-bottom{
width: 100%;
}

.union-photo-line-bottom img{
width: 100%;
}

.union-photo-top{
width: 100%;
height: 100%;
text-align: center;
}

.union-photo-top img{
width: 100%;
vertical-align: bottom;
}

.union-photo-middle{
width: 100%;
background-image: url("../img/union_summary/board_middle.jpg");
background-size: 100% auto;
text-align: center;
padding-top: 10px;
padding-bottom: 10px;
}

.union-photo-bottom{
width: 100%;
height: 100%;
text-align: center;
}

.union-photo-bottom img{
width: 100%;
vertical-align: top;
}

.union-photo-middle-inner{
width: 80%;
margin: 0px auto;
}

.union-photo-middle-inner table{
width: 100%;
}

.union-photo-middle-inner tr{
width: 100%;
}

.union-photo-middle-inner td{
width: 46%;
position: relative;
}

.union-photo-middle-inner img{
width: 100%;
vertical-align: bottom;
}

.union-chief{
width: 100%;
}

.union-chief table{
width: 100%;
}

.union-chief tr{
width: 100%;
}

td.union-chief-left{
width: 28%;
}

.union-chief-left img{
width: 100%;
vertical-align: bottom;
border-radius: 25px;
}

td.union-chief-right{
width: 72%;
padding: 0px 20px 0px 20px;
border-radius: 25px;
background-color: #F9DDB7;
}

.union-map-image{
width: 100%;
display: flex;
}

.signboard{
width: 50%;
text-align: left;
}

.signboard img{
width: 95%;
border-radius: 25px;
}

.union-shop{
width: 50%;
text-align: right;
}

.union-shop img{
width: 95%;
border-radius: 25px;
}

.footer{
width: 100%;
background-color: #EE6B3B;
}

.copy{
width: 100%;
text-align: center;
font-size: 1vw;
}

#main-nav ul{
width: 768px;
margin: 0px auto;
padding: 0px;
list-style-type: none;
text-alin: center;
display: table;
table-layout: atuo;
vertical-align:middle;
line-height: 3;
}

#main-nav ul:after{
content:'';
display:block;
height: 0px;
clear: both;
visibility:hidden;
}

#main-nav li{
display: table-cell;
font-size: 13px;
color: #ffffff;
overflow: hidden;
vertical-align: middle;
height:25px;
text-align: center;
}

#main-nav li a{
display: block;
overflow: hidden;
padding-left: 10px;
padding-right: 10px;
text-decoration: none;
font-weight: bold;
}

#main-nav li span.en{
display: none;
}

#main-nav a:link{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

#main-nav a:visited{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

#main-nav a:hover{
background-color: #EF5120;
background-position: top left;
color: #ffffff;
}

#main-nav a:active{
background-color: #EE6B3B;
background-position: top left;
color: #ffffff;
}

/*------------------------------
�o�i�[�i�r
------------------------------*/

#icon img{
display: table-cell;
}


#icon ul{
display: table;
table-layout: auto;
text-align: center;
width: 100%;
list-style-type: none;
margin: 0px;
padding: 0px;
}

#icon ul:after{
content:'';
height: 0px;
clear: both;
visibility:hidden;
vertical-align:middle;
}


#icon li{
display: inline-block;
vertical-align: middle;
}

#icon li:first-child{
border-left: 1px solid #ffffff;
}

#icon li a{
width: 100%;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
text-decoration: none;
font-weight: bold;
vertical-align: middle;
}

#icon li span.en{
display: none;
}

#icon a:link{
width: 100%;
background-position: top left;
}

#icon a:visited{
background-position: top left;
}

#icon a:hover{
background-position: top left;
}

#icon a:active{
background-position: top left;
}