@charset "utf-8";

/* 共通CSS */

/* 共通
------------------------------*/
#contents {}
/*resetcss*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:bottom;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:bottom;background:transparent;outline:none;}

ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

html{ height: 100%; }
.cf:after {
    content: "";
    clear: both;
    display: block;
}
ul li { list-style: none; }

/* ボックス */
.boxL { float: left; }
.boxR { float: right; }

.mb0  { margin-bottom: 0 !important;}
.mb5  { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}

.ml0  { margin-left: 0 !important;}
.ml5  { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}

.mr0  { margin-right: 0 !important;}
.mr5  { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}
.mr55 { margin-right: 55px !important;}
.mr60 { margin-right: 60px !important;}
.mr65 { margin-right: 65px !important;}
.mr70 { margin-right: 70px !important;}

.p0 { padding: 0 !important; }

/* 縦位置 */
.va_t { vertical-align: top; }
.va_m { vertical-align: middle; }
.va_b { vertical-align: bottom; }

/* 横位置 */
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_l { text-align: left; }

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

 PC用css

=========================================================================*/
@media screen and (min-width: 769px) {


/* 共通
------------------------------*/
body{
    font-size:18px;
    line-height:1.4em;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color:#333;
}
#wrapper{
    width:990px;
    text-align:center;
    padding: 90px 0 0;
    margin:0 auto;
    z-index:100;
    background: #ffffff;
}
#wrapper_thanks{
    width:990px;
    padding:90px 10px 0;
    text-align:center;
    margin:0 auto;
    z-index:100;
    background: #ffffff;
}
.cf:after {
    content: "";
    clear: both;
    display: block;
}
.left{
    float:left;
}
.right{
    float:right;
}
.par-box{
    margin:30px auto;
}
.par-box img{
    margin:20px auto 0;
}
.mr20{
    margin-right:10px;
}
.mb1{
    margin-bottom: 1.5em;
}
a{
    text-decoration: none;
    color:#333;
}
a:hover{
    color:#e9426a;
}
.btn a>img:hover{
    opacity: 1;
}
.pcdn{
    display: none;
}
.pcdn.ftlogo{
    display: none;
}
.pcdn.sptel2{
    display: none;
}

/* ヘッダー
------------------------------*/
#header{
    /* border-top:10px solid #b8567b; */
    background:#fff;
    height: 66px;
    width:100%;
    box-shadow: 2px 2px 2px #999;
    position: absolute;
    top:0;
    left:0;
    z-index:9999;
}
.header_inner{
    width:900px;
    margin:0 auto;

}
.logo{
    float:left;
    margin-top:6px;
    width: 120px;
}
.tel{
    float:right;
    margin:3px 10px 0 0;

}

/* 20240329追記
　★弊社の発酵酵素は「紅麹原料」を一切使用しておりません★ */
#header {
	height: auto;
}
#header h1 {
    display: grid;
	padding-bottom: 15px;
    /* position: relative; */
}
/* #header .logo {
    width: auto;
} */
#header h1::after {
    display: none;
    content: '★弊社の発酵酵素は「紅麹原料」を一切使用しておりません★';
    font-size: 13px;
    color: #f00;
	background-color: #fff;
	position: absolute;
	bottom: 0;
    /* left: 0; */
}
.mainVisual .mainVisual_inner .pc {
    margin-top: 32px;
}
/* ここまで */




/* フッター
------------------------------*/
.top .footer {
    width: 880px;
}
.top .footer .tel_img {
    width: 737px;
}
.footer {
    margin: 0 auto;
    width: 990px;
    background: #ffffff;
    padding: 30px 0 0;
    text-align:center;
}
.top .footer img{
    margin: 30px auto;
}
.footer img{
    display: block;
    margin: 0px auto 30px;
}
.footermenu  ul{
    list-style: none;
    font-size:12px;
        margin-bottom: 20px;
}
.footermenu li{
    display: inline;
}
.copy{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e9426a;
    color: #fff;
    font-size:10px;
    margin: 0 auto;
}
}



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

 SP用css

=========================================================================*/
@media screen and (max-width: 768px) {


/* 共通
------------------------------*/
body{
    font-size:18px;
    line-height:1.5em;
    font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    color:#333;
    text-align: center;
    height: 100%;
}
#wrapper{
    width:100%;
    padding:0;
    text-align:center;
    margin:0 auto;
    z-index:100;
    height: 100%;
}
#wrapper_thanks{
    width:100%;
    padding:60px 0 0;
    text-align:center;
    margin:0 auto;
    z-index:100;
    height: 100%;
    background: #ffffff;
}
#wrapper_thanks .thanks_form {
    height: 0;
}
#wrapper_thanks .form {
    padding-top: 0;
}
.cf:after {
    content: "";
    clear: both;
    display: block;
}
.left{
    float:left;
}
.right{
    float:right;
}
.par-box{
    margin:5% auto;
}
.par-box img{
    margin:10px auto 0;
    width: 100%;
}
.par-box h3 img{
    width: 100%;
}
.mr20{
    margin-right:20px;
}
a{
    text-decoration: none;
    color:#333;
}
a:hover{
    color:#e9426a;
}
.btn a>img:hover{
    opacity: 1;
}
.sp_btn{
 width: 90%;
    }
.spdn{
    display: none !important;
}
.brinl{
    display: inline !important;
}

/* ヘッダー
------------------------------*/
#header{
    /* border-top:10px solid #b8567b; */
    background:#fff;
    height: 60px;
    width:100%;
    box-shadow: 2px 2px 2px #999;
    position: absolute;
    top:0;
    left:0;
    z-index:9999;
    overflow: hidden;
}
.header_inner{
    width:100%;
    /* margin:10px 0; */
}
.logo{
    float:left;
    width: 100px;
    margin: 8px 0 0 10px;
}
.sptel{
    width: 200px;
    float: right;
    margin-top: 2%;
}
.sptel2{
    width: 250px;
}

/* 20240329追記
　★弊社の発酵酵素は「紅麹原料」を一切使用しておりません★ */
#header {
	height: auto;
}
#header h1 {
    display: grid;
	padding-bottom: 18px;
    /* position: relative; */
}
#header h1::after {
    display: none;
    content: '★弊社の発酵酵素は「紅麹原料」を一切使用しておりません★';
    font-size: 13px;
    color: #f00;
	background-color: #fff;
	position: absolute;
	bottom: 0;
    /* left: 0; */
}
/* ここまで */


/* フッター
------------------------------*/
.footer{
    padding-top:30px;
    text-align:center;
    background: #ffffff;
}
.footer img{
    display: block;
    margin:5% auto;
}
.ftlogo{
    width: 18%;
}
.footermenu  ul{
    list-style: none;
    font-size:12px;
        margin-bottom: 20px;
}
.footermenu li{
    display: inline;
}
.tel_txt {
	text-align: center;
	font-size: 12px;
}
.copy{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #e9426a;
    color: #fff;
    font-size: 10px;
}
}