@font-face {
	font-family: 'Notera';
	src: url(../font/Notera_PersonalUseOnly.ttf);
}


body{
font-family: tbchibirgothicplusk-pro, sans-serif;
font-style: normal;
font-weight: 400;
margin: auto;
background-color: #FFFFFF;
color: #7f4f21;
-webkit-text-size-adjust: none;    
}

*{margin:0; padding:0;}
li{list-style:none;}
a{text-decoration:none;text-align: center;}
a:hover{text-decoration: underline;}
img{border-style:none;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}


.cakeodb li a{color: #e79b2e;}
.cakeodb li a:hover{text-decoration: underline;}
.linkbar li a:hover, yellobtm li a:hover{color: #e79b2e;}


/*------------------------------
           COMMON
------------------------------*/
article{
	width: 100%;
	float: left;
}

.hdspace{
	width: 100%;
	float: left;
	height: 55px;
}

.innerx{
	width: 90%;
	margin: auto;
}

.tophalf{
	width: 50%;
	float: left;
}

.maxw{
	width: 100%;
	float: left;
}

.linera{
	width: 100%;
	height: 6px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_diago_sp.png);
	background-position: center;
	float: left;
}
 
.wallnews{
	width: 100%;
	background: url(https://haskapp.co.jp/common/images/mori_bg_newsp.gif);	
	float: left;
}


.innera{
	width: 100%;
	background: url(https://haskapp.co.jp/common/images/mori_bg_pattern_02.gif);
	background-position: center;
	float: left;
	padding: 10px 0 0 0;
}

.innerft{
	width: 100%;
	float: left;
	background: #fff7e6;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;	
}


.bgbrown{
	background: #7f4f21;
}


.wimax{
	width: 100%;
	float: left;
}

.catiile{
	width: 240px;
	margin: auto;
}

.catiile ul{
	width: 100%;
	float: left;
	margin: 40px 0;
}

.cattilid{
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
}

.cattilidb{
	width: 100%;
	float: left;
	margin: 0 0 50px 0;
}


.cattilid img, .cattilidb img{
	width: 100%;
	float: left;
}

.tibgb{
	width: 100%;
	background: #FFFFFF;
	float: left;
}

dl.tibgb{
	width: 232px;
	background: #FFFFFF;
	background-repeat: repeat-y;
	background-size: cover;
	float: left;
	padding: 20px 0;
	border-left: 2px solid #b6891e;
	border-right: 2px solid #b6891e;
	box-sizing: border-box;
	margin: 0 4px;
}


dl.tibgb dt{
	font-size: 22px;
	line-height: 22px;
	padding: 0 0 20px 0;
	text-align: center;
	width: 90%;
	margin: 0 5%;
	float: left;
	border-bottom: 1px solid #b78a1e;
}

dl.tibgb dd{
	font-size: 13px;
	line-height: 30px;
	padding: 10px 0 0 0;
	text-align: center;
	width: 100%;
	float: left;
}


.btmspc80{
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.btmspc120{
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
}


dl.tibgfl{
	width: 100%;
	padding: 25px 0;
	border-left: 2px solid #FFFFFF;
    border-right: 2px solid #FFFFFF;
	color: #FFFFFF;
	box-sizing: border-box;
	float: left;
}

dl.tibgfl dt{
	width: 90%;
	font-size: 24px;
	line-height: 24px;
	padding: 0 0 25px 0;
	margin: 0 5%;
	text-align: center;
	float: left;
	border-bottom: 1px solid #FFFFFF;	
}

dl.tibgfl dd{
	font-size: 15px;
	line-height: 29px;
	padding: 20px 0 0 0;
	text-align: center;
	width: 100%;
	float: left;
}

.cattilio, .cattiliob{
	width: 100%;
	float: left;
}

.cattilio img, .cattiliob img{
	width: 100%;
	float: left;
}


.hdsign{
	display: none;
}

.hdsignsp{
	width: 45%;
	margin: auto;
	margin: 0 27.5% 0 27.5%;
}

.hdsignsp dl{
	width: 80%;
	margin: 0 10%;
	float: left;
}

.hdsignsp dt{
	width: 40%;
	float: left;
	border-left: 2px solid #6a3906;
	border-right: 2px solid #6a3906;
	margin: 0 30%;
	box-sizing: border-box;
	height: 25px;
}

.hdsignsp dd{
	width: 100%;
	border: 2px solid #6a3906;
	box-sizing: border-box;
	font-size: 20px;
	text-align: center;
	line-height: 20px;
	padding: 14px 5%;
	color: #6a3906;
	float: left;
	letter-spacing: 0.2em;	
}

.conthdbx{
	width: 100%;
	float: left;
	margin: 20px 0 0 0;
}

span.signsmltxt{
	width: 100%;
	border-top: 1px dashed #6a3906;
	padding: 15px 0 0 0;
	font-size: 14px;
	line-height: 14px;
	float: left;
	letter-spacing: 0.2em;
    margin: 15px 0 0 0;
}


span.smaltxt{
	width: 100%;
	float: left;
	font-size: 30px;
	height: 30px;
	line-height: 30px;
}


.slick-nav-arrows{
	display: none;
}


p.redtxt{
	display: inline;
	font-size: 13px;
	color: #cc343a;
	margin: 0 0 0 10px;
}


/*-------------------------
   NAVI
--------------------------*/
.nav-wrap{
	box-sizing: border-box;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 410;
	height: 50px;
	background: #FFFFFF;
}

.gnav {
	list-style-type: none;
	background: #794d1f;
	width: 100%;
	z-index: 400;
	position: absolute;
	top: 54px;
	padding: 0 0 300px 0;
}

.gnav li{
	width: 100%;
	float: left;
	border-bottom: 2px solid #6a3906;
    border-right: 2px solid #6a3906;
	box-sizing: border-box;
	height: 100px;
	line-height: 100px;
}

.gnav li a{
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

.gnav li.spnvhf{
	width: 50%;
	font-size: 20px;	
	float: left;
	border-bottom: 2px solid #6a3906;
}

.gnav li.spnvhfr{
	width: 50%;
	font-size: 13px;	
	float: left;
    border-right: 0;
}

.gnav li.spnvhfl{
	width: 100%;
	font-size: 13px;
	float: left;
	border-bottom: 2px solid #6a3906;
    border-right: 0;
}


.gnav li img{
	width: 90%;
	float: left;
	padding: 15px 5%;
	background: #ffdd5d;
}

.spnavicon{
	width: 100%;
	background: #FFFFFF;
	float: left;
	box-shadow: 0 0 8px 3px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 8px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 8px 3px rgba(0,0,0,0.1);
	padding: 10px 0; 
}

.spnavicon ul{
	width: 110px;
	margin: auto;
}

.spnavicon img{
	width: 100%;
	float: left;
}

.icon-animation {
	width: 55px;
	height: 55px;
	display: block;
	cursor: pointer;
	float: right;
	position: absolute;
	right: 0;
	text-align: center;
}

.icon-animation span {
	width: 55px;
	height: 55px;
	display: block;
}

.icon-animation .top {
	background: url(https://haskapp.co.jp/common/images/mori_btm_sp_menu.gif);
	background-size: cover;
	position: absolute;
}

.is-open .top{
	display: none;
}

.is-open .middle{
	background: url(https://haskapp.co.jp/common/images/mori_btm_sp_close.gif);
	background-size: cover;
}

.spnv, .spnvtel, .spnvbtm{
    background: #6a3906;
}

.spnvbtm{
	width: 100%;
	float: left;
    padding: 0 0 140px 0;
}

.spnvhf{
    width: 50%;
    float: left;
}

.spnvtel{
    width: 100%;
    float: left;
	box-sizing: border-box;	
}

.spnvtel dt{
    width: 90%;
	margin: 12px 5% 0 5%;
    float: left;
}

.spnvtel dt a img{
    width: 100%;
	padding: 0 0 10px 0;
    float: left;
}

.spnvtel dd{
    width: 100%;
    float: left;
	text-align: center;
	font-size: 13px;
	line-height: 13px;
	padding: 0 0 10px 0;
}

.spnvtel img, .spnvbtm img{
    width: 100%;
    float: left;
}

li.spnvbn, li.spnvbn li{
	border: 0;
}

li.spnvbn img, li.spnvbn li img{
	padding: 6px 5%;
}





/*------------------------------
       BACKGROUND IMAGE
------------------------------*/
.bgover{
	background: url(https://haskapp.co.jp/common/images/mori_head_morimtowa.jpg);
	background-position: center;
	background-size: cover;
}

.bgichiy{
	background: url(https://haskapp.co.jp/common/images/mori_over_bg.gif);
	background-position: center;
}

.bgslabrw{
	background: url(https://haskapp.co.jp/common/images/mori_bg_history.png);
	background-position: center;
}

.bgsozai{
	background: url(https://haskapp.co.jp/common/images/mori_bg_sozai.gif);
	background-position: center;
}

.bgstory{
	background: url(https://haskapp.co.jp/common/images/mori_okashi_top.jpg);
	background-position: center;
	background-size: cover;
}


.bgyellow{
	background: url(https://haskapp.co.jp/common/images/mori_bg_okashi.gif);
	background-position: center;
}

.bgpnk{
	background: url(https://haskapp.co.jp/common/images/mori_bg_cake_pink.gif);
	background-position: center;
}


/*------------------------------
           FOOTER
------------------------------*/
footer{
	width: 100%;
	float: left;
}

.ftbrwbx{
	width: 100%;
	float: left;
	background: #7f4f21;
	padding: 20px 0;
}

.ftbrwbx a{
	color: #FFFFFF;
}

.ftbrwbx a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

.inner{
	width: 100%;
	float: left;
}

.ftbrleft{
	width: 780px;
	float: left;
	height: 14px;
	font-size: 14px;
	line-height: 14px;
	margin: 13px 0;
}

.ftbrleft li{
	float: left;
	padding: 0 15px 0 0;
	border-right: 1px solid #FFFFFF;
	margin: 0 0 0 15px;
}

.ftbrright{
	width: 200px;
	float: left;
}

.ftbrright li{
	width: 40px;
	height: 40px;
	float: left;
	margin: 0 5px;
}

.ftbrright li img{
	width: 100%;
}

.footbar{
	width: 100%;
	height: 40px;    
	line-height: 40px;
	font-size: 12px;  
	letter-spacing: 0.02em;
	float: left;
	text-align: center;
	background: #fff7e6;
	font-weight: 600;
}

li.nobor{
	border: none;
}

.profooter{
	width: 100%;
	float: left;
	border-top: 5px solid #b6891e;
	border-bottom: 5px solid #b6891e;
	margin: 0 0 15px 0;
}

figure{
	position: relative;
	overflow: hidden;
	width: 16.66666667%;
	float: left;
}

figure a{
      color: #FFFFFF;
}

figure img{
	position: relative;
	overflow: hidden;
	width: 100%;
	float: left;
}

figcaption{
	width: 100%;    
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 2;
	background: rgba(106,57,6,.75);
	-webkit-transition: .6s;
	transition: .6s;
	opacity: 1;
    height: 100%;
    color: #FFFFFF;
    text-align: center;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	font-size: 16px;
}

figure:hover figcaption {
	bottom: 0;
	left: 0;
    padding: 4%;
    width: 92%;
}

.tpsp50{
	margin: 60px 0 0 0;
}

li.tpsp80{
	width: 100%;
	float: none;
	margin: 20px 0;
}

li.tpsp80 img{
	width: 100%;
	margin: 20px 0;
}


.pcspacer50{
	width: 100%;
	float: left;
	margin: 60px 0 0 0;
}

.footbn{
	width: 100%;
	margin: auto;
	padding: 20px 0;
}

ul.bnbxthird{
	width: 88%;
	margin: 0 6%;
	float: left;
}

ul.bnbxthird li{
	width: 44%;
	float: left;
	padding: 15px 3%;
}

ul.bnbxthird li img{
	width: 100%;
	float: left;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

ul.bnbxsecond{
	width: 100%;
	padding: 0 30px;
	float: left;
}

ul.bnbxsecond li{
	width: 470px;
	height: 140px;
	float: left;
	margin: 20px;
}

ul.bnbxsecond li img{
	width: 100%;
	float: left;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.footlogo{
	width: 30%;
	margin: auto;
}

.footlogo ul{
	width: 100%;
	padding: 50px 0;
	float: left;
}

.footlogo li, .footlogo li img{
	width: 100%;
	float: left;
}

.fttop{
	width: 100%;
	height: 10px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_ftbg_line.png);
}

.ftcontact{
	width: 90%;
	margin: auto;
	font-weight: 600;
}

.ftcontact ul{
	width: 100%;
	padding: 10px 0 20px 0;
	float: left;
}

li.ftcnl{	
	width: 50%;
	float: left;
	border-bottom: 2px solid #7f4f21;
	text-align: center;
	line-height: 27px;
	font-size: 13px;
	padding: 5px 0 12px 0;
	margin: 0 25% 14px 25%;
}

li.ftcng{
	width: 100%;
	float: left;
	font-size: 15px;	
	line-height: 27px;
	text-align: center;
}

li.ftcno{
	width: 50%;
	float: left;
	margin: 5px 25% 0 25%;
}

li.ftcno img{
	width: 100%;
	float: left;
	margin: 10px 16px 0 0;
}

span.brbtm a{
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
	background: #7f4f21;
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	margin: 12px 0 0 0;
}

span.brbtm a:hover{
	width: 100%;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
	background: #FFFFFF;
	color: #7f4f21;
	font-size: 14px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.ftbtm{
	width: 80%;
	margin: auto;
}

.ftbtm a{
	color: #FFFFFF;
}

.ftbtl{
	display: none;
}


li.ftnoli{
	border: none;
}


.ftbtr{
	width: 100%;
	float: left;
}


.ftbtr li{
	width: 20%;
	margin: 0 40%;
	float: left;
	padding: 8px 0;
}

.ftbtr img{
	width: 100%;
	float: left;
}

.ftbtr a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.tpspud, .tpspud img{
	width: 100%;
	float: left;
}



/*------------------------------
       PRODUCTS HEADER
------------------------------*/
.bghdyukiduru{
	background: url(https://haskapp.co.jp/common/images/mori_head_pro_yukiduru.jpg);
	background-size: cover;
}

.bghdmillfe{
	background: url(https://haskapp.co.jp/common/images/mori_head_pro_millefe.jpg);
	background-size: cover;
}

.bghdkimifuwa{
	background: url(https://haskapp.co.jp/common/images/mori_head_pro_kimifuwa.jpg);
	background-size: cover;
}

.bghdcookie{
	background: url(https://haskapp.co.jp/common/images/mori_head_pro_cookies.jpg);
	background-size: cover;
	background-position: right;
}


/*------------------------------
           PRODUCTS
------------------------------*/
.prohead{
	width: 100%;
	float: left;
	height: 320px;
}

.prdfilebx{
	width: 100%;
	margin: auto;
}

.prdfilebx dl{
	width: 100%;
	float: left;
	background: rgba(255,255,255,0.7);
	color: #000000;
	text-align: center;
}

.prdfilebx dt{
	width: 100%;
	float: left;
	font-size: 24px;
	padding: 40px 0 20px 0; 
	background: url(https://haskapp.co.jp/common/images/mori_parts_liner_02.png);
	background-repeat: repeat-x;	
}

.prdfilebx dd{
	border-top: 2px dotted #6a3906;	
	width: 90%;
	margin: 0 5% 25px 5%;
	float: left;
	font-size: 14px;
	line-height: 30px;
	padding: 20px 0 0 0;
}

.prdfilebx ul{
	width: 86%;
	float: left;
	background: rgba(127,79,33,1);
	padding: 25px 7%;;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 32px;
	text-align: justify;
}

.up610{
	width: 100%;
	float: left;
}

.prodebx{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_newsp.gif);
	background-position: center;	
}

.proinner{
	width: 100%;
	float: left;
	padding: 0 0 60px 0;
	background: url(https://haskapp.co.jp/common/images/mori_bg_pattern_01.png);
	background-position: center;
}


.proinnersl{
	width: 100%;
	float: left;
	height: 15px;
	background: url(https://haskapp.co.jp/common/images/mori_parts_slash_br_sp.png);
	background-repeat: repeat-x;
}

.prbx{
	width: 100%;
	float: left;	
	background: #fffdeb;
}

.cattitle{
	width: 40%;
	float: left;
	padding: 0 30% 15px 30%;
}

.cattitle dl{
	width: 100%;
	float: left;
}

.cattitle dt{
	width: 50%;
	margin:  0 25%;
	float: left;
	border-left: 2px solid #7f4f21;
	border-right: 2px solid #7f4f21;
	box-sizing: border-box;
	height: 30px;
}

.cattitle dd{
	width: 100%;
	border: 2px solid #7f4f21;
	line-height: 40px;
	box-sizing: border-box;
	background: #FFFFFF;
	text-align: center;
	font-size: 20px;
	padding: 0 0 3px 0;
	letter-spacing: 0.1em;
	float: left;
}

.prdetail{
	width: 90%;
	float: left;
	margin: 0 5%;
}

.pdhalf{
	width: 100%;
	float: left;
}

.pdhalf li{
	width: 100%;
	float: left;
}

.pdhalf li img{
	width: 80%;
	float: left;
	padding: 30px 10%;
}

.pddscri{
	width: 80%;
	text-align: center;
	float: left;
	font-size: 14px;
	line-height: 28px;
	margin: 20px 10% 30px 10%;
	text-align: justify;
}

.innerp{
	width: 90%;
	margin: 0 5%;
}

.titlea{
	width: 40%;
	margin: 40px 30% 30px 30%;
	text-align: center;
	float: left;
}

.titlea dt{
	width: 80%;
	margin: 0 10% 15px 10%;
	text-align: center;
	float: left;
}

.titlea img{
	width: 100%;
	float: left;
}

.titlea dd{
	width: 100%;
	font-size: 14px;
	line-height: 14px;
	float: left;
	padding: 10px 0 20px 0;
}

.liner{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_parts_liner_01.gif);
	height: 12px;
	background-repeat: repeat-x;
}

.varibx{
	width: 90%;
	margin: 0 5%;
	float: left;
}

.varibx ul{
	width: 44%;
	float: left;
	margin: 0 3% 50px 3%;
}

li.variimg img{
	width: 100%;
	float: left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}

li.variname{
	width: 100%;
	font-size: 18px;
	height: 100px;
	float: left;
	line-height: 34px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	border-bottom: 2px solid #b6891e;
}

li.varidesc{
	width: 98%;
	font-size: 14px;
	float: left;
	line-height: 28px;
	border-top: 2px solid #b6891e;
	margin: 2px 0 0 0;
	padding: 14px 1% 0 1%;
	text-align: justify;
	text-justify: inter-ideograph;
	height: 80px;
}


.linkbar{
	width: 90%;
	padding: 40px 5%;
	float: left;	
}

.linkbar li{
	width: 31.3333%;
	text-align: center;
	float: left;
	border: 3px solid #eab957;
	background: #fff080;
	height: 50px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 1% 20px 1%;
	box-sizing: border-box;
}

.linkbar a{
	color: #7f4f21;
}

.proguidea{
	width: 80%;
	float: left;
	margin: 20px 10% 0 10%;
}

.proguidea dl{
	width: 90%;
	float: left;
	background: #FFFFFF;
	padding: 25px 5%;
	margin: 0 0 30px 0;
}

.proguidea dt{
	text-align: left;
	width: 98%;
	float: left;
	background: #FFFFFF;
	font-size: 20px;
	line-height: 20px;
	padding: 0 1% 20px 1%;
	margin: 0 0 15px 0;
	border-bottom: 1px dashed #7f4f21;
}

.proguidea dd{
	width: 98%;
	margin: 0 1%;
	float: left;
	background: #FFFFFF;
	font-size: 13px;
	line-height: 25px;
	letter-spacing: -0.05em;
	text-align: justify;
	text-justify: inter-ideograph;	
}

.tpsp50{
	margin: 20px 0;
}

.proguideb{
	width: 70%;
	float: left;
	margin: 30px 15% 0 15%;
}

.proguideb dt{
	width: 100%;
	text-align: center;
	font-size: 24px;
	line-height: 24px;
	float: left;
}

.proguideb dt img{
	padding: 0;
	width: 100%;
}

.proguideb dd{
	width: 100%;	
	font-size: 14px;
	line-height: 26px;
	float: left;
}

.proguideb dd span.namea{
	padding: 25px 0;
	width: 100%;	
	text-align: center;
	font-size: 20px;
	line-height: 20px;
	float: left;
}

/*------------------------------
       FRUITS JELLY
------------------------------*/
.prdfilebxj{
	width: 100%;
	float: left;
}

.prdfilebxj dl{
	width: 100%;
	float: left;
	background: rgba(255,255,255,0.7);
	color: #000000;
}

.prdfilebxj dt{
	width: 100%;
	float: left;
	font-size: 48px;
}

.prdfilebxj dd{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 34px;
}

.prdfilebxjl ul.projelly{
	width: 86%;
	float: left;
	background: #8dc11f;
	padding: 20px 7%;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 28px;
	text-align: justify;
}

.catentxx{
	width: 100%;
	float: left;
    font-family: 'Notera';
	text-align: center;
	font-size: 60px;
	line-height: 60px;
	padding: 30px 0 0 0;
}

.cathdext{
	width: 100%;
	float: left;
}

.cathdext img{
	width: 100%;
	float: left;
}

.jellylink{
	width: 100%;
	float: left;
	margin: 30px 0 10PX 0;
}

.jellylink a{
	width: 47%;
	height: 50px;
	float: left;
	background: #fdecca;
	font-size: 20px;
	line-height: 45px;
	margin: 10px 1.5%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #6a3906;
}


.bgjellys{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_jly_mvbg.jpg);
	background-size: cover;
	background-position: center;
}

.bgjellys dl{
	width: 100%;
	margin: auto;
}

.bgjellys dt{
	width: 40%;
	float: left;
	padding: 40px 30% 50px 30%;	
}

.bgjellys dt img{
	width: 100%;
	float: left;
}

.bgjellys dd{
	width: 40px;
	margin: auto;
}

.bgjellys dd a{
	width: 100%;
	height: 40px;
	line-height: 38px;
	font-size: 20px;
	float: left;
	background: #FFFFFF;
	text-align: center;
	margin: -75px 0 50px 0;
	color: #8dc11f;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;	
}

.catiextra{
	width: 100%;
	float: left;
}

.catiextra dl{
	width: 40%;
	float: left;
	padding: 0 30% 30px 30%;
}

.catiextra dt{
	width: 30%;
	margin: -25px 35% 0 35%;
	height: 20px;
	border-left: 2px solid #b08047;
	border-right: 2px solid #b08047;
	box-sizing: border-box;
	float: left;
}

.catiextra dd{
	width: 80%;
	margin: -5px 10% 0 10%;
	text-align: center;
	border: 2px solid #b08047;
	font-size: 20px;
	letter-spacing: 0.35em;
	line-height: 20px;
	float: left;
	padding: 15px 0;
}

span.smltxtbd{
	width: 90%;
	border-top: 1px dashed #b08047;
	font-size: 14px;
	line-height: 14px;
	float: left;
	margin: 13px 5% 0 5%;
	padding: 13px 0 0 0;
	letter-spacing: 0.1em;
}

.jellyftlsp{
	width: 90%;
	margin: 15px 5% 0 5%;
	float: left;
}

.jellyftlsp li{
	width: 100%;
	float: left;
}


.jellyftlsp li img{
	width: 100%;
	float: left;
	text-align: right;
	font-size: 16px;
	letter-spacing: 0.1em;
}

.jellyftl{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_jly_sora.jpg);
	background-size: cover;
	background-position: center;
}

.jellyftl li{
	width: 96%;
	margin: 680px 4% 0 0;
	float: left;
	text-align: right;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 0 0 20px 0;
}

.jellyftlsp{
	display: none;
}


.bgslyyl{
	background: url(https://haskapp.co.jp/common/images/mori_bg_sla_yyj.gif);
}

.jellyftr{
	width: 90%;
	float: left;
	margin: 25px 5%;
	height: 676px;	
}

li.jlfta{
	width: 90%;
	margin: 0 5%;
	float: left;
	font-size: 18px;
	line-height: 26px;
	text-align: center;
	letter-spacing: 0.1em;
}

span.imgname{
	width: 100%;
	float: left;
	height: 40px;
	margin: -40px 0 0 0;
	line-height: 40px;
	font-size: 14px;
	color: #FFFFFF;
	background: rgba(127,79,33,0.65);
	text-align: center;
	letter-spacing: 0.1em;
}

span.doubleine{
	width: 20%;
	border-top: 2px solid #7f4f21;
	border-bottom: 2px solid #7f4f21;
	height: 6px;
	float: left;
	margin: 10px 0;
}

span.cntxt{
	width: 60%;
	float: left;
}

li.jlftb{
	width: 80%;
	float: left;
	margin: 40px 10% 20px 10%;
}

li.jlftb img{
	width: 100%;
	float: left;
}

li.jlftc{
	width: 90%;
	font-size: 13px;
	line-height: 27px;
	float: left;
	margin: 0 5% 40px 5%;
	text-align: justify;
}


li.jlftd{
	width: 90%;
	float: left;
	margin: 0 5%;
}

li.jlftd a{
	width: 100%;
	float: left;
	color: #FFFFFF;
	background: #f7b52d;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 14px;
	line-height: 50px;
}


/*------------------------------
       TOP CONTENTS
------------------------------*/
.mainslide{
	width: 100%;
	float: left;
}


.mainslide img{
	float: left;
	height: 300px;
}


.tpslider{
	width: 100%;
	overflow: hidden;
	float: left;
}

.tpslider img{
	width: 100%;
	float: left;
}

.slide img{
	width: 100%;
}


.sectitle{
	width: 100%;
	margin: auto;
	padding: 50px 0 0 0;
}

.sectitle dl{
	width: 50%;
	margin: 0 25%;
	float: left;
}

.sectitle dt {
	width: 45%;
	float: left;
	margin: 0 27.5%;
}

.sectitle dt img{
	width: 100%;
	float: left;
}

.sectitle dd{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 15px;
	line-height: 15px;
	color: #7f4f21;
	padding: 15px 0;
	letter-spacing: 0.1em;
	font-weight: 600;
}

.topicsslide{
	width: 94%;
	margin: auto;
	padding: 10px 0 30px 0;
}

.tptppost{
	width: 100%;
	float: left;
	border: 2px solid #9dc43a;
	background: #FFFFFF;
	padding: 10px;
	margin: 8px;
	box-sizing: border-box;
}

.tptppost li a{
	color: #7f4f21;
	font-weight: 600;
}

.tptppost li a:hover{
	color: #eab957;
	outline: 0;
}

.tptppost:focus{
	outline: 0;
}

li.tptthum{
	width: 100%;
	padding: 0 0 12px 0;
	float: left;
	height: 160px;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
        margin: 0 0 8px 0;	
}


li.tptthum img{
	width: 100%;
}


li.tptthum a:hover img{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

li.tpttitle{
	width: 100%;
	font-size: 13px;
	line-height: 21px;
	text-align: left;
	float: left;
	padding: 0 0 10px 0;
	margin: 0 0 0 0;	
	height: 60px;
	letter-spacing: -0.05em;
}

li.tpttitle span.verti{
	width: 100%;
	height: 60px;
}

li.tptcomm{
	display: none;
}


.half{
	width: 50%;
	float: left;
}

.tptowa, .tpsozai{
	width: 100%;
	float: left;
	color: #FFFFFF;
}

.tptowa{
	background: url(https://haskapp.co.jp/common/images/mori_bg_mori_towa.jpg);
	background-size: cover;
	background-position: center;
}

.tpsozai{
	background: url(https://haskapp.co.jp/common/images/mori_bg_mori_sozai.jpg);
	background-size: cover;
	background-position: center;	
}

.tptowa ul, .tpsozai ul{
	width: 75%;
	margin: auto;
	padding: 50px 0 0 0;
}

.tptowa li, .tpsozai li{
	width: 90%;
	float: left;
}


li.tptwb a, li.tptsb a{
	color: #FFFFFF;
}

li.tptwb a:hover, li.tptsb a:hover{
	color: #f7b52d;
}


li.tptwa, li.tptwc{
	width: 100%;
	float: left;
}

li.tptwa img, li.tptwc img{
	width: 100%;
	float: left;
}

li.tptwb{
	width: 100%;
	float: left;
	padding: 10px 10% 25px 10%;
	text-align: center;
	font-size: 20px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_gold.png);
	border-right: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	box-sizing: border-box;
}


span.tptws{
	border-top: 2px dotted #FFFFFF;
	padding: 15px 0 0 0;
	margin: 15px 0 0 0;
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 25px;
	text-align: left;
	text-align:justify;
}

.tplinktri{
	width: 10%;
	float: left;
	margin: 0 45%;
	padding: 0 0 35px 0;
}

.tplinktri img{
	width: 100%;
	float: left;
}

li.tptsa, li.tptsc{
	width: 100%;
	float: left;
}

li.tptsa img, li.tptsc img{
	width: 100%;
	float: left;
}

li.tptsb{
	width: 100%;
	float: left;
	padding: 10px 10% 25px 10%;
	text-align: center;
	font-size: 20px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_blue.png);
	border-right: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	box-sizing: border-box;
}


.topcatlist{
	width: 100%;
	float: left;
}

.tpcathum{
	width: 100%;
	float: left;
}

.tpcathum dl{
	width: 29.33333%;
	float: left;
	margin: 15px 2%;
}

.tpcathum dt{
	width: 100%;
	float: left;
}

.tpcathum dt img{
	width: 100%;
	float: left;
}

.tpcathum dd{
	width: 100%;
	float: left;
	background: #b6891e;
	background-size: cover;
	text-align: center;
	line-height: 22px;
	margin: 6px 0 0 0;
	padding: 3px 0;
	border: 1px solid #b6891e;
	box-sizing: border-box;
	font-size: 13px;
}

.tpcathum dd a{
	color: #FFFFFF;
}

.tpcathum dd a:hover{
	color: #eab957;
}

span.catap{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 10px;
}

.linkbartp{
	width: 100%;
	float: left;
	padding: 30px 0 40px 0;
}

.linkbartp ul{
	width: 100%;
	margin: auto;
}

.linkbartp li{
	width: 44%;
	margin: 10px 3%;
	float: left;
}

.linkbartp li a{
	width: 100%;
	border: 3px solid #eab957;
	background: #fff080;
	height: 54px;
	line-height: 48px;
	font-size: 16px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	letter-spacing: 0.1em;
	float: left;
    color: #7f4f21;
	font-weight: 600;
	box-sizing: border-box;
}

.linkbartp li a:hover{
	width: 100%;
	border: 3px solid #eab957;
	background: #FFFFFF;
	height: 64px;
	line-height: 64px;
	font-size: 16px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	letter-spacing: 0.1em;
	float: left;
    color: #7f4f21;
	font-weight: 600;
	box-sizing: border-box;	
}


.tpinfobx{
	width: 100%;
	margin: auto;
}

.tpinfobx dl{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_np_bk.gif);	
}

.tpinfobxinn{
	width: 90%;
	float: left;
	margin: 0 5% 30px 5%;
}

.tpinfobxinn ul{
	width: 100%;
	float: left;
}

.tpinfobxinn ul.libottom{
	width: 96%;
	border-bottom: 2px dotted #7f4f21;
	padding: 15px 2%;
	float: left;
}

.tpinfobxinn ul.libottom a{
    color: #7f4f21;
}


.tpinfobxinn li{
	float: left;
}

.sectitleinfo{
	width: 30%;
	float: left;
	padding: 30px 35% 30px 35%;
	border-bottom: 2px dotted #7f4f21;	
}

.sectitleinfo ul{
	width: 100%;
	float: left;
}

.sectitleinfo li{
	width: 100%;
	float: left;
}

.sectitleinfo li img{
	width: 100%;
	float: left;
}


li.tpinfod{
	font-size: 15px;
	width: 12%;
	height: 25px;
	line-height: 25px;
	text-align: left;
	float: left;
}

li.tpinfotag{
	width: 16%;
	text-align: center;
	margin: 0 2%;
	float: left;
	height: 30px;	
}

span.tagi{
	width: 100%;
	padding: 0 10px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #7f4f21;
	float: left;
	font-size: 12px;
	letter-spacing: 0.1em;
	box-sizing: border-box;
}

li.tpinfoti{
	width: 60%;
	text-align: left;
	font-size: 13px;
	line-height: 21px;
}

li.tpinfoti a{
	color: #7f4f21;
}


li.tpinfoti a:hover{
	color: #eab957;
}

span.taclgr{
	color: #8fc31f;
}

span.taclor{
	color: #f39800;
}

span.taclbl{
	color: #54c3f1;
}

.bgbredcon{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_bread_wood.gif);
	background-position: center;
}

.inner12{
	width: 100%;
	float: left;
}

.inner13{
	width: 100%;
	margin: auto;
}

.tphspc{
	width: 100%;
	float: left;
	margin: -80px 0 0 0;
}

.tphspc ul{
	width: 100%;
	margin: auto;
}

.tphspc img{
	height: 80px;
	float: right;
	position: relative;
	z-index: 50;
}

.slick-dots{
    position: absolute;
    bottom: 12px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li{
    position: relative;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 10px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 8px;
    height: 8px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: #FFFFFF;
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;	
}

.slick-dots li button:hover,
.slick-dots li button:focus{
    outline: none;
    color: #FFFFFF;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
    opacity: 0.5;
	background: #f7b52d;	
}

.slick-dots li button:before{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    content: '';
    text-align: center;
    opacity: 0;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background: #f7b52d;
	color: #f7b52d;
    border-radius: 4px; 
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;	
}

.slick-dots li.slick-active button:before{
    opacity: 1;
    color: #FFFFFF;
}


/*-------------------------
      HASKAPP JWELLY
--------------------------*/
.prohdexr{
	width: 90%;
	float: left;
	margin: 20px 5% 0 5%;
}

.prohdexr img{
	width: 100%;
	float: left;
	margin: 10px 0 0 0;
}

.prdfilebxj ul.prohask{
	width: 86%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_hskpur.gif);
	padding: 20px 7%;
	color: #FFFFFF;
	font-size: 13px;
	line-height: 30px;
	text-align: justify;
}

.prohdexr ul img{
	width: 100%;
}

li.prohaskbn{
	width: 50%;
	margin: 20px 25%;
	float: left;
}

li.prohaskbn img{ 
	width: 100%;
	float: left;
}


.cathdext{
	display: none;
}


.prdfilebxj, .prdfilebxjl{
	width: 100%;
	margin: auto;
}

.prdfilebxj dl, .prdfilebxjl dl{
	width: 100%;
	float: left;
	background: rgba(255,255,255,0.7);
	color: #000000;
	text-align: center;
}

.prdfilebxj dt{
	width: 100%;
	float: left;
	font-size: 24px;
	padding: 40px 0 20px 0; 
	background: url(https://haskapp.co.jp/common/images/mori_liner_wpour.png);
	background-repeat: repeat-x;	
}

.prdfilebxjl dt{
	width: 100%;
	float: left;
	font-size: 24px;
	padding: 40px 0 20px 0; 
	background: url(https://haskapp.co.jp/common/images/mori_liner_wgreen.png);
	background-repeat: repeat-x;	
}

.prdfilebxj dd, .prdfilebxjl dd{
	border-top: 2px dotted #493277;	
	width: 90%;
	margin: 0 5% 25px 5%;
	float: left;
	font-size: 14px;
	line-height: 30px;
	padding: 20px 0 0 0;
}


.linerpur{
	width: 100%;
	float: left;
	height: 15px;
	background: url(https://haskapp.co.jp/common/images/mori_parts_slash_pa.png);
	background-repeat: repeat-x;
	margin: 40px 0 0 0;
}

.bgcross{
	background: url(https://haskapp.co.jp/common/images/mori_bg_pattern_03.gif);
}

.prohskbx{
	width: 100%;
	float: left;
	padding: 0 0 80px 0;
}

.prohskbxl{
	width: 100%;
	float: left;
}

li.phska{
	width: 20%;
	box-sizing: border-box;
	border-right: 3px solid #493277;
	border-left: 3px solid #493277;	
	float: left;
	height: 30px;
	margin: 0 40%;
}

li.phskb{
	width: 40%;
	border: 3px solid #493277;
	float: left;
	height: 50px;
	line-height: 45px;
	font-size: 24px;
	text-align: center;
	background: #FFFFFF;
	color: #c81528;
	margin: 0 30% 30px 30%;	
}


li.phskc{
	width: 70%;
	margin: 0 15% 40px 15%;
	float: left;
}

li.phskc img{
	width: 100%;
	float: left;
}

.prohskbxr{
	width: 90%;
	float: left;
	margin: -30px 5% 0 5%;
	border: 3px solid #493277;
	background: #FFFFFF;
	box-sizing: border-box;
	position: relative;
	z-index: 200;
}

.prohskbxr dl{
	width: 90%;
	float: left;
	border-bottom: 3px dotted #493277;
	padding: 20px 5%;
	margin: 0 0;
}

.prohskbxr dt{
	width: 100%;
	float: left;
	font-size: 20px;
	line-height: 20px;
	padding: 0 0 15px 0;
}

.prohskbxr dd{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 24px;
	text-align: justify;
}

dl.hsklast{
	border: none;
}

.hskribbonsp{
	width: 30px;
	float: right;
	margin: 0 10% 0 0;
	position: relative;
	z-index: 210;
}

.hskribbonsp img{
	width: 100%;
	float: left;
}

.hskribbon{
	display: none;
}

span.reddtxt{
	color: #c81528;
	margin: 0 8px 0 0;
}

.linerhspp{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_liner_wpour.png);
	height: 12px;
	background-repeat: repeat-x;
}

.bgclpur{
	background: #edeaf1;
}


.varibxhsk{
	width: 94%;
	margin: 0 3%;
	float: left;
}

.varibxhsk ul{
	width: 46%;
	box-sizing: border-box;
	border: 2px solid #493277;
	float: left;
	background: #FFFFFF;
	margin: 13px 2%;
	padding: 20px 3%;
	text-align: center;
}

li.varinamek{
	width: 90%;
	padding: 0 5%;
	font-size: 18px;
	height: 100px;
	float: left;
	line-height: 34px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	border-bottom: 2px dotted #493277;
}

li.varidesk{
	width: 94%;
	font-size: 14px;
	float: left;
	line-height: 24px;
	margin: 2px 0 0 0;
	padding: 14px 3% 0 3%;
	text-align: justify;
	text-justify: inter-ideograph;
	color: #000000;
	height: 180px;
}

.innersecond{
	width: 100%;
	float: left;
}

.innersecondck{
	width: 100%;
	float: left;
	margin: -90px 0 0 0;
}

.cathdpoint{
	width: 90%;
	float: left;
	margin: -70px 5% 0 5%;
}

.cathdpoint ul{
	width: 31.33333%;
	float: left;
	margin: 20px 1% 0 1%;
	text-align: center;
}

.cathdpoint li img{
	width: 100%;
	float: left;
}

li.catpoia{
	width: 80%;
	float: left;
	font-size: 22px;
	line-height: 40px;
	color: #b78a1e;
	padding: 10px 10% 0 10%;
}

li.catpoib{
	width: 90%;
	float: left;
	font-size: 16px;
	line-height: 32px;
	color: #b78a1e;
	margin: 14px 5% 5px 5%;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #b78a1e;
}

li.catpoic{
	width: 90%;
	float: left;
	text-align: justify;
	font-size: 13px;
	line-height: 26px;
	margin: 6px 5% 0 5%;
	letter-spacing: -0.05em;
}


.bgnewswall{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_newsp.gif);
}


/*-------------------------
          CONTACT
--------------------------*/
.catiextrac{
	width: 50%;
	margin: 0 25%;
	float: left;
}

.catiextrac dl{
	width: 100%;
	float: left;
	padding: 0 0 40px 0;
}

.catiextrac dt{
	width: 40%;
	margin: 0 30% 0 30%;
	height: 30px;
	box-sizing: border-box;
	border-left: 2px solid #b08047;
	border-right: 2px solid #b08047;
}

.catiextrac dd{
	width: 70%;
	margin: 0 15%;
	text-align: center;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 0.35em;
	float: left;
	border: 2px solid #b08047;
	background: #FFFFFF;
	padding: 10px 0;
}

.contformbx{
	width: 100%;
	float: left;
	color: #000000;
}

.contclm{
	width: 90%;
	float: left;
	margin: 0 5%;
}

.contclm dl{
	width: 100%;
	float: left;
	margin: 0 0 25px 0;
}

.contclm dt{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 16px;
	margin: 0 0 10px 0;
}

.contclm dd{
	width: 90%;
	float: left;
	font-size: 14px;
	line-height: 34px;
	margin: 0 0 10px 0;
	padding: 8px 5%;
	background: #FFFFFF;
}

.contclm dd input{
	width: 100%;
	font-size: 14px;
	background: #FFFFFF;
	border: none;
}

span.contlist{
	width: 100%;
	float: left;
}


dd.conradi{
	width: 90%;
	float: left;
	padding: 10px 5% 10px 5%;
}

dd.conradi label{
	width: 100%;
	float: left;
}

dd.conradi input{
	width: 20px;
	float: left;
	margin: 10px 0 0 0;
}

.bgwhite{
	background: #FFFFFF;
}

.contclm textarea{
	width: 100%;
	float: left;
	height: 120px;
	border: none;
	margin: 0;
}

dl.contft dt{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	margin: -15px 0 20px 0;
	float: left;
	text-align: justify;
}

dl.contft dd{
	background: none;
}

dl.contft input{
	width: 50%;
	height: 60px;
	font-size: 14px;
	line-height: 60px;
	margin: 0 25% 10px 25%;
	float: left;
	background: #f7b52d;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

.contover{
	width: 100%;
	float: left;
	padding: 30px 0 0 0;
}

.contover dl{
	width: 46%;
	margin: 0 2%;
	float: left;
}

.contover dt{
	width: 90%;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	padding: 0 5%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_con_sub.gif);
	margin: 0 0 10px 0; 
}

.contover dd{
	width: 96%;
	height: 300px;
	line-height: 28px;
	font-size: 14px;
	padding: 0 2%;
	float: left;
	margin: 0 0 40px 0;
	overflow: scroll;
	text-align: justify;
}



/*-------------------------
        THANK YOU
--------------------------*/
.thxbx{
	width: 100%;
	margin: auto;
}

.thxinner{
	width: 100%;
	padding: 60px 0;
	float: left;
}

.thxhead, .thxft{
	width: 70%;
	margin: 0 15%;
	float: left;
}

.thxhead dl{
	width: 80%;
	margin: 0 10%;
	float: left;
}

.thxhead dt{
	width: 40%;
	margin: 0 30%;
	float: left;
}

.thxhead dt img, .thxhead dd img{
	width: 100%;
	float: left;
}

.thxhead dd{
	width: 60%;
	margin: 10px 20%;
	float: left;
}

.thxcom{
	width: 70%;
	float: left;
	text-align: center;
	margin: 25px 15%;	
}

.thxcom ul{
	width: 100%;
	float: left;
	padding: 12px 0;
	background: rgba(255,255,255,0.5);
}

.thxcom li{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 38px;
	padding: 8px 0;
}

.slgld{
	width: 100%;
	float: left;
	height: 5px;
	background: url(https://haskapp.co.jp/common/images/mori_ptn_slash_brown.png);
}

li.thxa{
	width: 80%;
	margin: 0 10%;
	float: left;
	font-size: 15px;
	line-height: 31px;
	text-align: center;
}

li.thxb{
	width: 40%;
	margin: 40px 30% 15px 30%;
	float: left;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
}

li.thxb img{
	width: 100%;
}

li.thxc{
	width: 240px;
	margin: auto;
}

li.thxc a{
	width: 240px;
	height: 40px;
	color: #7f4f21;
	font-weight: 600;
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 40px;
	text-align: center;
	background: url(https://haskapp.co.jp/common/images/mori_bg_btm_contct.png);
	background-size: cover;
}

li.thxc a:hover{
	color: #FFFFFF;
}



/*-------------------------
       CAT : Dessert
--------------------------*/
.bgdesse{
	background: url(https://haskapp.co.jp/common/images/mori_head_dessert.jpg);
	background-size: cover;
}

.bgwagashi{
	background: url(https://haskapp.co.jp/common/images/mori_head_wagashi.jpg);
	background-size: cover;
	background-position: center;
}

.bgcollabo{
	background: url(https://haskapp.co.jp/common/images/mori_head_pro_hjelly.jpg);
	background-size: cover;
}


.bggift{
	background: url(https://haskapp.co.jp/common/images/mori_head_gift.jpg);
	background-size: cover;
}

.bgstore{
	height: 280px;
	background: url(https://haskapp.co.jp/common/images/mori_head_store.jpg);
	background-size: cover;
	background-position: center;
}

.bgabout{
	background: url(https://haskapp.co.jp/common/images/mori_head_about.jpg);
	background-size: cover;
}

.newswall{
	background: url(https://haskapp.co.jp/common/images/mori_bg_newsp.gif);
}

.bgbred{
	background: url(https://haskapp.co.jp/common/images/mori_head_bread.jpg);
	background-size: cover;
}

.bgcake{
	background: url(https://haskapp.co.jp/common/images/mori_head_cake.jpg);
	background-size: cover;
}

.catifl{
	width: 260px;
	margin: auto;
}

.catifltp{
	width: 100%;
	float: left;
	margin: 50px 0 0 0;
}

.catifltp img{
	width: 100%;
	float: left;
}

.catiflcn{
	width: 100%;
	float: left;
	color: #FFFFFF;
	background: rgba(106,57,6,0.6);
	border-right: 2px solid #FFFFFF;
	border-left: 2px solid #FFFFFF;
	box-sizing: border-box;
	padding: 0 4px;
}

.catiflcn dl{
	width: 100%;
	float: left;
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	box-sizing: border-box;
	padding: 0 10px;
}

.catiflcn dt{
	width: 70%;
	float: left;
	border-bottom: 2px solid #FFFFFF;
	padding: 20px 10%;
	margin: 0 5%;
}

.catiflcn dt img{
	width: 100%;
	float: left;
}

.catiflcn dd{
	width: 90%;
	float: left;
	font-size: 15px;
	line-height: 31px;
	padding: 15px 5% 20px 5%;
	text-align: justify;
	text-align: center;
}

.cattirbt{
	width: 100%;
	float: left;
	margin: 0 0 65px 0;
}

.cattirbt img{
	width: 100%;
	float: left;
}

.catifltpc{
	width: 100%;
	float: left;
	margin: 50px 0 0 0;
}

.cattirbtc{
	width: 100%;
	float: left;
	margin: 0 0 120px 0;
}


.catifltpc img, .cattirbtc img{
	width: 100%;
	float: left;
}


.catiflcnc{
	width: 100%;
	float: left;
	color: #d9ad58;
	background: rgba(255,255,255,0.9);
	border-right: 2px solid #b6891e;
	border-left: 2px solid #b6891e;
	box-sizing: border-box;
	padding: 0 4px;
}

.catiflcnc dl{
	width: 100%;
	float: left;
	color: #d9ad58;
	border-right: 1px solid #b6891e;
	border-left: 1px solid #b6891e;
	box-sizing: border-box;
	padding: 0 10px;
}

.catiflcnc dt{
	width: 60%;
	float: left;
	border-bottom: 2px solid #d9ad58;
	padding: 10px 15% 25px 15%;
	margin: 0 5%;
}

.catiflcnc dt img{
	width: 100%;
	float: left;
}

.catiflcnc dd{
	width: 90%;
	float: left;
	font-size: 15px;
	line-height: 31px;
	padding: 12px 5% 20px 5%;
	text-align: justify;
}


.yellobtm{
	width: 50%;
	padding: 14px 0;
	margin: 40px 25%;	
	float: left;
	border: 3px solid #eab957;
	background: #fff080;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	letter-spacing: 0.2em;
}

.yellobtm li{
	width: 100%;
	text-align: center;
	float: left;
}

.yellobtm li.ftbarcen{
	width: 100%;
	text-align: center;
	float: left;
	border-right: 3px solid #eab957;
	border-left: 3px solid #eab957;
	box-sizing: border-box;
}

.yellobtm li{
	width: 100%;
	text-align: center;
	float: left;
}

.yellobtm a{
	color: #7f4f21;
}

.bgcatyl{
	background: url(https://haskapp.co.jp/common/images/mori_over_bg.gif);
}

.prothumbx{
	width: 27.33333%;
	margin: 10px 3% 50px 3%;
	float: left;
	height: 320px;
}

li.ptotimg{
	width: 100%;
	margin: 0 0;
	float: left;
}

.prothumbx li.ptotimg img{
	width: 100%;
	float: left;
	border: 3px solid #d9ad58;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
	box-sizing: border-box;
}


li.protname{
	width: 100%;
	font-size: 14px;
	line-height: 30px;
	margin: 10px 0;
	float: left;
	text-align: center;
}

li.protname a{
	color: #7f4f21;
}


li.protguide{
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 23px;
	text-align: justify;
}

.spc100{
	width: 100%;
	float: left;
	height: 40px;
}

.spc80{
	width: 100%;
	float: left;
}


.cathhdesc{
	width: 90%;
	float: left;
	text-align: center;
	font-size: 15px;
	line-height: 34px;
	padding: 30px 5%;	
}

.wallnews{
	background: url(https://haskapp.co.jp/common/images/mori_bg_newsp.gif);
}

.list-wrap ul{
	width: 90%;
	margin: 0 5%;
	float: left;
}

.giftcp{
	width: 100%;
	float: left;
	border-bottom: 1px dotted #6a3906;
	margin: 50px 0 10px 0;
	padding: 0 0 20px 0;
}

.gifthumbxx a{
	color: #6a3906;
}

.giftcp dt{
	width: 98%;
	float: left;
	font-size: 20px;
	line-height: 20px;
	padding: 0 0 0 2%;
}

.giftcp dd{
	width: 98%;
	font-size: 11px;
	line-height: 20px;
	margin: 6px 0 0 0;
	padding: 0 0 0 2%;
	float: left;
}

li.giftguide{
	width: 100%;
	float: left;
}

span.dlink, span.blink{
	width: 50%;
	float: left;
}

span.dlink a{
	width: 100%;
	float: left;
	background: #c7ba9a;
	font-size: 13px;
	text-align: center;
	height: 30px;
	line-height: 28px;
	margin: 0 0 6px 0;
}

span.blink a{
	width: 100%;
	float: left;
	background: #7f4f21;
	font-size: 13px;
	text-align: center;
	height: 30px;
	line-height: 28px;
	color: #FFFFFF;
}

.giftname{
	width: 100%;
	float: left;
	height: 90px;
	margin: 14px 0;
	font-size: 14px;
	line-height: 20px;
}

span.price{
	width: 100%;
	float: left;
	margin: 6px 0 0 0;
}

.pagetitle{
	width: 100%;
	float: left;
}

.pagetitle dl{
	width: 80%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_title_info.gif);
	padding: 10px 5%;
	margin: 0 5% 10px 5%;
}

.pagetitle dt{
	font-size: 20px;
	letter-spacing: 0.1em;
	width: 100%;
	float: left;
	line-height: 20px;
	margin: 0 0 8px 0;
}


.pagetitle dd{
	font-size: 13px;
	letter-spacing: 0.1em;
	width: 100%;
	float: left;
	line-height: 17px;
	text-align: left;
}

.singlebx{
	width: 100%;
	float: left;
}

.single64{
	width: 86%;
	float: left;
	margin: 10px 7%;
}

li.singledate{
	width: 100%;
	float: left;
	border-bottom: 1px dashed #7f4f21;
	font-size: 13px;
	line-height: 27px;
	padding: 0 0 5px 0;
	margin: 0 0 8px 0;
}

li.singletitle{
	font-size: 20px;
	line-height: 32px;
	margin: 5px 0 0 0;
}

li.singleonte{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 24px;
}

li.singleonte img{
	width: 100%;
	float: left;
	padding: 30px 0;
}

.sinlink{
	width: 90%;
	float: left;
	border-top: 1px dashed #7f4f21;
	margin: 30px 0 0 0;
	padding: 15px 5% 0 5%;
	text-align: center;
	font-size: 14px;
	color: #FFFFFF;	
}

.sinlink a{
	color: #7f4f21;
}

li.sinprev{
	width: 50%;
	float: left;
	text-align: left;	
}

li.sinnext{
	width: 50%;
	float: left;
	text-align: right;
}


.single28{
	width: 90%;
	margin: 0 5%;
	float: left;
}

.sinadbn{
	display: none;
}

.sinadbn img{
	width: 100%;
	float: left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;		
}

.sinortag{
	width: 100%;
	float: left;
	height: 50px;
	line-height: 45px;
	font-size: 18px;
	letter-spacing: 0.2em;
	margin: 50px 0 20px 0;
	text-align: center;
	background: #f7b52d;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

.sinpick a{ 
	color: #7f4f21;
}

li.infotguide{
	width: 100%;
	float: left;
	margin: 5px 0 0 0;
}

li.infotguide a{
	font-size: 15px;
	line-height: 27px;
	color: #000000;
}

.sinpick dl{
	width: 30.3333%;
	float: left;
	margin: 0 1.5% 10px 1.5%;
}

.sinpick dt{
	width: 100%;
	float: left;		
}

.sinpick dt img{
	width: 100%;
	float: left;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background: #CCCCCC;
}

.sinpick dd {
	width: 100%;
	float: left;
	margin: 8px 0;
	font-size: 13px;
	line-height: 21px;
}


.infolist{
	width: 46%;
	float: left;
	margin: 0 2% 40px 2%;	
}

li.infothum{
	height: 160px;
	overflow: hidden;
}

li.infotdate{
	font-size: 14px;
	line-height: 14px;
	color: #000000;
	background: #f2f2f2;
	padding: 5px;
	float: left;
	margin: 10px 0 0 0;
}

.infolist img{
	width: 100%;
	float: left;
}

.cmlist{
	width: 90%;
	margin: 0 5%;
	float: left;
}

.cmlist ul{
	padding: 20px 0;
	width: 50%;
	float: left;
}

li.cmflame{
	width: 288px;
	margin: auto;
}

li.cmflame iframe{
	width: 100%;
	float: left;
}


.pagelinkfull{
	width: 80%;
	float: left;
	border-top: 1px dashed #7f4f21;
	margin: 50px 7% 0 7%;
	padding: 25px 3% 0 3%;
	text-align: center;
}

.pagelinkfull a{
	color: #7f4f21;
	margin: 0 10px
}

.evelist{
	width: 96%;
	float: left;
	border-top: 1px dashed #7f4f21;
	padding: 15px 2%;
}

li.evelocak{
	width: 15%;
	text-align: center;
	background: #fdecca;
	float: left;
}

li.evedate{
	width: 24%;
	margin: 0 0 0 2.5%;
	float: left;
	font-size: 14px;
}

li.evetitle{
	width: 58.5%;
	font-size: 15px;
	line-height: 15px;
	float: left;
}

li.evetitle a{
	color: #7f4f21;
}

.pagelink{
	width: 94%;
	float: left;
	border-top: 1px dashed #7f4f21;
	margin: 50px 0 0 0;
	padding: 25px 3% 0 3%;
	text-align: center;
}

.pagelink a{
	color: #7f4f21;
	margin: 0 10px
}

.zinelist{
	width: 90%;
	margin: 0 5%;
	float: left;
}

.zinelist ul{
	width: 45%;
	float: left;
	margin: 30px 2.5%;
        height: 210px;
}

li.zinecover{
	width: 25%;
	float: left;
	margin: 42px 5% 0 0;
}

li.zinedata{
	width: 70%;
	float: left;
	margin: 0 0 10px 0;
}

li.zinecover img, li.zinedata img{
	width: 100%;
	float: left;
}

li.cmtitle{
	width: 288px;
	margin: auto;
	font-size: 16px;
	line-height: 36px;
	text-align: left;
}

li.cmmdate{
	width: 288px;
	margin: auto;
	font-size: 14px;
	line-height: 28px;
	text-align: left;
}

li.meddate{
	width: 100%;
	font-size: 14px;
	line-height: 24px;
	float: left;
	margin: 10px 0 40px 0;
}


/*-------------------------
         ABOUT US
--------------------------*/
.aboutsla{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_liner_half.png);
	height: 10px;
}

.abouthd{
	width: 40%;
	float: left;
	padding: 0 0 160px 50%;
}


.abouthd dt{
	width: 40%;
	margin: 0 30%;
	float: left;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	box-sizing: border-box;
	height: 25px;
}

.abouthd dd{
	border: 2px solid #FFFFFF;
	width: 100%;
	box-sizing: border-box;
	font-size: 22px;
	text-align: center;
	line-height: 30px;
	padding: 10px 5% 10px 5%;
	color: #FFFFFF;
	float: left;
	letter-spacing: 0.2em;
}

span.smltxtbda{
	width: 100%;
	border-top: 1px dashed #FFFFFF;
	padding: 10px 0 0 0;
	font-size: 15px;
	line-height: 27px;
	float: left;
	letter-spacing: 0.2em;
    margin: 8px 0 0 0;
}


.abouta{
	width: 70%;
	margin: 0 15%;
	float: left;
	padding: 40px 0;
	text-align: center;
	color: #000000;
}


.abouta dt{
	width: 70%;
	margin: 0 15%;
	float: left;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}


.abouta dd{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 34px;
	margin: 20px 0 0 0;
	letter-spacing: 0.1em;
}

.aboutitle{
	width: 70%;
	float: left;
	margin: 50px 15% 0 15%;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	text-align: center;
	color: #000000;
}

.aboutitlesec{
	width: 80%;
	float: left;
	padding: 0 0 40px 0;
	margin: 40px 10% 0 10%;
}

.aboutitlesec ul{
	width: 100%;
	float: left;
	color: #000000;
}

.aboutitlesec li{
	width: 100%;
	font-size: 14px;
	float: left;
	color: #000000;
	line-height: 32px;
	margin: 0 0 20px 0;
}


.aboutgreel{
	color: #000000;
	width: 80%;
	margin: 0 10%;
	float: left;
	padding: 20px 0 60px 0;
	text-align: justify;
}

.aboutgreer{
	color: #000000;
	width: 70%;
	margin: 0 15%;
	float: left;
	padding: 50px 0 0 0;
}

.aboutgreer dt{
	width: 100%;
	float: left;
}

.aboutgreer dt img{ 
	width: 100%;
	float: left;
}

.aboutgreer dd{
	width: 100%;
	float: left;
	text-align: center;
	line-height: 50px;
	letter-spacing: 0.1em;
	font-size: 14px;
}


li.abtgreea{
	width: 100%;
	text-align: center;
	float: left;
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	letter-spacing: 0.2em;
	padding: 10px 0 0 2%;
}

li.abtgreeb{
	width: 100%;
	text-align: center;
	float: left;
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	letter-spacing: 0.3em;
	padding: 15px 0 20px 0;
	border-bottom: 1px dotted #000000;
	margin: 0 0 14px 0;
}

li.abtgreec{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 32px;
}

span.lergtxt{
	margin: 0 0 0 24px;
	font-size: 20px;
	line-height: 50px;
	letter-spacing: 0.2em;	
}


.aboutus{
	width: 90%;
	margin: 60px 5% 0 5%;
	float: left;
}
  
.aboutus img{
	width: 100%;
	float: left;
}
  
.aboutus dd{
	width: 100%;
	height: 70px;
	background: #FFFFFF;
	font-size: 18px;
	text-align: center;
	float: left;
	color: #000000;
	letter-spacing: 0.6em;
	line-height: 70px;
	border-bottom: 1px solid #000000;
}
  

.abporofile{
	color: #000000;
	width: 90%;
	padding: 5px 5% 85px 5%;
	float: left;
}
 
.abporofile dl{
	width: 100%;
	padding: 18px 0;
	float: left;
	border-bottom: 1px dashed #000000;
	font-size: 14px;
	line-height: 30px;
}

.abporofile dt{
	padding: 8px;
	line-height: 14px;
	float: left;
	color: #000000;
	background: #f2f2f2;
}
 
.abporofile dd{
	width: 100%;
	float: left;
	margin: 8px 0 0 0;
}
 
.sign{
	width: 240px;
	margin: auto;
}

.sign dt{
	width: 120px;
	float: left;
	margin: 0 60px;
	border-right: 2px solid #7f4f21;
	border-left: 2px solid #7f4f21;
	box-sizing: border-box;
	height: 30px;
}

.sign dd{
	width: 240px;
	float: left;
	border: 2px solid #7f4f21;
	box-sizing: border-box;
	height: 50px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
}


.history{
	width: 90%;
	margin: 60px 5%;
	border-top: 1px solid #7f4f21;	
	border-bottom: 1px solid #7f4f21;
	float: left;
	height: 400px;
	overflow: scroll;
	font-size: 14px;
}
      
.history dl{
	width: 100%;
	padding: 10px 0;
	float: left;
}

.history dt{
	width: 180px;
	float: left;
}

.history dd{
	width: 600px;
	float: left;
}


/*-------------------------
      STORE LIST
--------------------------*/
.strebx{
	width: 42%;
	float: left;
	color: #000000;
	margin: 20px 2% 30px 3%;
	padding: 0 0 35px 0;
	border-bottom: 1px dotted #6a3906;
}

.strebx ul{
	width: 100%;
	float: left;
}

.strebx a{
	color: #000000;
}

li.strimg{
	width: 100%;
	float: left;
}

li.strimg img{
	width: 100%;
	float: left;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

li.strname{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 30px;
	margin: 10px 0 0 0;
}

li.strtime{
	width: 90%;
	float: left;
	height: 26px;
	line-height: 26px;
	margin: 14px 0 0 0;
	background: #f7b52d;
}

span.stime{
	width: 30%;
	float: left;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	font-size: 12px;
}

span.sopcl{
	width: 70%;
	float: left;
	text-align: center;
	background: #fdedcd;
	font-size: 14px;	
}

li.stradd{
	width: 100%;
	float: left;
	padding: 8px 0;
	font-size: 12px;
	line-height: 20px;
}

li.strtel{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 14px;
	padding: 0 0 14px 0;
}

li.strtag{
	width: 100%;
	float: left;
}

span.yytag{
	padding: 3px 5px;
	font-size: 12px;
	float: left;
	background: #fdedcd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin: 0 8px 0 0;
}

.strgoogle{
	width: 90%;
	float: left;
	margin: 15px 5% 0 5%;
}

.strgoogle a{
	width: 100%;
	height: 35px;
	line-height: 30px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_btm_google.gif);
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;		
}

.strgoogle a:hover{
	color: #FFFFFF;
}

p.smatxt{
	display: inline;
	font-size: 12px;
	margin: 0 0 0 8px;
}



/*-------------------------
           BREAD
--------------------------*/
.pcimg{
	display: none;
}

.breadinner{
	width: 100%;
	float: left;
}

.brebx{
	width: 100%;
	float: left;
}

.bre535{
	width: 50%;
	float: left;
}

.bre485, .bre435{
	width: 46%;
	margin: 0 0 0 4%;
	float: left;
}

.bre485 ul, .bre435 ul, .bre535 ul{
	width: 100%;
	float: left;
}

.brdw{
	width: 50%;
	float: left;
	margin: 0 0 0 0;
}

.brdw img{
	width: 100%;
	float: left;
}

.brdww{
	width: 48%;
	float: left;
	margin: 0 0 0 2%;
}

.brdww ul{
	width: 100%;
	float: left;
}

.brdwwln{
	width: 100%;
	float: left;
	margin: 115px 0 0 0;
}

.brds img{
	width: 100%;
	float: left;
}

.brdss{
	width: 48%;
	margin: 0 0 0 2%;
	float: left;
}

.bre535 img{
	width: 100%;
	float: left;
}

li.brtitle{
	width: 100%;
	margin: 20px 0 10px 0;
	float: left;
}

li.brtitle img{
	width: 100%;
	float: left;
}

.brda{
	width: 100%;
	float: left;
}

.brdb{
	width: 100%;
	float: left;
	margin: 0 0 0 0;
}

.brdln{
	float: left;
	width: 48%;
	margin: 0 0 0 2%;
}

li.brdc{
	width: 100%;
	float: left;
	margin: 100px 0 0 0;
}

li.breguide{
	width: 100%;
	float: left;
	line-height: 25px;
	font-size: 13px;
}

li.brtitle img{
	width: 100%;
	float: left;
}

li.brejname{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	font-size: 14px;
	line-height: 35px;
	text-align: center;
	border-bottom: 1px dashed #6a3906;
	float: left;
}

.brbeg{
	width: 48%;
	margin: 0 0 0 2%;
}

.brbegi img{
	width: 100%;
	float: left;
	font-size: 20px;
	line-height: 40px;	
}

.bredspi{
	width: 50%;
	float: left;
}

.bredspi img{
	width: 100%;
}

.bgbrea{
	width: 86%;
	margin: 0 5%;
	float: left;
	padding: 28px 2% 35px 2%;
	background: rgba(200,159,99,0.30);
	border-bottom: 2px dashed #FFFFFF;
}

.bgbreb{
	width: 86%;
	margin: 0 5%;
	float: left;
	padding: 28px 2% 35px 2%;
	background: rgba(245,210,80,0.28);
	border-bottom: 2px dashed #FFFFFF;
}


/*-------------------------
    CAKE
--------------------------*/
.cathdpointck{
	width: 100%;
	float: left;
}

.ckhda{
	width: 40%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_cake_tpbg.png);
	background-size: cover;
	padding: 45px 5% 45px 5%;
	color: #FFFFFF;
}

li.ckname{
	width: 100%;
	font-size: 18px;
	line-height: 18px;
	border-bottom: 1px dashed #FFFFFF;
	float: left;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	text-align: center;
}

li.ckdesc{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 30px;
	text-align: justify;
}

li.cklink{
	width: 100%;
	margin: 20px 0 0 0;
	float: left;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(https://haskapp.co.jp/common/images/mori_cake_netlinkbg.png);
	background-size: cover;
	font-size: 14px;
}

li.cklink a{
	color: #FFFFFF;
}

.ckhdb{
	width: 42%;
	margin: 115px 4% 0 4%;
	float: left;
}

.ckhdb img{
	width: 100%;
	float: left;
}

.cakebxa{
	width: 100%;
	float: left;
	margin: 0 0 40px 0;
}

.cakeoda{
	width: 100%;
	float: left;
}

.cakeoda dt{
	width: 20%;
	float: left;
	border-right: 2px solid #b08047;
	border-left: 2px solid #b08047;	
	height: 40px;
	margin: 0 40%;
	box-sizing: border-box;
}

.cakeoda dd{
	width: 30%;
	float: left;
	text-align: center;
	font-size: 24px;
	letter-spacing: 0.2em;
	padding: 6px 5% 14px 5%;
	color: #b08047;
	background: #FFFFFF;
	margin: 0 30%;
	border: 2px solid #b6891e;
}

span.smltxtli{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 14px;
	padding: 15px 0 0 0;
	margin: 8px 0 0 0;
	border-top: 1px dashed #b08047;
	letter-spacing: 0.1em;
}

.cakeodb{
	width: 40%;
	float: left;
	margin: 30px 5% 20px 5%;
	font-size: 18px;
	line-height: 42px;
	letter-spacing: 0.02em;
}

.cakeodc{
	width: 45%;
	height: 90px;
	float: left;
	background: rgba(255,255,255,0.65);
	border-top: 2px dotted #b6891e;
	border-bottom: 2px dotted #b6891e;
	text-align: center;
	margin: 35px 5% 15px 0;
}

.cakeodc dt{
	width: 100%;
	float: left;
	font-size: 14px;
	line-height: 14px;
	height: 14px;
	margin: 20px 0 12px 0;
}

.cakeodc dd{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 16px;
	height: 16px;
	letter-spacing: 0.1em;
}

.cakeodd{
	width: 45%;
	float: left;
	text-align: left;
	font-size: 13px;
	line-height: 25px; 
}

.cakeode{
	width: 90%;
	float: left;
	margin: 20px 5%;
}

.cakeode li a{
	width: 48%;
	height: 45px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_cake_brown.gif);
	float: left;
	color: #FFFFFF;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	border-radius: 6px;
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;
	margin: 0 1%;
}

.cakeode li a:hover{
    color: #ffea00;
}


.cakebxbsp{
	display: none;
}

.bgckcream{
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_cake_cr.jpg);
	background-position: right;
	background-size: cover;
}

.bgsponge{
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_cake_spo.jpg);
	background-position: right;
	background-size: cover;
}


.halfbx{
	background: rgba(255,255,255,0.65);
	margin: 125px 0 0 0;
	padding: 20px 5%;
	float: left;
	width: 90%;
}

.halfbx dl{
	width: 100%;
	margin: auto;
}

.halfbx dt{
	width: 100%;
	float: left;
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0.35em;
}

span.smltxt{
	display: none;
}

.halfbx dd{
	margin: 15px 0 0 0;
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 23px;
	text-align: justify;
}

.ckdecoline{
	width: 100%;
	float: left;
}

.ckdpro{
	width: 46%;
	float: left;
	margin: 0 2% 20px 2%;
	padding: 15px 0 0 0;
	height: 450px;
}

li.ckdcimg{
	width: 70%;
	margin: 0 15%;
	float: left;
}

li.ckdcimg img{
	width: 100%;
	float: left;
}


li.ckdcname{
	width: 100%;
	margin: 15px 0 5px 0;
	line-height: 28px;
	font-size: 13px;
	text-align: center;
}
		
li.ckdcptice{
	font-size: 21px;
	text-align: center;
}

span.smltxtck{
	font-size: 14px;
	margin: 0 0 0 6px;
}
		
li.ckdcguide{
	width: 96%;
	padding: 10px 2%;
	border-top: 1px dashed #c89f63;
	float: left;
	font-size: 13px;
	line-height: 21px;
	margin: 15px 0 0 0;
}

span.tagold{
	color: #FFFFFF;
	background: #b78a1e;
	font-size: 12px;
	line-height: 12px;
	padding: 5px;
	float: left;
	color: #FFFFFF;
	margin: 0 4px 6px 0;
	border-radius: 4px;
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px;	
}


.bgckanniv{
	background: url(https://haskapp.co.jp/common/images/mori_bg_cake_pink.gif);
}

.ckodform{
	background: #f6e9d5;	
}


.cktitle{
	width: 50%;
	float: left;
	text-align: center;
	margin: 40px 25%;
}

.cktitle dt{
	width: 100%;
	float: left;
	font-size: 20px;
	line-height: 44px;
	letter-spacing: 0.05em;
	font-weight: 600;
}

.cktitle dd{
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 34px;
	letter-spacing: 0.05em;
	margin: 5px 0 12px 0;
	border-top: 1px dashed #7f4f21;
	border-bottom: 1px dashed #7f4f21;
}

.ckform{
	width: 90%;
	margin: 0 5%;
	float: left;
	padding: 10px 0 20px 0;
}

.ckform dl{
	width: 100%;
	float: left;
	margin: 0 0 28px 0;
}

.ckform dt{
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 13px;
	margin: 0 0 10px 0;
}

.ckform dd{
	width: 100%;
	float: left;
}

.ckform dd.cka{
	width: 90%;
	float: left;
	background: #FFFFFF;
	padding: 10px 5%;
	line-height: 40px;
	font-size: 16px;
}


.ckform dd.cka select{
	width: 100%;
	background: url(https://haskapp.co.jp/common/images/mori_bg_updown.gif);
	background-repeat: no-repeat;
	background-position: right;
	border: none;
	float: left;
	font-size: 15px;
	line-height: 40px;
}


.ckform dd.ckb input{
	width: 21.333%;
	padding: 10px 2%;
	line-height: 24px;
	font-size: 16px;
	border: none;
	float: left;
	margin: 0 0 10px 0;
}

span#tani{
	width: 8%;
	text-align: center;
	font-size: 18px;
	float: left;
	display: block;
	line-height: 44px;
	margin: 0 0 10px 0;
}

span#tanib{
	width: 8%;
	font-size: 18px;
	float: left;
	display: block;
	line-height: 45px;
	text-align: center;
}


input:focus, select:focus, textarea:focus{
outline: none;
}

dd.cktarea input{
	width: 90%;
	background: #FFFFFF;
	border: none;
	float: left;
	font-size: 14px;
	line-height: 25px;
	padding: 10px 5%;
	color: #7f4f21;
}

dd.cktareatel input{
	width: 24%;
	background: #FFFFFF;
	border: none;
	float: left;
	font-size: 16px;
	line-height: 25px;
	padding: 10px 2%;
}

span.cpbr{
	width: 25%;
	background: #6a3906;
	color: #FFFFFF;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	float: left;
	display: block;
}

dd.ckc select{
	width: 45%;
	background: url(https://haskapp.co.jp/common/images/mori_bg_updown.gif);
	background-repeat: no-repeat;
	background-position: right;
	border: none;
	float: left;
	font-size: 15px;
	line-height: 25px;
}
 
span.ckodbxno{
	width: 18%;
	float: left;
	background: #FFFFFF;
	height: 40px;
	margin: 0 2% 15px 0;
}

span.ckodbxno select{
	width: 50%;
	float: left;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin: 0 10px;
}


dd.ckd textarea{
	width: 90%;
	height: 100px;
	font-size: 16px;
	line-height: 32px;
	padding: 10px 5%;
	float: left;
	border: none;
}

span.tani{
	width: 20px;
	margin: 10px 25px 0 10px;
	font-size: 10px;
	float: left;
	display: block;
}

span.ssmltxt{
	font-size: 12px;
	line-height: 25px;
	margin: 0 0 0 10px;
}

.ckodcau{
	width: 60%;
	margin: 10px 20% 0 20%;
	float: left;
}

.ckodcau dt{
	width: 100%;
	float: left;
}

.ckodcau dt input{
	width: 100%;
	float: left;
	background: #793621;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #FFFFFF;
	border: none;
	font-size: 16px;
	letter-spacing: 0.2em;
	margin: 0 0 15px 0;
}

.ckodcau dd{
	margin: -30px 0 0 0;
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 28px;
	text-align: center;
}

select{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

select option{
  background-color: #fff;
  color: #333;
}

select::-ms-expand {
  display: none;
}

select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}

.cacaution{
	width: 100%;
	font-size: 13px;
	line-height: 25px;
	float: left;
	margin: 0 0 30px 0;
	border: 1px dashed #793621;
	padding: 20px 5%;
	box-sizing: border-box;
	text-align: justify;
}

.cacaution a, .ckodcau a{
	color: #793621;
	font-weight: bold;
}

.ckodcau a:hover{
	color: #f7b52d;
	font-weight: bold;
}

p.cacautiona{
	display: inline;
	font-weight: bold;
	text-decoration: underline;
}

p.markera{
	color: #f7b52d;
	display: inline;
	padding: 0 4px;
	background: #FFFFFF;
	border: 1px solid #f7b52d;
	margin: 0 3px;
}

p.markerb{
	display: inline;
	padding: 0 4px;
	margin: 0 4px;
	color: #f7b52d;
	font-weight: 800;
	border: 1px solid #f7b52d;
}

.bgckanniv{
	margin: 60px 0 0 0;
	background: url(https://haskapp.co.jp/common/images/mori_bg_cake_pink.gif);
}

/*-------------------------
       AZUKI BRAND
--------------------------*/
.inner40{
	width: 100%;
	float: left;
	background: #f6e9d5;
	padding: 15px 0 0 0;
}

.azukipage{
	width: 100%;
	float: left;
}

.azukipage ul{
	margin: 10px 5%;
	width: 90%;
	float: left;
}

.azukipage li{
	width: 100%;
	float: left;
}

.azukipage li img{
	width: 100%;
	float: left;
}

.azukipage li.bookfull{
	width: 100%;
	float: left;
}

.bgazuki{
	background: #f6e9d5;
}


.slick-nav-arrows{
	width: 1140px;
	margin: auto;
}


.slick-next{
	width: 40px;
	height: 40px;
	float: left;
	margin: -325px 0 0 0;
}

.slick-prev{
	width: 40px;
	height: 40px;	
	float: right;
	margin: -325px 0 0 0;	
}

.slick-next img, .slick-prev img{
	width: 100%;
}



/*--------------------
      morimoto
---------------------*/
.overline{
	width: 100%;
	float: left;
}

.overthum{
	width: 90%;
	float: left;
	margin: -30px 5% 0 5%;
}

.overthum li{
	width: 18%;
	margin: 0 1%;
	float: left;
}

.overthum li img{
	width: 100%;
}

.overdesc{
	width: 60%;
	margin: 0 20% 20px 20%;
	float: left;
	text-align: center;
}

.overdesc li{
	width: 100%;
	margin: 15px 0;
	float: left;
	text-align: center;
}

p.crline{
	width: 84%;
	margin: 0 5%;
	padding: 0 3%;
	background: url(https://haskapp.co.jp/common/images/mori_bg_btmline.png);
	line-height: 50px;
	font-size: 15px;
	letter-spacing: 0.05em;
}

.overhis{
	width: 90%;
	float: left;
	padding: 35px 5%;
}

.overhis dt{
	width: 55%;
	float: left;
	font-size: 13px;
	line-height: 25px;
	margin: 0 0 0 5%;
	text-align: justify;
}

.overhis dd{
	width: 40%;
	float: left;
}

.overhis dd img{
	width: 100%;
	float: left;
}

.overdetail{
	width: 90%;
	float: left;
	margin: 50px 5% 30px 5%;
}

.overdeimg{
	width: 48%;
	margin: 0 0 0 2%;
	float: left;
}

.overdeimg img{
	width: 100%;
	float: left;
	position: relative;
	z-index: 21;
}

.overder{
	width: 50%;
	float: left;
}

li.ovra{
	width: 80%;
	padding: 0 10% 15px 10%;
	float: left;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 0.02em;
}

li.ovrb{
	width: 80%;
	padding: 15px 10% 40px 10%;
	float: left;
	font-size: 13px;
	line-height: 27px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_strape.gif);
	position: relative;
	z-index: 20;
	text-align: justify;
}

li.ovrc{
	width: 60%;
	height: 16px;
	line-height: 14px;	
	padding: 10px 5% 10px 5%;
	float: left;
	background: #f7b52d;
	margin: -20px 15% 40px 15%;
	position: relative;
	z-index: 22;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	font-size: 16px;
}

li.ovrc a{
	color: #6a3906;
}


span.ovlinktiy img{
	width: 16px;
	height: 16px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	margin: 0 0 0 0;
	float: right;
}





/*--------------------
      SOZAI
---------------------*/
.inner012{
	width: 100%;
	float: left;
}

.sozaihdbx{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_mate_tpbg.png);
	background-size: cover;
	margin: 25px 0 0 0;
	padding: 40px 0 36px 0;
} 

.szitag{
	width: 240px;
	margin: auto;
}

.szitag dl{
	width: 240px;
	height: 107px;
	margin: 10px 0 10px 0;
	background: url(https://haskapp.co.jp/common/images/mori_mate_tibg.png);
	background-size: cover;
	text-align: center;
}

.szitag dt{
	width: 80%;
	font-size: 24px;
	line-height: 24px;
	float: left;
	margin: 20px 10% 12px 10%;
	border-bottom: 1px solid #673a1b;
	padding: 0 0 14px 0;
}

.szitag dd{
	width: 70%;
	margin: 0 15%;
	float: left;
}

.szitag dd img{
	width: 100%;
	float: left;
}

.szidesc{
	width: 40%;
	float: left;
	text-align: center;
	font-size: 13px;
	line-height: 37px;
	letter-spacing: 0.08em;
	margin: 10px 30% 0 30%;
}

.sozailine{
	width: 90%;
	float: left;
	padding: 45px 0 45px 0;
	margin: 15px 5% 0 5% ;
	border-bottom: 2px dashed #6a3906;
}

.szilil{
	width: 40%;
	margin: 0 3% 10px 0;
	float: left;
}

.szilil img{
	width: 100%;
	float: left;
}

.szilir{
	width: 57%;
	float: left;
}

.szilirr{
	width: 57%;
	float: left;
}

.szilira{
	width: 100%;
	float: left;
}

.szilira dt{
	color: #FFFFFF;
	width: 35%;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	letter-spacing: 0.1em;
	float: left;
	margin: 0 5%;
	position: relative;
	z-index: 31;	
}

.szilira dd{
	background: #FFFFFF;
	width: 90%;
	margin: -15px 0 0 0;
	padding: 24px 5% 15px 5%;
	float: left;
	position: relative;
	z-index: 30;
	font-size: 16px;
	text-align: left;
}

.szihsk dt{
	background: #7e3d8f;
}

.szihsk dd{
	color: #7e3d8f;
}

.szimame dt{
	background: #ad4d20;
}

.szimame dd{
	color: #ad4d20;
}

.szitmt dt{
	background: #e60027;
}

.szitmt dd{
	color: #e60027;
}

.sziche dt{
	background: #db4713;
}

.sziche dd{
	color: #db4713;
}

.szitmg dt{
	background: #fcc800;
}

.szitmg dd{
	color: #fcc800;
}

span.smltxt{
	font-size: 16px;
	width: 100%;
	float: left;
	line-height: 32px
}

.szilirb{
	width: 100%;
	margin: 10px 0 0 0;
	float: left;
	font-size: 13px;
	line-height: 27px;
	color: #673a1b;
	text-align: justify;
}

.szilirbr{
	width: 100%;
	margin: 10px 0 0 0;
	float: left;
	font-size: 13px;
	line-height: 27px;
	color: #673a1b;
	text-align: justify;
}

.sozaifoot{
	width: 94%;
	margin: 40px 3%;
	float: left;
}

ul.tclumn{
	width: 100%;
	float: left;
}

.sziftfd{
	width: 44%;
	float: left;
	margin: 0 3%;	
}

.sziftfd img{
	width: 90%;
	float: left;
	margin: 0 5%;
}

li.sziftca{
	width: 100%;
	float: left;
	margin: 0 0 15px 0;
}

li.sziftcb{
	width: 100%;
	float: left;
}

span.wbx{
	padding: 10px;
	background: #FFFFFF;
	font-size: 16px;
	line-height: 30px;
	margin: 0 0 4px 0;
	float: left;
}

li.sziftcc{
	width: 96%;
	float: left;
	margin: 10px 2% 40px 2%;
	font-size: 13px;
	line-height: 27px;
	text-align: justify;
	height: 120px;
}

li.txcla{
	color: #f09192;
}

li.txclb{
	color: #79c38d;
}

li.txclc{
	color: #c89f63;
}

li.txcld{
	color: #54c3f1;
}

li.txcle{
	color: #abc23a;
}

li.txclf{
	color: #036eb7;
}


/*--------------------
     OKASHI STORY
---------------------*/
.okashiconti{
	width: 50%;
	float: left;
	margin: 50px 25% 40px 25%;
}

.okashiconti img{
	width: 100%;
	float: left;
}

.okashia{
	width: 40%;
	float: left;
	border-top: 4px solid  #d8d938;
    border-bottom: 4px solid #d8d938;
	background: #f7f7d7;
	margin: 0 0 0 5%;
	padding: 20px 3% 30px 3%;
}

.okashia dt{
	font-size: 17px;
	line-height: 35px;
	border-bottom: 1px dashed #673a1b;
	margin: 0 0 25px 0;
	float: left;
	width: 100%;
	padding: 0 0 20px 0;
	text-align: center;
}

.okashia dd{
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 27px;
	text-align: justify;
}

.okashib{
	width: 40%;
	margin: 0 0 0 5%;
	float: left;
}

li.okba{
	width: 100%;
	float: left;
}

li.okba img{
	width: 100%;
	float: left;
}

li.okbb{
	width: 90%;
	height: 36px;
	background: #e07aa6;
	color: #FFFFFF;
	line-height: 36px;
	text-align: center;
	margin: 5px 5% 5px 5%;
	float: left;
}

li.okbc{
	width: 90%;
	line-height: 27px;
	font-size: 13px;
	margin: 20px 5% 25px 5%;
	float: left;
	text-align: justify;
}

.okashibtm{
	width: 40%;
	float: left;
	margin: 0 0 0 5%;
}

.okashibtm a{
	width: 100%;
	font-size: 16px;
	float: left;
	color: #FFFFFF;
	background: url(https://haskapp.co.jp/common/images/mori_okashi_wanamabg.png);
	background-size: cover;
	line-height: 45px;
	height: 45px;
}

.okashibtm a:hover{
	color: #f7b52d;
}

.oksphoto{
	width: 980px;
	float: left;
	padding: 80px 20px 0 20px;
}
   
.oksphoto dt{
	width: 648px;
	float: left;
}

.oksphoto dd{
	width: 332px;
	float: left;
}

.oksphoto dt img, .oksphoto dd img{
	width: 100%;
	float: left;
}

.okstag{
	width: 900px;
	margin: 30px 60px 100px 60px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_okashi_sorapc_bg.png);
	height: 70px;
	line-height: 70px;
	background-size: cover;
	text-align: center;
	font-size: 23px;
}


.bggreensl{
	background: url(https://haskapp.co.jp/common/images/mori_bg_okashi_dot.gif);
}

li.bookca{
	display: none;
}

.okbacknumberbx{
	border: 3px solid #6a3906;	
	width: 80%;
	padding: 0 5%;
	float: left;
	margin: 50px 5%;
	background: #FFFFFF;
}

.titlebxa{
	width: 40%;
	padding: 0 30%;
	float: left;
	position: relative;
	z-index: 36;
}

.titlebxa dt{
	width: 50%;
	margin: 0 25%;
	float: left;
	border-left: 3px solid #6a3906;
	border-right: 3px solid #6a3906;
	height: 25px;
	box-sizing: border-box;
}

.titlebxa dd{
	width: 100%;
	float: left;
	border: 3px solid #6a3906;
	font-size: 20px;
	line-height: 42px;
	height: 50px;
	text-align: center;
	background: rgba(255,255,255,0.9);
	box-sizing: border-box;
}

.bookbbx{
	width: 100%;
	height: 500px;
	float: left;
	overflow: scroll;
	margin: -75px 0 0 0;
	position: relative;
	z-index: 35;
}

.booktop{
	width: 100%;
	float: left;
	height: 120px;
}

.booktitle{
	width: 90%;
	float: left;
	margin: 0 5% 25px 5%;
}

.booktitle dt{
	width: 15%;
	float: left;
}

.booktitle dt img{
	width: 100%;
	float: left;
}

.booktitle dd{
	width: 75%;
	float: left;
	font-size: 24px;
	padding: 10px 0 0 3%;
}

.bookbx{
	width: 100%;
	float: left;
	padding: 0 0 30px 0;
	border-bottom: 1px dashed #6a3906;
	margin: 0 0 30px 0;
}

.bookcon{
	width: 100%;
	float: left;
}

li.bookcover{
	width: 42%;
	float: left;
	margin: 0 4% 0 4%;
}

li.bookcover img{
	width: 100%;
	float: left;
}

li.bookca{
	width: 340px;
	float: left;
}

li.bookca img{
	width: 100%;
	float: left;
}

li.bookcb{
	width: 42%;
	float: left;
	margin: 0 4% 0 4%;
	float: left;
}

li.bookcb img{
	width: 100%;
	float: left;
}

li.bookc{
	width: 90%;
	float: left;
	text-align: center;
	margin: 25px 0 0 5%;
}


li.bookc a{
	width: 100%;
	float: left;
	border: 2px solid #6a3906;
	height: 40px;
	line-height: 36px;
	font-size: 16px;
	box-sizing: border-box;
	color: #6a3906;
}


.oksreview{
	width: 100%;
	margin: 25px 0 60px 0;
	float: left;
}

li.oksrtitle{
	width: 90%;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
	margin: 35px 5% 20px 5%;
	float: left;
	letter-spacing: 0.1em;
	text-align: center;
	background: url(https://haskapp.co.jp/common/images/mori_bg_mt_green_50.png);
	background-size: cover;
}

li.okspha{
	width: 90%;
	margin: 0 5%;
	float: left;
}

li.oksphb{
	width: 335px;
	float: left;
}

li.okspha img, li.oksphb img{
	width: 100%;
	float: left;
}

li.oksdesc{
	width: 90%;
	margin: 10px 5% 0 5%;
	float: left;
	line-height: 27px;
	text-align: center;
	font-size: 16px;
}




/*-------------------------
       MAINTENANCE
--------------------------*/
.exhead{
	width: 100%;
	float: left;
	background: #FFFFFF;
	height: 69px;
	box-shadow: 0 2px 10px 2px rgba(0,0,0,0.1);
	position: absolute;
}

.exhead ul{
	width: 124px;
	margin: auto;
}

.exhead li{
	width: 124px;
	height: 36px;
	float: left;
	margin: 17px 0;
}

.exhead li img{
	height: 100%;
}

.mntbgichiy{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_over_bg.gif);
	background-position: center;
	padding: 69px 0 60px 0;
}

.maintebx{
	width: 100%;
	margin: auto;
}

.maintehd{
	width: 100%;
	float: left;
}

.maintehd dt{
	width: 30%;
	margin: 40px 35% 10px 35%;
	float: left;
}

.maintehd dt img{
	width: 100%;
}

.maintehd dd{
	width: 100%;
	font-size: 18px;
	letter-spacing: 0.03em;
	line-height: 60px;
	float: left;
	text-align: center;
	font-weight: 600;
}

.maitecom{
	font-size: 13px;
	line-height: 29px;
	text-align: center;
	padding: 20px 0;
	width: 100%;
	float: left;
	letter-spacing: 0.02em;
}

.maincntct{
	width: 90%;
	float: left;
	margin: 30px 5% 0 5%;
	text-align: center;
	background: #FFFFFF;
	padding: 0 0 25px 0;
}

.mincnbba{
	border-bottom: 2px solid #7f4f21;
}

.mincnbbb{
	border-bottom: 2px solid #f7b52d;
}

li.micinta, li.micintao{
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
	color: #FFFFFF;
	float: left;
}

li.micinta{
	background: #956134;
}

li.micintao{
	background: #f7b52d;
}

li.micintb{
	width: 100%;
	float: left;
	margin: 15px 0;
	text-align: center;
	font-size: 17px;
	line-height: 28px;
	font-weight: 600;
}

li.micintc{
	width: 90%;
	float: left;
	margin: 8px 5%;
}

li.micintc img{
	width: 100%;
	float: left;
}

li.micintd{
	width: 100%;
	float: left;
	margin: 6px 0 0 0;
}

li.micintd a{
	color: #7f4f21;
	font-size: 15px;
	letter-spacing: 0.1em;
}

span.mainsmall{
	width: 100%;
	float: left;
	font-size: 16px;
	line-height: 16px;
	margin: 10px 0 0 0;
}

.mntonline{
	width: 100%;
	float: left;
}

.mntonline dt{
	width: 290px;
	margin: auto;
}

.mntonline dt a{
	width: 100%;
	background: url(https://haskapp.co.jp/common/images/mori_bg_btm_contct.png);
	float: left;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	background-size: cover;
	text-align: center;
	color: #7f4f21;
	font-weight: 600;
	letter-spacing: 0.02em;
	margin: 40px 0 0 0;
}

.mntonline dt a:hover{
	color: #FFFFFF;
}

.mntonline dd{
	font-size: 15px;
	line-height: 15px;
	margin: 12px 0 0 0;
	float: left;
	width: 100%;
	text-align: center;
}

.minteft{
	width: 100%;
	float: left;
	background: #7f4f21;
	color: #FFFFFF;
	padding: 5px 0 15px 0;
	text-align: center;
}

.minteft dl{
	width: 100%;
	margin: auto;
}

.minteft dt{
	width: 40%;
	margin: 25px 30%;
	float: left;
}

.minteft dt img{
	width: 100%;
	float: left;
}

.minteft dd{
	width: 100%;
	float: left;
	font-size: 13px;
	line-height: 13px;
}

.slgld{
	width: 90%;
	margin: 0 5%;
	float: left;
	height: 3px;
	background: url(https://haskapp.co.jp/common/images/mori_ptn_spslash_brown.png);
}


/*-------------------------
      TAB DESIGN
--------------------------*/
#tabbxgift{
	width: 100%; 
	margin: auto;
}

.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#giftagbx .list-wrap{
	margin: 0 0 15px 0;
}

#giftagbx .nav {
	overflow: hidden;
}

#giftagbx .nav li {
	width: 25%;
	float: left;
	border-right: 1px solid #b6891e;
	border-bottom: 1px solid #b6891e;
	box-sizing: border-box;
}

#giftagbx .nav li a{
	display: block; 
	line-height: 40px;
	background: #FFFFFF;
	color: #c79e63; 
	font-size: 15px;
	text-align: center;
	border: 0;
	letter-spacing: 0.05em;
	text-decoration: none;
}

#giftagbx li a.current, #giftagbx li a.current:hover{
	background-color: #b6891e !important;
	color: #FFFFFF;
}

ul.nav{
	border-top: 1px solid #b6891e;
	border-left: 1px solid #b6891e;	
	width: 90%;
	margin: 0 5%;
}

#giftagbx ul li.nav-one a:hover, 
#giftagbx ul li.nav-two a:hover,
#giftagbx ul li.nav-three a:hover, 
#giftagbx ul li.nav-four a:hover{
	background: #b6891e;
	color: white;
}

.gifthumbxx{
	width: 49%;
	margin: 20px 0.5% 60px 0.5%;
	float: left;
}

.gifthumbxx img{
	width: 100%;
	float: left;
	border: 2px solid #d9ad58;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}





/*-------------------------
    TAB DESIGN for STORE
--------------------------*/
#storebx .list-wrap {
	margin: 0 0 15px 0;
}

#storebx .nav {
	overflow: hidden;
}

#storebx .nav li {
	width: 20%;
	height: 40px;
	float: left;
}

#storebx .nav li a {
	display: block; 
	line-height: 40px;
	background: #b6891e;
	color: #FFFFFF; 
	font-size: 11px;
	text-align: center;
	border: 0;
	letter-spacing: 0.05em;
	text-decoration: none;
}

#storebx li a.current, #storebx li a.current:hover{
	background-color: #FFFFFF !important;
	color: #b6891e;
	border: 1px solid #b6891e;
	box-sizing: border-box;
}


#storebx ul li.nav-two a{
	background: #e85514;
}

#storebx ul li.nav-three a{
	background: #f6b42d;
}

#storebx ul li.nav-four a{
	background: #8dc11f;
}

#storebx ul li.nav-five a{
	background: #22ac38;
}


#storebx ul li.nav-one a:hover, 
#storebx ul li.nav-two a:hover,
#storebx ul li.nav-three a:hover, 
#storebx ul li.nav-four a:hover,
#storebx ul li.nav-five a:hover{
	background: #b6891e;
}

.gifthumbx{
	width: 29.34%;
	margin: 1.98%;
	float: left;
}

.gifthumbx img{
	width: 100%;
	float: left;
}

.pddscri{
	width: 90%;
	margin: 0 5%;
	float: left;
}

.innertab{
	width: 94%;
	margin: 0 3%;
	float: left;
}

.cakeodd a{
	color: #793621;
}


/*------------------------------
         DISPLAY NONE
------------------------------*/
.prodescrien{
	display: none;
}

.pcspacer50{
	display: none;
}

.pctxt, .tabtxt{
	display: none;
}

header{
	display: none;
}

.pcspimg{
	display: none;
}