@charset "utf-8";

.col-1-5 {
	float:none;
  width:100%;
}

.title01 {
    margin: 10px 0 30px 0 !important;
}

.main-content .intro-section {
	margin-bottom:0;
}

.clear{
clear:both;
}

body
{
	min-width:auto;
}

.globalHeader {
    height: 60px;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #9a9a9a;
    overflow: hidden;
}

.globalHeader h1 {
    float: left;
    margin: 0;
    padding: 6px 0 0 0;
}

#menu {
	width: 60px;
	height: 60px;
    float: right;
	cursor: pointer;
    z-index: 30;
    background-color: #726B4C;
    position: relative;
}

#menu .bar {
	display: inline-block;
	width: 31px;
	height: 6px;
	background-color: #ffffff;
	position: absolute;
	transition: .15s ease-in-out;
    left: 15px;
}

#bar01 {
	top: 16px;
}
#bar02 {
	top: 27px;
}
#bar03 {
	top: 38px;
}
.active #bar01 {
	top: 27px;
	transform: rotate(45deg);
}
.active #bar02 {
	width: 0;
}
.active #bar03 {
	top: 27px;
	transform: rotate(-45deg);
}

.menuHeader {
    float: right;
}

.menuHeader li {
    float: left;
}

.menuHeader li a {
    width: 61px;
    height: 60px;
    display: block;
    background-color: #DBD5AB;
    text-align: center;
    color: #59493F;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 10px;
    padding: 40px 0 0 0;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #ffffff;
    background-image: url(../img/sp/ico_phone.jpg);
    background-repeat: no-repeat;
    background-size: 35px 21.5px;
    background-position: center 13px;
}

.menuHeader li:last-child a {
    background-image: url(../img/sp/ico_mail.jpg);
    background-size: 26px 21.5px;
}

#globalNavi {
    display: none;
}

#globalNavi ul {
    margin: 0;
    padding: 0;
}

#globalNavi li a {
    display: block;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #9a9a9a;
    font-size: 11px;
    text-decoration: none;
    padding: 20px;
}

.boxShopLink {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #9a9a9a;
}

.boxShopLink ul:first-child li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.boxShopLink ul:first-child li a {
    display: block;
    color: #59493F;
    line-height: 160%;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    text-decoration: none;
    height: 74px;
    padding: 15px 0 0 0;
    box-sizing: border-box;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #9a9a9a;
    font-size: 8px;
}

.boxShopLink ul:first-child li a span {
    display: block;
    font-size:14px;
    -webkit-transform:scale(0.5) !important;
    -moz-transform:scale(0.5) !important;
    -ms-transform:scale(0.5) !important;
    -o-transform:scale(0.5) !important;
    transform:scale(0.5) !important;
    -moz-transform-origin: 0px 0px;
   -webkit-transform-origin: 0px 0px;
   -o-transform-origin: 0px 0px;
   -ms-transform-origin: 0px 0px;
   transform-origin: 0px 0px;
    width: 200%;
    line-height: 160%;
}

.boxShopLink ul:first-child li:last-child a {
    border-width: 0;
}

.boxShopLink ul:first-child li a font {
    font-size: 20px;
    display: block;
    padding: 0 0 3px 0;
}

.boxShopLink ul:last-child li {
    float: left;
    width: 50%;
    text-align: center;
}

.boxShopLink ul:last-child li a {
    display: block;
    background-color: #DBD5AB;
    color: #59493F;
    line-height: 130%;
    font-size: 14px;
    font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    text-decoration: none;
    height: 40px;
    padding: 14px 0 0 0;
    box-sizing: border-box;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #9a9a9a;
}

.boxShopLink ul:last-child li:last-child a {
    border-width: 0;
}

.boxShopLink ul:first-child li a font {
    font-size: 20px;
    display: inline-block;
    margin: 0 0 5px 0;
}

.topicpath {
    display: none;
}

#globalFooter {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #9a9a9a;
}

.boxFooterLink li a {
    display: block;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #9a9a9a;
    font-size: 11px;
    text-decoration: none;
    padding: 15px 20px;
    background-color: #DBD5AB;
    color: #59493F;
}

#globalFooter address {
    font-style: normal;
    text-align: center;
    display: block;
    padding: 25px 0 15px 0;
    font-size: 11px;
    line-height: 150%;
    color: #59493F;
}

