@charset "UTF-8";

/*------------------------------------------------------------
  Oder suit
------------------------------------------------------------*/
.shop_name{
  font-family: "ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
  font-size: 30px;
  margin-bottom: 40px;
  margin-top: 10px;
  text-align: center;
}

@media screen and (max-width: 479px) {
    #order #header {
        background-size: 100% auto;
        margin-bottom: 20px;
        height: 14em;
        padding: 0;
    }
    #order .section {
        margin: 0 auto 20px;
        padding: 0;
    }
    #order .section h2 {
        font-size: 2.0em;
        margin-top:40px;
    }
    #order .section h3 {
        font-size: 0.9em;
    }
    #order .section .column_2 .left,
    #order .section .column_2 .right {
        width: 100%;
        float: none;
        padding: 0;
    }
    #order .section .column_2 .right .image {
        margin: 0;
    }
    #order .section .column_2 .image img {
        width: 100%;
    }
    #order #comment { margin: 0 0 60px 0;}
    #order #comment .maxwidth {
        width: 100%;
    }
    #order .section p,
    #order #comment p,
    #order #factory p {
        line-height: 1.7em;
        width: 90%;
        margin: 0 auto 20px;
    }
    #order .image img {
        width: 100%;
        height: auto;
    }
    #order #comment .maxwidth {
        height: auto;
        margin: 20px 0;
    }
    #order #point, 
    #order #factory,
    #order #process,
    #order #access  {
        padding: 0;
    }
    #order #point p.image_p img {
        margin: 0;
        width: 100%;
        height: auto;
    }
    #order .section .list_4 {
        padding: 0 10px;
    }
    #order .section .list_4 li {
        margin: 0 0 40px;
        width: 100%; 
    }
    #order #video {
        width: 90%;
        height: auto;
        margin: 0 5%;
    }
    #order #process ul li p {
        width: 90%;
    }
    #order #process ul li .num {
        height: 30px;
    }
    #order #access .image {
        height: auto;
        margin: 0;
    }
    #order #access .access_list {
        float: none;
        margin: 20px auto;
        width: 90%;
    }
    #order #access #map {
        float: none;
        height: auto;
        margin: 0 auto;
        width: 90%;
    }
    #order .link a {
        width: 90%;
    }
}

@media screen and (max-width: 479px) {
    #feature_order .header h3 {
        font-size: 2.0em;
        line-height: 2.0em;
        margin: 60px 0;
        padding: 0 30px;
    }
    #feature_order .header p {
        font-size: 12px;
        line-height: 1.7em;
        margin: 40px auto;
        padding-bottom: 0;
        text-align: center;
        width: 90%;
    }
    #feature_order div p,
    #feature_order .header h1 img {
        width: 100%;
        height: auto;
    }
    #feature_order #archive ul {
        width: 100%;
    }
    #feature_order #archive, #feature_order .article {
        padding: 10px;
    }
    #feature_order #archive ul li .article_title {
        font-size: 12px;
        line-height: 1.7em;
    }
    .item_link {
        margin-bottom: 40px;
    }
    div#feature_order .item_link a, div.shop_container .item_link a {
        width: 95%;
        margin: 0 auto;
    }
    #detailarea, .sub_area {
        margin: 0;
    }
    #feature_order .profile {
        margin: 0 auto 60px;
        width: 90%;
    }
    #feature_order .profile p {
        margin: 0 auto;
        width: 100%;
    }
    .shop_name {
        font-size: 18px;
    }
}