@charset "utf-8";

/* 20161221-UPDATE */

/* basic design */
.article,.header,.footer {
color:#544F43;
width:100%!important;
max-width:100%!important;
background: #fff;
font-size: 1.4rem;
}
.container {
padding-bottom: 5em;
}
.beige {
background: #fbf4ea;
background: #fbf4ea;
padding: 2em 0;
}
.gray {
background: #fbf4ea;
padding: 2em 0;
}

.big { font-size: 105%; }

a {
text-decoration:none;
color: #544F43;
transition:opacity .2s;
}
a:hover {
opacity: .6;
}
a.link-red {
text-decoration:none;
color: #FA1932;
transition:opacity .2s;
}

.link-pdf {
background: url(../img/icon-pdf.png) no-repeat 0 50%;
padding: .6em 0 .6em 2em;
font-size: 1.3rem;
}
.link-faq {
display: block;
padding: .5em;
border:2px solid #FF4259;
background: #FFF;
color: #FF4259;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
}
.link-contact {
display: block;
padding: .5em;
background: #FF4259;
color: #FFF;
font-size: 1.6rem;
font-weight: bold;
text-align: center;
}
.link-arrow-red {
background: url(../img/arrow-s.png) no-repeat 0 50%;
padding-left: 1em;
}
.link-btn-orange {
display: block;
padding: .5em 1.5em .5em .5em;
border:1px solid #FF8D2B;
background: url(../img/arrow-left-orange.png) no-repeat 95% 50%;
text-align: center;
font-size: 1.7rem;
font-weight: bold;
}
.link-btn-red {
display: block;
padding: .5em 1.5em .5em .5em;
border:1px solid #FA1932;
background: url(../img/arrow-left-red.png) no-repeat 95% 50%;
text-align: center;
color: #FA1932;
font-size: 1.7rem;
font-weight: bold;
}

.text {
color:#544F43!important;
}
.text-red {
color:#FA1932!important;
}
.text-orange {
color:#FF8D2B!important;
}
.text-green {
color:#52a84a!important;
}


hr {
height: 1px;
border: none;
border-top: 1px #D9D3C7 solid;
margin:1.5em auto;
width:95.8318%;
}

/* header*/
.header {
position: relative;
border-top:3px solid #FF1A1A;
}
.header .wrapper {
text-align: left;
}
.header .wrapper .col12 {
margin-top:0;
margin-bottom: 0;
}
.header h1 {
display: inline-block;
width: 50px;
margin: 5px 0 0 5px;
vertical-align: bottom;
}
.header h1 img {
margin-right: 10px;
}
.header h1 a {
color: #333;
}
.header .corporate h1 {
width: 80%;
}
.header-facebookicon {
margin-top; -2px;
}
.header-facebookicon a {
background-image: none!important;
}
.header-facebookicon img {
width: 25px;
}
.header-searchbox input, #cse-search-box {
margin:0;
padding: 0;
background: none;
border: none;
border-radius: 0;
outline: none;
appearance: none;
}

#cse-search-box {
	text-align: center;
}
#cse-search-box form {
	display: inline-block;
}
#cse-search-box table.gsc-search-box td.gsc-input {
padding: 0 !important;
}

.header-searchbox input[type="text"], #cse-search-box input[type="text"] {
background-color: #E9E9E9;
width: 180px;
padding: .4em;
}
.header-searchbox input[type="submit"], #cse-search-box input[type="submit"] {
background: url(../img/ico-header-search.svg) no-repeat center center;
height: 25px;
width: 25px;
text-indent: -9999px;
cursor: pointer;
}

.gnav li.header-searchbox {
	padding-left: 1.5rem;
}
.gnav li.header-searchbox input[type="text"], .gnav li #cse-search-box input[type="text"] {
width: 80%;
padding: .6em .4em;
}




/* nav */
.menu-icon,.menu-icon-close{
position: absolute;
top:8px;
right: 0;
z-index: 101;
cursor: pointer;
}
.menu-icon-close{
display: none;
}
.visible{
display: block;
}
.menu-icon:hover{
opacity: .5;
}
.nav {
display: none;
margin-top: 10px;
}
.gnav li,
.snav li {
letter-spacing: normal;
border-top: 1px solid #f7e9d0;
}
.gnav li:first-child {
	padding-top: 1rem;
	padding-bottom: 1rem;

}
.gnav li a,
.snav li a {
display: block;
text-align: center;
padding: 1em;
font-size: 1.5rem;
font-weight:bold;
color: #000;
line-height: 1.0;
}
.snav li.on-sp {
	display: block;
	text-align: center;
}