#globalFooter address p {
    margin: 10px 0 0 0;
}

#globalFooter address p a {
    text-decoration: none;
}

.boxFooterInfo {
    display: block;
    text-align: center;
}

.boxFooterInfo li {
    display: inline-block;
}

.boxFooterInfo li a {
    width: 61px;
    height: 60px;
    display: block;
    background-color: #DBD5AB;
    text-align: center;
    color: #59493F;
    text-decoration: none;
    box-sizing: border-box;
    font-size: 10px;
    padding: 40px 0 0 0;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #ffffff;
    background-image: url(../img/sp/ico_phone.jpg);
    background-repeat: no-repeat;
    background-size: 35px 21.5px;
    background-position: center 13px;
}

.boxFooterInfo li:last-child a {
    background-image: url(../img/sp/ico_mail.jpg);
    background-size: 26px 21.5px;
}

#globalFooter .copyright {
    text-align: center;
    font-size: 8px;
    color: #59493F;
    margin: 20px 0;
}

.main,
.footer-body
{
	width:auto;
}

.main {
    margin: 0;
    padding: 20px;
    overflow: hidden;
}

/* =======================================

    top

========================================== */
.front .boxMainCat {
    font-size: 10px;
}
.front .boxMainCat .catContainer .subCat {
    font-size: 14px;
}

.front .boxMainCat .catContainer .mainCat {
    font-size: 23px;
    margin-bottom: 2px;
}

/* =======================================

	コンセプト

========================================== */
.c-menu-container {
    display: none;
}

.c-menu-container.c-menu-container-footer {
    display: block;
    margin-top: -20px;
    margin-bottom: 40px;
}

.main-content .concept-menu li:hover,
.main-content .concept-menu .active,
.page-innovation .main-content .concept-menu li.c-menu-nm,
.page-ultimate .main-content .concept-menu li.c-menu-am,
.page-efficacy .main-content .concept-menu li.c-menu-om,
.page-history .main-content .concept-menu li.c-menu-dm,
.page-recipe .main-content .concept-menu li.c-menu-tm,
.page-recipe-category .main-content .concept-menu li.c-menu-tm,
.page-recipe-entry .main-content .concept-menu li.c-menu-tm  {
	background-position: 0 0;
}

.main-content .concept-menu li {
	position: relative;
	float: left;
	display: block;
	width: 20%;
	height: auto;
    padding-left: 0;
	background-size: 100% auto;
	background-position: 0 0;
}

.miso-products-sub-h {
	padding-top: auto;
	padding-left: 0;
	background-size: 100% auto;
    min-height: auto;
}

.page-innovation .miso-products-sub-h {
    margin-bottom: 0;
    padding-right: 10%;
    min-height: auto;
}

.page-innovation .miso-products-sub-h p {
    width: 110%;
}

.main-content [class*='no-miso-box-'] {
	margin-right: 0;
    margin-top: 50px;
}

.concept-section-box2 .concept-box {
	background-size: 100%;
    height: auto;
    font-size: 11px;
}

.concept-section-box2 .concept-box.no-miso-box img,
.concept-section-box2 .concept-box.only-miso-box img,
.concept-section-box2 .concept-box.taste-miso-box img {
    width: auto;
    height: 25px;
}

.concept-section-box2 .concept-box.attractive-miso-box img,
.concept-section-box2 .concept-box.depth-miso-box img {
    width: auto;
    height: 56px;
}

.concept-section-box2 .concept-box a {
	position: absolute;
    padding: 55px 20px 0;
}

.concept-section-box2 .concept-box a h2 {
    margin: 0;
    padding: 5px 0 0 0;
}

/* ---------------
CONCEPT EFFICACY
--------------- */
.miso-efficacy-container {
    position: relative;
    height: auto;
}

.miso-efficacy-container .image-box,
.miso-efficacy-container .efficacy-side-img {
	position: relative;
}

.miso-efficacy-container .efficacy-side-img {
    margin: 0 0 20px 0;
}

.miso-efficacy-container .image-box {
	width: auto;
	height: auto;
	border-radius: 0;
}

.miso-efficacy-container .radioactivity-box {
	top: auto;
	left: auto;
}

.miso-efficacy-container h2 img {
    width: auto;
    height: 22px;
}

.salinity-box h2 img,
.doctor-away-box h2 img {
    height: 48px;
}

.miso-efficacy-container .force-box {
	top: auto;
	right: auto;
}

