@charset "utf-8";

.pc { display:none;}
.sp { display:block;}

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

	Header CSS

========================================== */
#menuBg {
    width: 100%;
    height: 100%;
    background-color: #000000;
    position: fixed;
    z-index: 10;
    opacity: 0.9;
    display: none;
}

#globalHeader {
    background-color: #ffffff;
    position: relative;
    width: auto;
    z-index: auto;
}

#globalHeader .inner {
    width: auto;
    margin: 0 auto;
    background-color: #ffffff;
    height: 40px;
}

#globalHeader #site-title {
    float: left;
    padding: 10px 0 0 15px;
}

#globalHeader #site-title a {
    background-image: url(../img/common/sp/img_logo.png);
    -webkit-background-size: 115px 21px;
    background-size: 115px 21px;
    width: 115px;
    height: 21px;
}

#globalHeader #site-title a:after {
    display: none;
}

#globalHeader #globalNavi {
    display: none;
    float: none;
    font-size: 80%;
    margin: 0 0 0 0;
    position: absolute;
    z-index: 100;
    top: 40px;
    width: 100%;
}

#globalHeader #globalNavi .navi01 li {
    float: none;
    padding: 0;
}

#globalHeader #globalNavi .navi01 li a {
    display: block;
    padding: 15px 0 15px 15px;
    color: #ffffff;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #494949;
    position: relative;
}

/* ハンバーガーメニュー・一番下のオンラインショップ */
/*#globalHeader #globalNavi .navi01 li:nth-child(6) a {
    border-width: 1px 0 0 0;
    padding: 15px 0 15px 15px;
}

#globalHeader #globalNavi .navi01 li:last-child {
    display: none;
}

#globalHeader #globalNavi .navi01 li:last-child a {
    display: none;
}

#globalHeader #globalNavi .navi01 li:last-child a span {
    display: none;
}*/

/* ハンバーガーメニュー・一番下のオンラインショップ・外国語版は消す */
/*#globalHeader #globalNavi .navi01 li:last-child {
    padding: 15px 10px 15px 10px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #494949;
}

#globalHeader #globalNavi .navi01 li:last-child a {
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    padding: 15px 10px;
}

#globalHeader #globalNavi .navi01 li:last-child a span {
    background-image: url(../img/common/sp/ico_cart.png);
    background-repeat: no-repeat;
    -webkit-background-size: 13px 11px;
    background-size: 13px 11px;
    background-position: right center;
    padding: 0 18px 0 0;
}*/

#globalHeader #globalNavi .navi01 li.last a {
    display: block;
}

#globalHeader #globalNavi .navi01 li a:after {
    content: "";
    background-image: url(../img/common/sp/ico_arrow_grey.png);
    background-repeat: no-repeat;
    -webkit-background-size: 3px 7px;
    background-size: 3px 7px;
    position: absolute;
    display: block;
    width: 3px;
    height: 7px;
    top: 50%;
    right: 15px;
    margin: -2px 0 0 0;
}

#globalHeader #globalNavi .navi01 li .wrapper {
    display: none;
}

#globalHeader .subNavi {
    float: none;
    z-index: 10;
    position: relative;
    display: none;
}

#globalHeader .subNavi li {
    margin: 8px 0 0 0;
    float: none;
    display: inline-block;
    font-size: 90%;
}

#globalHeader .subNavi li a {
    display: block;
    text-indent: 0;
    background-repeat: no-repeat;
    color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    padding: 4px 0;
    text-align: center;
}

#globalHeader .subNavi li:first-child a {
    background-image: none;
    width: 35px;
    height: auto;
    text-indent: 0;
}

#globalHeader .subNavi li:nth-child(2) a {
    background-image: none;
    width: 35px;
    height: auto;
    text-indent: 0;
    background-color: #ffffff;
    color: #000000;
}

#globalHeader .subNavi li:nth-child(3) a {
    background-image: none;
    width: 35px;
    height: auto;
    text-indent: 0;
}

/*#globalHeader .subNavi li:last-child a {
    background-image: none;
    width: 35px;
    height: auto;
    text-indent: 0;
}*/

#globalHeader .btnMenu {
    float: right;
    margin: 0 0 0 12px;
    z-index: 100;
    position: relative;
}

#globalHeader .btnMenu a {
    text-indent: -9999px;
    background-image: url(../img/common/sp/btn_menu.png);
    background-repeat: no-repeat;
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    display: block;
}

#globalHeader .close a {
    background-image: url(../img/common/sp/btn_menu_close.png);
    background-color: #000000;
}

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

	Text Decorations CSS

========================================== */
.title01 {
    text-align: left;
    line-height: 150%;
    font-size: 130%;
    margin: 0 0 30px 0;
}

.title02 {
    font-size: 115%;
    margin: 0 0 15px 0;
}

.title03 {
    line-height: 150%;
    font-size: 130%;
    margin: 0 0 20px 0;
    text-align: center;
}

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

	Footer CSS

========================================== */
#globalFooter {
    width: auto;
    margin: 0 auto -1em auto;
    padding: 15px 15px;
    background-color: #ffffff;
}

#globalFooter address {
    margin: 0 0 10px 0;
    width: 115px;
    height: 21px;
}

#globalFooter address img {
    width: 121px;
    height: auto;
}

#globalFooter address p {
    line-height: 130%;
    font-size: 80%;
    margin: 10px 0 0 0;
}

#globalFooter .wrapper01 {
    width: auto;
    float: none;
}

#globalFooter .wrapper01 dl {
    margin: 0 0 10px 0;
}

#globalFooter .wrapper02,
#globalFooter .wrapper03,
#globalFooter .wrapper04 {
    display: none;
}

#globalFooter p.copyright {
    text-align: center;
    font-size: 80%;
    margin: 15px 0 0 0;
    padding: 0 0 15px 0;
}

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

	Structure CSS

========================================== */
#contents {
    width: auto;
    margin: 0 auto;
    background-color: #ffffff;
}


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

	共通

========================================== */
.mb60 {margin-bottom: 30px !important;}
.mc {margin-top: 0 !important; padding-top: 0 !important;}

.pageTop {
    width: 100%;
    margin: 0 auto;
}

.pageTop a {
    background-color: #000000;
    display: block;
    height: 30px;
    text-indent: -9999px;
    background-image: url(../img/common/sp/ico_arrow_up.png);
    -webkit-background-size: 21px 12px;
    background-size: 21px 12px;
    background-repeat: no-repeat;
    background-position: center center;
}

.headerMain {
    padding: 0 0 25px 0;
    position: relative;
    height: auto;
}

.headerMain img {
    width: 100%;
    min-width: auto;
    min-height: auto;
    height: auto;
	margin: 0;
	left: 0;
}

.headerMain h1 {
    color: #ffffff;
    font-size: 120%;
    position: absolute;
    top: 42%;
    left: 0;
    margin: 0;
    letter-spacing: 1px;
    text-align: center;
    width: 100%;
}

.about .headerMain h1 {
    /*top: auto;
    bottom: 20%;
    color: #1A1A1A;*/
}

