@charset "utf-8";

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

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

	Header CSS

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



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

	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

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



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

	Structure CSS

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


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

	共通

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

.alignN {text-align: left !important;}
.alignN br {display: none;}

.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;
	margin-top: 60px;
    position: relative;
    height: 150px;
	width: 100vw;
	overflow: hidden;
}

.headerMain img {
/*    width: 100vw;
    min-width: 780px;
    min-height: 0;
    height: auto;
	margin: 0;
	left: -50%;*/
	left: 0;
    margin-left: 0;
}

.products .headerMain img,
.store .headerMain img,
.history .headerMain img {
	left: -350px;
}

.headerMain h1 {
	color: #ffffff;
	font-size: 120%;
	position: absolute;
	top: 40%;
	left: 0;
	margin: 0;
	letter-spacing: 1px;
	text-align: center;
	width: 100%;
	text-shadow: 0px 0px 20px rgba(0,0,0,0.7);
}

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

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


.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;
}

/* --- .original オリジナル七味 で使用 --- */
.table04 {
    width: 100%;
    line-height: 180%;
    margin: 0 0 20px 0;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #dfdfd0;
}

.table04 th {
    padding: 10px 0 10px 10px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfd0;
	font-size: 90%;
}

.table04 td {
    padding: 10px 10px 10px 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dfdfd0;
	font-size: 80%;
	color: #939393;
	text-align: right;
}

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

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

	トップページ

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

#loader-bg {
    display: none;
}





.boxNews {
    margin: 0 15px 15px 15px;
    position: relative;
    padding: 0 0 20px 0;
}

.boxNews header {
    position: static;
    margin: 0 0 10px 0;
}

.boxNews header h2 {
    font-size: 130%;
    text-align: center;
}

.boxNews header a {
    width: 100%;
    top: auto;
    bottom: 0;
    right: 0;
    padding: 5px 0 5px 0;
    line-height: 150%;
}

.boxNews dl {
    border-width: 0 0 1px 0;
    border-style: dotted;
    border-color: #333333;
    line-height: 150%;
    padding: 10px 0 10px 0;
}

.boxNews dl dt {
    width: auto;
    float: none;
    margin: 0 0 10px 0;
}

.boxNews dl dt span {
    padding: 1px 0 1px 0;
}

.boxNews dl dd {
    float: none;
    width: auto;
}
/* - お知らせ・動画 - */
.boxNewsEntry iframe {
  width: 100%;
  height: 200px;
}

/* --- お知らせ内お知らせ --- */
.boxNews .info a {
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 10px;
	line-height: 1.5;
	background-color: #ffffff;
	text-align: center;
}
.boxNews .info a:hover {
	text-decoration: none;
}

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

	お知らせ

========================================== */
.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 10px 0;
    padding: 20px 20px 60px 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%;
}

.boxNewsList figure {
    top: -10px;
}


.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;
}

.boxProductsIndex01 {
	margin: 0 15px;
	padding: 0;
}
.boxProductsIndex03,
.boxProductsIndex04 {
	margin: 0 15px 40px;
}

.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 30px 0;
	margin-top: 60px;
}

.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;
}