.miso-efficacy-container .original-box {
	top: auto;
	left: auto;
}

.miso-efficacy-container .salinity-box {
	top: auto;
	right: auto;
}

.miso-efficacy-container .doctor-away-box {
	top: auto;
	left: auto;
}

.miso-efficacy-container .side-pic-1 {
	top: auto;
	right: auto;
}

.miso-efficacy-container .side-pic-2 {
	top: auto;
	left: auto;
}

.miso-efficacy-container .side-pic-3 {
	top: auto;
	right: auto;
}

.miso-efficacy-container .side-pic-4 {
	top: auto;
	left: auto;
}

.miso-efficacy-container .side-pic-5 {
	top: auto;
	right: auto;
}

.miso-efficacy-container .efficacy-box-inner {
    margin: 0 0 20px 0;
	padding: 40px 20px;
	height: auto;
}

.miso-efficacy-container .image-box p {
	margin-bottom: 0;
}

.miso-efficacy-container .efficacy-box-inner p {
    margin: 30px 0;
}

.efficacy-side-img.side-pic-1 img,
.efficacy-side-img.side-pic-2 img,
.efficacy-side-img.side-pic-3 img,
.efficacy-side-img.side-pic-4 img,
.efficacy-side-img.side-pic-5 img {
    margin: 0 auto;
}

/* ---------------
CONCEPT HISTORY
--------------- */

.page-history .miso-products-sub-h {
	background-size: 100% auto;
}

.page-history .miso-products-sub-h .wrapper {
    width: 100%;
    margin: 20px 0 0 0;
    padding: 30px 290px 30px 30px;
}

.page-history .miso-products-sub-h .wrapper h3 {
    margin: 0 0 0 0;
}

.miso-history-container table td span {
	margin-left: 0;
}

.miso-history-container table th,
.miso-history-container table td {
	padding: 20px;
}

.miso-history-container table .history-table-main {
    display: block;
}

.miso-history-container thead th:last-child {
    display: none;
}

.miso-history-container tbody td.cell-last {
    display: none;
}

.main-content table th {
    white-space: nowrap;
}

.main-content table th.middle {
	width: auto !important;
}

.miso-history-container .img-box-l {
	min-width: auto;
    display: block;
    background-color: #ffffff;
    margin: -20px 0 0 0;
}

.miso-history-container .img-box-top {
    margin-bottom: 25px;
}

.miso-history-container table .img-box-l {
	padding-left: 20px;
    display: block;
}

.miso-history-container table .img-box-s-left {
	padding-right: 10px;
	padding-left: 20px;
    float: left;
}

.miso-history-container table .img-box-s-right {
	padding-left: 20px;
}

/* ---------------
CONCEPT RECIPE
--------------- */

select#recipes-search {
    width: 100%;
}

/* =======================================

	会社案内

========================================== */
.main-content .company-links {
	display: none;
}

.company-navi {
    margin: 0 !important;
    padding: 0 !important;
}

.company-navi li {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    list-style: none;
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #ffffff
}

.company-navi li:last-child {
    border-width: 0;
}

.company-navi li a {
    display: block;
    margin: 0 0 1px 0;
    background-color: #B5AE83;
    color: #59493F;
    padding: 15px 20px;
    font-size: 11px;
    text-decoration: none;
}