.about.history .headerMain h1,
.about.ingredient .headerMain h1 {
    top: 42%;
    bottom: auto;
    color: #ffffff;
}

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

.boxIndex {
    padding: 20px 15px 0 15px;
}

.boxIndex section {
    float: left;
    width: 49%;
    margin: 0 0 40px 0;
    text-align: center;
}

.boxIndex section:nth-child(2n) {
    float: right;
}

/*.boxIndex section:nth-child(2n+1) {
    clear: both;
}
*/
.boxIndex section:nth-child(3n) {
    margin: 0 0 40px 0;
}

.boxIndex section:nth-child(3n+1) {
    clear: none;
}

.boxIndex section h2 {
    border-width: 0 0 0 0;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 15px 0 0 0;
    font-size: 110%;
    position: relative;
}

.boxIndex section h2:before {
    content: "";
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #000000;
    position: absolute;
    width: 50%;
    top: 0;
    left: 25%;
}

.boxIndex section img {
    max-width: 100%;
    height: auto;
	-moz-box-shadow: 1px 2px 2px #bbbbbb;
	-webkit-box-shadow: 1px 2px 2px #bbbbbb;
	box-shadow: 1px 2px 2px #bbbbbb;
}

.localNavi {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.localNavi em {
    color: #ffffff;
    background-color: #000000;
    padding: 15px 20px;
    display: block;
}

.localNavi ul {
    text-align: left;
}

.localNavi ul li {
    display: block;
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    border-width: 0 1px 1px 0;
    border-style: solid;
    border-color: #dddddd;
    float: left;
    font-size: 90%;
}

.about .localNavi ul li,
.company .localNavi ul li {
    width: 100%;
    border-width: 0 0 1px 0;
}

.localNavi ul li:nth-child(2n) {
    border-width: 0 0 1px 0;
}

.localNavi ul li a {
    display: block;
    padding: 15px 10px 15px 30px;
    position: relative;
}

.localNavi ul li a.active {
    background-color: #dddddd;
    border-width: 0;
}

.localNavi ul li a:after {
    position: absolute;
    content: "-";
    width: 1em;
    height: 1em;
    left: 20px;
    top: 35%;
}

.boxSection {
    margin: 0 0 30px 0;
}

.boxSection p {
    margin: 0 0 15px 0;
}

.boxSection .text {
    float: none;
    width: 100%;
}

.boxSection figure {
    float: none;
    width: 100%;
}

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

.boxPicFloat .inner figure {
    float: right;
    margin: 0 0 15px 15px;
    display: inline;
    width: 140px;
    text-align: center;
}

.boxPicFloat .inner .text {
    display: inline;
}

.boxPicFloat .inner .text p {
    display: inline;
}

.table01 {
    width: 100%;
    line-height: 180%;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #dfdfd0;
    display: block;
}

.table01 tr,
.table01 tbody {
    display: block;
}

.table01 th {
    padding: 10px 8px 10px 8px;
    background-color: #eeeeee;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfd0;
    width: auto;
    box-sizing: border-box;
    display: block;
}

.table01 td {
    padding: 10px 8px 10px 8px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfd0;
    box-sizing: border-box;
    display: block;
}

.table02 {
    width: 100%;
    line-height: 180%;
    margin: 0 0 20px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dfdfd0;
    font-size: 90%;
    display: block;
}

.table02 tr,
.table02 tbody {
    display: block;
}

.table02 th {
    padding: 10px 0 0 0;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: #dfdfd0;
    display: block;
}

.table02 th span {
    display: block;
    text-align: center;
    width: auto;
    padding: 10px 0 10px 0;
    background-color: #eeeeee;
    font-size: 90%;
}

.table02 td {
    padding: 10px 0 10px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfd0;
    vertical-align: middle;
    display: block;
}

.table03 {
    display: block;
    width: 100%;
    margin: 0 0 10px 0;
}

.table03 thead{
    display: block;
    float: left;
    overflow-x:scroll;
}

.table03 tbody{
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
}

.table03 th{
    display: block;
    width:auto;
}

.table03 tbody tr{
    display: inline-block;
    margin: 0 -3px;
}

.table03 td{
    display: block;
}

.table03 td br {
    display: none;
}

.boxContentsWrapper {
    width: auto;
    margin: 0 auto;
    padding: 20px 15px 30px 15px;
}

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

	トップページ

========================================== */
.home {
    background-image: none;
    overflow-x: hidden;
}

#loader-bg {
    display: none;
}

.home #globalHeader {
    display: block;
}

#boxHomeMovie {
    display: none;
}

.boxHomeMain {
    text-align: left;
    position: relative;
    top: 0;
    margin: 0 0 0 0;
}

.boxHomeMain ul {
    width: 100%;
    padding: 0 15px 0 15px;
    bottom: 5%;
    box-sizing: border-box;
    display: block;
}

.boxHomeMain ul li {
    margin: 0 1%;
    background-color: #ffffff;
    width: 32%;
    display: block;
    float: left;
}

.boxHomeMain ul li:first-child {
    margin: 0 1% 0 0;
}

.boxHomeMain ul li:last-child {
    margin: 0 0 0 1%;
}

.boxHomeMain ul li img {
    width: 100%;
    height: auto;
}

.boxHomeMain h2 {
    position: absolute;
    width: 109px;
    top: 50%;
    left: 50%;
    margin: -33px 0 0 -54px;
    z-index: 5;
}

.boxHomeMain h2 img {
    width: 109px;
    height: auto;
}

.boxHomeMain figure img {
    width: 100%;
    height: auto;
}

.boxHomeSlider {
    display: none;
}

.boxHome01 {
  padding: 20px 15px 0 15px;
}
.boxHome01 ul {
  text-align: center;
}
.boxHome01 ul li {
  width: 100%;
  display: block;
    float: none;
    margin: 0 0 30px 0;
}
.boxHome01 ul li:last-child {
    margin: 0;
}
.boxHome01 ul li figure img {
    width: 100%;
    height: auto;
}
.boxHome01 ul li p {
  font-size: 120%;
  margin: 0 0 15px 0;
    text-align: center;
}
.boxHome01 ul li p:last-child {
    margin: 10px 0 0 0;
}

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

	お知らせ

========================================== */
.boxNewsWrapper {
    width: auto;
    margin: 0 auto;
}

.boxNews01 {
    margin: 0 0 35px 0;
}

.boxNews01 div {
    float: none;
    width: auto;
    margin: 0 0 20px 0;
}

.boxNews01 div:last-child {
    float: none;
    width: 213px;
    margin: 0 auto;
}

.boxNews01 div em {
    text-align: center;
    margin: 0 0 10px 0;
}

.boxNews01 div ul {
    text-align: center;
    padding: 0 0 0 0;
}

.boxNews01 div ul li {
    padding: 0 10px 0 10px;
    font-size: 100%;
}

.boxNews01 div ul li:firt-child {
    padding: 0 10px 0 0;
}

.boxNews01 div ul li:last-child {
    padding: 0 0 0 4px;
    border-width: 0;
}