.products10 .boxProducts01 {
    background-image: url(../img/products/sp/bg_10.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
	padding-bottom: 30px;
}

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

.products12 .boxProducts01 {
    background-image: url(../img/products/sp/bg_12.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;
}

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

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

.products16 .boxProducts01 {
    background-image: url(../img/products/sp/bg_16.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.products17 .boxProducts01 {
    background-image: url(../img/products/sp/bg_17.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.products18 .boxProducts01 {
    background-image: url(../img/products/sp/bg_18.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.products19 .boxProducts01 {
    background-image: url(../img/products/sp/bg_19.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.products20 .boxProducts01 {
    background-image: url(../img/products/sp/bg_20.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.products21 .boxProducts01 {
    background-image: url(../img/products/sp/bg_21.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.products22 .boxProducts01 {
    background-image: url(../img/products/sp/bg_22.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.products23 .boxProducts01 {
    background-image: url(../img/products/sp/bg_23.jpg);
    background-position: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}
.products24 .boxProducts01 {
	background-image: url(../img/products/sp/bg_24.jpg);
	background-position: 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.products26 .boxProducts01 {
	background-image: url(../img/products/sp/bg_26.jpg);
	background-position: 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.products27 .boxProducts01 {
    background-image: url(../img/products/sp/bg_27.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 13px 15px 0;
    width: 70px;
    font-size: 80%;
}

.boxPattern01 ul li:nth-child(4), .boxPattern01 ul li:nth-child(8) {
    margin: 0 0 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%;
	font-weight: bold;
}
.products10 .boxProducts01 h1 {
    width: auto;
    margin: 0 0 60px 0;
    padding: 280px 0 0 0!important;
    text-align: center;
    line-height: 120%;
    font-size: 250%;
	font-weight: 500;
}
.products13 .boxProducts01 h1 {
    margin: 0 auto 20px auto;
    padding: 0;
}

.boxProducts01 h1 div {
	width: auto;
	text-align: center;
	display: inline-block;
}
.boxProducts01 h1 span {
	font-size: 40%;
	font-weight: normal;
}
.boxProducts01 h1 span.rubi {
	font-size: 35%;
	display: block;
	line-height: 1em;
}

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

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

.boxProducts02 p {
	margin: 0 15px 0 15px;
	font-size: 85%;
	line-height: 180%;
	text-align: center!important;
}
.products10 .boxProducts02 p {
  padding: 30px 15px 0 15px;
  line-height: 200%;
  font-size: 110%;
}

.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 50px 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;
}
	/* products10イヤー缶 */
	.products10 .boxProducts04 {
		text-align: center;
		margin: 0 0 100px 0;
	}

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

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

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

.products04 .boxProducts05 ul,
.products06 .boxProducts05 ul,
.products07 .boxProducts05 ul,
.products08 .boxProducts05 ul,
.products09 .boxProducts05 ul,
.products19 .boxProducts05 ul {
    width: 100%;
    margin: 0 auto;
}
.products10 .boxProducts05 ul {
    width: 80%;
    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;
}

.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,
.boxProducts05 ul li.ml400 {
    margin-left: 0;
}

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

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

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

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

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


/* --- products/13.php コスメ　元.boxProducts18 */
/*.boxProducts18 {
    width: auto;
    margin: 40px 15px 0 15px;
}
.boxProducts18 section {
    width: 100%;
}
.boxProducts18 h2 {
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 130%;
}
.boxProducts18 p {
    margin: 0 0 30px 0;
}*/
.cosme-info {
	width: 90%;
	margin: 60px auto 30px auto;
}
.cosme-info h2 {}
.cosme-info p {}
.cosme-info .cosme-info-img {
	float: none;
	width: 100%;
	margin: 0 auto 10px auto;
}
.cosme-info .cosme-info-img img {
	width: 100%;
}



/* --- products10 イヤーモデルページ用 --- */
.products10 {
	background-color: #f5f5f5;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
.products10 #contents {
    background-color: #f5f5f5;
}
.products10 .boxProducts07 {
	width: auto;
    margin: 40px 0 0 0;
	clear: both;
}

/* 冒頭挨拶（イントロダクション）：introduction */
.products10 .boxProducts07.introduction {
	width: 80%;
	margin: 100px auto;
}
/*.products10 .boxProducts07.introduction:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}*/
.products10 .boxProducts07.introduction p {
	/*padding: 0 0 20px;*/
	font-size: 16px;
	line-height: 2;
	text-align: justify;
}

/* 施設紹介：what */
.products10 .boxProducts07.what {
	width: 90%;
	margin: 0 auto 80px;
}
.products10 .boxProducts07.what .cardContainer {
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.products10 .boxProducts07.what .card {
	width: 100%;
	margin: 0 0 50px;
	background-color: #ffffff;
}
.products10 .boxProducts07.what .card h4 {
	padding: 1.5em 0 1em;
	font-weight: 600;
	font-size: 20px;
	font-family: serif;
	text-align: center;
}
.products10 .boxProducts07.what p {
	width: 85%;
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: justify;/*両端揃え*/
	line-height: 175%;
}
.products10 .boxProducts07.what img {
	width: 100%;
}
.products10 .boxProducts07.what a {
	display: block;
	width: 100%;
	margin-top: auto;/*下に揃える*/
	padding: 10px 0;
	text-align: center;
	border: 1px solid #27acd9;
	border-radius: 5px;
	color: #27acd9;
}

/* 商品概要summary */
.products10 .boxProducts07.summary {
 	width: 100%;
	margin-bottom: 20px;
}
/*.products10 .boxProducts07.summary:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}*/
.products10 .boxProducts07.summary figure {
	float: none;
	width: 70%;
	max-width: 600px;
	margin: 0 auto;
}
.products10 .boxProducts07.summary figure img {
	width: 100%;
}
.products10 .boxProducts07.summary table {
	float: none;
	width: 90%;
	margin: 5px auto 30px;
}
.products10 .boxProducts07.summary table th {
	width: 20%;
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #E1DED8;
}
.products10 .boxProducts07.summary table td {
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #ededed;
}

/* 唐辛子のブレンド togarashi */
.products10 .boxProducts07.togarashi {
 	width: 80%!important;
	margin: 50px auto;
}
.products10 .boxProducts07.togarashi figure {
	display: block;
	margin: 40px auto 50px;
	gap: 20px;
}
.products10 .boxProducts07.togarashi figure img {
	width: 100%;
	padding: 0 0 10px;
}
.products10 .boxProducts07.togarashi figcaption {
	/*flex-grow: 1;*/
}
.products10 .boxProducts07.togarashi h3 {
	padding: 0 0 15px;
	font-size: 120%;
	font-weight: 600;
}
.products10 .boxProducts07.togarashi h4 {
	font-weight: 600;
	padding: 0 0 15px;
}
.products10 .boxProducts07.togarashi p {
	line-height: 1.5;
	text-align: justify;
}
.products10 .boxProducts07.togarashi:after {
}

/* 150周年メッセージ message */
.products10 .boxProducts07.message {
 	width: 90%!important;
	margin: 100px auto 50px;
}
.products10 .boxProducts07.message img {
 	width: 100%;
	margin-bottom: 20px;
}
.products10 .boxProducts07.message p {
}
.products10 .boxProducts07.message p span {
}
/* 100周年PV */
/*.products10 .boxCompanyCM {
	width: 90%;
}*/
/*.products10 .boxCompanyCM iframe.youtube-16-9 {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}*/
/* イヤーモデル缶とは？（サムネイル） */
.whatyearmodel {
	/*width: 100%;*/
	/*background-color: #E8E3D8;*/
}
.whatyearmodel div {
	width: 85%;
	margin: 0 auto;
	padding: 50px 0; 
}
.whatyearmodel h2 {
	/*margin: 0 0 20px 0;
	text-align: center;
	font-size: 22px;*/
}
.whatyearmodel h3 {
	/*margin: 60px 0 30px 0;
	text-align: center;
	font-size: 20px;*/
}
.whatyearmodel p {
	width: 90%;
	margin: 0 auto;
	line-height: 1.7;
	text-align: justify;
	text-justify: inter-ideograph;
}
.whatyearmodel ul {
	font-size:0;
}
.whatyearmodel ul li {
  display: inline-block;
  width: 22%;
  margin: 0 2% 15px 0;
  text-align: center;
  vertical-align: top;
}
.whatyearmodel ul li:nth-child(4n) {
  margin: 0 0 15px 0;
}
.whatyearmodel ul li:nth-child(6n) {
  margin: 0 2% 15px 0;
}
.whatyearmodel ul li img {
  width: 100%;
  height: auto;
}
.whatyearmodel ul li span {
  display: block;
  margin: 5px 0 0 0;
  line-height: 1.3;
  font-size: 11px;
  letter-spacing: 0;
  font-feature-settings: "palt";
}

/* --- 追記ページ yearmodel_more --- */
.boxProducts07.yearmodel_more {
	width: 90%;
	margin: 100px auto 0;
}
.yearmodel_more .interviewee {
	line-height: 1.7;
}
/* インタビューページ・リンク */
.yearmodel_linkButton {
	margin: 0 0 60px;
	/*background-color: #27acd9;*/
}
.yearmodel_linkButton:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}
.yearmodel_linkButton a {
	display: block;
	width: 80%;
	max-width: 350px;
	margin: 0 auto 1em;
	padding: 0.5em 0;
	font-size: 14px;
	text-align: center;
	border: 1px solid #27acd9;
}
.yearmodel_linkButton a:first-child {
	float: none;
}
.yearmodel_linkButton a:last-child {
	float: none;
}


.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%;
}



/* --- 問い合わせ --- */
.boxProducts10 {
    border-width: 1px;
    border-style: solid;
    border-color: #e5412f;
    width: auto;
    margin: 30px 15px 30px 15px;
    padding: 20px 0 15px 0;
}

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

.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 {
    width: auto;
    margin: 20px 15px 20px 15px;
}

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

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

.boxProducts11 h3 {
    margin: 30px 0 15px 0;
    font-size: 100%;
    font-weight: bold;
}

.boxProducts11 .wrapper {
    margin: 25px 0 0 0;
}

.boxProducts11 .inner {
    width: auto;
    float: none;
    margin: 0 0 30px 0;
}

.boxProducts11 .inner02 {
    margin: 0 auto 30px auto;
    float: none;
    width: auto;
}

.boxProducts11 .inner:nth-child(2n) {
    float: none;
}

.boxProducts11 .inner:nth-child(3n+2) {
  margin-left: 0;
}

.boxProducts11 .inner .figure {
    text-align: center;
    width: auto;
    height: auto;
    display: block;
    margin: 0 0 10px 0;
}

.boxProducts11 .inner02 .figure {
    width: auto;
}

.boxProducts11 .inner .figure figure {
    display: block;
    margin: 0 0 15px 0;
}

.boxProducts11 .inner02 .figure figure {
    margin: 0 0 15px 0;
}

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



/* -------------------------------- 
	products/14.php
	商品情報内アニバーサリー缶ページ
-------------------------------- */
/* 工場移設　納品日に関するお知らせ */
.anniv-noukinote-wrap {}
.anniv-noukinote-wrap h2 {
	margin: 0 0 30px 0;
}
.anniv-noukinote {
	width: 80%;
	margin: 0 auto;
}


/* 元.boxProducts15 */
.anniv-design {}
.anniv-design-box {
	width: 90%;
	margin: 0 auto 30px;
	padding: 30px;
	box-sizing: border-box;
	border: 1px solid #cccccc;
}
.anniv-design-box .inner {
	display: block;
	justify-content: start;
	align-items: normal;
}
.anniv-design-box section:first-child {
	width: 100%;
}
.anniv-design-box .anniv-design-img {
	width: auto;
	display: flex;
	justify-content: space-between;
}
	.anniv-design .anniv-design-img figure {
	 width: 30%;
	}
	.anniv-design .anniv-design-img figure img {
	 width: 100%;
	}
	.anniv-design .anniv-design-img figcaption {
		padding: 10px 0 0 0;
		text-align: center;
		font-size: 90%;
	}

.anniv-design h2 {}
.anniv-design h3 {
	text-align: center;
}
.anniv-design p {}
/* ボタン */
.anniv-design ul {}
.anniv-design ul li {}
.anniv-design ul li:first-child a {}
.anniv-design ul li:last-child a {
  margin: 12px auto 30px auto;
}
.anniv-design ul li:last-child a:hover {}

/* ご注文の流れ　元.boxProducts09 */
.anniv-howto-wrap {
	margin-top: 50px!important;
	padding: 50px 0 20px;
}
.anniv-howto-wrap h2 {
}
.anniv-howto {
	display: block;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
}
.anniv-howto .box {
	width: 100%;
	margin-bottom: 30px;
	padding: 30px 50px;
	box-sizing: border-box;
	background-color: #ffffff;
}
.anniv-howto img {
	display: block;
	width: 80%;
	margin: 0 auto;
}
.anniv-howto .box p {
 	text-align: justify;
	font-size: 100%;
	line-height: 1.6;
}
.anniv-howto .blue {
	margin-top: 10px;
	color: #006EC7;
}
.anniv-howto h3 {
	margin: 25px 0 20px;
	text-align: center;
	font-size: 150%;
}
.anniv-howto h4 {
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 120%;
	font-weight: bold;
}
.anniv-howto .nouki {
	margin-top: 20px;
	padding: 20px;
	/*font-weight: bold;*/
	box-sizing: border-box;
	background-color: #d6edfa;
}
/*.boxProducts09 {
	margin: 0 0 20px 0;
	background: #fff2c2;
}
.boxProducts09 .inner {
  width: 90%;
  margin: 0 auto;
  padding: 0;
}
.boxProducts09 h2 {
  text-align: center;
  margin: 0 0 20px 0;
  padding: 40px 0 0 0;
  font-size: 150%;
}
.boxProducts09 h3 {
  text-align: center;
  margin: 20px 0;
  font-size: 150%;
}
.boxProducts09 h4 {
  text-align: center;
  padding: 15px 0 10px 0;
  font-size: 120%;
}
.boxProducts09 div.box {
  width: 100%;
  margin: 0 auto 20px auto;
  padding: 20px 0;
  background: #ffffff;
}
.boxProducts09 .boxs {
}
.boxProducts09 div.box p {
  width: 85%;
  margin: 0 auto;
  padding: 0;
  text-align: justify;
  font-size: 90%;
  line-height: 1.7;
}
.boxProducts09 div.box span.blue {
  width: 85%;
  margin: 10px auto 0 auto;
  text-align: justify;
  font-size: 90%;
  line-height: 1.7;
  color: #006EC7;
  display: block;
}
.boxProducts09 div.box .nouki {
  width: 90%;
  margin: 20px auto 0 auto;
  padding: 0;
  background: #d6edfa;
}
.boxProducts09 div.box .nouki p {
  width: 90%;
  padding: 0 0 15px 0;
}
.boxProducts09 div.box img {
  padding: 0;
}*/

/* アニバ缶価格表 元.boxProducts08 */
.anniv-price {
	width: 90%;
	margin: 60px auto 65px;
}
.anniv-price h2 {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 180%;
}
.anniv-price table {
  width: 100%;
  line-height: 140%;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #CDCDCD;
  border-collapse: collapse;
  margin: 0 0 10px 0;
}
.anniv-price table th {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #CDCDCD;
  border-collapse: collapse;
  text-align: center;
  padding: 15px 10px;
  background-color: #eeeeee;
  vertical-align: middle;
}
.anniv-price table td {
  border-width: 0 0 1px 1px;
  border-style: solid;
  border-color: #CDCDCD;
  border-collapse: collapse;
  text-align: center;
  padding: 15px 10px;
  vertical-align: middle;
}
.anniv-price tr td:first-child {
	background-color: #eeeeee;
}
.anniv-price p {
  line-height: 160%;
  margin: 0 0 10px 0;
}
.anniv-price p.caption {
  line-height: 160%;
  margin: 0 0 10px 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;
}*/

/* アニバ缶ラッピング 元.boxProducts12 */
.anniv-wrapping {
	display: block;
	padding: 5px 40px 55px;
	margin: 0 auto 60px;
}
.anniv-wrapping h2 {
	margin: 40px 0 20px 0;
}
.anniv-wrapping .anniv-wrapping-right {
	width: 100%;
	margin: 0 auto;
}
.anniv-wrapping .anniv-wrapping-right img {
	max-width: 300px;
}
.anniv-wrapping .anniv-wrapping-right p {
	font-size: 90%;
}
.anniv-wrapping .anniv-wrapping-left {
	width: 100%;
}
/*.boxProducts12 {
  width: 90%;
  margin: 40px auto;
  padding: 0;
  background-color: #fff2c2;
}
.boxProducts12 .imgProducts12 {
	float: none;
	width: 80%;
	margin: 0 auto;
}
.boxProducts12 .imgProducts12 img {
	width: 100%;
}
.boxProducts12 .inner {
  width: 90%;
  margin: 0 auto;
  float: none;
}
.boxProducts12 h2 {
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 150%;
}
.boxProducts12 p {
  margin: 0 0 20px 0;
  text-align: justify;
  font-size: 90%;
  line-height: 2;
}*/

/*.boxProducts15 {
	width: 90%;
	margin: 0 auto 20px auto;
	padding: 0;
	border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
}
.boxProducts15 h2 {
  margin: 20px 0;
  text-align: center;
  font-size: 150%;
}
.boxProducts15 p {
  padding: 0 20px;
  text-align: justify;
  font-size: 90%;
  line-height: 1.7;
}
.boxProducts15 .inner {
	width: 100%;
	margin: 0 auto;
}
.boxProducts15 .inner ul {
  display: block;
  padding: 5px 0 0 0;
  font-size: 90%;
}
.boxProducts15 .inner ul li {
  display: block;
  text-align: center;
}
.boxProducts15 .inner ul li:first-child a {
  display: block;
  width: 90%;
  border: 1px solid #e5402e;
  color: #e5402e;
  margin: 12px auto 0 auto;
  padding: 12px 0 12px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.boxProducts15 .inner ul li:last-child a {
  display: block;
  width: 90%;
  background-color: #e5402e;
  color: #ffffff;
  margin: 12px auto 0 auto;
  padding: 12px 0 12px 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.imgProducts15 {
	width: 90%;
	margin: 0 auto;
	box-pack: justify;
}
.imgProducts15 figure {
	float: left;
	width: 25%;
	padding: 20px 15px 20px 0;
}
.imgProducts15 figure:last-child {
	padding: 20px 0 20px 0;
}
.imgProducts15 figure img {
	max-width: 100%;
}
.imgProducts15 figcaption {
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 70%;
}*/


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

.products17 .boxProducts02 h2 span {
    display: block;
}

.products17 .boxProducts02 p {
    text-align: center;
}

.products17 .boxProducts02 p span {
    display: block;
}
.products17 .boxProducts02 h2{
	padding-top: 75vw!important;
}
.products17 .shop17 a{
	margin: 20px auto 30px;
}


.boxProducts170201,
.boxProducts170401,
.boxProducts170501 {
	display: block;
    width: auto;
    line-height: 200%;
    font-size: 90%;
}
.boxProducts170201 img,
.boxProducts170401 img,
.boxProducts170501 img {
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 500px;
}
.boxProducts170201 p,
.boxProducts170401 p,
.boxProducts170501 p {
    margin: 0 0 25px 0;
	width: auto;
	max-width: none;
	padding: 0;
}



/*チョコ*/
.boxProducts1701 {
    background-image: none;
    padding: 30px 0 40px 0;
}
.boxProducts1701 .products17_contents {
    width: auto;
    margin: 0 15px;
}
.boxProducts1701 .products17_contents header {
    text-align: center;
    line-height: 150%;
    margin: 0 0 15px 0;
}
.boxProducts1701 .products17_contents header h3 {
    font-size: 130%;
    margin: 0 0 20px 0;
}
.boxProducts1701 .products17_contents header p span {
    display: block;
}
.boxProducts170101 {
    width: auto;
    margin: 0 25px 30px 25px;
    padding: 210px 0 0 0;
    background-image: url(../img/products/sp/bg_17_02.jpg);
    background-repeat: no-repeat;
    background-size: 320px 208px;
    background-color: #f0e3cd;
    background-position: center 0;
}
.boxProducts170101 p {
    line-height: 200%;
    font-size: 90%;
    margin: 0;
}
.boxProducts170101 figure {
    position: relative;
    text-align: center;
}
.boxProducts170101 figure img {
    width: 112px;
    height: auto;
    vertical-align: bottom;
}
.boxProducts170101 figure figcaption {
    font-size: 90%;
    text-align: center;
    display: inline-block;
    position: relative;
    bottom: 0;
    right: 0;
    line-height: 120%;
}
/* チョコ動画 */
/*.boxProducts170102 {
    margin: 0 15px 50px 15px;
}*/
/*.boxProducts170102 h4 {
    font-size: 130%;
    margin: 0 0 20px 0;
    text-align: center;
}*/
.boxProducts170102 {
    position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.boxProducts170102 iframe {
    position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
/* カカオの風味をこちらでも */
.boxProducts170103 {
    padding: 50px 0 10px 0;
}
.boxProducts170103 h4 {
    font-size: 130%;
    margin: 0 0 40px 0;
    text-align: center;
}
.boxProducts170103 figure {
    float: none;
    width: 70%;
    margin: 0 auto 0 auto;
    position: relative;
}
.boxProducts170103 figure img {
    width: 100%;
}
.boxProducts170103 figure p {
    position: absolute;
    text-align: center;
    line-height: 150%;
    font-size: 90%;
    background-color: #ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50px;
    top: -30px;
    left: -30px;
    padding: 20px 0 0 0;
    box-sizing: border-box;
}
.boxProducts170103 figure p:last-child {
    top: auto;
    left: auto;
    bottom: -30px;
    right: -30px;
}
.boxProducts170103 .inner {
    float: none;
    width: 70%;
    margin: 50px auto 0;
}
.boxProducts170103 .inner p {
    line-height: 200%;
    font-size: 90%;
    margin: 0 0 20px 0;
}
.boxProducts170105 {
    width: 80%;
    margin: 0 auto 50px auto;
    padding: 10px 0;
    font-size: 85%;
    line-height: 1.5;
}
.boxProducts170105 dt {
    font-weight: bold;
}
.boxProducts170106 {
}
.boxProducts170106 h4 {
    font-size: 120%;
    margin: 0 0 10px 0;
    text-align: center;
}
.boxProducts170106 p {
    font-size: 90%;
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts170106 .figure {
    float: none;
    width: 80%;
    height: auto;
    margin: 0 auto 30px auto;
}
.boxProducts170106 figure {
    padding: 0;
    line-height: 140%;
    font-size: 100%;
    text-align: left;
    overflow: hidden;
}
.boxProducts170106 figure img {
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    width: 50px;
}
.boxProducts170106 figcaption {
    padding: 5px 0;
    font-weight: bold;
}
.boxProducts170106 figure p {
    text-align: left;
    padding: 0;
}
.boxProducts170106 figure .boxProducts170106-p{
	position: relative;
    text-align: center;
    line-height: 0;
    font-size: 100%;
    background-color: #ffffff;
    width: 100%;
    height: 26px;
    border-radius: 0px;
    padding: 13px 0 0;
	margin: 20px auto 25px;
	display: block;
}
.boxProducts170106 .pc{
	display: none!important;
}
.boxProducts170107 {
    width: 95%;
    margin: 20px auto 40px;
    padding: 40px 0 0;
    border-top: 1px solid #A0A0A0;
}
.boxProducts170107 figure {
    float: left;
    width: 100%;
    text-align: center;
}
.boxProducts170107 h4 {
    font-size: 110%;
    margin: 0;
    text-align: center;
}
.boxProducts170107 figure img {
    width: 220px;
}
.boxProducts170107 figcaption {
    line-height: 120%;
    font-size: 90%;
    font-weight: bold;
}

/*マカロン*/
.boxProducts1702 {
    /*background-image: url(../img/products/sp/bg_17_03.jpg);
    background-size: 100% auto;
    background-position: center 10px;
    background-repeat: no-repeat;*/
    padding: 30px 0 60px 0;
}
.boxProducts1702 header {
    text-align: center;
    margin: /*0 0 55vw*/ 0;
    line-height: 150%;
}
.boxProducts1702 header h3 {
    font-size: 130%;
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts1702 header p {
    font-size: 100%;
}
.boxProducts1702 header p span {
    display: block;
}
.boxProducts170202 ul {
	width: 95%;
}
.boxProducts170202 ul li {
    float: left;
    width: 50%;
    margin: 0 0 15px 0;
}
.boxProducts170202 ul li p {
	margin-bottom: 0;
	line-height: 1.3em;
	font-size: 80%
}
.boxProducts170202 ul li p .min1702{
	display: block;
}
@media screen and (max-width: 540px) {
	.boxProducts170202 ul li p .min1702{
		display: block;
	}
	.boxProducts170202 ul {
		margin: auto;
	}
}
@media screen and (max-width: 368px) {
	.boxProducts170202 ul li {
		float: none;
		width: 100%;
		margin: 0 0 10px 0;
	}
	.boxProducts170202 ul li p {
		margin-bottom: 0;
		line-height: 1.3em;
		font-size: 95%
	}
	.boxProducts170202 ul li p .min1702{
		display: none;
	}
}
.boxProducts170202 ul li img {
    margin: 0 10px 0 0;
    width: 50px;
    height: auto;
}
.boxProducts170203{
	margin: 30px 0px 30px auto;
	padding: 0 0 0 5%;
	width: 95%;
	max-width: 780px;
}
.boxProducts170203 ul {
    width: auto;
    margin: 40px auto 0 auto;
}
.boxProducts170203 ul li {
 	float: none;
	vertical-align: middle;
	font-size: 90%;
	line-height: 150%;
	white-space: nowrap;
	margin: 0 0 30px 0;
}
.boxProducts170203 ul li:last-child {
	float: none;
}
.boxProducts170203 ul li img {
    margin: 0 10px 0 0;
    height: 50px;
    width: auto;
    float: left;
    vertical-align: middle;
}
.boxProducts170203 ul li p {
    display: inline-block;
    margin: 0 0 0 10px;
	white-space: normal;
	/*overflow-wrap: break-all;*/
}
.boxProducts170203 ul li p span {
	font-size: 90%;
}
.boxProducts170203 ul li:first-child p {
    margin: 0 0 0 20px;
}
/* マカロン動画 */
/*.boxProducts170402 {
    padding: 0 0 50px;
}*/
.boxProducts170204 {
    position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.boxProducts170204 iframe {
    position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



/*ジェラート*/
.boxProducts1703 {
    padding: 30px 0 30px 0;
}
.boxProducts1703 header {
    margin: 0 0 30px 0;
    text-align: center;
}
.boxProducts1703 header h3 {
    font-size: 130%;
    margin: 0 0 20px 0;
    text-align: center;
	font-feature-settings: "palt";
}
.boxProducts1703 header p {
    font-size: 100%;
    line-height: 130%;
}
.boxProducts1703 header p span {
    display: block;
}
.boxProducts1703 .products17_contents {
    width: auto;
    margin: 0 15px;
}
.boxProducts1703 .products17_contents figure {
    float: none;
    width: auto;
    text-align: center;
    margin: 0 auto 20px auto;
}
.boxProducts1703 .products17_contents figure img {
    width: 100%;
    height: auto;
}
.boxProducts1703 .products17_contents figure figcaption {
    line-height: 180%;
    font-size: 80%;
    margin: 20px 0 0 0;
    text-align: left;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 15px;
}
.boxProducts1703 .products17_contents .inner {
    width: auto;
    float: none;
	margin: 0 auto 20px auto;
}
.boxProducts1703 .products17_contents .inner p {
    line-height: 200%;
    margin: 0 0 20px 0;
    font-size: 90%;
}

/* 生姜糖エリア */
.boxProducts1704 {
    background-image: none;
    background-color: /*#dfdfe1*/#f1ede2;
    padding: 30px 0 50px 0 !important;
    box-sizing: border-box;
    height: auto;
}
.boxProducts1704 header {
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts1704 header h3 {
    font-size: 130%;
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts1704 header p {
    font-size: 100%;
    line-height: 130%;
}
.boxProducts1704 header p span {
    display: block;
}
.boxProducts1704 .products17_contents {
    width: 90%;
	max-width: none;
    margin: 0 auto;
}
.boxProducts170401 div{
	margin: 10px 0 0;
}
.boxProducts170403 .figure {
    width: 50%;
}
.boxProducts170403 figure img {
	width: 35vw;
    /*max-width: 120px;*/
}

/* 生姜糖動画 */
.boxProducts170402 {
    position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.boxProducts170402 iframe {
    position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.products17 .contact{
	margin-top: 0!important;
}

/*琥珀糖*/
.boxProducts1705 {
    background-size: 100% auto;
    padding: 30px 0 80px 0;
}
.boxProducts1705 header {
    text-align: center;
    margin: 0 0 10px;
    line-height: 150%;
}
.boxProducts1705 header h3 {
    font-size: 130%;
    margin: 0 0 20px 0;
    text-align: center;
}
.boxProducts1705 header p {
    font-size: 100%;
}
.boxProducts1705 header p span {
    display: block;
}
.boxProducts1705 .products17_contents {
    width: 90%;
    margin: 0 auto;
}
.boxProducts170501 div{
	margin: 0;
}
.boxProducts170502 .ul001 {
	width: 80vw;
	max-width: 450px;
	margin: 0 auto;
	/*padding-left: 4vw;*/
}
.boxProducts170502 .ul001 li {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
}
.boxProducts170502 .ul001 li p {
	margin: 0;
	line-height: 1.3em;
	text-align: left;
}
.boxProducts170502 .ul001 li p .min1705{
	display: none;
}
@media screen and (max-width: /*540px*/767px) {
	.boxProducts170502 .ul001 li p .min1705{
		display: block;
	}
	.boxProducts170502 .ul001 {
		margin: auto;
	}
	.boxProducts170502 .ul001 {
		padding-left: 4vw;
	}
}
.boxProducts170502 .ul001 li img {
    margin: 0 10px 0 0;
    width: 50px;
    height: auto;
}
.boxProducts170502 .ul002 {
    width: 80vw;
	max-width: 400px;
    margin: 40px auto 50px auto;
}
.boxProducts170502 .ul002 li {
    float: none;
    vertical-align: middle;
    font-size: 90%;
    line-height: 150%;
    white-space: nowrap;
    margin: 0 0 10px 0;
}
.boxProducts170502 .ul002 li:last-child {
    float: none;
}
.boxProducts170502 .ul002 li img {
    margin: 0 10px 0 0;
    max-height: 50px;
	height: 6.5vh;
    width: auto;
    float: left;
    vertical-align: middle;
}
.boxProducts170502 .ul002 li span {
    display: inline-block;
    margin: 0 0 0 10px;
}
.boxProducts170502 .ul002 li:first-child span {
    margin: 0 0 0 20px;
}



/* -------------------------------- 
	products/18.php
	善光寺参り缶ページ
-------------------------------- */
.boxProducts18 .imgProducts18 {
	width: 90%;
	float: none;
	margin: 0 auto 10px auto;
}
.boxProducts18 .imgProducts18 img {
	width: 100%;
	height: auto;
}
/* 商品概要summary */
.products18 .boxProducts07.summary {
 	width: 100%;
	margin-bottom: 20px;
}
/*.products10 .boxProducts07.summary:after {
  content: ".";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0px;
  line-height: 0;
  overflow: hidden;
}*/
.products18 .boxProducts07.summary figure {
	float: none;
	width: 70%;
	max-width: 600px;
	margin: 0 auto;
}
.products18 .boxProducts07.summary figure img {
	width: 100%;
}
.products18 .boxProducts07.summary table {
	float: none;
	width: 90%;
	margin: 5px auto 30px;
}
.products18 .boxProducts07.summary table th {
	width: 20%;
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #E1DED8;
}
.products18 .boxProducts07.summary table td {
	padding: 10px 0 10px 10px;
	line-height: 1.5;
	border-bottom: 2px solid #ededed;
}
/* 説話 */
.boxProducts13 {
	width: 90%;
	margin: 0 auto 60px;
}
.boxProducts13 p {
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
}
/* 取扱店 */
.boxProducts14 {
	width: 90%;
	margin: 0 auto;
}
.boxProducts14 h2 {
	margin: 0 0 35px 0;
	font-size: 200%;
	text-align: center;
}
.boxProducts14 ul {}
.boxProducts14 li {
	width: 32%;
	padding: 5px 0;
	text-align: center;
	display: inline-block;
}
.boxProducts14 p {
	margin-bottom: 30px;
}




.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.products03 header:after,
.boxRecipeList section.products04 header:after,
.boxRecipeList section.products05 header:after,
.boxRecipeList section.products06 header:after,
.boxRecipeList section.products07 header:after,
.boxRecipeList section.products08 header:after,
.boxRecipeList section.products09 header:after,
.boxRecipeList section.products10 header:after {
    background-image: none;
    padding: 0 20px 0 20px;
    min-height: 0;
}

.boxRecipeList section.products01 header h3,
.boxRecipeList section.products02 header h3,
.boxRecipeList section.products03 header h3,
.boxRecipeList section.products04 header h3,
.boxRecipeList section.products05 header h3,
.boxRecipeList section.products06 header h3,
.boxRecipeList section.products07 header h3,
.boxRecipeList section.products08 header h3,
.boxRecipeList section.products09 header h3,
.boxRecipeList section.products10 header h3 {
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 40px 0 5px 0;
}
.boxRecipeList section.products01 header h3,
.boxRecipeList section.products05 header h3,
.boxRecipeList section.products06 header h3,
.boxRecipeList section.products07 header h3 {
    -webkit-background-size: 18px 35px;
    background-size: 18px 35px;
}

.boxRecipeList section.products02 header h3,
.boxRecipeList section.products03 header h3,
.boxRecipeList section.products04 header h3 {
    -webkit-background-size: 19px 35px;
    background-size: 19px 35px;
}

.boxRecipeList section.products05 header h3 {
    -webkit-background-size: 17px 35px;
    background-size: 17px 35px;
}
.boxRecipeList section.products07 header h3 {
    -webkit-background-size: 11px 35px;
    background-size: 11px 35px;
}
.boxRecipeList section.products08 header h3 {
    -webkit-background-size: 10px 35px;
    background-size: 10px 35px;
}

.boxRecipeList section.products09 header h3 {
    -webkit-background-size: 9px 35px;
    background-size: 9px 35px;
}
.boxRecipeList section.products10 header h3 {
   -webkit-background-size: 16px 35px;
   background-size: 16px 35px;}


.boxRecipeList section.products01 header h3 {	background-image: url(../img/recipe/ico_01.png);}
.boxRecipeList section.products02 header h3 {	background-image: url(../img/recipe/ico_02.png);}
.boxRecipeList section.products03 header h3 {	background-image: url(../img/recipe/ico_03.png);}
.boxRecipeList section.products04 header h3 {	background-image: url(../img/recipe/ico_04.png);}
.boxRecipeList section.products05 header h3 {	background-image: url(../img/recipe/ico_05.png);}
.boxRecipeList section.products06 header h3 {	background-image: url(../img/recipe/ico_06.png);}
.boxRecipeList section.products07 header h3 {	background-image: url(../img/recipe/ico_07.png);}
.boxRecipeList section.products08 header h3 {	background-image: url(../img/recipe/ico_08.png);}
.boxRecipeList section.products09 header h3 {	background-image: url(../img/recipe/ico_09.png);}
.boxRecipeList section.products10 header h3 {	background-image: url(../img/recipe/ico_10.png);}


.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 20px 0;
    position: relative;
    padding: 0 40px 0 0;
}

.boxRecipeDetail01 header img {
    position: absolute;
    top: 0;
    right: 0;
}

.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 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 .left {
    width: auto;
    float: none;
    margin: 0 0 30px 0;
}

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

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

.boxRecipeDetail03 dl,
.boxRecipeDetail03 ul {
    margin: 0 0 25px 0;
    line-height: 210%;
    font-size: 90%;
}

.boxRecipeDetail03 dl dt {
    margin: 0 0 5px 0;
}


.boxRecipeDetail03 dl dd,
.boxRecipeDetail03 ul li {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #dddddd;
}

.boxRecipeDetail03 dl dd span,
.boxRecipeDetail03 ul li span {
    float: right;
    display: inline;
    padding: 0 0 0 10px;
}

.boxRecipeDetail03 dl dd:after,
.boxRecipeDetail03 ul li:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0px;
    line-height: 0;
    overflow: hidden;
}

.boxRecipeDetail03 ol li {
    line-height: 180%;
    margin: 0 0 15px 1.2em;
    list-style-type: decimal;
}

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

	八幡屋礒五郎について

========================================== */
.history .headerMain {
    height: auto;
}

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

.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: 50%;
	margin: 0 auto;
    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: 0;
}

.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: 40px;
    text-align: center;
    margin: 0 7px 15px 7px;
}

.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;
}

/* 調合ページ全体 */
.ingredient02 .boxContentsWrapper {
	width: auto;
    margin: 0 auto;
    padding: 20px 15px 30px 15px;
}
.boxIngredient02 {
	width: 100%;
	margin: 0 auto 60px;
}
.boxIngredient02 figure {
    width: 100%;
}
.boxIngredient02 figure img {
  width: 100%;
}
.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;
}

/* カスタムブレンド案内 */
.cb-info img {
	width: 100%;
}
.cb-info p {
	font-size: 90%;
	line-height: 1.5;
	font-feature-settings: "palt";
}
.cb-info a {
	width: 100%;
}

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

	custom-blend
	カスタムブレンド ページ

===============================*/
/* .boxIngredient04 カスタムブレンド全体 */
.custom-blend {
	background-color: #eae5da;
}
.custom-blend header {
	padding: 100px 0 0;
}
	.custom-blend header h1 {
		display: none;
	}
	.custom-blend header img {
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.custom-blend header img.logo {
		width: 60%!important;
	}

.custom-blend #contents {
	background-color: #eae5da;
}

/*.custom-blend .boxContentsWrapper {
	width: 100%;
	margin: 0 auto;
	padding-top: 0;
	box-sizing: border-box;
}*/

.custom-blend .intro {
	overflow: hidden;
    width: 90%;
    margin: 30px auto 100px;
}
.custom-blend .intro:after {
    content: "";
    display: block;
    clear: both;
}
	.custom-blend .intro section {
		float: left;
		width: 47%;
		margin-right: 0;
	}
		.custom-blend .intro section:nth-child(2) {
			float: right;
			margin-right: 0;
		}
		.custom-blend .intro section img {
			width: 100%;
		}
	.custom-blend .intro h3 {
		margin: 0 0 15px;
		padding: 10px 0;
		font-size: 100%;
		text-align: center;
		font-weight: bold;
		font-feature-settings: "palt";
		border-top: 3px solid #231815;
		border-bottom: 3px solid #231815;
		/*background-color: #c5a778;*/
	}
	.custom-blend .intro p {
		font-size: 85%;
		text-align: justify;
		text-justify: inter-character;
		line-height: 1.3;
	}
/* 調合・カスタムブレンド */
/* .boxIngredient04 カスタムブレンド全体 */
/*.cb-box {
    background-color: #eae5da;
	width: 100%;
    margin: 0 auto 30px auto;
    padding: 15px 15px 5px 15px;
}
p.cb-box_caption {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	font-size: 110%;
}*/
.custom-blend h3 {
  text-align: center;
  margin: 10px 0 30px 0;
}
.custom-blend h3 img {
  width: 100%;
}

.custom-blend h4 {
	margin: 0 0 15px 0;
}

.boxIngredient04_caption {
	width: 90%;
	margin: 0 auto 20px;
	padding: 1.5em;
	text-align: justify;
	line-height: 1.4;
	/*font-size: 110%;*/
	border: 1px solid #B72629;
	box-sizing: border-box;
}
.boxIngredient04_caption h5 {
	padding: 0 0 0.5em;
	font-weight: 600;
	text-align: center;
	font-size: 120%;
}

/* .osusumeList おすすめ調合コース */
/* .boxIngredient05 ベース */
.osusumeList {
	width: 90%;
    margin: 0 auto 60px;
	padding: 20px!important;
	box-sizing: border-box;
	background-color: #F7F7F7;
}
.osusumeList p.caption {
	font-size: 12px;
	text-align: left;
	line-height: 1.5;
}
.osusumeList table {
	display: block;
	width: 90%;
	font-size: 12px;
	line-height: 1.5;
	/*border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #dddddd;*/
}
.osusumeList table th {
	margin: 0 0 10px 0;
}

/* .sozaiList 素材単品 */
/* .boxIngredient06 素材単品 */
.sozaiList {
	width: 90%;
    margin: 0 auto 60px!important;
	padding: 20px!important;
	box-sizing: border-box;
	background-color: #F7F7F7;
}
.sozaiList section {
	width: auto;
	float: none;
	margin: 30px 0 0 0;
}
.sozaiList section:last-child {
	float: none;
}
.sozaiList section h5 {
	text-align: center;
	margin: 0 0 10px 0;
}
.sozaiList 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;
}
.sozaiList 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%;
}
.sozaiList table tr td:first-child {
    padding: 0 0 0 8px;
    width: 20%;
}
.sozaiList table tr td:last-child {
    text-align: right;
    padding: 0 8px 0 0;
    width: 25%;
}

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

/* .shiagari 袋・缶紹介 */
/* .boxIngredient07 袋・缶紹介 */
.shiagari {
  width: 90%;
  margin: 0 auto 30px;
}
.shiagari .inner {
	float: left;
	width: 50%;
	margin: 0 auto;
}
.shiagari img {
  width: 100%;
}
.shiagari .inner figcaption {
  padding: 10px 10px 0;
  text-align: justify;
  font-size: 90%;
}

/* リピート注文 */
.cb-repeat {
  width: 90%;
  margin: 0 auto 60px;
  padding: 20px;
  font-size: 100%;
  background-color: #ffffff;
}
.cb-repeat h4 {
  margin: 0 0 15px 0;
  font-family: serif;
  font-weight: bold;
  font-size: 120%;
  text-align: center;
  line-height: 2.3em;
  letter-spacing: 0.1em;
  color: #231815;
  border: solid 1px #f6f6ee;
  outline: solid 1px #C9AC78;
  background-color: #C9AC78;
}/* .boxIngredient04 h4の色違い */
.cb-repeat .inner {
}
.cb-repeat figure img {
  float: none;
  width: 200px;
  padding: 0 0 20px 0;
}
.cb-repeat figcaption {
	overflow: hidden;
}
.cb-repeat a {
	display: block;
	width: 200px;
	margin: 25px auto 0 auto;
	color: #C9AC78;
	font-weight: bold;
	text-align: center;
	line-height: 2.5;
	letter-spacing: 0.1em;
	border: 2px solid #C9AC78;
	border-radius: 5px;
	background: #ffffff;
}
/* プロ */
.cbpro-info {
  background-color: #202020;
  width: 100%;
  margin: 0;
  padding: 35px 45px;
  line-height: 150%;
  box-sizing: border-box;
}
.cbpro-info p {
  padding: 0 0 20px 0;
  color: #f6f6ee;
}
.cbpro-info h3 {
	text-align: center;
}
.cbpro-info img {
	width: 80%!important;
}
.cbpro-info a {
	display: block;
	width: 200px;
	margin: 25px auto 0 auto;
	text-align: center;
	line-height: 2.5;
	border: 1px solid #816533;
	border-radius: 3px;
	background: rgb(255,230,185);
	background: linear-gradient(180deg, rgba(255,230,185,1) 0%, rgba(227,196,140,1) 12%, rgba(215,185,130,1) 35%, rgba(180,142,72,1) 80%);
}


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

	会社案内

========================================== */
.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 35px 0;
}

.boxCompanyFarm01 h3 {
    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: 49%;
    height: auto;
    margin: 0 0 8px 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 {
	width: 100%;
	margin: 0 0 40px 0;
}

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

.boxCompanyCM iframe {}

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

.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 {
    margin: 0 0 40px 0;
}

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

.boxInquiry01 ul {
    text-align: center;
}

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

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

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

.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 30px 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;
}

input[type="submit"].btnForm01,
input[type="submit"].btnForm02 {
   -webkit-appearance: none;
   border-radius: 0;
}
input.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%;
}
input.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%;
}

.boxStore01 ul li {
    display: block;
    text-align: center;
    margin: 0 0 15px 0;
}

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

.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%;
}

.boxRegion .table02 tr {
	padding: 10px 0 10px 0;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #dfdfd0;
	vertical-align: middle;
	display: block;
}
.boxRegion .table02 td {
	padding: 0;
	border: none;
	width: 100%;
}
.boxRegion .table02 td br {
	/*display: none;*/
}

/* - 横町カフェ・メニュー追加 - */
.boxmenu {}

.boxmenu table th {
	width: auto;
}

.boxmenu table td {
	width: 40%;
}

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

	採用情報

========================================== */
.recruit .headerMain h1 {
	color: #333333;
}

.recruit.index .localNavi {
    display: block;
}

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

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

/* 赤ver */
.recruit .recruitInfo {
	display: block;
	width: 100%;
	padding: 10px 0;
	border: 3px solid #ea5532;
	border-radius: 3px;
	font-size: 90%;
	text-decoration: none;
	text-align: center;
	line-height: 1.5em;
}
/* 青ver */
.recruit .recruitInfo_blue {
	display: block;
	width: 100%;
	padding: 10px 0;
	border: 3px solid #1fabe9;
	border-radius: 3px;
	font-size: 90%;
	text-decoration: none;
	text-align: center;
	line-height: 1.5em;
}
/* リクナビ・マイナビ、エントリー受付中に表示 */
/*.recruit .recruitEntry {
	width: 95%;
	margin: 0 auto;
	padding: 0;
	border: 3px solid #00bfff;
	border-radius: 5px;
	font-size: 95%;
	line-height: 1.5;
	text-align: justify;
	text-justify: inter-ideograph;
	text-decoration: none;
}
.recruit .recruitEntry .inner {
	padding: 20px;
}*/

/* --- 新卒採用・先輩インタビュー --- */
.recruit .specialContents h2 {
	padding: 30px 0;
	color: #ea5532;
	font-size: 150%;
	text-align: center;
	letter-spacing: 0.3em;
}
.recruit .specialContents .boxSection {
	width: 41%;
}
.recruit .specialContents .boxSection:nth-child(odd) {
	float: right;
	margin: 0 6% 20px 0;
}
.recruit .specialContents .boxSection:nth-child(even) {
	float: left;
	margin: 0 0 20px 6%;
}
.recruit .specialContents img {
	border-radius: 5px;
}

/* --- インタビュー子ページ --- */
.interview .headerMain h1 {
	color: #333;
}
.interview .boxContentsWrapper {
  width: 100%;
  margin: 0 auto;
  padding: 30px 0 0 0;
}
.interview .boxSection {
  padding: 0 15px;
}
.interview h2 {
  padding: 0 0 30px 0;
}
.interview h3 {
  padding: 0 0 10px 0;
  font-size: 150%;
  color: #ea5532;
}
.interview p {
  padding: 0 0 30px 0;
  text-align: justify;
  border-bottom: 1px dotted #cccccc;
}
.interview p:last-child {
  padding: 0;
  border-bottom: none;
}
/* 他のインタビューを見る */
.interview .ivNav {
	margin: 0 0 30px 0;
}
.interview .ivNav h4 {
	margin: 0 0 20px 0;
	font-size: 150%;
	text-align: center;
}
.interview .ivNav ul {
	padding: 0 15px;
}
.interview .ivNav li {
	display: inline;
	padding: 0 3% 0 0;
}
.interview .ivNav li:last-child {
	padding: 0 0 20px 0;
}
.interview .ivNav img {
	width: 30%;
}
/* インタビュートップへ */
.interview .button {
	margin: 30px 0 50px 0;
	text-align: right;
}
.interview .button li {
  display: inline-block;
  margin: 0 15px 0 8px;
  font-size: 90%;
}
.interview .button 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;
}

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

	ブログ

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

.blog .boxNews01 {
    margin: 0 auto 30px auto;
    width: auto;
}

.blog .headerMain {
    height: auto;
}

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

.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;
}

.boxProductsIndex01 p,
.boxProductsIndex03 p,
.boxProductsIndex04 p,
.company06 .boxSection .alignC,
.store04 .boxSection .alignC,
.boxInquiry01 p {
	text-align: left !important;
}
.boxProducts02 p {
	text-align: left;
}


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

	404 NotFound

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

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

	七味マカロンご注文フォーム

========================================== */
.macaron .innerCaution {
    display:block;
    float: none;
    width: auto;
    vertical-align: middle !important;
}

.macaron .verticalM .input07 {
    margin: 0 0 0 0;
    display: inline-block;
}

.boxMacaron01 figure {
    width: 100%;
    text-align: center;
    float: none;
    vertical-align: middle;
    padding: 0 0 20px 0;
}

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

.boxMacaron01 table {
    width: 100%;
    float: none;
}

.boxMacaron01 table th {
    width: auto;
}


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

	歴代イヤーモデル缶詳細

========================================== */
.boxProductsYearmodel01 {
	max-width: 90%;
	padding: 0 15px;
}
.boxProductsYearmodel01 .img,
.boxProductsYearmodel01 .text {
	float: none;
	width: 100%;
	text-align: center;
}
.boxProductsYearmodel01 .img img {
	max-width: 150px;
}
.boxProductsYearmodel01 .text {
	text-align: left;
}
.boxProductsYearmodel01 .text .canImg {
	text-align: center;
}

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

	業務用七味・オリジナル七味

========================================== */
.business .boxContentsWrapper,
.original .boxContentsWrapper {
  padding: 30px 0 60px 0;
  width: auto;
}

.business .cardWrapper {margin:0;}
.business .card01, .business .card02 {width:90%; margin:0 auto; margin-bottom:20px; background:#fff; border:3px solid #ec6100; border-radius:5px; overflow:hidden;}
	.business .card01 {float:inherit;}
	.business .card02 {float:inherit;}
.business .card01 img, .business .card02 img {width:100%;}
.business .cardWrapper h3 {margin:20px 0; font-size:150%; font-weight:normal; text-align:center;}
.business .cardWrapper p {margin:0 20px 30px 20px; line-height:1.5;}
.business .cardWrapper .btn {margin:20px 0 0 0; text-align:center; color:#fff; background-color:#ec6100;}
.business .cardWrapper .btn a {display:block; line-height:3;}

.boxBusiness06 {
	width: 90%;
}
.boxBusiness07 {}
.boxBusiness07 img.subtitle {
	padding: 10px 20px 0 0;
}

.boxBusiness01 .title01 {
    margin: 0 15px 20px 15px;
    text-align: center;
}

.boxBusiness01 p {
    text-align: left;
    margin: 0 15px 0 15px;
	line-height:1.5;
}

.boxBusiness01 p br {
    display: none;
}

.boxBusiness01 .title01 {margin: 0 0 20px 0;}
.boxBusiness01 p {text-align: center;}
.boxBusiness01 .inner {padding: 20px 0 30px 0;}
.boxBusiness01 .cardWrapper {width:100%;}
.boxBusiness01 .card {width:80%; margin:0 auto 15px auto; padding:25px 15px 15px 15px; background:#EEE; border-radius:5px; float:inherit;}
.boxBusiness01 .card h3 {font-size:120%; padding:0 0 15px 0; text-align:center;}
.boxBusiness01 .card p {width:100%; height:4em; margin:0; padding:0; text-align:left; line-height:1.5;}
.boxBusiness01 .card img.kona {width:90%; margin:0 auto 10px auto; padding:0; display:block; overflow:hidden;}
.boxBusiness01 .card table {width:100%; margin:15px auto 0 auto; padding:5px; font-size:85%; line-height:1.4; background:#fff;}
	.boxBusiness01 .card table th {width:25%; padding:15px 0; text-align:center; vertical-align:middle; border-right:1px solid #eee;}
	.boxBusiness01 .card table td {padding:15px; vertical-align:middle;}
.boxBusiness01 .card li {padding:0 0 5px 0; text-align:center;}

/* --- アニバ缶 --- */
.boxBusiness02 {width:90%; min-height:270px; margin:0 auto; padding:0; border-radius:5px; background:url(../img/business/pic_business_09.png) #fff4cd no-repeat; background-size:50%; background-position:bottom;}
.boxBusiness02 dl {width:90%; margin:0 auto; padding:20px 0 0 0; line-height:1.8;}
.boxBusiness02 dl dt {margin:0 auto 10px auto; font-weight:bold; font-size:130%;}
.boxBusiness02 dl dd {width:100%; margin:0 auto; font-size:90%;}
.boxBusiness02 dl dd.btn {margin:10px 0 0 0; padding:5px 0; text-align:center; font-size:90%; border:1px solid #444444; background-color:#fff4cd; box-shadow:2px 2px 8px -3px #c9b775; -moz-box-shadow:2px 2px 8px -3px #c9b775; -webkit-box-shadow:2px 2px 8px -3px #c9b775;}
.boxBusiness02 dl dd.btn a {display:block;}


/* --- 「オリジナル七味」全体 --- */
/*.original {
    margin: 0 auto;
}

.original.index .localNavi {
    display: block;
}

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

.original.index p.caption {
    width: 80%;
	margin: 0 auto;
	text-align: justify;
}*/

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

	カスタムブレンドPRO（元オリジナル七味）

========================================== */
.cbPro.index .headerMain {
	padding: 0 0 100px 0;
	position: relative;
	height: auto;
	overflow: hidden;
	background-color: #fff5d7;
	box-sizing: border-box;
}
.cbPro.index .headerMain img {
	min-width: 0;
	min-height: 0;
	height: auto;
	position: relative;
	left: 0;
	margin: 0;
	width: 100%;
}
.cbPro .headerMain {
    padding: 0;
    position: relative;
    height: 120px;
	background-color: #d6b26c;
}
.cbPro.index .headerMain h1 {
	display: none;
}
.cbPro .headerMain h1 {
	text-align: center;
	color: #292929;
}
.cbPro .boxContentsWrapper {
	padding: 30px auto;
	width: 90%;
}
.cbPro.index .localNavi {
	display: none;
}
.cbPro .localNavi {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}
.cbPro .title01 {
  display: none;
}
.cbPro .title02 {
  margin: 55px 0 25px 0;
  font-size: 150%;
  font-weight: normal;
}
.cbPro p.caption {
	margin: -130px 0 0;
	text-align: center;
}
.cbPro p.caption img {
	width: 200px;
}
.cbPro h4 a {
	display: block;
	width: 200px;
	margin: 60px auto 20px;
	line-height: 2.5em;
	text-align: center;
	background-color: #efefef;
}
.cbPro .go_to_kaihatsuList a {
	display: block;
	float: right;
	width: 200px;
	margin: 0;
	line-height: 2em;
	text-align: center;
	background-color: #efefef;
}


/* --- 開発の流れ --- */
.boxBusiness04 {
	margin: 0 0 20px 0;
}
.boxBusiness04 .card {
	float: none;
	width: 100%;
	min-height: inherit;
	margin: 0 0 20px;
	padding: 0;
}
.boxBusiness04 .card:nth-child(even) {
	float: none;
}
.boxBusiness04 .card img {
	width: 170px;
	height: auto;
	padding: 10px 0 20px;
}
.boxBusiness04 .card h3 {
	text-align: center;
	font-size: 130%;
}
.boxBusiness04 .card p {
	padding: 10px 30px 20px;
}
/* 最後のカード（問い合わせ） */
.boxBusiness04 .card:last-child {
	padding: 30px 0 20px;
}

/* --- 申込書・ラベルマニュアル --- */
.boxBusiness11 a {
	float: none;
	width: 90%;
	margin: 0 auto 10px;
	font-size: 130%;
}
.boxBusiness11 a:nth-child(2) {
	margin: 0 auto;
}

/* --- オリジナル七味・開発事例 --- */
.boxBusiness05 {
	width:90%;
	margin:0 auto;
}
.boxBusiness05 h2.title01 {
	text-align: center;
}
.boxBusiness05 .inner {
	margin: 50px 0 0 0;
	padding: 0;
}
.boxBusiness05 .product h4 {
	padding: 0 0 10px 0;
	font-size: 130%;
	line-height: 1.3;
}
.boxBusiness05 .product h4 span {
	font-size: 60%;
	color: #777777;
}
.boxBusiness05 .product .overview {
	float: none;
	width: 95%;
	padding: 0 0 0 15px;
}
.boxBusiness05 .product .overview p {
	font-size: 90%;
	line-height: 1.6;
	text-align: justify;
}
.boxBusiness05 .product img.label {
	display: block;
	float: none;
	width: 95%;
	padding: 5px 0 0 15px;
}
.boxBusiness05 .info {
	margin: 20px 0;
	padding: 20px;
	font-size: 90%;
	line-height: 1.8;
	color: #555555;
	border-radius:5px;
	background: #eeeeee;
}
.boxBusiness05 .info p {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ffffff;
}
.boxBusiness05 .info ul {
	padding: 20px 0 0 0;
}

/*.boxBusiness04 {
    margin: 0 15px 40px 15px;
}*/

/*.boxBusiness04 h3 {
    text-align: center;
}*/

/*.boxBusiness04 dl {
    margin: 0 0 20px 0;
}

.boxBusiness04 dl dt {
    background-image: url(../img/business/ico_01.png);
    background-repeat: no-repeat;
    background-position: center 25px;
    background-color: #fdf4db;
    width: 130px;
    height: 130px;
    border-radius: 130px;
    text-align: center;
    font-size: 90%;
    line-height: 130%;
    box-sizing: border-box;
    margin: 0 auto 0 auto;
    padding: 60px 0 0 0;
    float: none;
    display: block;
}

.boxBusiness04 dl dd {
    float: none;
    width: auto;
    line-height: 180%;
    font-size: 90%;
    margin: 15px 0 0 0;
}*/

/*.boxBusiness05 {
    margin: 0 15px 0 15px;
}

.boxBusiness05 div.clearfix {
    margin: 0 0 20px 0;
}

.boxBusiness05 h3 {
    text-align: center;
}

.boxBusiness05 figure {
    width: auto;
    text-align: center;
}

.boxBusiness05 figure img {
    margin: 0 0 10px 0;
}

.boxBusiness05 .inner {
    width: auto;
    float: none;
    margin: 20px 0 0 0;
}

.boxBusiness05 .inner h4 {
    font-weight: bold;
    margin: 0 0 15px 0;
    line-height: 130%;
}

.boxBusiness05 .inner p {
    text-align: left;
    margin: 0 !important;
}

.boxBusiness05 p:last-child {
    margin: 20px 0 0 0;
}

.boxBusiness05 p:last-child a {
    padding: 5px 0;
    display: block;
    text-align: center;
}

.business .boxProducts10 ul li em {
    display: block;
}*/




.wrap{
	margin: 0;
	width: 100%;
}

/*全体*/

.title h2{
	font-size: 20px;
	letter-spacing: 0.15em;
}
.title h3{
	font-size: 13px;
	letter-spacing: 0.15em;
}
.title{
	margin-bottom: 3vh;
}

.t2{
	font-size: 20px;
}
.t3{
	font-size: 14px;
}

.toppage section{
	margin-bottom: 6vh;
}

/*カーソル合わせると動くボタン*/





/*ヘッダー*/


.fix-header-contents{
	width: 87vw;
	margin: 0 auto;
}

.fix-header ul{
	list-style-type: none;
}

.fix-header li a,.fix-header li a:visited{
	color: #231815;
	text-decoration: none;
}
.fix-header li:last-child{
	margin-right: 0;
}
#fix-header-logo{
	float:left;
}

/*#fix-header-logo img{
	width: auto;
	height: 25px;
}*/


/* micro clearfx */
.cf:before, .cf:after {
	content:"";
	display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

nav{
	padding: 5vh 0 15vh 0;

	-webkit-box-shadow: 0 0 2px rgba(198,193,184,0.72);
	box-shadow: 0 0 2px rgba(198,193,184,0.72);

	}
	
nav ul{
	width: 72vw;
	max-width: 520px;
	justify-content: space-between;
}

nav ul li{
	font-size: 16px;
}
	
nav ul li::before{
	content: "―";
}

.shopicon{
	width: auto;
	text-align: right;
	position: absolute;
	top: -2px;
	right: 4vw;
	z-index: 500!important;
}

.shopicon img{
	width: 10vw;
	min-width: 60px;
	height: auto;
	
	animation: r2 10s linear infinite alternate;
	transform-origin: center top;
}

@keyframes r2 {
	0%		{ transform: rotate(0deg); }
	20%		{ transform: rotate(0deg)}
	22%		{ transform: rotate(-5deg); }
	25%		{ transform: rotate(5deg); }
	28%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(0deg); }
}

.shopicon img:hover{
	width: 10vw;
	min-width: 60px;
	height: auto;
		
	animation: r3 1s linear alternate;
	transform-origin: center top;
}
@keyframes r3 {
	0%		{ transform: rotate(0deg)}
	20%		{ transform: rotate(-5deg); }
	50%		{ transform: rotate(5deg); }
	70%		{ transform: rotate(0deg); }
	100%	{ transform: rotate(0deg); }
}





/********ハンバーガーメニュー*********/


/*============
nav
=============*/
.hbg_nav{
	display: block;
	position: fixed;
	top: 0;
	right: 300px;
	bottom: 0;
	width: 300px;
	background: #D0CCC1;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	transition: all .5s;
	z-index: 999;
	opacity: 0;
}
.open .hbg_nav {
	left: 0;
	opacity: 1;
}
.hbg_nav .hbg_inner {
	padding: 0;
}

/*.hbg_nav .hbg_inner ul li a {
	display: block;
	color: #333;
	font-size: 14px;
	padding: 1em;
	text-decoration: none;
	transition-duration: 0.2s;
}*/
.hbg_nav .hbg_inner ul li a:hover {
	background: #e4e4e4;
}
@media screen and (max-width: 767px) {
  .hbg_nav {
    right: 100vw;
    width: 100vw;
  }
}
/*============
.toggle_btn
=============*/
.toggle_btn {
	display: block;
	position: absolute;
	top: 22px;
	right: 25px;
	width: 30px;
	height: 30px;
	transition: all .5s;
	cursor: pointer;
	z-index: 1000;
}
.toggle_btn span {
	display: block;
	position: absolute;
	left: 0;
	width: 30px;
	height: 2px;
	background-color: #231815;
	border-radius: 4px;
	transition: all .5s;
}
.toggle_btn span:nth-child(1) {
	top: 0px;
}
.toggle_btn span:nth-child(2) {
	top: 10px;
}
.toggle_btn span:nth-child(3) {
	top: 20px;
}

/***ハンバーガーアイコン縦になる***/

/*.open .toggle_btn span {
	background-color: #fff;
	top: 12px;
	bottom: 0;
}*/
/*.open .toggle_btn span:nth-child(1) {
	-webkit-transform: translateX(-10px) rotate(-90deg);
	transform: translateX(-10px) rotate(-90deg);
}
.open .toggle_btn span:nth-child(2) {
	-webkit-transform: translateX(0px) rotate(-90deg);
	transform: translateX(0px) rotate(-90deg);
}
.open .toggle_btn span:nth-child(3) {
	-webkit-transform: translateX(10px) rotate(-0deg);
	transform: translateX(10px) rotate(-90deg) ;
}*/


/***ハンバーガーアイコン×になる***/
.open .toggle_btn span:nth-child(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.open .toggle_btn span:nth-child(2) {
	opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);

}


/*============
#mask
=============*/
#mask {
	display: none;
	transition: all .5s;
}
.open #mask {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	z-index: 2;
	cursor: pointer;
}

/************ハンバーガーメニュー内*************/


.hbg_foot{
	position: absolute;
	bottom: 5vh;
	width: 90vw;
	left: 5vw;
	
	padding-top: 3vh;
	border-top: solid;
	border-top-color: #231815;
	border-top-width: 2px;
}

.hbg_foot ul{
	text-align: left;
}

.hbg_lang img{
	padding: 5px;
	width: 25px;
}

/*TOPメインビジュアル*/

.mainlogo{
	min-width: 170px;
}




/*言語*/

.lang{
	position: absolute;
	top: 20px;
	left: 2vw;
	z-index: 1000;
}
.lang li{
	list-style: none;
	float: left;
	padding: 10px 0 10px 4vw;
	font-size: 16px;
}

.lang a{
	color: #ffffff;
	text-shadow: 0px 0px 7px #57503F;
}


/*ピックアップ*/

.pickup{
	margin-top: 50vh;
	margin-bottom: 15vh;
	width: 100vw;
}

.sld_pickup{
    width: 95%!important;
}


/*商品紹介*/

.product{
	padding-top: 6vh;
}

.pdt_sp{
	width: 85vw;
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.pdt_sp img{
	width: 70%;
}

.pdt_sp .p2{
	text-align: center;
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 20px;
}

.pdt_sp .p3{
	font-size: 16px;
	line-height: 27px;
	letter-spacing: 0.05em;
}


.pdbtn-wrap {
	justify-content: center;
	margin-top: 0;
}

.btn_a,
a.btn_a,
button.btn_a,
.btn_b,
a.btn_b,
button.btn_b {
	font-size: 15px;
	font-weight: normal;
	position: relative;
	display: inline-block;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #ffffff;
	overflow: visible;
	border-radius: 100vh;
	width: 75px;
	line-height: 20px;
	margin: 0 10px;
}

.btn_a,
a.btn_a,
button.btn_a{
	padding: 23px 3px 22px 7px;
}

.btn_b,
a.btn_b,
button.btn_b{
	padding: 25px 5px 20px 5px;
}


.btn_a{
	background-color: #231815;
	letter-spacing: 0.4em!important;
}

.btn_b{
	background-color: #860006;
	letter-spacing: -0.1em!important;
}

.btn_a:hover,.btn_b:hover {
}

/*.product{
	margin-bottom: 20px;
}

.tab-wrap {
	display: flex;
	flex-wrap: wrap;
	width: 90vw;
	margin: 0 auto;
}
.tab-label {
    padding: 0;
    order: 1;
	flex: 1;
	cursor : pointer;
}
.tab-label img{
	width: 40px;
	padding: 0 10px;
}

.tab-content {
    width: 100%;
    display: none;
	margin-bottom: 50px;
}
.tab-content img{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
/* アクティブなタブ */
/*.tab-switch:checked+.tab-label {
    
}
.tab-switch:checked+.tab-label+.tab-content {
     display: /*block*//*none;
}
/* ラジオボタン非表示 */
/*.tab-switch {
    display: none;
}*/




/*ブランド*/

.b2{
	font-size: 16px;
	line-height: 25px;
	margin-bottom: 30px;
}





/*店舗情報*/

.topstore{
	padding-bottom: 5vh;
}

.str_wrap{
	display: block;
}

.str_honten,.str_cafe,.str_midori,.str_karuizawa,.str_suzaka,.str_tori{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 600px;
	margin-top: 20px;
	padding-bottom: 25px;
	border-bottom: 1px dotted rgba(255,255,255,0.6)
}


.topstore img{
	position: absolute;
	width: 28vw;
	max-width: 120px;
	min-width: 90px;
	right: 0;
}

.topstore p{
	text-align: left;
	margin-left: 0;
	margin-right: 0;
	padding-left: 10px;
}

.s2{
	font-size: 21px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 18px;
	letter-spacing: 0.15em;
}

.s4{
	font-size:12px;
	margin-top: 0px;
	margin-bottom: 8px;
}

.s3{
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 0;
}

.str_tori .s2{
	margin-bottom: 27px;
}

.str_tori .s3{
	margin-bottom: 1vh;
}



/*カスタムブレンド*/
.cb{
	background-color: #860006;
	padding-bottom: 40px;
	margin-bottom: 0;
}

.cb img{
	max-width: 550px;
}

.cb_btn_wrap{
	width: 100vw;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: center;
}

.cb_btn,.cbpro_btn{
	width: 50vw;
}

.cb_p{
	display: block;
}

.c2{
	font-size: 16px;
	font-weight: bold;
	padding-right: 5px;
}

.c3{
	font-size: 14px;
}




/*ブログ1*/

.blog1{
	margin-bottom: 12vh;
}

.blog1 dl{
	font-size: 15px;
}

.blog1 dd{
	margin-top: 15px;
	margin-inline-start: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100％ - 115px);
}

.blog1 .btn-wrap{
	margin-top: 35px;
}

.blog1 dl{
	text-align: left; 
	display: block;
	border-bottom: solid 1px #e8e3d8;
	padding: 20px 10px 20px;
	margin: 0;
	white-space:inherit;
}

.blog1 dl span{
	margin-right: 10px;
}

.blog1 dt{
	float: none;
	letter-spacing: 0.05em;
}



/*ブログ2*/

/*.blog2{
	display: block;
	margin-bottom: 12vh;
}

.blog_honten2,.blog_farm2{
	margin-left: auto;
	margin-right: auto;
	width: 85vw;
}

.blog_honten2{
	margin-bottom: 55px;
}

.blogtitle2 img{
	width: 40%;
	min-width: 175px;
	margin-bottom: 0;
}

.blog2 dl{
	font-size: 15px;
}

.blog2 dd{
	margin-inline-start: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100％ - 115px);
}

.blog2 .btn-wrap{
	margin-top: 35px;
	text-align: right;
}*/


/*レシピ・アニバーサリー缶*/

.r_a{
	display: block;
}

.ra_a:hover{
	opacity: 1;
	cursor: pointer;
}

.ra_wrap{
	width: 90vw;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 80px;
	padding-bottom: 20px;
	padding-top: 70px;
}

.ra_wrap img{
	position: absolute;
	top: -60px;
	width: 10vw;
	max-width: 150px;
	min-width: 120px;
	left: 0;
	right: 0;
	margin: auto;
}


/*コンテンツ*/

.contents .btn,
.contents a.btn,
.contents button.btn{
	width: 35vw;
	max-width: 130px;
	height: auto;
	padding: 0 0 13px 10px;
	margin-bottom: 25px;
}

.contents .btn-wrap{
	width:  42vw;
	max-width: 160px;
	
}

.con_com .t2{
	height: 24px;
}

.contents .t2{
	font-size: 16px;
	margin-bottom: 0px;
}

.contents{
	justify-content: space-around;
    flex-wrap: wrap;
	/*採用情報込み*/max-width:520px; 
}

.contents .btn,
.contents a.btn,
.contents button.btn {
	padding: /*1rem 4rem*/10px 7px 20px 0px;
}

.contents a.btn-border-shadow:hover {
	padding: /*calc(0.8rem - 7px) 3rem*/ 18px 0px 12px 7px;
	opacity: 1;
	top: 0;
	left: 0;
}

.contents a.btn-border-shadow:active {
	padding: /*calc(0.8rem - 7px) 3rem*/ 18px 0px 12px 7px;
	opacity: 1;
	top: 0;
	left: 0;
}




/*フッター（お問合せ）*/



/*フッター*/


.pc_footer{
	display: none;
}

.top{
	display: none!important;
}
.totop{
	display: block!important;
}



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

	business　BtoBページ

===============================*/
.business .button {}
.business .button a {
	display: block;
	max-width: 290px;
	margin: 0 auto;
	color: #FFFDF8;
	text-align: center;
	line-height: 3em;
	border-radius: 3px;
	background-color: #333333;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
	.business .button.white a {
		display: block;
		max-width: 290px;
		margin: 0 auto;
		color: #333333;
		text-align: center;
		line-height: 3em;
		border-radius: 3px;
		background-color: #FFFDF8;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.8);
	}

.business .button.mini a {
	display: block;
	max-width: 230px;
	margin: 0 auto;
	color: #333333;
	text-align: center;
	line-height: 2em;
	font-size: 11px;
	border-radius: 3px;
	border: 1px solid #707070;
	background-color: #ffffff;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
	/*.business .button.mini a:before {
		content: "-";
		margin-right: 5px;
		margin-left: 5px;
	}*/


.business {}

.business .section_title {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}
.business .section_title h3 {
	margin: 0 0 30px;
	font-size: 45px;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.business .section_title p {
	font-size: 16px;
	line-height: 1.6;
}

.business #business_header {
	position: relative;
	height: 600px;
	padding: 0 0 100px;
	background-color: #FFFDF8;
}

.business #business_header .header_main_img {
	position: absolute;
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	background-image: url(../img/top/topmain.png);
	background-color: #E8E3D8;
}

.business #business_header .header_main_img img {
	/*width: 100%;*/
}

.business .intro {
	position: absolute;
	width: 800px;
	max-width: 70vw;
	max-height: 170px;
	margin: 0;
	padding: 30px;
	top: 450px;
	left: 50%;
	-ms-transform: translate(-50%);
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	text-align: center;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	background-color: #ffffff;
	border-radius: 2px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	overflow: hidden;
}
.business .intro h2 {
	font-size: 24px;/**/
	font-weight: bold;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}
		.business .intro h2 span {
			display: block;
			padding: 10px 0 15px;
			font-size: 13px;
		}
.business .intro p {
	font-size: 14px;/**/
	line-height: 1.7;
}


/* --- 小売用商品 --- */
.business #kouri {
	position: relative;
	width: 100%;/**/
	padding: 70px 0 100px;
	background-color: #FFFDF8;
}
.business #kouri .cardContainer {
	display: inline;
	justify-content: normal;
	width: 90vw;/**/
    max-width: 800px;
    margin: 0 auto;
}
.business #kouri .cardBox {
	/*flex: 1;*/
	padding: 30px 20px;
	background-color: #FFFDF8;
}
.business #kouri table {
	width: 100%;
	margin: 20px auto 10px;
}
.business #kouri table img {
	width: auto;/**/
	max-height: 160px;
}
.business #kouri table th,
.business #kouri table td {
	padding: 7px 0 7px;
	line-height: 1.5;
	border-bottom: 1px solid #eee;
}
	.business #kouri table tr:first-child td {
		text-align: center;
		border: none;
		}
	.business #kouri table th {
		width: 50%;
		font-weight: bold;
		text-align: right;

	}
	.business #kouri table td {
		padding: 7px 0 7px 10px;
	}
	.business #kouri table .caption {
		padding: 7px 0 12px;
		font-size: 18px;
		text-align: center;
		border: none;
	}

.business #kouri .pop {
	width: 90vw;
    max-width: 1100px;
    margin: 70px auto 0;
	padding: 30px 0 20px;
	box-sizing: content-box;
	background-color: #E8E3D8;
}
.business #kouri .pop .inner {
	display: block;/**/
	justify-content: normal;/**/
	width: 90%;/**/
	margin: 0 auto;/**/
}
.business #kouri .pop h3 {
	margin: 0 auto 15px;
	text-align: center;
	font-size: 20px;
}
.business #kouri .pop p {
	margin: 0 auto 30px;
	text-align: center;
	line-height: 1.3;
}
.business #kouri .pop .inner img {
	width: 100%;
	max-width: 780px;
	height: 100%;
	padding: 0 0 10px;
}
/* ボタン */
.business #kouri .button {
	text-align: center;
	margin: 0 auto;
}
.business #kouri .button a {
	display: block;
	width: 290px;
	margin: 0 auto 10px;
}