.company-navi li a span {
    display: block;
    background-image: url(../img/angle-right-b.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    background-size: 12px 8px;
    padding: 0 0 0 16px;
}

.lantern-section-box .main {
    margin: 0 0 40px 0;
}

.lantern-title-block {
	padding: 20px 0 10px 0;
}

.lantern-title-block h2 img {
    height: 51.6px;
    width: auto;
}

.lantern-title-block h2 {
    margin: 0 0 5px 0 !important;
}

.lantern-title-block ul li {
    font-size: 11px;
    vertical-align: middle;
}

.lantern-content {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 0;
	padding-right: 20px!important;
	width: auto;
}

.boxMessage {
    margin: 0 0 -30px 0;
}

.boxMessage .col-1-3 img {
    width: 100%;
    height: auto;
}

/* ---------------
COMPANY
--------------- */
.page-company .main {
	margin-top: 30px;
	width: auto;
}

.channel-section-box {
    padding: 40px 20px;
}

.page-company .channel-section-box .main {
    margin-top: 0;
	width: auto;
}

.channel-section-box .channel-beans {
	position: absolute;
	right: 0;
	bottom: -20px;
    width: 122px;
    height: auto;
    z-index: 2;
    display: block;
}

.channel-section-box .col-1-3 {
    position: relative;
    z-index: 1;
}

.channel-section-box .main {
    overflow: visible !important;
}

.channel-videos-container iframe {
    width: 100%;
    height: auto;
}

.channel-videos-container p {
    font-size: 14px !important;
}

.channel-videos-container p small {
    font-size: 12px !important;
}

.channel-videos-container .image-box {
	margin-bottom: 0 !important;
	padding-left: 10px;
	padding-right: 10px;
}

/* ---------------
INQUIRY
--------------- */

.page-inquiry .main-content {
	margin-left: auto;
	margin-right: auto;
	width: auto;
}

/* ---------------
PRIVACY
--------------- */

.page-privacy .main-content {
	width: auto;
}

.page-privacy .main-content section .title02 {
	margin-top: 30px;
}

.page-privacy .main-content section:nth-child(2) .title02 {
    margin-top: 0;
}

.main-content .privacy-contact-info {
	margin-bottom: 30px;
}

/* =======================================

	お客様の声

========================================== */
.boxVoice {
    margin: 0 0 40px 0;
}

.boxVoice h2 {
    margin: 0 0 20px 0;
}

.boxVoice .inner div {
    margin: 0 0 20px 0;
    padding: 20px;
}

/* =======================================

	店舗紹介

========================================== */
.boxShopInfo {
    background-color: #F4F0D4;
    margin: 0 -20px 30px -20px;
    padding: 20px;
}

.boxShopInfo .left {
    width: 100%;
    float: none;
}

.boxShopInfo .left table tr:last-child th,
.boxShopInfo .left table tr:last-child td {
    border-width: 0 0 1px 0;
}

.boxShopInfo .right {
    width: 100%;
    float: none;
    margin: 10px 0 0 0;
}

.boxShopInfo .right iframe {
    height: 280px;
}

.boxShopInfo .right .text {
    padding: 10px;
}

.boxShopMain01 {
    margin: 0 0 40px 0;
}

.boxShopMain01 figure {
    float: none;
    width: 100%;
    display: none;
}

.boxShopMain01 .left {
    float: none;
    width: 100%;
}

.boxShopMain01 .left h2 {
    font-size: 20px;
    margin: 0 0 18px 0;
}

.boxShopMain01 .left p {
    margin: 0 0 25px 0;
}

.boxShopMain01 .left ul li {
    margin: 0 0 12px 0;
    width: 49%;
}

.boxShopMain02 div.wrapper {
    padding: 0 20px;
}

.boxShopMain02 div.wrapper .inner {
    width: 49%;
    margin: 0 0 0 0;
    padding: 20px 0 20px 0;
}

.boxShopMain02 div.wrapper .inner:nth-child(2n) {
    float: right;
}

.boxShopMain02 div.wrapper .inner:nth-child(2n+1) {
    clear: both;
}

.boxShopMain02 div.wrapper .inner:nth-child(3n+1) {
    clear: none;
}

.boxShopMain02 div.wrapper .inner:nth-child(n+4) {
    border-width: 0 0 1px 0;
}

.boxShopMain02 div.wrapper .inner:nth-child(n+5) {
    border-width: 0;
}

/* ---------------
トップページ
--------------- */
.boxTopMain {
    margin: 0;
    padding: 0;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

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

.info-evt-section-box {
    z-index: 2;
    position: relative;
    margin: -7px 0 0 0;
    background-color: #F4F0D4;
}

.concept-section-box .concept-box .concept-subtitle {
    font-size: 16px;    
}

.info-evt-section-box .main {
    padding: 0;
}

.info-evt-section-box .info-block [class*='col-'],
.info-evt-section-box .event-block {
    padding: 20px 30px;
}

.concept-section-box .concept-box {
    font-size: 10px;
}

.concept-section-box .concept-box-logo .title02 {
    left: -130px;
}

.locations-section-box .main {
	margin-top: 0;
	margin-bottom: 0;
}

.locations-section-box .main .more-link a {
    text-decoration: none;
    font-size: 13px;
    padding: 5px 40px;
    background-position: 25px 50%;
}

.careers-section-box .main {
	padding-left: 20px;
    padding-right: 20px;
}