.gnav li.active a {color: #FA1932;}
.mastering .gnav li.mastering a,
.shinasahi .gnav li.shinasahi a,
.namamisozui .gnav li.namamisozui a,
.hyakusai .gnav li.hyakusai a,
.products .gnav li.products a,
.recipe .gnav li.recipe a,
.company .gnav li.philosophy a,
.quality .gnav li.quality a,
.environment .gnav li.environment a,
.ir .gnav li.ir a,
.ir-news .gnav li.ir-news a {
color: #FA1932;
}



/* category nav */
.cat-nav ul {
border-top: 1px solid #f7e9d0;
border-bottom: 1px solid #f7e9d0;
text-align: center;
letter-spacing: -0.4em;
}
.cat-nav li {
display: inline-block;
margin: 0 1em;
font-size: 1.2rem;
font-weight: bold;
letter-spacing: normal;
text-align: center;
vertical-align: middle;
}
.cat-nav a {
display: inline-block;
color: #544F43;
padding: .8em .5em .5em;
border-bottom: 3px solid #FFF;
}
.cat-nav li.active a {
border-bottom: 3px solid #FF1A1A;
color:#FF1A1A;
}
.catnav-none {
border-top: 4px solid #f9f2e7;
margin-bottom: .8em;
}
.catnav-none-thin {
border-top: 1px solid #F0E3CC;
margin-bottom: .8em;
}



/* recipe-index - sub navi */
.recipe-cat-nav ul {
padding-top: 1em;
border-top: 1px solid #f7e9d0;
text-align: center;
letter-spacing: -0.4em;
}
.recipe-cat-nav li {
display: inline-block;
margin: 0;
font-size: 1.2rem;
font-weight: bold;
letter-spacing: normal;
text-align: center;
vertical-align: middle;
}
.recipe-cat-nav a {
display: inline-block;
color: #544F43;
padding: .3em .5em .3em;
}
.recipe-cat-nav li.active a {
color:#FF1A1A;
}
.recipe-cat-nav li.type-open {
display: block;
}
.recipe-cat-nav li.detailbtn {
background: #F3F4F5 url(../img/arrow-down-red-s.png) no-repeat 90% 50%;
padding: .1em 2em .1em .5em;
cursor: pointer;
}
.recipe-cat-nav li.arrowup {
background-image: url(../img/arrow-up-red-s.png);
}
.recipe-cat-nav ul > li > ul {
border-top: none;
background: #F3F4F5;
margin-top: .5em;
padding-top: .5em;
padding-bottom: .5em;
}

/* hyakusai - sub menu */
.cat-sub-nav {
display: table;
margin: 0 auto;
}
.cat-sub-nav ul {
display: table-row;
}
.cat-sub-nav li {
display: table-cell;
}
.cat-sub-nav li a {
display: block;
margin: 0 2px;
padding: .8em 0;
background: #F2EBDF;
font-size: 1.2rem;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
.cat-sub-nav li:first-child a {margin-left: 0;}
.cat-sub-nav li:last-child a {margin-right: 0;}
.cat-sub-nav li.active a {
background: #F28281;
color: #FFF;
}

.mastering-shinasahi .cat-sub-nav {
	table-layout: fixed;
}


/*footer*/
.footer {
background: #fbf4ea;
color: #000;
padding-bottom: 2em;
}
.footer h3 {
padding: 1.2em 1em 1.2em 1.5em;
margin-bottom: 1.5em;
border-bottom: 1px solid #C9C2B5;
background: url(../img/footer-arrow.png) no-repeat 0 50%;
font-size: 1.5rem;
font-weight: bold;
}
.footer dl {
display: inline-block;
vertical-align: top;
}
.footer .col5,
.footer .col7 {
text-align: left;
display: none;
}
.footer .col5 dl {
width:42%;
margin-right:7%;
}
.footer .col7 dl {
width:30%;
margin-right: 2%;
}
.footer dt,
.footer dd {
font-size: 1.2rem;
}
.footer dt a {
color: #000;
}
.footer dt {
font-weight: bold;
margin-bottom: .5em;
}
.footer dd {
margin-bottom: 1.2em;
}
.footer ul {}
.footer li {
color: #544F43;
margin-bottom: .3em;
background: url(../img/footer-list.png) no-repeat 0 5px;
padding-left: 1em;
}

.footer li.menu_open {
background: none;
padding-left: 0;
cursor: pointer
}
.footer li.menu_open span:before {
content: "";
display: inline-block;
vertical-align: top;
margin-top: .5rem;
margin-right: .5rem;
width: 5px;
height: 5px;
border-bottom: 1px solid #544F43;
border-right: 1px solid #544F43;
transform: rotate(45deg);
}
.footer li.menu_open span.open:before {
border-top: 1px solid #544F43;
border-left: 1px solid #544F43;
border-bottom: none;
border-right: none;
margin-top: .8rem;
}
.footer li.menu_open > ul {
margin-left: 1.2rem;
}

.footer hr {
display: none;
margin-top:0;
margin-bottom:0;
}
.footer .snav {
text-align: center;
margin-top: 1.5em;
margin-bottom: 0;
border-top: 1px #D9D3C7 solid;
border-bottom: 1px #D9D3C7 solid;
}
.footer .snav a {
display: inline-block;
border-top: none;
margin: .6em 1em;
font-weight: bold;
font-size: 1.2rem;
background: url(../img/arrow-s.png) no-repeat 0 50%;
padding: 0 0 0 1em;
}
.footer .copy {
margin-top: 1.5em;
text-align: center;
}
.footer .copy p {
display: block;
margin-top: 1.5em;
text-align: center;
}
.footer .copy p {
/*width: 85%;*/
margin-left: .5em;
vertical-align: middle;
font-size: 1.1rem;
color: #544F43;
}
.footer .copy .footer-facebookicon {
text-align:center;
margin-top: 8px;
}
.footer .copy .footer-facebookicon img {
width: 10%;
}
/* footer-top-btn */
.pagetop-box {
width: 100%;
text-align: right;
position: fixed;
bottom: 0;
}
.footer-top-btn{
margin-right: 20px;
opacity: 0;
}
.footer-top-btn span{
display:inline-block;
padding: .8em .5em;
border-radius: 3px;
}

/* Title Header */
.header-categorytitle {
margin-top: 1em;
margin-bottom: .2em;
text-align: center;
font-size: 2.8rem;
}
.header-categorytitle img {
display: block;
margin: 0 auto;
text-align: center;
}
.header-categorytitle hr {
display: inline-block;
width: 116px;
border-top: 2px solid #FF1A1A;
margin-bottom: 0;
margin-top: 0;
}
.header-main {
font-size: 2.6rem;
font-weight: bold;
}
.header-product-main {
margin: .6em 0;
padding: .8em 0;
border-top: 1px solid #f7e9d0;
border-bottom: 1px solid #f7e9d0;
font-size: 2.1rem;
font-weight: bold;
}
.header-maintitle {
position: relative;
padding-bottom: 1.5rem;
margin-bottom: 4rem;
font-size: 2.2rem;
text-align: center;
border-bottom: 4px solid #f9f2e7;
}
.header-maintitle hr {
position: absolute;
bottom:-4px;
left:0;
right:0;
margin: auto;
display: inline-block;
width: 120px;
border-top: 4px solid #FF1A1A;
}
.header-sub {
border-left: 2px solid #FF1A1A;
padding-left: 1em;
margin-bottom: 1.5em;
}
.header-sub strong {
display: inline-block;
margin-right: 1em;
font-size: 1.8rem;
font-weight: bold;
}
.header-subtitle {
border-left: 2px solid #FF1A1A;
padding-left: .8em;
margin-bottom: 1.5em;
font-size: 1.6rem;
font-weight: bold;
}
.header-subtitle small {
font-size: 1.2rem;
font-weight: normal;
}

.header-arrow  {
background: #fbf4ea;
margin-bottom: 1.5em;
padding: .5em;
text-align: center;
font-size: 1.6rem;
letter-spacing: normal;
}
.header-arrow span {
display: inline-block;
padding-left: 2em;
background: url(../img/detail-arrow-title.png) no-repeat 0 50%;
}

.header-newstitle {
position: relative;
padding: .5em;
border-top: 1px solid #f7e9d0;
border-bottom: 1px solid #f7e9d0;
text-align: center;
font-size: 1.9rem;
}
.header-newstitle hr {
position: absolute;
bottom:-2px;
left:0;
right:0;
margin: auto;
display: inline-block;
width: 120px;
border-top: 1px solid #FF1A1A;
}



/* Breadcrumb */
.breadcrumb {
display: none;
}


/* List */
.table-list {
border-collapse: collapse;
width: 100%;
letter-spacing: normal;
}
.table-list th,
.table-list td {
padding: .5em 1em;
}
.table-list th {
font-weight: bold;
}
.table-list thead th {
background: #f5eada;
}
.table-list tbody tr {
background: #fbf4ea;
}
.table-list tbody tr:nth-child(even) {
background: #fffcf6;
}
.table-list .nowrap th {
white-space: nowrap;
}

.news-past-list {
margin-top: 2em;
}
.default-list li,
.news-past-list li {
background: #fbf4ea;
padding: .5em 1em;
}
.default-list li:nth-child(even),
.news-past-list li:nth-child(even) {
background: #fffcf6;
}
.default-list li.head {
display: none;
}
.default-list li h3,
.news-past-list li h3 {
font-weight: bold;
}
.default-list li p,
.news-past-list li p {
display: inline-block;
}
.default-list li p.zip {
display: block;
}
.default-list li .box-db-sp,
.news-past-list li .box-db-sp {
display: block;
margin-top: .5em;
}
.default-list .header_sp li{
display: flex;
}
.default-list .header_sp li h3{
width:40%;
}
.default-list .header_sp li p{
width:20%;
}
.default-list .header_sp li.head {
background: #f5eada;
font-weight: bold;
}



/* location unique */
.list-location .zip:before {
content: "〒";
}
.list-location .tel:before {
content: "TEL.";
}
.list-location .fax:before {
content: "FAX.";
}

.list-matgin li {
margin-bottom: 2px;
}
.disc-list {
list-style: disc;
margin-left: 1.6em;
}
.disc-list li {
margin-bottom: .5em;
}

.decimal-list {
list-style: decimal;
margin-left: 1.6em;
}
.decimal-list li {
margin-bottom: 1rem;
}
.table_list {display: table;}
.table_list li {display: table-row;}
.table_list li span {
display: table-cell;
padding: .4rem 0;
}
#company-index .table_list li span:first-child {
white-space: nowrap;
}


/* ------ PRODUCT : MASTERING COMMON ------ */
.mastering-cattop-head {
background:#F9F4EA;
border-bottom: 6px solid #F0E3CC
}
.mastering-cattop-head span {
display: block;
padding: .5em 0;
text-align: center;
font-size: 2.1rem;
line-height: 1.3;
}
.mastering-cattop-head span strong {font-weight: bold;}
.mastering-shinasahi .mastering-cattop-head span strong {color: #FF8D2B;}
.mastering-namamisozui .mastering-cattop-head span strong {color: #52A84A;}
.mastering-hyakusai .mastering-cattop-head span strong {color: #ED9191;}
.mastering-namamisozui .mastering-cattop-head span br {display: none;}

.header-mastering-main {
position: relative;
margin-bottom: 1em;
padding: .3em;
border-top: 4px solid #F0E3CC;
text-align: center;
background-position: 50% 100%;
background-repeat: no-repeat;
font-size: 2rem;
}

.mastering-shinasahi .header-mastering-main {
background-image: url(../img/shinasahi-titlearrow.png);
}
.mastering-namamisozui .header-mastering-main {
background-image: url(../img/namamiso-titlearrow.png);
}
.mastering-hyakusai .header-mastering-main {
background-image: url(../img/hyakusai-titlearrow.png);
}

.header-mastering-main strong {font-weight: bold;}
.mastering-shinasahi .header-mastering-main strong {color: #FF8D2B;}
.mastering-namamisozui .header-mastering-main strong {color: #52A84A;}
.mastering-hyakusai .header-mastering-main strong {color: #ED9191;}

.header-mastering-main span {
display: inline-block;
padding: .4em 0 .6em 2.5em;
background-position: 0 0;
background-repeat: no-repeat;
}
.mastering-shinasahi .header-mastering-main span {
background-image: url(../img/shinasahi-titleicon.png);
}
.mastering-namamisozui .header-mastering-main span {
background-image: url(../img/namamiso-titleicon.png);
}
.mastering-hyakusai .header-mastering-main span {
background-image: url(../img/hyakusai-titleicon.png);
padding-left: 2.8em;
}
.mastering-namamisozui.okarapowder .header-mastering-main span {
padding: .4em 0 .6em;
background:none;
}
.header-mastering-main hr {
position: absolute;
top:-4px;
left:0;
right:0;
margin:auto;
width: 280px
}
.mastering-shinasahi .header-mastering-main hr {border-top: 4px solid #FF8D2B;}
.mastering-namamisozui .header-mastering-main hr {border-top: 4px solid #52A84A;}
.mastering-hyakusai .header-mastering-main hr {border-top: 4px solid #ED9191;}

.mastering-shinasahi .header-subtitle {border-left: 4px solid #FF8D2B;}
.mastering-namamisozui .header-subtitle {border-left: 4px solid #52A84A;}
.mastering-hyakusai .header-subtitle {border-left: 4px solid #ED9191;}

.mastering-shinasahi .header-subtitle strong { color:#FF8D2B;  }
.mastering-namamisozui .header-subtitle strong { color:#52A84A;  }
.mastering-hyakusai .header-subtitle strong { color:#ED9191;  }


/* Okara Powder */
.beige-line-box {
padding: 2.5rem 3rem;
border:3px solid #f9f4ea;
}
.okarapowder_recipe figure {
text-align: center;
}
.okarapowder_recipe figcaption {
position: relative;
top:-10px;
display: inline-block;
/*min-width: 200px;*/
min-width: 90%;
background:#52a84a;
color: #FFF;
font-weight: 600;
font-size: 113%;
text-align: center;
border-radius: 5px;
}




/* ------ SHINASAHI ------ */
.box-graph dt {
padding: .2em 0;1
border-top:1px solid #F7F1E5;
border-bottom:1px solid #F7F1E5;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
}
.box-graph dt strong {
font-size: 1.7rem;
}
.box-graph dd {
text-align: center;
}
.box-graph .tag {
display: inline-block;
padding: .2em .2em;
margin-right: .2em;
background: #D6C4A1;
color: #FFF;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
line-height: 1.2;
border-radius: 4px;
}
.box-flow {
padding: 1.5em 0;
background: #FAF8F3;
text-align: center;
}
.box-flow h3 {
margin-bottom: 1em;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}

.wrap-recipelink .col3 {
vertical-align: top;
}
.wrap-recipelink a {
display: block;
text-align: center;
}
.wrap-recipelink a strong {
display: block;
text-align: center;
font-weight: bold;
margin-bottom: .5em
}
.wrap-recipelink a span {
display: block;
margin-top: .5em;
font-size: 1.4rem;
text-align: center;
}

/* CM */
.movie_wrap {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.movie_wrap iframe {
position: absolute;
top:0;
right: 0;
width: 100%!important;
height: 100%!important;
}



/* ------ RECIPE INDEX PAGE ------ */
.title-recipe {
margin-bottom:0;
padding: .5em 0 .2em;
font-size: 2.1rem;
text-align: center;
border-top: 1px solid #f7e9d0;
}

/* resipe list */
.recipe-list .col3 {
position: relative;
text-align: center;
width:200px;
vertical-align : top;/* overwrite_by_cms */
}
.recipe-list .icon-new {
position: absolute;
top:0;
left:0;
z-index: 5;
}
.recipe-list .col3 a {
display: block;
}
.recipe-list .col3 .cover {
position: absolute;
width:180px;
height: 72px;
bottom:0;
left:0;
right: 0;
background: rgba(84,79,67,0.3);
padding: 10px;
color: #FFF;
font-size: 1.5rem;
}
.recipe-list .col3 .cover .info {
position: absolute;
bottom: 10px;
font-size: 1.3rem;
font-weight: bold;
}
.recipe-list .col3 .cover:after {
content: url("../img/icon-arrow-list.png");
position: absolute;
width: 20px;
height: 20px;
right:0;
bottom:0;
}
.recipe-list .col3 .wrap {
display: block;
position: relative;
}
.recipe-list .col3 .wrap:after {
content: url("../img/icon-arrow-list.png");
position: absolute;
width: 20px;
height: 20px;
right:0;
bottom:0;
}
.recipe-list .info span {
display: inline-block;
padding-left: 1.2em;
margin-right: 1em;
}
.recipe-list .info span.time {
background: url(../img/icon-time.png) no-repeat 0 35%;
}
.recipe-list .info span.cal {
background: url(../img/icon-cal.png) no-repeat 0 30%;
}
.recipe-list .outer {
margin-top: 1em;
font-size: 1.5rem;
font-weight: bold;
}

.product-icon-category {
margin-top: .5em;
font-size: 1.2rem;
font-weight: normal;
}
.product-icon-category span {
display: inline-block;
padding: .3em .6em;
margin-right: .5em;
background: #F7F4F0;
line-height: 1.2;
}
.product-icon-category span.green {
background: #E3F0CC;
}
.product-icon-category span.blue {
background: #D8E9ED;
}


/* ------ DETAIL PAGE ------ */
.detail-icon-category {}
.detail-icon-category a {
display: inline-block;
background: #FFE9ED url(../img/detail-arrow-left-pink.png) no-repeat .6em 50%;
padding: .2em .5em .2em 1.3em;
margin-left: .5em;
}
.detail-icon-category span {/* overwrite_by_cms */
display: inline-block;
background-color: #FFE9ED;
padding: .2em .5em;
margin-left: .5em;
margin-top: .25em;
margin-bottom: .25em;
font-size: 1.3rem;
}

.detail-box-info {
padding: 1em 0 0;
border-top: 1px solid #f7e9d0;
border-bottom: 1px solid #f7e9d0;
text-align: center;
}
.detail-box-info .info {
margin-bottom: 1em;
}
.detail-box-info .info span {
display: block;
margin-bottom: .5em;
font-size: 1.2rem;
}
.detail-box-info strong {
font-weight: bold;
}
.btn-print {
border-top: 1px solid #f7e9d0;
}
.btn-print a {
display: block;
background: url(../img/icon-print.png) no-repeat 1em 50%;
padding: 1.2em 0 1.2em 4em;
}
.box-detail .col6 {
vertical-align: top;
}

.list-material,
.box-detail .col6 dd {
margin-bottom: 1em;
}
.box-detail .col6 dl {
padding: 0 .2em;
}

.list-material li {
display: table;
width: 100%;
background: #fbf4ea;
}
.list-material li:nth-child(even) {
background: #fffcf6;
}
.list-material li span {
display: table-cell;
padding: .7em 1em;
}
.list-material li span:nth-child(2) {
text-align: right;
}

.list-material-2 {}
.list-material-2 li {
display: table;
width: 100%;
background: #fbf4ea;
}
.list-material-2 li:nth-child(even) {
background: #fffcf6;
}
.list-material-2 li span {
display: table-cell;
padding: .7em .8em;
}
.list-material-2 li span:first-of-type {
font-weight: bold;
width: 36%;
}


/* standard */
.list-material-3 {
background: #fbf4ea;
font-size: 1.2rem;
width: 100%;
}
.list-material-3 thead tr {
background: #F4EBDB;
font-weight: bold;
}
.list-material-3 tbody tr:nth-child(odd) {
background: #fffcf6;
}
.list-material-3 th{
font-weight: bold;
}
.list-material-3 th,
.list-material-3 td {
padding: .7em .2em;
text-align: center;
vertical-align: middle;
}

.box-standard-advice {
border:8px solid #EFECE7;
padding: .5em 1.5em 1.5em;
}
.box-standard-advice h1 {
background: url(../img/icon-advice.png) no-repeat 0 50%;
padding: .8em 0 .8em 2.5em;
font-size: 1.5rem;
font-weight: bold;
}
.box-standard-advice li {
margin-top: .5em;
font-size: 1.4rem;
}

.box-detail .box-standard-advice {
border:2px solid #EFECE7;
padding: 1em;
}
.box-standard-advice h1 {
padding-top:.3em;
background-position: 0 0;
}

.box-detail .col6 hr {
width: 100%;
margin:1.5em 0 .8em;
}

/* Recipe Flow */
#recipe-flow {
margin-top: 3em;
}
.list-flow {
letter-spacing: -0.4em;
}
.list-flow li {
display: block;
margin-bottom: 1.5em;
letter-spacing: normal;
vertical-align: top;
}
.list-flow li img {
display: block;
margin:0 auto 1em;
}
.list-flow li strong,
.list-flow li p {
display: inline-block;
vertical-align: top;
}
.list-flow li strong{
font-size: 1.8rem;
font-weight: bold;
width: 6%;
}
.list-flow li p {
width: 90%;
}

/* Sub Box */
.box-sub dt {
background: #fbf4ea;
padding: .2em .5em;
margin-bottom: .5em;
}
.box-sub dd {
margin-bottom: 1em;
}

/* Product Link */
.box-product a {
position: relative;
display: block;
width: 200px;
margin: 0 auto 1.5em;
background: #fffcf6;
text-align: center;
}
.box-product a:after {
content: url("../img/icon-arrow-list.png");
position: absolute;
width: 20px;
height: 20px;
right:0;
bottom:0;
}
.box-product a p {
display: inline-block;
width: 26%;
padding: .5em 0;
vertical-align: middle;
}
.box-product a p strong {
display: block;
font-size: 1.5rem;
font-weight: bold;
}
.box-product a p:last-child {
display: inline-block;
width: 60%;
}

/* Recipe Link */
.box-recipe a {
display: block;
font-weight: bold;
width: 200px;
margin: 0 auto 1.5em;
letter-spacing: normal;
}
.box-recipe a img {
display: block;
margin-bottom: .5em;
}
.box-recipe p.info span {
display: inline-block;
padding-left: 1.2em;
margin-right: 1em;
font-weight: normal;
font-size: 1.3rem;
}
.box-recipe p.info span.time {
background: url(../img/detail-icon-time.png) no-repeat 0 35%;
}
.box-recipe p.info span.cal {
background: url(../img/detail-icon-cal.png) no-repeat 0 30%;
}

.btn-back-list a {
display: block;
border: 1px solid #FA1932;
text-align: center;
padding: .5em;
font-size: 1.8rem;
transition: background .3s;
}
.btn-back-list a:hover {
background: #FFF9FA;
opacity: 1;
}
.btn-back-list span {
display: inline-block;
padding-left: 2em;
background: url(../img/detail-btn-arrow-right.png) no-repeat 0 50%;
}


.video-container {
position: relative;
padding-top: 56.25%;
margin-bottom: 24px;
width: 100%;
overflow: hidden;
}

.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}


/* ------ COMPANY ------ */
/* Main Image & Navi */
.company-head {
background: #fbf4ea;
margin-bottom: 2.8em;
}
.company-head h1 {
text-align: center;
}
.company-head-nav a {
display: block;
background: #FFF;
padding: 2px;
margin: 10px 10px 0;
}
.company-head-nav a:last-child {
margin-bottom: 10px;
}
.company-head-nav p, 
.company-head-nav dl {
display: inline-block;
vertical-align: middle;
}
.company-head-nav p {
width: 55%;
}
.company-head-nav dl {
width: 40%;
}
.company-head-nav dt,
.company-head-nav dd {
text-align: center;
}
.company-head-nav dt {
font-size: 1.2rem;
line-height: 1.3;
}
.company-head-nav dd strong {
display: block;
font-size: 1.5rem;
font-weight: bold;
color: #FA4C34;
text-align: center;
line-height: 1.2;
}
.company-head-nav dd span {
	font-size: 1.2rem;
	font-weight: bold;
}
.company-head-nav dd span:before {
	content: "> ";
	color:#FA4C34;
}

.company-head-nav dd hr {
display: block;
width: 60px;
margin:.3em auto;
padding-top: 0;
border-top: 1px solid #FA4C34;
text-align: center;
}



/* Info Link */
.beige-pat {
background: url(../img/bg-beige-pat.jpg);
padding: 1.5em 0;
}
.company-info-link a {
display: block;
background: #FFF;
padding: 2px;
}
.company-info-link p, 
.company-info-link dl {
display: inline-block;
vertical-align: middle;
}
.company-info-link p {
width: 55%;
}
.company-info-link dl {
width: 40%;
}
.company-info-link dt,
.company-info-link dd {
text-align: center;
}
.company-info-link dt {
font-size: 1.6rem;
color: #FA4C34;
font-weight: bold;
line-height: 1.2;
}
.company-info-link dd strong {
display: block;
font-size: 1.3rem;
text-align: center;
}
.company-info-link dd hr {
display: inline-block;
width: 60px;
margin:0 0 .5em;
padding-top: 0;
border-top: 1px solid #FA4C34;
text-align: center;
}





/* Release News List */
.box-release {
margin-bottom: 3em;
}
.box-release .col6 {
margin-top: 2em;
vertical-align : top;/* overwrite_by_cms */
}
.box-release h1 {
position: relative;
/*border-bottom: 1px solid #f7e9d0;
padding-bottom: 1em;*/
margin-bottom: .5em;
}
.box-release h1 strong {
display: inline-block;
background: url(../img/icon-circle-orange.png) no-repeat 0 50%;
padding-left:1.5em;
font-size: 1.6rem;
}
.box-release h1 a {
position: absolute;
right:0;
bottom: 1.5em;
display: inline-block;
background: url(../img/arrow-right-gray.png) no-repeat 5px 50%;
width: 52px;
padding-left: 5px;
border: 1px solid #D6D5D2;
text-align: center;
font-size: 1.3rem;
line-height: 1.5;
}
.box-release li {
padding: .5em 0;
border-bottom: 1px dotted #f7e9d0;
}
.box-release li .icon {
display: inline-block;
margin-right: .5em;
width: 85px;
text-align: center;
font-size: 1.1rem;
font-weight:bold;
color: #FFF;
background: #FF8D2B;
}
.box-release li .new {
background: #FF4259!important;
}
.box-release li strong {
display: inline-block;
font-weight: bold;
font-size: 1.2rem;
}
.box-release li a {
display: block;
margin-top: .5em;
}

.news-head {
cursor: pointer;
display: block;
padding: .6em;
font-size: 1.5rem;
text-align: center;
border:1px solid #FA1932;
}

.news-head span {
display: inline-block;
background: url(../img/arrow-down-red.png) no-repeat 0 50%;
padding-left: 2em;
position: relative;
left:-10px;
}






/* ------ LOCATION ------ */
.box-img,
.box-img p {
text-align: center;
}
.box-img p {
margin-top: 1em;
}

/* ------ PHILOSOPHY ------ */
.philosophy-head,
.product-top-head {
text-align: center;
margin-bottom: 3em;
}


/* ------ IR NEWS ------ */
.link-open,
.link-back {
display: block;
padding: .6em;
font-size: 1.5rem;
text-align: center;
border:1px solid #FA1932;
}
.link-open span {
display: inline-block;
background: url(../img/arrow-down-red.png) no-repeat 0 50%;
padding-left: 2em;
position: relative;
left:-10px;
}
.link-back span {
display: inline-block;
background: url(../img/arrow-back-red.png) no-repeat 0 50%;
padding-left: 1.5em;
position: relative;
left:-10px;
}
.news-date {
text-align: center;
font-size: 1.3rem;
font-weight: bold;
}
.news-detail p {
margin-bottom: 1.5em;
}
.news-detail .link-pdf {
border: 1px solid #CBCAC6;
padding: 1.2em 1em 1.2em 3em;
background-position:  .8em 50%;
}


/* ------ INDEX ------ */
/*
.index-info-link .col4 {
width: 45%;
margin-bottom: 0;
}
.index-info-link a {
display: block;
border:1px solid #FFF;
padding: .6em .3em;
text-align: center;
}
.index-info-link p, 
.index-info-link dl {
display: inline-block;
vertical-align: middle;
}
.index-info-link p {
display: none;
}
.index-info-link dt{
text-align: center;
line-height: 1.6;
}
.index-info-link dt {
font-size: 1.3rem;
}

.index-info-link dd {
display: none;
}
*/

.index-info-link .col4 {
margin-top: 0;
}
.index-info-link a {
display: block;
background: #FFF;
padding: 2px;
}
.index-info-link p, 
.index-info-link dl {
display: inline-block;
vertical-align: middle;
}
.index-info-link p {
width: 40%;
}
.index-info-link dl {
width: 55%;
}
.index-info-link dt,
.index-info-link dd {
text-align: center;
line-height: 1.2;
}
.index-info-link dt {
font-size: 1.4rem;
color: #FA4C34;
font-weight: bold;
padding-bottom: .5em;
}
.index-info-link dd strong {
display: block;
font-size: 1.2rem;
text-align: center;

}
.index-info-link dd hr {
display: inline-block;
width: 60px;
margin:0 0 .5em;
padding-top: 0;
border-top: 1px solid #FA4C34;
text-align: center;
}





/* ------ FAQ ------ */
.qa-container-q,.qa-container-a{
display: table;
width:100%;
}
.qa-container-a{
margin-bottom: 15px;
}
.qa-container-q dt,.qa-container-a dt{
display: table-cell;
text-align: center;
font-size: 1.8rem;
font-weight:600;
width:5%;
vertical-align: top;
padding: .4em .2em;
min-width: 30px;
box-sizing: border-box;
}
.qa-container-q dt{
background: #EBE7E1;
}
.qa-container-a dt{
background: #F9F8F6;
color: #FF1A1A;
}
.qa-container-q dd,.qa-container-a dd{
display: table-cell;
width:95%;
padding:1em;
vertical-align: middle;
font-size: 1.4rem;
}
.qa-container-q dd{
font-weight: bold;
background: #EBE7E1;
padding-right: 3em;
color:#475154;
}
.qa-container-a dd{
background: #F9F8F6;
font-size: 1em;
}
.qa-container-a h1{
font-weight: bold;
}

.box-movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.box-movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}


/* ------ CONTACT ------ */
.phone-contact {
padding: 1em 0;
border:3px solid #F0E9D8;
text-align: center;
}
.phone-contact p {
text-align: center;
font-weight: bold;
font-size: 2.6rem;
}
.phone-contact p small {
display: block;/*sp*/
font-size: 1.6rem;
text-align: center;/*sp*/
}
.phone-contact p a {
background: url(../img/icon-phone.png) no-repeat 0 50%;
padding-left: 1em;
}

/* form */
.box-contactform li {
margin-bottom: 2em;
}
.box-contactform label {
display: block;
margin-bottom: .5em;
font-size: 1.6rem;
font-weight: bold;
}
.box-contactform small {
display: inline-block;
font-size: 1.3rem;
font-weight: normal;
margin-left: .5em;
}
.box-contactform .required {
display: inline-block;
padding: 0 .5em;
margin-right: .5em;
background: #544F43;
color: #FFF;
font-size: 1.2rem;
}
.box-contactform input,
.box-contactform textarea {
padding: 8px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #CCC;
background: #FFF;
font-size: 1.5rem;
box-sizing: border-box;
}
.box-contactform .w100 {width: 100%;}
.box-contactform .w50 {width: 50%;}
.box-contactform .w20 {width: 20%;}
.box-contactform .w10 {width: 15%;}

.box-contactform select {
padding: 6px 40px 6px 10px;
border-radius: 0;
appearance: none;
border: 1px solid #CCC;
background: #FFF;
background: url(../img/arrow-select.png) 92% 50% no-repeat;
background-size: 25px, 100%;
font-size: 1.3rem;
}
.box-contactform select::-ms-expand {
display: none;
}


.box-submit p {
text-align: center;
}
.box-submit input.formbtn {
border: none;
appearance: none;
border-radius: 0;
min-width: 40%;
margin: 0 2%;
padding:  .8em 1em;
font-size: 1.7rem;
font-weight: bold;
color: #fff;
cursor: pointer;
transition: all .3s;
background-color: #BBB8B4;
}

.box-submit input[type="submit"] , #confirm-submit {
background: #FA1932 url(../img/arrow-left-white.png) no-repeat 92% 50%;
}
.box-submit input.back {
background: #BBB8B4 url(../img/arrow-right-white.png) no-repeat 5% 50%;
}
.box-submit input[type="submit"]:hover,
.box-submit input.back:hover {
opacity: .6;
}
.box-submit input[type="submit"][disabled] {
background-color: #DDDCD9;
cursor: default;
}
.box-submit input[type="submit"][disabled]:hover {
opacity: 1;
}

.box-contactform-confirm li {
padding-bottom: 1em;
margin-bottom: 2em;
border-bottom: 1px solid #F0E3CC;
}
.box-contactform-confirm p {
font-size: 1.6rem;
}
.box-contactform-confirm .label {
margin-bottom: .5em;
font-weight: bold;
}

.voice-wrap small.small {
font-size: 1.3rem;
}



/* ---　Google Search Result　--- */

/* powered by */
#___gcse_0 td.gcsc-branding-text div.gcsc-branding-text {
white-space: nowrap!important;
}

/* 表示順セレクトを右寄りに */
#___gcse_0 .gsc-orderby-container .gsc-control-cse div {
text-align: right!important;
}

/* adボックス */
#___gcse_0 .d_, .sl-table a, .sl-table-ol a, .g_ a,
#___gcse_0 .nonSfblSitelinksWrapper,
#___gcse_0 .ctcT a {
color: #544F43!important;
text-decoration: none!important;
}
#___gcse_0 #adBlock {
background-color: #F5F5F5!important;
padding: 1rem!important;
border:none!important;
}

/*　検索結果リスト */
#___gcse_0 .gs-webResult.gs-result a.gs-title:visited,
#___gcse_0 .gs-webResult.gs-result a.gs-title:visited b,
#___gcse_0 .gs-imageResult a.gs-title:visited,
#___gcse_0 .gs-imageResult a.gs-title:visited b {
color: #544F43!important;
text-decoration: none!important;
}
#___gcse_0 .gs-result .gs-title,
#___gcse_0 .gs-result .gs-title * {
color: #544F43!important;
text-decoration: none!important;
}
#___gcse_0 .gs-webResult div.gs-visibleUrl,
#___gcse_0 .gs-imageResult div.gs-visibleUrl {
color: #FA4C34!important;
}
/* pager */
#___gcse_0 .gsc-results .gsc-cursor-box {
text-align: center!important;
font-size: 1.6rem!important;
}
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
#___gcse_0 .gsc-results .gsc-cursor-box .gsc-cursor-page {
color: #544F43!important;
}






















@media screen and (min-width:768px) {
.article,.header,.footer {
font-size: 1.5rem;
}
.big { font-size: 115%; }
/* header */
.header .wrapper .col12 {
letter-spacing: -0.4em;
padding-top: 30px;
}
.header h1 {
width: 8%;
letter-spacing: normal;
vertical-align: middle;
}
.header .corporate h1 {
width: 40%;
font-size: 1.6rem;
}

/* nav */
.nav {
display: inline-block;
width: 90%;
vertical-align: middle;
}
.header .corporate .nav {
width: 59%;
}
.nav .gnav {
display: table;
width: 100%;
}
.nav .gnav li {
display: table-cell;
border-right: 1px solid #f7e9d0;
border-top: none;
}
.nav .gnav li:first-child {
display: none;
}
.nav .gnav li:nth-child(2) {
border-top:none;
border-left: 1px solid #f7e9d0;
}

.gnav li a {
padding:1em .5em;
text-align: center;
font-size: 1.3rem;
}
.nav .snav {
position: absolute;
text-align: right;
top:10px;
right: 0;
}
.nav .snav li {
display: inline-block;
border-top: none;
margin-left: 1.5em;
}
.nav .snav li a {
font-weight: bold;
font-size: 1.2rem;
background: url(../img/arrow-s.png) no-repeat 0 50%;
padding: 0 0 0 1em;
}



/* category nav */
.cat-nav ul {
border-top: 1px solid #f7e9d0;
text-align: center;
}
.cat-nav li {
border-top: none;
margin: 0;
}
.cat-nav li a {
margin-right: .5em;
margin-left: .5em;
font-size: 1.3rem;
font-weight: bold;
}


/* hyaksai - submenu */
.cat-sub-nav {
table-layout: fixed;
}
.cat-sub-nav li a {
margin: 0 9px;
font-size: 1.5rem;
}


/* Breadcrumb */
.breadcrumb {
display: inline-block;
margin-top: 0;
font-size: 1.1rem;
color: #544F43;
}
.breadcrumb a {
margin-right:.5em;
text-decoration: underline;
}
.breadcrumb a:hover {text-decoration: none;}
.breadcrumb a:after {
display: inline-block;
content: ">";
color: #A9A6A1;
margin-left:.5em;
text-decoration: none;
}

/* List */
.default-list ul,
.news-past-list ul  {
display: table;
width: 100%;
}
.default-list li,
.default-list li.head,
.news-past-list li {
display: table-row;
}
.default-list li.head {
background: #f5eada;
font-weight: bold;;
}
.default-list li h3,
.default-list li p,
.news-past-list li h3,
.news-past-list li p {
display: table-cell;
padding: .6em 1em;
}
.default-list li .box-db-sp,
.news-past-list li .box-db-sp {
display: table-cell;
margin-top: 0;
}
.default-list .header_sp li{
display: table-row;
}
.default-list .header_sp li h3{
width:auto;
}
.default-list .header_sp li p{
width:auto;
}
.list-matgin li h3,
.list-matgin li p {
border-bottom: 2px solid #FFF;
}

/* location unique */
.list-location .zip:before,
.list-location .tel:before,
.list-location .fax:before {
content: none;
}


/* Title Header */
.header-categorytitle {
margin-top: .5em;
}
.header-categorytitle img {
display: inline-block;
margin-right: .5em;
}
.header-product-main {
font-size: 2.6rem;
}
.header-maintitle {
padding-bottom: 2rem;
font-size: 2.8rem;
}
.header-subtitle {
font-size: 2rem;
}
.header-newstitle {
font-size: 2.2rem;
}
.header-mastering-main {
padding:.6em;
font-size: 2.4rem;
}
.header-mastering-main span {
background-position: 0 10px;
}
.mastering-cattop-head span {
display: block;
padding: .7em 0;
font-size: 2.8rem;
}

/*  footer */
.footer hr {
display: block;
}
.footer .col5,
.footer .col7 {
display: inline-block;
}

.footer .copy {
	text-align: left;
}
.footer .copy img,
.footer .copy p {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.footer .copy p {
font-size: 1.2rem;
margin-top: 0;
}
.footer .snav {
display: none;
}




/* recipe-index - sub navi */
.recipe-cat-nav  ul {
border-top: 1px solid #f7e9d0;
text-align: center;
}
.recipe-cat-nav  li {
border-top: none;
margin: 0;
}
.recipe-cat-nav  li a {
margin-right: .5em;
margin-left: .5em;
padding: .3em 0;
font-size: 1.3rem;
font-weight: bold;
}
.recipe-cat-nav  li a:after {
content: "|";
display: inline-block;
margin-left: 1em;
color: #CBCAC6;
font-weight: normal;
}


.title-recipe {
padding: .9em 0 0;
}


/* ------ DETAIL PAGE ------ */
.detail-main-image {
margin-bottom: 0;
}
.box-detail h1 {
text-align: left;
}
.detail-icon-category {
text-align: right;
}
.detail-box-info {
padding-top: .5em;
margin-top: 0;
}
.detail-box-info .info {
display: inline-block;
width: 80%;
}
.detail-box-info .info span {
display: inline-block;
margin-bottom: 0;
margin-right: 1em;
font-size: 1.4rem;
}
.btn-print {
display: inline-block;
width: 18%;
text-align: right;
border-top: none;
}
.btn-print a {
display: inline-block;
border-left: 1px solid #f7e9d0;
padding: .5em 0 .5em 4em;
}

.box-product,
.box-recipe {
letter-spacing: -0.4em;
}
.box-product a,
.box-recipe a {
display: inline-block;
width:45.83%;
margin:0 2.08% 20px;
letter-spacing: normal;
vertical-align: top;
}

.recipe-row a {
width:20.835%!important;
}


/* Recipe Flow */
#recipe-flow {
margin-top: 0;
}

/* ------ COMPANY ------ */
.company-head {
letter-spacing: -0.4em;
}
.company-head h1,
.company-head .company-head-nav {
display: inline-block;
vertical-align: middle;
}
.company-head h1 {
width: 62.7%;
}
.company-head .company-head-nav {
width: 35.3%;
margin-left: 2%;
letter-spacing: normal;
}
.company-head-nav a {
margin: 9px 10px 0 0; 
}
.company-head-nav dd strong {
	font-size: 1.7rem;
}
.company-head-nav dd hr {
	margin:.5em auto;
}
.company-info-link .col3 {
vertical-align: top;
}
.company-info-link a {
padding: 4px 4px 10px;
}
.company-info-link p {
display: block;
width: 100%;
text-align: center;
}
.company-info-link dl {
width: 96%;
margin: 10px 2%;
min-height: 8.5em;
}
.company-info-link dt {
font-size: 1.8rem;
line-height: 1.6;
}

/* Release News List */
.box-release {
margin-top: 3em;
margin-bottom: 3em;
}
.box-release .col6 {
margin-top:0;
}
.box-release li {
display: table;
}
.box-release li span,
.box-release li strong,
.box-release li a {
display: table-cell;
}
.box-release li a {
margin-top: 0;
}
.box-release li strong {
font-size: 1.1rem;
width: 8rem;
}


/* ------ LOCATION ------ */
.box-img,
.box-img p {
text-align: left;
}


/* ------ PHILOSOPHY ------ */
.philosophy-head,
.product-top-head  {
margin-top: 2em;
}


/* ------ IR HILIGHT ------ */
.hilight-list tbody th,
.hilight-list h3 {
width: 25%;
}


/* ------ IR INFORMATION ------ */
.box-cal {
letter-spacing: -0.4em;
}
.box-cal span {
display: inline-block;
width: 50%;
}


/* ------ INDEX ------ */
.index-info-link {
padding-top: 1.5em;
}
.index-info-link .col4 {
vertical-align: top;
width:29.168%;
}
.index-info-link a {
background: #FFF;
padding: 4px 4px 10px;
border:none;
}
.index-info-link p {
display: block;
width: 100%;
text-align: center;
}
.index-info-link dl {
width: 96%;
margin: 10px 2%;
}
.index-info-link dt {
font-size: 1.8rem;
color: #FA4C34;
font-weight: bold;
line-height: 1.6;
padding-bottom: .2em;
}
.index-info-link dd {
display: block;
text-align: center;
}
.index-info-link dd strong {
display: block;
font-size: 1.4rem;
text-align: center;
line-height: 1.6;
}
.index-info-link dd hr {
display: inline-block;
width: 60px;
margin:0 0 .5em;
padding-top: 0;
border-top: 1px solid #FA4C34;
text-align: center;
}
.box-release .col12,
.box-release .col3 {
margin-top: 0;
}
.box-release h1 strong {
	font-size: 2rem;
}


/* standard */
.list-material-3 {
font-size: 1.4rem;
}

/* shinasahi */
.box-graph dt {
	font-size: 1.6rem;
}
.box-graph dt strong {
	font-size: 2.1rem;
}

.okarapowder_recipe figcaption {
min-width: 200px;
}



/* ------ CONTACT ------ */
.phone-contact p {
margin-bottom: .5em;
}
.phone-contact p small {
display: inline-block;
margin-right: .5em;

text-align: left;
vertical-align: middle;
}

.footer .copy .footer-facebookicon {
float: right;
margin-top: 8px;
}
.footer .copy .footer-facebookicon img {
width:30px;
}

}











@media screen and (min-width:960px) {
.header .corporate h1 {
width: 29%;
}
.header .corporate .nav {
width: 70%;
}


/* nav */
.gnav li a {
font-size: 1.5rem;
}
/* category nav */
.cat-nav li a {
margin-right: 1em;
margin-left: 1em;
font-size: 1.5rem;
}

/*  footer */
.footer-top-btn{
display: inline-block;
text-align: right;
transition:opacity .3s; 
}
.recipe-list {
text-align: left;
}


/* recipe-index - sub navi */
.recipe-cat-nav li a {
margin-right: 1em;
margin-left: .3em;
font-size: 1.4rem;
}
.type-open {
font-size: 1.5rem;
}

.wrap-recipelink a span {
text-align: left;
}


}


/* overwrite_by_cms */
.hidden {
display : none;
}
.related_recipe {
vertical-align : top;
}




@media print {
html,body{
height: auto;
}
body {
overflow: visible!important;
}

.container,
.box-detail{
font-size: 1rem;
}
.box-detail h2.header-sub strong {
font-size: 1.1rem!important;
}
.header,.footer,.box-product,.box-recipe,
.cat-nav,.recipe-cat-nav,.btn-back-list,
.detail-icon-category,
.box-detail .compornent {
display:none!important;
}
.detail-main-image {
width: 30%;
display: inline-block;
}


.box-detail .box-standard-advice h1 {
display: none;
}

.header-main {
width: 60%;
display: inline-block;
margin:10px 0;
}
.box-detail .col6 .mt-3em{
margin-top: 1rem;
}
.detail-icon-category{
display: none;
}
.list-material li span{
padding: .1em .2em;
}
.detail-box-info .info {
display: inline-block;
width: 100%;
}
.detail-box-info .info span {
display: inline-block;
margin-bottom: 0;
margin-right: 1rem;
}
.btn-print {
display: none;
}
#recipe-flow {margin-top: 0;}
#recipe-flow .list-flow li strong {font-size: 1.2rem;}

hr.catnav-none {
display: none;
}

.list-print .default-list {
overflow: visible!important;
}

.history-list .default-list:before,
.information-list .default-list:before,
.privacy-list .col12:before,
.news-list .default-list:before {
	display: block;
	font-weight: bold;
	text-align: center;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	border-bottom: 4px solid #f9f2e7;
}

.history-list .default-list:before {content: "沿革";}
.information-list .default-list:before {content: "会社概要";}
.privacy-list .col12:before {content: "個人情報保護方針";}
.news-list .default-list:before {content: "ニュースリリース一覧";}

.news-list h2{
	display: none;
}

.faq-list .cat-sub-nav {
	display: none;
}
.qa-container-q dt,
.qa-container-q dd,
.qa-container-a dt,
.qa-container-a dd {
	font-size: 1rem;
	font-weight: normal;
	padding: 0;
}

.list-print .default-list ul {
display: block;
}
.list-print .default-list li {
display: table;
page-break-after:auto;
}
.list-print .default-list p,
.list-print .default-list h3 {
display: table-cell;
font-size: 1.0rem;
}
.list-print .default-list h3 {
padding-right: 1rem;
}

.list-print h1,
.privacy-list h1{
	display: none;
}

.header-maintitle {
font-size: 1.0rem;
font-weight: bold;
padding-bottom: 1rem;
margin-bottom: 1rem;
border-bottom: 4px solid #f9f2e7;
page-break-after:avoid;
}

.header-maintitle hr {
	display: none;
}

.header-subtitle,
.header-newstitle {
font-size: 1.3rem;
page-break-after:avoid;
}
.list-location .default-list ul {
display: block;
}
.list-location .default-list li {
display: table;
}
.list-location .default-list p,
.list-location .default-list h3 {
display:table-cell;
font-size: 1.0rem;
}
.list-location .default-list h3 {
padding-right: 1rem;
}

.list-location .default-list br {
display: none;
}
.list-location .zip:before {
content: "〒";
}
.list-location .tel:before {
content: "TEL.";
margin-left: 1rem;
}
.list-location .fax:before {
content: "FAX.";
margin-left: 1rem;
}

.disc-list {
margin: 1em 0;
padding-left: 30px;
list-style-type: disc;
}

}