/* --- 業務用商品 --- */
.business #gyomu {
	position: relative;
	width: 100%;
	padding: 70px 0;
	background-color: #E8E3D8;
}
.business #gyomu h4 {
	position: relative;
	margin: 0 0 40px;
	text-align: center;
}
	.business #gyomu h4:before {
	  position: absolute;
	  top: calc(50% - 1px);
	  left: 0;
	  width: 100%;
	  height: 1px;
	  content: '';
	  background: #707070;
	}
	.business #gyomu h4 span {
	  position: relative;
	  padding: 0.8em 4em;
	  border: 1px solid #707070;
	  background: #fff;
	}
.business #gyomu .container {
	display: block;/**/
	width: 90%;/**/
    max-width: 1100px;
    margin: 30px auto 20px;
}
.business #gyomu .for_restaurant,
.business #gyomu .for_maker {
	padding: 20px 0;/**/
	text-align: center;
	/*background-color: #FFFDF8;*/
}
	.business #gyomu .for_restaurant {
		width: 100%;/**/
	}
	.business #gyomu figure {
		display: inline-block;
	}
	.business #gyomu figcaption span {
		line-height: 1.5;/**/
		font-size: 14px;/**/
		font-weight: bold;
	}
	.business #gyomu .for_restaurant figure {
		width: 30%;
	}
	.business #gyomu .for_maker {
		width: 100%;/**/
		margin: 30px 0 0;
	}

