@charset "UTF-8";
/* CSS Document */
/*-------------------------------------
Auther: AlternativeWEB
AutherURI: http://alternative-web.info
-------------------------------------*/
/*==================================================
Variable
==================================================*/
/*Common
--------------------*/
#container {
  width: 90%;
  margin: 0 auto; }

ul.related_link {
  text-align: center; }
  ul.related_link li {
    display: block;
    float: none;
    margin-right: 0px; }

/*MainNavigation
--------------------*/
ul#main_nav {
  margin-top: 24px; }
  ul#main_nav li a {
    overflow: hidden;
    display: block;
    width: 180px;
    height: 35px;
    margin-bottom: 15px;
    text-indent: -9999px; }

ul.bnr li {
  display: inline-block;
  margin-bottom: 15px; }

/*Wrapper
--------------------*/
#wrap {
  width: 100%; }

/*Main
--------------------*/
#main {
  display: block;
  width: 100% !important;
  float: none;
  margin: 0 auto; }
  #main #main_inner {
    width: 100% !important;
    margin-bottom: 43px;
    padding: 25px; }
    #main #main_inner img.photo {
      float: none;
      margin: 0 auto 40px; }

/*Sidebar
--------------------*/
#sidebar {
  float: none;
  margin: 0 auto 40px;
  width: 190px;
  margin-bottom: 20px; }

/*Footer
--------------------*/
#footer {
  background: none; }
  #footer #footer_inner {
    width: 100%;
    margin: 0 auto;
    padding-top: 15px; }
    #footer #footer_inner ul.bnr {
      display: none;
      clear: both;
      float: none;
      margin: 40px auto 10px; }
      #footer #footer_inner ul.bnr li {
        margin-right: 0px; }
    #footer #footer_inner section {
      margin: 0 auto;
      display: block;
      text-align: center; }
      #footer #footer_inner section .left_content {
        float: none;
        margin-bottom: 20px;
        border: none; }
      #footer #footer_inner section dl {
        clear: both; }

/*==================================================
Top
==================================================*/
#top {
  position: relative;
  width: 100% !important;
  margin: 0px auto;
  padding: 0px; }
  #top h1 {
    position: relative;
    left: 0%;
    z-index: 2; }
    #top h1 img {
      max-width: 100%;
      width: auto;
      height: auto; }
  #top ul li {
    position: relative;
    width: 100%;
    clear: both;
    overflow: hidden;
    height: 200px; }
    #top ul li a {
      position: relative;
      width: 100%;
      float: none; }
      #top ul li a img.bg {
        margin-top: -300px;
        width: 500px;
        overflow: hidden;
        max-width: 100%;
      }
      #top ul li a img.button {
        display: block;
        position: relative;
        z-index: 3;
        top: -480px;
        left: 0%;
        width: 30%;
        min-width: 50%;
        height: 100%;
        min-height: auto;
        margin: 0 auto;
        text-align: center;
        max-width: 100%;
        height: 203px;
        width: auto;
      }
  #top ul li:hover {
    opacity: 7;
    -webkit-opacity: 0.7; }
  #top ul li.fb_area {
    float: none;
    clear: both;
    width: 100%;
    max-width: 100%;
    height: 100%;
    color: #ffffff;
    /* background: rgba(0, 0, 0, 0.6); */}
    #top ul li.fb_area h3 {
      background: #000000; }
  #top ul img {
    max-width: 100%;
    width: auto;
    height: auto; }

/*==================================================
About
==================================================*/
.about section{
	width: 100%;
}
.about img.photo {
  display: block;
  float: left;
  clear: both;
  margin-right: 20px;
  margin-bottom: 28px; }
.about div.text p {
  margin-bottom: 45px; }

/*==================================================
Company
==================================================*/
.company h3 {
  clear: both;
  border-bottom: solid 2px #df9396; }
.company .box {
  display: block;
  float: none;
  clear: both;
  width: 380px;
  margin: 0 auto; }
.company iframe {
  float: none;
  max-width: 256px;
	width: 100%;
  margin: 0 auto; }

/*==================================================
List
==================================================*/
.list #main #main_inner {
  padding: 0px;
  border: none; }
.list #main section {
  width: 100%; }
  .list #main section ul li {
    display: block;
    float: none;
    margin-bottom: 17px;
    text-align: center; }

/*==================================================
Profile
==================================================*/
.profile .box {
  float: none;
  width: 220px;
  margin: 0 auto 20px; }

.profile .text {
    width: 100%;
}

/*==================================================
Product
==================================================*/
.product #main_inner section {
  width: 100%; }
.product #main_inner ul {
  margin-bottom: 20px; }
  .product #main_inner ul li {
    display: block;
    text-align: center;
    margin: 0 auto; }
    .product #main_inner ul li img {
      display: block;
      text-align: center;
      margin: 0 auto; }

/*==================================================
Contact
==================================================*/
.contact input[name="name"] {
  width: 70%; }
.contact input[name="email"] {
  width: 80%; }
.contact textarea {
  width: 100%; }

/*==================================================
Confirm
==================================================*/
.conf form {
  width: 80%; }
  .conf form ul {
    text-align: center; }
    .conf form ul li {
      display: inline-block; }
  .conf form input[type="submit"] {
    display: block;
    width: 125px;
    height: 65px;
    background: url(../image/contact/send_bt.png);
    text-indent: -9999px; }
/*---------------------------------------------------
cart
---------------------------------------------------*/
.cart table{
	font-size: 10px;
}
.cart th.name{
	width: 20%;
}
.cart th.price{
	width: 15%;
}
.cart th.volume{
	width: 15%;
}
.cart th.postage{
	width: 15%;
}
.cart th.total{
	width: 15%;
}
.cart th.del{
	width: 10%;
}
.cart th.update{
}
.cart td{
	padding:0px 1px;
}
.cart form .cart_submit {
	display: block;
	max-width: 255px;
	width: 100%;
	height: 65px;
	margin: 30px auto 0;
	border: none;
	background: url(../image/contact/conf_bt.png) no-repeat;
	text-indent: -9999px;
	text-align: center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}

@media (max-width: 414px) {
  #top ul li a img.button {
    top: -76vh;
  }
}

@media (max-width: 320px) {
  #top ul li a img.button {
    top: -67vh;
  }
}