.boxNews01 div form {
    position: relative;
    background-image: url(../img/news/sp/bg_pulldown.jpg);
    -webkit-background-size: 213px 30px;
    background-size: 213px 30px;
    width: 213px;
    height: 30px;
}

.boxNews01 div form select {
    top: 7px;
    padding: 0 0 0 40px;
}

.boxNewsList {
    margin: 0 10px 0 10px;
}

.boxNewsList h2 {
    margin: 0 0 15px 0;
    font-size: 130%;
    font-weight: bold;
}

.boxNewsList section {
    line-height: 150%;
    margin: 0 0 15px 0;
    padding: 0 20px 15px 0;
    font-size: 90%;
    background-image: url(../img/common/sp/ico_arrow_black.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-background-size: 8px 15px;
    background-size: 8px 15px;
    cursor: pointer;
}

.boxNewsList section header {
    margin: 0 0 5px 0;
}

.boxNewsList section header span {
    display: inline-block;
    margin: 0 10px;
    padding: 2px 10px;
    font-size: 90%;
}

.pagenate {
    padding: 10px 0 20px 0;
}

.pagenate .prev,
.pagenate .link_before {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #1A1A1A;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0 10px 0 0;
}

.pagenate .next,
.pagenate .link_next {
    border-width: 0 0 0 1px;
    border-style: solid;
    border-color: #1A1A1A;
    display: inline-block;
    margin: 0 0 5px 5px;
    padding: 0 0 0 10px;
}

.pagenate span.current,
.pagenate span.current_page {
    width: 20px;
    height: 20px;
    background-color: #1A1A1A;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 5px 0 5px;
    padding: 3px 0 0 0;
}

.pagenate a.number,
.pagenate a.link_page {
    width: 20px;
    height: 20px;
    text-align: center;
    display: inline-block;
    box-sizing: border-box;
    margin: 0 5px 5px 5px;
    padding: 3px 0 0 0;
    text-decoration: underline;
}

.newsNavi em {
    display: block;
    background-color: #1A1A1A;
    color: #ffffff;
    padding: 10px 0 10px 18px;
}

.newsNavi a,
.newsNavi span {
    display: block;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dddddd;
    font-size: 90%;
    padding: 10px 0 10px 26px;
    position: relative;
}

.newsNavi a:after,
.newsNavi span:after {
    content: "-";
    position: absolute;
    display: block;
    width: 1em;
    height: 1em;
    top: 32%;
    left: 12px;
}

.newsNavi ul li ul li a {
    padding: 10px 0 10px 44px;
}

.newsNavi ul li ul li a:after {
    left: 30px;
}

.newsNavi .current a {
    background-color: #dddddd;
}

.boxNewsEntry {
    padding: 0 15px 20px 15px;
}

.boxNewsEntry h2 {
    margin: 0 0 15px 0;
    font-size: 130%;
    font-weight: bold;
}

.boxNewsEntry section {
    line-height: 150%;
    margin: 0 0 15px 0;
    padding: 0;
}

.boxNewsEntry section header {
    margin: 0 0 5px 0;
}

.boxNewsEntry section header span {
    display: inline-block;
    margin: 0 10px;
    padding: 2px 10px;
    font-size: 90%;
}

.boxNewsEntry section p {
    line-height: 180%;
    margin: 0 0 15px 0;
}

.boxNewsEntry section img {
    margin: 0 0 15px 0;
    max-width: 100%;
    height: auto;
}

.boxNewsEntry p.navi {
    background-color: #eeeeee;
    margin: 20px 0 0 0;
    padding: 8px 0 8px 0;
    text-align: center;
    font-size: 80%;
}

.boxNewsEntry p.navi a {
    border-width: 0 1px 0 0;
    border-style: solid;
    border-color: #1A1A1A;
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
}

.boxNewsEntry p.navi a:last-child {
    border-width: 0;
    margin: 0;
    padding: 0;
}

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

	商品のご案内

========================================== */
.products .pageTop {
    margin: 0 0 0 0;
}

.boxProductsIndex02 section:nth-child(5n+1) {
	clear: none;
}
.boxProductsIndex02 img {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.boxProducts01 {
    padding: 0 0 40px 0;
}

.products01 .boxProducts01 {
    background-image: url(../img/products/sp/bg_01.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products02 .boxProducts01 {
    background-image: url(../img/products/sp/bg_02.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products03 .boxProducts01 {
    background-image: url(../img/products/sp/bg_03.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products04 .boxProducts01 {
    background-image: url(../img/products/sp/bg_04.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products05 .boxProducts01 {
    background-image: url(../img/products/sp/bg_05.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products06 .boxProducts01 {
    background-image: url(../img/products/sp/bg_06.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products07 .boxProducts01 {
    background-image: url(../img/products/sp/bg_07.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products08 .boxProducts01 {
    background-image: url(../img/products/sp/bg_08.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products09 .boxProducts01 {
    background-image: url(../img/products/sp/bg_09.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products13 .boxProducts01 {
    background-image: url(../img/products/sp/bg_13.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.products15 .boxProducts01 {
    background-image: url(../img/products/sp/bg_15_en.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.pattern .headerMain h1 {
    color: #000000;
    font-size: 120%;
    position: absolute;
    top: 42%;
    left: 0;
    width: 100%;
    margin: 0 auto 0 auto;
    box-sizing: border-box;
    letter-spacing: 1px;
    text-align: center;
}

.boxForm02 .input01 {
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    margin: 0 0 10px 0;
    padding: 7px;
    width: 100%;
    box-sizing: border-box;
}

.boxForm02 .input04 {
    border-width: 1px;
    border-style: solid;
    border-color: #dddddd;
    margin: 0 0 10px 0;
    padding: 7px;
    width: 28%;
    display: inline-block;
    box-sizing: border-box;
}

.boxPattern01 {
    border-width: 0 0 1px 0;
    border-style: dotted;
    border-color: #dddddd;
    margin: 0 0 30px 0;
    padding: 0 0 15px 0;
}

.boxPattern01 ul li {
    text-align: center;
    display: inline-block;
    margin: 0 8px 15px 0;
    width: 45px;
    font-size: 90%;
}

.boxPattern01 ul li:nth-child(8) {
    margin: 0 8px 15px 0;
}

.boxPattern01 ul li img {
    width: 100%;
    height: auto;
}

.boxOriginal02 {
    border-width: 0 0 1px 0;
    border-style: dotted;
    border-color: #dddddd;
    margin: 0 0 30px 0;
    padding: 0 0 0 0;
}

.boxProducts01 h1 {
    width: auto;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    text-align: center;
    line-height: 130%;
    font-size: 150%;
}

.products13 .boxProducts01 h1 {
    margin: 0 auto 20px auto;
    padding: 0 0 0 0;
}

.products15 .boxProducts01 h1 {
    margin: 0 auto 20px auto;
    padding: 0 0 0 0;
}

.boxProducts01 h1 div {
    width: auto;
    text-align: center;
    display: inline-block;
}

.boxProducts02 {
    text-align: center;
    margin: 0 0 15px 0;
}

.boxProducts02 h2 {
    line-height: 160%;
    font-size: 120%;
    margin: 0 0 10px 0;
}

.boxProducts02 p {
    line-height: 180%;
    font-size: 85%;
    margin: 0 15px 0 15px;
}

.boxProducts03 {
    margin: 0 0 15px 0;
    text-align: center;
}

.boxProducts03 h3 {
    line-height: 160%;
    margin: 0 0 10px 0;
}

.boxProducts03 ul {
    text-align: center;
    margin: 0 20px 0 20px;
}

.boxProducts03 ul li {
    display: inline-block;
    font-size: 80%;
    margin: 0 0 20px 0;
    padding: 50px 0 0 0;
    background-repeat: no-repeat;
    -webkit-background-size: 40px 50px;
    background-size: 40px 40px;
    width: 75px;
}

.boxProducts04 {
    text-align: center;
    margin: 0 0 20px 0;
}

.boxProducts04 li {
    display: inline-block;
    margin: 0 8px 0 8px;
    font-size: 90%;
}

.boxProducts04 li a {
    background-image: url(../img/common/sp/ico_arrow_black.png);
    -webkit-background-size: 5px 10px;
    background-size: 5px 10px;
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 0 0 0 12px;
}

.boxProducts05 {
    padding: 30px 0 15px 0;
}

.boxProducts05 h2 {
    line-height: 160%;
    font-size: 120%;
    text-align: center;
    margin: 0 0 15px 0;
}

.boxProducts05 ul {
    width: 100%;
    margin: 0 auto;
}

.products04 .boxProducts05 ul,
.products06 .boxProducts05 ul,
.products07 .boxProducts05 ul,
.products08 .boxProducts05 ul,
.products09 .boxProducts05 ul,
.products10 .boxProducts05 ul {
    width: 100%;
    margin: 0 auto;
}

.boxProducts05 ul li {
    float: left;
    width: 33%;
    font-size: 85%;
    text-align: center;
    margin: 0 0 10px 0;
    box-sizing: border-box;
}

.products13 .boxProducts05 ul li p {
	text-align: left;
}

.boxProducts05 ul li.mlr30 {
    margin-left: 0;
    margin-right: 0;
}

.boxProducts05 ul li.ml70,
.boxProducts05 ul li.ml100,
.boxProducts05 ul li.ml200,
.boxProducts05 ul li.ml300 {
    margin-left: 0;
}

.boxProducts05 ul li.clr {
    clear: none;
}

.boxProducts05 ul li a {
    display: block;
    vertical-align: bottom;
    width: auto;
    padding: 0 12px 0 12px;
}

.boxProducts05 ul li span {
    display: block;
    margin: 0 0 10px 0;
    border-width: 1px;
    border-style: solid;
    border-color: #efefef;
    box-sizing: border-box;
    padding: 5px;
    vertical-align: middle;
}

.boxProducts05 ul li span img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.boxProducts06 {
    padding: 30px 0 20px 0;
}

.boxProducts07 {
    width: auto;
    margin: 40px 15px 0 15px;
}

.boxProducts07 section {
    width: 100%;
}

.boxProducts07 h2 {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 130%;
}

.boxProducts07 p {
    margin: 0 0 30px 0;
}

.boxProducts07 h3 {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 100%;
}

.boxProducts07 ul {
    letter-spacing: -.40em;
    margin: 0 -5px 0 0;
}

.boxProducts07 ul li {
    display: inline-block;
    width: 23%;
    margin: 0 2% 15px 0;
    text-align: center;
    vertical-align: top;
    letter-spacing: normal;
}

.boxProducts07 ul li:last-child {
    margin: 0 0 15px 0;
}

.boxProducts07 ul li img {
    width: 100%;
    height: auto;
}

.boxProducts06 h2 {
    line-height: 160%;
    font-size: 120%;
    text-align: center;
    margin: 0 0 15px 0;
}

.boxProducts08 {
    width: auto;
    margin: 40px 15px 0 15px;
}

.boxProducts08 section {
    width: 100%;
}

.boxProducts08 table {
    display: block;
    width: 100%;
    margin: 0 -10px 10px -10px;
}

.boxProducts08 table thead{
    display: block;
    float: left;
    overflow-x:scroll;
}

.boxProducts08 table tbody{
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
}

.boxProducts08 table tbody tr{
    display: inline-block;
    margin: 0 -3px;
}

.boxProducts08 table th {
    display: block;
    width:auto;
    text-align: left;
}

.boxProducts08 table th br {
    display: none;
}

.boxProducts08 table td {
    display: block;
}

.boxProducts08 p {
    margin: 0 0 30px 0;
}

.boxProducts08 .inner ul {
    display: block;
    width: auto;
    background-color: #eeeeee;
    padding: 15px 0 15px 0;
    margin: 0 0 15px 0;
    float: none;
    font-size: 90%;
}

.boxProducts08 .inner ul:last-child {
    float: none
}

.boxProducts08 .inner ul li {
    display: block;
    text-align: center;
}

.boxProducts08 .inner ul li:first-child a {
    text-decoration: underline;
}

.boxProducts08 .inner ul li:last-child a {
    display: block;
    width: 250px;
    background-color: #e5402e;
    color: #ffffff;
    margin: 12px auto 0 auto;
    padding: 10px 0 10px 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.boxProducts09 {
    width: auto;
    margin: 40px 15px 0 15px;
}

.boxRecipeList section {
    float: none;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    overflow: hidden;
    margin: 0 0 1px 0;
    display: table;
    width: 100%;
}

.boxProducts09 dl dt {
    float: none;
    width: auto;
}

.boxProducts09 dl dt span {
    width: auto;
    height: auto;
    text-align: left;
    border-radius: 0;
    background-color: transparent;
    display: block;
    vertical-align: middle;
    line-height: 120%;
    font-size: 90%;
    font-weight: bold;
}

.boxProducts09 dl dt span br {
    display: none;
}

.boxProducts09 dl dd {
    display: block;
    margin: 10px 0 0 0;
    line-height: 180%;
    font-size: 90%;
}

.boxProducts10 {
    border-width: 1px;
    border-style: solid;
    border-color: #e5412f;
    width: auto;
    margin: 0 15px 30px 15px;
    padding: 20px 0 15px 0;
}

.boxProducts10 h2 {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 110%;
}

.boxProducts10 ul:nth-child(2) {
    margin: 0 0 0 0;
    text-align: center;
}

.boxProducts10 ul:nth-child(2) li {
    float: none;
    display: inline-block;
    margin: 0 0 15px 0;
    padding: 0 0 0 25px;
    font-size: 170%;
    font-weight: bold;
    background-image: url(../img/products/ico_freedial.jpg);
    background-repeat: no-repeat;
    background-position: 0 center;
    -webkit-background-size: 20px 11px;
    background-size: 20px 11px;
}

.boxProducts10 ul:nth-child(2) li:last-child {
    background-image: url(../img/products/ico_tel.jpg);
    -webkit-background-size: 13px 13px;
    background-size: 13px 13px;
    background-position: 0 center;
    padding: 0 0 0 20px;
    min-height: 13px;
}

.boxProducts10 ul:nth-child(3) {
    margin: 0 0 0 20px;
}

.boxProducts10 ul:nth-child(3) li {
    list-style-type: disc;
    margin: 0 0 0 1.2em;
    color: #e5402e;
    line-height: 180%;
    font-size: 90%;
}

.boxProducts10 ul:nth-child(3) li span {
    color: #111111;
}

.boxProducts11 {
    padding: 30px 15px 0 15px;
}

.boxProducts11 h2 {
    line-height: 160%;
    font-size: 120%;
    text-align: center;
    margin: 0 0 20px 0;
}

.boxProducts11 ul {
    width: auto;
    margin: 0 auto 30px auto;
}

.boxProducts11 ul li {
    width: auto;
    float: none;
    line-height: 150%;
    margin: 0 0 30px 0;
}

.boxProducts11 ul li:last-child {
    float: none;
}

.boxProducts11 ul li figure {
    text-align: center;
    height: auto;
    margin: 0 0 15px 0;
    position: relative;
}

.boxProducts11 ul li figure img {
    width: 80%;
    height: auto;
    margin: 0 0 20px 0;
}

.boxProducts11 ul li:last-child figure img {
    width: 80%;
}

.boxProducts11 ul li figure figcaption {
    position: relative;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.boxProductsRecipeLink p {
    font-size: 90%;
    margin: 20px 0 0 0;
    line-height: 150%;
}

.boxRecipeList section:hover {
    opacity: 0.7;
}

.boxRecipeList section header {
    position: relative;
    bottom: 0;
    left: 0;
    width: 50%;
    background-color: #e0e1d6;
    padding: 0 0 0 0;
    color: #1A1A1A;
    line-height: 160%;
    display: table-cell;
    vertical-align: middle;
    box-sizing: border-box;
    padding: 0 15px 0 15px;
}

.boxRecipeList section header p {
    font-size: 90%;
    line-height: 130%;
    text-align: left;
    opacity: 1;
}

.boxRecipeList section header p span.block {
    display: block;
}

.boxRecipeList section header {
    background-repeat: no-repeat;
    background-position: 0 center;
}

.boxRecipeList section.products01 header:after,
.boxRecipeList section.products02 header:after,
.boxRecipeList section.products05 header:after,
.boxRecipeList section.products06 header:after,
.boxRecipeList section.products07 header:after,
.boxRecipeList section.products09 header:after {
    background-image: none;
    padding: 0 20px 0 20px;
    min-height: auto;
}

.boxRecipeList section.products01 header h3 {
    background-image: url(../img/products/bg_01_recipe.png);
    background-repeat: no-repeat;
    -webkit-background-size: 18px 35px;
    background-size: 18px 35px;
    background-position: 0 0;
    padding: 40px 0 5px 0;
}

.boxRecipeList section.products02 header h3 {
    background-image: url(../img/products/bg_02_recipe.png);
    background-repeat: no-repeat;
    -webkit-background-size: 19px 35px;
    background-size: 19px 35px;
    background-position: 0 0;
    padding: 40px 0 5px 0;
}

.boxRecipeList section.products05 header h3 {
    background-image: url(../img/products/bg_05_recipe.png);
    background-repeat: no-repeat;
    -webkit-background-size: 19px 35px;
    background-size: 19px 35px;
    background-position: 0 0;
    padding: 40px 0 5px 0;
}

.boxRecipeList section.products06 header h3 {
    background-image: url(../img/products/bg_06_recipe.png);
    background-repeat: no-repeat;
    -webkit-background-size: 19px 35px;
    background-size: 19px 35px;
    background-position: 0 0;
    padding: 40px 0 5px 0;
}

.boxRecipeList section.products07 header h3 {
    background-image: url(../img/products/bg_07_recipe.png);
    background-repeat: no-repeat;
    -webkit-background-size: 17px 35px;
    background-size: 17px 35px;
    background-position: 0 0;
    padding: 40px 0 5px 0;
}

.boxRecipeList section.products09 header h3 {
    background-image: url(../img/products/bg_09_recipe.png);
    background-repeat: no-repeat;
    -webkit-background-size: 18px 35px;
    background-size: 18px 35px;
    background-position: 0 0;
    padding: 40px 0 5px 0;
}

.boxRecipeList section header h3 a {
    text-align: left;
    padding: 0;
}

.boxRecipeList section header h3 a {
    color: #1A1A1A;
    display: block;
    text-align: left;
    font-size: 115%;
    text-decoration: underline;
    box-sizing: border-box;
}

.boxRecipeList section header h3 a br {
    display: none;
}

.boxRecipeList section figure {
    display: table-cell;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;
}

.boxRecipeList section figure img {
    width: 100%;
    height: auto;
}

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

	唐辛子レシピ

========================================== */
.boxRecipeNavi {
    padding: 0 0 0 0;
    background-image: url(../img/recipe/sp/bg_navi.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: auto;
    height: auto;
    position: relative;
}

.boxRecipeNavi header {
    position: relative;
    width: 100%;
    text-align: center;
    line-height: 180%;
    margin: 0 0 0 0;
    box-sizing: border-box;
}

.boxRecipeNavi header h1 {
    font-size: 150%;
    margin: 0 0 12px 0;
}

.boxRecipeNavi header p {
    margin: 0 0 12px 0;
    line-height: 150%;
}

.boxRecipeNavi header p a {
    background-image: url(../img/common/ico_arrow_right.png);
    background-repeat: no-repeat;
    background-position: 0 center;
    padding: 0 0 0 8px;
}

.boxRecipeNavi ul {
    width: auto;
    position: relative;
    top: auto;
    right: auto;
}

.boxRecipeNavi ul li {
    width: 20%;
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 0 0 0 5px;
    font-size: 70%;
    line-height: 150%;
    float: left;
    box-sizing: border-box;
}

.boxRecipeNavi ul li:nth-child(6) {
    clear: both;
}

.boxRecipeNavi ul li img {
    max-height: 70px;
    width: auto;
}

.boxRecipeNavi ul li span {
    margin: 12px 0 0 0;
    display: inline-block;
    background-image: url(../img/common/ico_arrow_right.png);
    background-repeat: no-repeat;
    -webkit-background-size: 3px 5px;
    background-size: 3px 5px;
    background-position: 0 0.3em;
    padding: 0 0 0 6px;
    text-align: left;
}


.boxRecipeDetail01 {
    padding: 20px 20px 15px 20px;
    position: relative;
}

.boxRecipeDetail01 header {
    margin: 0 0 5px 0;
    position: relative;
    padding: 0 30px 0 0;
}

.boxRecipeDetail01 header img {
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: auto;
}

.boxRecipeDetail01 header h2 {
    line-height: 150%;
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 0 0;
}

.boxRecipeDetail01 header p {
    line-height: 150%;
    font-size: 90%;
    margin: 0 0 0 0;
}

.boxRecipeDetail02 {
   padding: 1px 0 0 0;
}

.boxRecipeDetail02 img {
    position: relative;
    top: auto;
    left: auto;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 15px auto;
}

.boxRecipeDetail02 p {
    line-height: 180%;
    font-size: 90%;
}

.boxRecipeDetail03 {
    margin: 25px 0 0 0;
}

.boxRecipeDetail03 h3 {
    font-weight: bold;
    line-height: 150%;
    margin: 0 0 5px 0;
}

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

	八幡屋礒五郎について

========================================== */
.aboutIndex .localNavi {
    display: block;
}

.history .headerMain {
    height: auto;
}

.history .headerMain img {
    min-height: auto;
}

.boxhistoryWrapper {
    padding: 0 15px 0 15px;
}

.boxHistory01 p.imgHistory01 {
    margin: 20px 0 20px 0;
    width: auto;
    height: auto;
    display: block;
    text-align: center;
}

.boxHistory01 p.imgHistory01 img {
    max-width: 100%;
    height: auto;
}

.boxHistory02 p {
    text-align: left;
}

.boxHistory03 {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
    position: relative;
    padding: 35px 0 0 0;
}

.boxHistory03 .title02,
.boxHistory04 .title02,
.boxHistory05 .title02,
.boxHistory07 .title02,
.boxHistory08 .title02 {
    margin: 0 0 8px 0;
}

.boxHistory03 .title02 {
    position: absolute;
    top: 0;
    left: 0;
}

.boxHistory03 .left {
    width: auto;
    text-align: left;
    display: inline;
    float: right;
    margin: 0 0 10px 10px;
    width: 100px;
}

.boxHistory03 .left img {
    width: 100%;
    height: auto;
}

.boxHistory03 .right {
    width: auto;
    display: inline;
    float: none;
    vertical-align: top;
}

.boxHistory03 .right .title02 {
    display: inline-block;
}

.boxHistory03 .right p {
    display: inline;
}

.boxHistory04,
.boxHistory07,
.boxHistory08 {
    width: auto;
}

.boxHistory04 .left {
    width: auto;
    float: none;
    padding: 0 0 0 0;
}

.boxHistory04 .right {
    width: auto;
    float: none;
    text-align: center;
}

.boxHistory04 .right img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.boxHistory05 {
    width: auto;
    position: relative;
    padding: 35px 0 0 0
}

.boxHistory05 .title02 {
    position: absolute;
    top: 0;
}

.boxHistory05 .left {
    width: auto;
    float: none;
    padding: 0 0 0 0;
    display: inline;
}

.boxHistory05 .left p {
    display: inline;
}

.boxHistory05 .right {
    width: 100px;
    float: right;
    text-align: center;
    margin: 0 0 10px 10px;
}

.boxHistory05 .right img {
    width: 40%;
    display: inline;
    height: auto;
    margin: 0 auto;
}

.boxHistory06 .right {
    padding: 0 0 0 0;
}

.boxHistory07 .left {
    width: auto;
    float: none;
    padding: 0 0 0 0;
}

.boxHistory07 .right {
    width: auto;
    float: none;
    text-align: center;
}

.boxHistory07 .right img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto 0 20%;
}

.boxHistory08 .left {
    width: auto;
    float: none;
    text-align: center;
}

.boxHistory08 .left img {
    width: 70%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.boxHistory08 .right {
    width: auto;
    float: none;
    padding: 0 0 0 0;
}

.ingredient .headerMain {
    height: auto;
}

.ingredient .headerMain img {
    min-height: auto;
}

.ingredient .boxContentsWrapper {
    position: relative;
    padding: 10px 15px 0 15px;
}

.boxNaviIngredient {
    text-align: center;
    margin: 0 0 20px 0;
    letter-spacing: -.40em;
}

.boxNaviIngredient li {
    display: inline-block;
    letter-spacing: normal;
    width: 50px;
    text-align: center;
    margin: 0 7px 15px 7px;
    font-size: 80%;
}

.boxNaviIngredient li a {
    display: block;
    background-image: url(../img/common/ico_arrow_down.png);
    background-repeat: no-repeat;
    -webkit-background-size: 9px 5px;
    background-size: 9px 5px;
    background-position: center bottom;
    padding: 0 0 15px 0;
}

.boxNaviIngredient li img {
    width: 100%;
    height: auto;
}

.boxNaviIngredient li span {
    display: block;
    margin: 10px 0 0 0;
}

.boxIngredient01 {
    margin: 0 0 40px 0;
    padding: 0 0 0 0;
}

.boxIngredient01 header {
    position: relative;
    margin: 0 0 30px 0;
}

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

.boxIngredient01 header h3 {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 130%;
}

.boxIngredient01 section {
    width: auto;
    margin: 0 15px 0 15px;
}

.boxIngredient01 section div {
    float: none;
    width: auto;
}

.boxIngredient01 section div h4 {
    font-weight: bold;
    line-height: 110%;
    margin: 0 0 20px 0;
    font-size: 110%;
}

.boxIngredient01 section div p {
    line-height: 180%;
    font-size: 90%;
    margin: 0 0 15px 0;
}

.boxIngredient01 section figure {
    float: none;
    width: auto;
}

.boxIngredient01 section figure img {
    width: 100%;
    height: auto;
}

.boxIngredient02 figure {
    width: auto;
}

.boxIngredient02 .text {
    width: auto;
    margin: 10px 0 0 0;
}

.boxIngredient03{
    margin: 0 0 20px 0;
}

.boxIngredient03 figure {
    width: auto;
    float: none;
    text-align: center;
    margin: 0 0 20px 0;
}

.boxIngredient03 figure:last-child {
    margin: 0 0 20px 0;
}

.boxIngredient03 figure img {
    margin: 0 0 10px 0;
    max-width: 100%;
    height: auto;
}

.boxIngredient04 {
    background-color: #f6f6ee;
    margin: -20px 0 30px 0;
    padding: 15px 15px 5px 15px;
}

.boxIngredient04 h3 {
    text-align: center;
    line-height: 180%;
    font-size: 120%;
    margin: 0 0 20px 0;
}

.boxIngredient04 h4 {
    font-weight: bold;
    font-size: 100%;
    margin: 0 0 10px 0;
}

.boxIngredient05 table {
    width: 100%;
    line-height: 150%;
    font-size: 90%;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dddddd;
    display: block;
}

.boxIngredient05 table tr,
.boxIngredient05 table tr tbody {
    display: block;
}

.boxIngredient05 table tr th {
    font-weight: bold;
    padding: 10px 0 0 0;
    border-width: 0 0 0 0;
    border-style: solid;
    border-color: #dddddd;
    display: block;
}

.boxIngredient05 table tr td {
    padding: 10px 0 0 0;
    border-width: 0 0 0 0;
    display: block;
}

.boxIngredient05 table tr td:last-child {
    padding: 10px 0 10px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dddddd;
}

.boxIngredient06 section {
    width: auto;
    float: none;
    margin: 30px 0 0 0;
}

.boxIngredient06 section:last-child {
    float: none;
}

.boxIngredient06 section h5 {
    text-align: center;
    margin: 0 0 10px 0;
}

.boxIngredient06 section table {
    width: 100%;
    line-height: 150%;
    font-size: 90%;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dddddd;
    margin: 0 0 20px 0;
}

.boxIngredient06 table tr td {
    padding: 8px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dddddd;
    vertical-align: middle;
    box-sizing: border-box;
    width: 60%;
}

.boxIngredient06 table tr td:first-child {
    padding: 0 0 0 8px;
    width: 20%;
}

.boxIngredient06 table tr td:last-child {
    text-align: right;
    padding: 0 8px 0 0;
    width: 25%;
}

.boxIngredient06 table tr td img {
    width: 26px;
    height: auto;
}

.boxIngredient07 .inner {
    margin: 30px 0 0 0;
    width: 100%;
}

.boxIngredient07 .inner figure {
    float: none;
    width: auto;
    text-align: center;
    margin: 0 0 10px 0;
}

.boxIngredient07 .inner p {
    float: none;
    width: auto;
    margin: 0;
}

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

	会社案内

========================================== */
.company.index .localNavi {
    display: block;
}

.company .localNavi {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.boxCompanyOutline,
.boxCompanyDevelopment,
.boxCompanyFarm {
    width: auto;
    margin: 0 15px 0 15px;
    padding: 0 0 30px 0;
}

.boxCompanyFarm01 {
    margin: 0 0 15px 0;
}

.boxCompanyFarm01 h3 {
    text-align: center;
    margin: 0 0 15px 0;
    font-size: 110%;
}

.boxCompanyFarm01 .inner {
    text-align: center;
}

.boxCompanyFarm01 img {
    float: none;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 0 15px 0;
}

.boxCompanyFarm01 .inner div {
    float: none;
    width: auto;
    text-align: left;
}

.boxCompanyFarm02 {
    margin: 0 0 25px 0;
}

.boxCompanyFarm02 h3 {
    font-size: 120%;
    line-height: 150%;
    margin: 0 0 12px 0;
}

.boxCompanyFarm02 ul li {
    float: left;
    width: 48%;
    height: auto;
    margin: 0 0 15px 0;
}

.boxCompanyFarm02 ul li:nth-child(2n) {
    float: right;
}

.boxCompanyFarm02 ul li img {
    width: 100%;
    height: auto;
}

.boxCompanyFarm03 {
    margin: 0 0 15px 0;
}

.boxCompanyFarm03 h3 {
    font-size: 120%;
    line-height: 150%;
    margin: 0 0 15px 0;
}

.boxCompanyFarm03 iframe {
    width: 100%;
    height: 200px;
    margin: 0 0 15px 0;
}

.boxCompanyFactory01 {
    margin: 0 0 30px 0;
}

.boxCompanyFactory01 h3 {
    margin: 0 0 10px 0;
    font-size: 120%;
    line-height: 150%;
}

.boxCompanyFactory01 img {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
}

.boxCompanyFactory01 .inner div {
    float: none;
    width: 100%;
}

.boxCompanyFactory01 p {
    margin: 0 0 10px 0;
}

.boxCompanyFactory01 .inner div p:last-child {
    margin: 0 0 10px 0;
}

.boxCompanyFactory01 ul {
    margin: 0 0 0 0;
}

.boxCompanyFactory01 ul li {
    float: left;
    margin: 0 0 0 0;
    width: 48%;
}

.boxCompanyFactory01 ul li:nth-child(2n) {
    float: right;
}

.boxCompanyFactory01 section {
    margin: 10px 0 0 0;
}

.boxCompanyFactory01 section iframe {
    width: 100%;
    height: 200px;
    margin: 0 0 5px 0;
}

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

.boxCompanyCM h3 {
    text-align: center;
    line-height: 120%;
    font-size: 110%;
    margin: 0 0 10px 0;
}

.boxCompanyCM iframe {
    width: 100%;
    height: 200px;
}

.boxCompanyCM p {
    font-size: 90%;
    text-align: center;
    margin: 10px 0 10px 0;
    line-height: 150%;
}

.boxCompanyCM a {
    background-color: #000000;
    color: #ffffff;
    text-align: center;
    width: 150px;
    display: block;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    font-size: 90%;
}

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

	お問い合わせ

========================================== */
.boxInquiryWrapper {
    width: auto;
    margin: 0 auto;
    padding: 0 15px 20px 15px;
}

.boxInquiry01 p {
    text-align: center;
    margin: 0 0 15px 0;
}

.boxInquiry01 ul {
    text-align: center;
}

.boxInquiry01 ul li {
    font-weight: bold;
    font-size: 100%;
    display: inline-block;
    margin: 0 5px 10px 5px;
}

.boxInquiry01 ul li:first-child {
    background-image: url(../img/inquiry/ico_01.png);
    background-repeat: no-repeat;
    -webkit-background-size: 12px 9px;
    background-size: 12px 9px;
    background-position: 0 center;
    min-height: 9px;
    padding: 0 0 0 20px;
}

.boxInquiry01 ul li:last-child {
    background-image: url(../img/inquiry/ico_02.png);
    background-repeat: no-repeat;
    -webkit-background-size: 12px 10px;
    background-size: 12px 10px;
    background-position: 0 center;
    min-height: 10px;
    padding: 0 0 0 20px;
}

.boxInquiry02 {
    margin: 0 0 20px 0;
}

.boxInquiry02 h2 {
    font-weight: bold;
    font-size: 110%;
    margin: 0 0 15px 0;
}

.steps {
  text-align: right;
}

.steps ol {
  width: auto;
  margin: 0 0 10px 0;
  padding: 0;
  display: inline-block;
  border: 1px solid #cacaca;
  list-style-type: none;
}

.steps li {
  height: 30px;
  line-height: 30px;
  margin: 0;
  padding: 0 10px 0 25px;
  float: left;
  position: relative;
  background-color: #fff;
  color: #333333;
  font-size: 80%;
  position: relative;
}

.steps li.item01 {
  padding-left: 10px;
}

.steps li.item01:after,
.steps li.item01:before,
.steps li.item02:after,
.steps li.item02:before {
  content: " ";
  width: 0;
  height: 0;
  position: absolute;
  left: 100%;
  top: 50%;
  z-index: 1;
  border: solid transparent;
  pointer-events: none;
}

.steps li.item01:after,
.steps li.item02:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 15px;
  margin-top: -15px;
}

.steps li.item01:before,
.steps li.item02:before {
  border-color: rgba(0, 0, 0, 0);
  border-left-color: #cacaca;
  border-width: 16px;
  margin-top: -16px;
}

.steps li.item01.active:after,
.steps li.item02.active:after {
  border-left-color: #111111;
}

.steps li h4 {
  line-height: 30px;
  font-size: 1em;
}

.steps li.active {
  background-color: #111111;
  color: #ffffff;
}

.boxForm {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #cccccc;
}


.boxForm fieldset {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #cccccc;
    padding: 10px 0 10px 0;
}

.boxForm .entry {
    margin: 0 0 0 80px;
    padding: 10px 0 10px 0;
    border-width: 0;
}

.boxForm .entryBorder {
    border-width: 1px 0 0 0;
    padding: 20px 0 0 0;
}

.boxForm fieldset legend {
    float: none;
    width: auto;
    padding: 10px 0 0 0;
    position: relative;
    line-height: 150%;
    font-size: 90%;
}

.boxForm .entry legend {
    width: auto;
    position: relative;
}

.boxForm .entry legend em {
    position: absolute;
    top: 3px;
    left: 20px;
}

.boxForm fieldset legend span {
    color: #FF0000;
}

.boxForm fieldset legend span.block {
    display: inline;
}

.boxForm fieldset .inner {
    float: none;
    width: auto;
    padding: 0 0 0 0;
    line-height: 180%;
}

.boxForm fieldset .inner span {
    font-size: 90%;
    display: block;
    text-align: right;
}

.boxForm .input01 {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    background-color: #eeeeee;
    width: 100%;
    padding: 3px;
    box-sizing: border-box;
}

.boxForm .input02 {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    background-color: #eeeeee;
    width: 44px;
    padding: 3px;
}

.boxForm .input03 {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    background-color: #eeeeee;
    margin: 7px 0 7px 0;
    padding: 3px;
}

.boxForm .input04 {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    background-color: #eeeeee;
    width: 94px;
    padding: 3px;
}

.boxForm .input05 {
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    background-color: #eeeeee;
    width: 100%;
    height: 150px;
    padding: 3px;
    box-sizing: border-box;
}

.boxForm .input06 {
    display: block;
    margin: 0 0 10px 0;
}

.boxForm .input06 input {
    float: left;
}

.boxForm .input06 span {
    display: block;
    margin: 0 0 0 2em;
    color: #333333 !important;
}

.boxForm .input07 {
    display: inline-block;
    margin: 0 10px 5px 0;
}

.boxForm p {
    padding: 20px 0 0 0;
}

.btnForm01 {
    border-width: 0;
    width: 150px;
    text-align: center;
    background-color: #1A1A1A;
    color: #ffffff;
    margin: 0 auto 10px auto;
    padding: 10px 0 10px 0;
    display: block;
    cursor: pointer;
    font-size: 90%;
}

.btnForm02 {
    border-width: 0;
    width: 100px;
    text-align: center;
    background-color: #888888;
    color: #ffffff;
    margin: 0 auto 15px auto;
    padding: 12px 0 12px 0;
    display: inline-block;
    cursor: pointer;
}

.error {
    color: #ff0000;
    margin: 10px 0 0 0;
}

.error .error:last-child {
    margin: 10px 0 30px 0;
}

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

	店舗のご案内

========================================== */
.store.index .localNavi {
    display: block;
}

.store .localNavi {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.store .localNavi li {
    width: 100%;
}

.boxStore02 iframe {
    width: 100%;
    height: 200px;
    margin: 0 0 5px 0;
}

.boxStore02 ul {
    text-align: center;
    margin: 25px 0 0 0;
}

.boxStore02 ul li {
    display: block;
    margin: 0 0 15px 0;
}

.boxStore02 ul li a {
    border-width: 1px;
    border-style: solid;
    border-color: #1A1A1A;
    width: 250px;
    display: block;
    margin: 0 auto;
    padding: 15px 0 15px 0;
    font-size: 90%;
}

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

	採用情報

========================================== */
.recruit.index .localNavi {
    display: block;
}

.recruit .localNavi {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.recruit .localNavi li {
    width: 100%;
}

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

	ブログ

========================================== */
.boxBlogWrapper {
    width: auto;
    margin: 0 auto;
}

.blog .boxNews01 {
    margin: 0 auto 30px auto;
    width: auto;
}
.blog .headerMain h1 {
    color: #ffffff;
    font-size: 120%;
    position: absolute;
    top: 42%;
    left: auto;
    right: 10%;
    width: 100%;
    text-align: right;
    letter-spacing: 1px;
    margin: 0;
}

.blog .headerMain {
    height: auto;
}

.blog .headerMain img {
    min-height: auto;
}

.boxBlogList section {
    float: none;
    width: auto;
    margin: 0 15px 20px 15px;
}

.boxBlogList .inner section:nth-child(3n) {
    margin: 0 15px 20px 15px;
}

.boxBlogList .inner section:nth-child(3n+1) {
    clear: both;
}

.boxBlogList section figure {
    text-align: center;
}

.boxBlogList section figure img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.boxBlogList section header {
    margin: 12px 0 10px 0;
    line-height: 160%;
}

.boxBlogList section header span {
    border-width: 1px;
    border-style: solid;
    border-color: #0e0b08;
    width: 80px;
    margin: 0 10px 0 0;
    padding: 2px 0 0 0;
    display: inline-block;
    font-size: 80%;
    text-align: center;
}

.boxBlogList section header time {
    font-size: 90%;
}

.boxBlogList section header h2 {
    font-weight: bold;
    margin: 10px 0 0 0;
    line-height: 130%;
}

.boxBlogList section header h2 a {
    text-decoration: underline;
}

.boxBlogList section p {
    line-height: 160%;
    font-size: 90%;
}

.boxBlogList section p a.more {
    display: block;
    margin: 5px 0 0 0;
    text-decoration: underline;
    padding: 0 0 0 10px;
    position: relative;
}

.boxBlogList section p a.more:after {
    content: ">";
    position: absolute;
    left: 0;
    width: 1em;
    font-size: 80%;
}

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

	プライバシーポリシー

========================================== */
/*.privacy .headerMain h1 {
    color: #000000;
    font-size: 120%;
    position: absolute;
    top: 32%;
    left: 4%;
    width: auto;
    text-align: left;
    letter-spacing: 1px;
}*/

.privacy .boxContentsWrapper {
    width: auto;
    margin: 0 auto;
    padding: 0 15px 0 15px;
    box-sizing: border-box;
}

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

	サイトマップ

========================================== */
.boxSitemap .left {
    width: auto;
    float: none;
}

.boxSitemap .right {
    width: auto;
    float: none;
}


.boxSitemap ul {
    padding: 15px 0 0 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dddddd;
    line-height: 150%;
}

.boxSitemap div ul:last-child {
    border-width: 1px 0 1px 0;
}

.boxSitemap div ul li {
    margin: 0 0 10px 0;
    font-weight: bold;
}

.boxSitemap div ul li a {
    background-image: url(../img/common/ico_arrow_right.png);
    background-repeat: no-repeat;
    background-position: 0 0.4em;
    padding: 0 0 0 15px;
    text-decoration: underline;
}

.boxSitemap div ul li ul {
    border-width: 0 0 0 0 !important;
    margin: -4px 0 0 15px;
}

.boxSitemap div ul li ul li {
    font-weight: normal;
    margin: 0 0 7px 0;
}


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

	修正

========================================== */
 /*spのみ左寄せ */
.boxProducts02 p {
	text-align: left;
}

/* 商品ページ */
.boxProducts05 ul li span {
	margin-left: 12px;
	margin-right: 12px;
}
.boxProducts04 li a {
	padding: 5px 20px;
	background-image: none;
}

/* globalNavi */
#globalHeader #globalNavi .navi01 li:nth-child(5) a {
	border-top: 1px solid #494949;
	padding: 15px 0 15px 15px;
}