.business #gyomu img {
	max-height: 160px;
	padding: 0 0 10px;
}

.business #gyomu .button {
	text-align: center;
	margin: 0 auto;
}
.business #gyomu .button a {
	display: block;
	width: 290px;
	margin: 0 auto 10px;
}


/* --- 商品開発 --- */
.business #kaihatsu {
	position: relative;
	width: 100%;
	padding: 100px 0 70px;
	background-color: #FFFDF8;
}
.business #kaihatsu .cardContainer {
	width: 90vw;
    max-width: 1100px;
    margin: 50px auto 0;
}
.business #kaihatsu ul {
	display: block;/**/
	flex-wrap: wrap;
	justify-content: space-between;
}
.business #kaihatsu li {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 10px;
	padding: 30px 20px;
	text-align: center;
	background-color: #C9AC78;
}
.business #kaihatsu .button.mini {
	margin-top: auto;
}
.business #kaihatsu .button.mini a {
	margin: 30px auto 0!important;
}
.business #kaihatsu h4 {
	margin: 20px 0 10px;
	font-size: 20px;
	font-weight: bold;
	font-feature-settings: "palt";
}
.business #kaihatsu .cardContainer p {
	/*width: 80%;*/
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.5;
}
.business #kaihatsu img {
	width: 100px;
	margin: 0 auto;
}


/* --- 海外輸出用商品 --- */
.business #overseas {
	position: relative;
	width: 100%;
	padding: 70px 0;
	color: #FFFDF8;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/business/overseas_map.png);
	background-color: #252525;
}
.business #overseas .overseas_mail {
	width: 90%;
	margin: 50px auto 0;
	text-align: center;
}
.business #overseas .overseas_mail h4 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	
}
.business #overseas .overseas_mail a {
	display: inline-block;
	margin: 10px auto 0;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

/* ボタン */
.business #overseas .button {
	margin: 30px auto 0;
	text-align: center;
}
.business #overseas .button a {
	display: block;
	margin: 0 auto 10px;
	width: 290px;
}