@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: none; color: #f7b52d;}
a:hover img{filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;}
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
------------------------------*/
.innerx{
	width: 1080px;
	margin: auto;
}

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

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

.linera{
	width: 100%;
	height: 15px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_diago.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: 40px 0 0 0;
}

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

.bgor{
	background: url(https://haskapp.co.jp/common/images/mori_bg_orange.gif);
	float: left;
}

.bgbrown{
	background: #7f4f21;
}

.inner35{
	padding: 35px 0;
}

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

.catiile{
	width: 420px;
	padding: 130px 330px 170px 330px;
	margin: auto;
}

.cattilid, .cattilidb{
	width: 420px;
	height: 40px;
}

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

dl.tibgb{
	width: 320px;
	padding: 60px 50px;
	background: url(https://haskapp.co.jp/common/images/mori_over_tibg_line.jpg);
	background-repeat: repeat-y;
	height: 180px;
}

dl.tibgb dt{
	font-size: 36px;
	line-height: 36px;
	padding: 0 0 60px 0;
	text-align: center;
	width: 100%;
	float: left;
	border-bottom: 1px solid #b78a1e;
}

dl.tibgb dd{
	font-size: 18px;
	line-height: 44px;
	padding: 30px 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 120px 0;
}


dl.tibgfl{
	width: 314px;
	padding: 60px 50px;
	border-left: 3px solid #FFFFFF;
    border-right: 3px solid #FFFFFF;
	height: 180px;
	color: #FFFFFF;
}

dl.tibgfl dt{
	font-size: 36px;
	line-height: 36px;
	padding: 0 0 60px 0;
	text-align: center;
	width: 100%;
	float: left;
	border-bottom: 1px solid #FFFFFF;
}

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


.cattilio, .cattiliob{
	width: 420px;
	float: left;
}

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


.cattilio, .cattiliob{
	width: 420px;
	float: left;
}

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

.hdsignsp{
	display: none;
}

.hdsign{
	width: 1020px;
	margin: auto;
	padding: 0 30px;
}

.hdsign dl{
	width: 290px;
	float: left;
	margin: 0 0 0 650px;
}

.hdsign dt{
	width: 140px;
	float: left;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	margin: 0 75px;
	box-sizing: border-box;
	height: 60px;
}

.hdsign dd{
	width: 290px;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	font-size: 26px;
	text-align: center;
	line-height: 40px;
	padding: 10px 15px 20px 15px;
	color: #FFFFFF;
	height: 110px;
	float: left;
	letter-spacing: 0.2em;	
}

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

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

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

/*------------------------------
       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{
	height: 485px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_history.png);
	background-position: center;
	background-repeat: repeat-x;
}

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


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

p.redtxt{
	font-size: 12px;
	color: #cc343a;
}


/*------------------------------
           HEADER
------------------------------*/
header{
	width: 100%;  
	height: 70px;
	text-align: center;
	font-size: 	14px;
	background: #FFFFFF;
	padding: 20px 0;
	position: fixed;
	top: 0;
	z-index: 100;
	box-shadow: 0 2px 10px 2px rgba(0,0,0,0.1);	
}

.hdlogo{
	width: 160px;
	height: 70px;	
	float: left;
	margin: 0 102px 0 0;
}

.hdlogo img{
	width: 160px;
	margin: 10px 0;
	height: 50px;
	float: left;
}

nav{
	width: 817px;
	border-left: 1px solid #ededed;
	float: left;
	height: 70px;
}

nav a{
	color: #7f4f21;
}

nav ul{
	width: 135px;
	height: 70px;
	border-right: 1px solid #ededed;
	float: left;
	text-align: center;
}

nav li.glbnv{
	width: 138px;
	float: left;
	padding: 10px 0;
}

nav li#glbnp{
	width: 138px;
	float: left;
	padding: 10px 0;
}

nav li.glbnv a{
	position: relative;
	display: inline-block;
	padding: 0 10px 12px 10px;
	text-decoration: none;
	font-size: 14px;
}

nav div#subnvx li a{
	position: relative;
	display: inline-block;
	padding: 0 0 12px 0;
	text-decoration: none;
	font-size: 14px;
}

nav li.glbnv a::after, nav div#subnvx li a::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #f7b52d;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-decoration: none;	
}

nav li.glbnv a:hover::after, nav div#subnvx li a:hover::after{
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
  text-decoration: none;
}

nav ul li {
  display: inline-block;
}

nav ul li ul li:hover > a{
    color: #FFFFFF;
}

nav ul li:hover > ul {
  display: block;
}

nav ul li ul{
	background: rgba(127,79,33,0.8);
	padding: 0 0 10px 0;
	text-align: center;
	display: none;
	width: 100%;
	position: absolute;
	top: 110px;
	height: 70px;
	line-height: 68px;
	left: 0;
	z-index: 1;
}

.innernv{
	width: 1080px;
	margin: auto;
}

nav ul li ul div#subnvx li{
	margin: 0;
	padding: 0;
	width: 180px;
	float: left;
}

nav ul li ul div#subnvx li a{
	width: 180px;
	color: #FFFFFF;
	float: left;
	margin: -20px 0 0 0;
	border-top: 20px solid #FFFFFF;
}

nav ul li ul li a:hover{
	background: rgba(106,57,6,0.95);
	color: #FFFFFF;
	-webkit-transition: all .5s;
	transition: all .5s;	
}

.linkpro, .linkstore, .linkover, .linkrec, .linktop, .linkonline{
	width: 135px;
	height: 15px;
	float: left;
	border-right: 1px solid #ededed;
	background-repeat: no-repeat;
	margin: 0 0 8px 0;
}

.linkpro{
	background: url(https://haskapp.co.jp/common/images/mrm_icon_products_bg.gif);
	background-size: cover;
}

.linkstore{
	background: url(https://haskapp.co.jp/common/images/mrm_icon_store_bg.gif);
	background-size: cover;
}

.linkover{
	background: url(https://haskapp.co.jp/common/images/mrm_icon_overview_bg.gif);
	background-size: cover;
}

.linkrec{
	background: url(https://haskapp.co.jp/common/images/mrm_icon_recruit_bg.gif);
	background-size: cover;
}

.linktop{
	background: url(https://haskapp.co.jp/common/images/mrm_icon_top_bg.gif);
	background-size: cover;
}

.linkonline{
	background: url(https://haskapp.co.jp/common/images/mrm_icon_shopping_bg.gif);
	background-size: cover;
}

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


/*------------------------------
           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: 980px;
	margin: auto;
	padding: 0 20px;
}

.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: 60px;    
	line-height: 60px;
	font-size: 12px;  
	letter-spacing: 0.1em;
	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;		
}

figure{
	position: relative;
	overflow: hidden;
	width: 16.6667%;
	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: 18px;
}

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

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

li.tpsp80{
	margin: 80px 0 0 0;
}

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

.footbn{
	width: 1080px;
	margin: auto;
	padding: 80px 0;
}

ul.bnbxthird{
	width: 1020px;
	padding: 0 30px;
	float: left;
}

ul.bnbxthird li{
	width: 300px;
	height: 110px;
	float: left;
	margin: 20px;
}

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

ul.bnbxsecond{
	width: 1020px;
	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: 1080px;
	margin: auto;
}

.footlogo ul{
	width: 250px;
	padding: 80px 415px 60px 415px;
	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: 1080px;
	margin: auto;
	font-weight: 600;
}

.ftcontact ul{
	width: 700px;
	padding: 40px 190px;
	float: left;
}

li.ftcnl{	
	width: 140px;
	height: 70px;	
	float: left;
	border-right: 2px solid #7f4f21;
	text-align: center;
	line-height: 34px;
	font-size: 14px;
	padding: 5px 24px 5px 0;
	margin: 0 24px 0 0;
}

li.ftcng{
	width: 510px;
	float: left;
	height: 34px;
	line-height: 34px;
}

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

li.ftcno img{
	width: 250px;
	height: 40px;
	float: left;
	margin: 0 16px 0 0;
}

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

span.brbtm a:hover{
	width: 190px;
	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: 980px;
	padding: 10px 50px;
	margin: auto;
	height: 40px;
}

.ftbtm a{
	color: #FFFFFF;
}

.ftbtl{
	width: 780px;
	height: 20px;
	float: left;
	margin: 10px 0;
	line-height: 20px;
}

.ftbtl li{
	padding: 0 15px 0 0;
	border-right: 1px solid #FFFFFF;
	float: left;
	margin: 0 15px 0 0;
	font-size: 14px;
	letter-spacing: 0.1em;
}

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

li.ftnoli{
	border: none;
}


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

.ftbtr li{
	width: 110px;
	float: right;
}

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

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


/*------------------------------
           PRODUCTS
------------------------------*/
.prodescrienou{
	width: 100%;
	float: left;
	background: #f9f2d7;
	padding: 8px 0;
}

.prodescrien{
	width: 100%;
	float: left;
	background: #f9f2d7;
	font-family: 'Notera';
	border-top: 2px dotted #936134;
	border-bottom: 2px dotted #936134;
	padding: 8px 0;
}

.prodescrien ul{
	width: 1032px;
	margin: auto;
}

.prodescrien li{
	width: 492px;
	margin: 0 0 0 540px;
	float: left;
	font-size: 50px;
	line-height: 42px;
	padding: 10px;
}

.prohead{
	width: 100%;
	float: left;
	height: 680px;
	min-height: 680px;
	overflow-y: hidden;
	background: #000000;	
}

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

.prdfilebx{
	width: 450px;
	padding: 0 550px 0 20px;
	margin: auto;
}

.prdfilebx dl{
	width: 450px;
	float: left;
	background: rgba(255,255,255,0.7);
	color: #000000;
}

.prdfilebx dt{
	width: 350px;
	float: left;
	font-size: 40px;
	padding: 60px 50px 40px 50px; 
	background: url(https://haskapp.co.jp/common/images/mori_parts_liner_02.png);
	background-repeat: repeat-x;	
}

.prdfilebx dd{
	width: 350px;
	float: left;
	font-size: 18px;
	line-height: 34px;
    padding: 0 0 50PX 50px;	
}

.prdfilebx ul{
	width: 370px;
	float: left;
	background: rgba(127,79,33,1);
	padding: 40px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 39px;
	text-align: justify;
}

.up610{
	width: 100%;
	float: left;
	margin: -600px 0 0 0;
}

.prodebx{
	width: 100%;
	margin: 120px 0 0 0;
	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.png);
	background-repeat: repeat-x;
}

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

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

.cattitle{
	width: 280px;
	float: left;
	padding: 0 370px;
}

.cattitle dl{
	width: 280px;
	float: left;
}

.cattitle dt{
	width: 174px;
	margin:  0 50px;
	float: left;
	border-left: 3px solid #7f4f21;
	border-right: 3px solid #7f4f21;
	height: 60px;
}

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

.prdetail{
	width: 980px;
	float: left;
	padding: 90px 20px 0 20px;
}

.pdhalf{
	width: 980px;
	float: left;
}

.pdhalf li{
	width: 450px;
	float: left;
	margin: 20px;
}

.pdhalf li img{
	width: 450px;
	float: left;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}


.pddscri{
	width: 100%;
	text-align: center;
	float: left;
	font-size: 14px;
	line-height: 28px;
}

.innerp{
	width: 1032px;
	margin: auto;
}

.titlea{
	width: 300px;
	margin: 100px 366px 85px 366px;
	text-align: center;
}

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

.titlea dd{
	width: 100%;
	font-size: 15px;
	line-height: 15px;
	float: left;
	padding: 10px 0 80px 0;
	margin: 15px 0 0 0;
	letter-spacing: 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;
}

.two{
	margin: 0 172px;
}

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

.varibx ul{
	width: 290px; 
	float: left;
	margin: 0 27px 70px 27px;
}

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: 94%;
	font-size: 14px;
	float: left;
	line-height: 28px;
	border-top: 2px solid #b6891e;
	margin: 2px 0 0 0;
	padding: 14px 3% 0 3%;
	text-align: justify;
	text-justify: inter-ideograph;
	height: 110px;
}

.linkbar{
	width: 900px;
	padding: 14px 0;
	margin: 70px 66px 100px 66px;	
	float: left;
	border: 3px solid #eab957;
	background: #fff080;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}

.linkbar li{
	width: 33.3333%;
	text-align: center;
	float: left;
}

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

.linkbar a{
	color: #7f4f21;
}

.proguidea{
	width: 450px;
	float: left;
}

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

.proguidea dt{
	width: 410px;
	float: left;
	background: #FFFFFF;
	font-size: 22px;
	line-height: 22px;
	padding: 0 0 20px 0;
}

.proguidea dd{
	width: 410px;
	float: left;
	background: #FFFFFF;
	font-size: 14px;
	line-height: 24px;
}

.proguideb{
	width: 400px;
	float: left;
	padding: 0 25px;
}

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

.proguideb dt img{
	width: 400px;
}

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

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



/*------------------------------
       FRUITS JELLY
------------------------------*/
.prdfilebxjl{
	width: 450px;
	padding: 0 0 0 20px;
	float: left;
	margin: 120px 0 0 0;
}

.prdfilebxjl dl{
	width: 450px;
	float: left;
	background: rgba(255,255,255,0.7);
	color: #000000;
}

.prdfilebxjl dt{
	width: 350px;
	float: left;
	font-size: 44px;
	padding: 60px 50px 50px 50px; 
	background: url(https://haskapp.co.jp/common/images/mori_liner_wgreen.png);
	background-repeat: repeat-x;	
}

.prdfilebxjl dd{
	width: 350px;
	float: left;
	font-size: 18px;
	line-height: 34px;
    padding: 0 0 50PX 50px;	
}

.prdfilebxjl ul.projelly{
	width: 350px;
	float: left;
	background: #8dc11f;
	padding: 50px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 37px;
	text-align: justify;
}

.prdfilebxj{
	width: 450px;
	padding: 0 0 0 20px;
	float: left;
	margin: 120px 0 0 0;
}

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

.prdfilebxj dt{
	width: 350px;
	float: left;
	font-size: 44px;
	padding: 60px 50px 50px 50px; 
	background: url(https://haskapp.co.jp/common/images/mori_liner_wpour.png);
	background-repeat: repeat-x;	
}

.prdfilebxj dd{
	width: 350px;
	float: left;
	font-size: 18px;
	line-height: 34px;
	padding: 0 0 50px 50px;	
}

.prdfilebxj ul.projelly{
	width: 350px;
	float: left;
	background: #8dc11f;
	padding: 50px;
	color: #FFFFFF;
	font-size: 15px;
	line-height: 37px;
	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: 400px;
	float: left;
	margin: 680px 0 0 70px;
}

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

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

.jellylink a{
	width: 350px;
	height: 70px;
	float: left;
	background: #fdecca;
	font-size: 22px;
	line-height: 65px;
	margin: 15px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #6a3906;
        letter-spacing: 0.1em;
}

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

.bgjellys dl{
	width: 1020px;
	margin: auto;
}

.bgjellys dt{
	width: 380px;
	float: left;
	padding: 120px 0 0 530px;	
}

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

.bgjellys dd{
	width: 380px;
	float: left;
	padding: 0 0 120px 0;	
}

.bgjellys dd a{
	width: 60px;
	height: 60px;
	line-height: 55px;
	font-size: 30px;
	float: left;
	background: #FFFFFF;
	text-align: center;
	margin: -30px 0 0 680px;
	color: #8dc11f;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;	
}

.catiextra{
	width: 326px;
	margin: auto;
	padding: 0 353px;
}

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

.catiextra dt{
	width: 140px;
	margin: -25px 91px 0 91px;
	height: 60px;
	border-left: 2px solid #b08047;
	border-right: 2px solid #b08047;
	font-size: 30px;
}

.catiextra dd{
	width: 326px;
	text-align: center;
	background: url(https://haskapp.co.jp/common/images/mori_cake_orderti.png);
	background-size: cover;
	height: 116px;
	font-size: 28px;
	letter-spacing: 0.35em;
	line-height: 60px;
	float: left;
}

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

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

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

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

.jellyftr{
	width: 512px;
	margin: auto;
	padding: 65px 0 0 0;
}

li.jlfta{
	width: 100%;
	float: left;
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	letter-spacing: 0.1em;
}

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

span.cntxt{
	width: 212px;
	float: left;
}

li.jlftb{
	width: 320px;
	float: left;
	margin: 50px 96px 40px 96px;
}

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

li.jlftc{
	width: 512px;
	font-size: 14px;
	line-height: 32px;
	float: left;
	margin: 0 0 40px 0;
	text-align: justify;
}


li.jlftd{
	width: 410px;
	height: 70px;
	line-height: 70px;
	float: left;
	margin: 0 51px;
}

li.jlftd a{
	width: 410px;
	height: 70px;
	line-height: 60px;
	float: left;
	color: #FFFFFF;
	background: #f7b52d;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 18px; 
}


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

.mainslide img{
	width: 1080px;
	height: 540px;
}

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

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

.slide img{
	width: 100%;
}

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

.sectitle dl{
	width: 300px;
	margin: 0 390px;
	float: left;
}

.sectitle dt {
	width: 220px;
	float: left;
	margin: 0 40px;
}

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

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

.topicsslide{
	width: 1020px;
	margin: auto;
	padding: 10px 0 100px 0;
}

.tptppost{
	width: 270px;
	float: left;
	border: 3px solid #9dc43a;
	background: #FFFFFF;
	padding: 19px;
	margin: 10px;
}

.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: 230px;
	overflow: hidden;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 	
}

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

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

li.tpttitle{
	width: 100%;
	font-size: 18px;
	text-align: center;
	float: left;
	border-bottom: 2px dotted #7f4f21;
	padding: 0 0 24px 0;
	margin: 0 0 10px 0;	
	height: 60px;
	line-height: 30px;
}

li.tpttitle span.verti{
	width: 100%;
	height: 72px;
	display: table-cell;
	vertical-align: middle;
}

li.tptcomm{
	font-size: 14px;
	float: left;
	line-height: 24px;
}

.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: 344px;
	margin: auto;
	padding: 120px 0 0 0;
}

.tptowa li, .tpsozai li{
	width: 344px;
	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: 234px;
	float: left;
	padding: 15px 55px 35px 55px;
	text-align: center;
	font-size: 22px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_gold_line.png);
	background-repeat: repeat-y;
}

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

.tplinktri{
	width: 32px;
	float: left;
	margin: 0 156px;
	padding: 0 0 95px 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: 234px;
	float: left;
	padding: 15px 55px 35px 55px;
	text-align: center;
	font-size: 22px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_blue_line.png);
	background-repeat: repeat-y;
}

.topcatlist{
	width: 1080px;
	float: left;
}

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

.tpcathum dl{
	width: 290px;
	float: left;
	margin: 35px;
}

.tpcathum dt{
	width: 290px;
	float: left;
}

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

.tpcathum dd{
	width: 210px;
	height: 44px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_catti_bg.png);
	margin: -20px 40px 0 40px;
	background-size: cover;
	text-align: center;
	line-height: 22px;
	padding: 10px 0;
}

.tpcathum dd a{
	color: #7f4f21;
}

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

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

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

.linkbartp ul{
	width: 880px;
	padding: 0 100px;
	margin: auto;
}

.linkbartp li{
	width: 400px;
	margin: 20px;
	float: left;
}

.linkbartp li a{
	width: 394px;
	border: 3px solid #eab957;
	background: #fff080;
	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;
}

.linkbartp li a:hover{
	width: 394px;
	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;
}


.tpinfobx{
	width: 980px;
	margin: auto;
}

.tpinfobx dl{
	width: 980px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_info.png);
	background-repeat: no-repeat;
	height: 545px;
}

.tpinfobxinn{
	width: 680px;
	float: left;
	margin: 0 150px; 
}

.tpinfobxinn ul{
	width: 100%;
	float: left;
	height: 60px;
	line-height: 60px;
}

.tpinfobxinn ul.libottom{
	border-bottom: 2px dotted #7f4f21;
}

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


.tpinfobxinn li{
	float: left;
}

.sectitleinfo{
	width: 100%;
	float: left;
	padding: 75px 0 10px 0;
	margin: 0 0 10px 0;
}

.sectitleinfo ul{
	width: 360px;
	padding: 0 160px;
	float: left;
}

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

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

li.tpinfod{
	width: 100px;
	text-align: center;
	float: left;	
}

li.tpinfotag{
	width: 120px;
	text-align: center;
	margin: 0 20px 0 10px;
	line-height: 60px;
	float: left;
}

span.tagi{
	width: 120px;
	margin: 15px 0;
	height: 28px;
	line-height: 28px;
	border: 1px solid #7f4f21;
	float: left;
	font-size: 12px;
	letter-spacing: 0.1em;
}

li.tpinfoti{
	width: 400px;
	text-align: left;
	font-size: 16px;
	line-height: 60px;
}

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;
	padding: 0 0 260px 0;
}

.inner12{
	width: 1020px;
	padding: 0 30px;
	margin: auto;
}

.inner13{
	width: 1032px;
	padding: 0 24px;
	margin: auto;
}


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

.tphspc ul{
	width: 1080px;
	margin: auto;
}

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


/*-------------------------
      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: 22%;
	height: 50px;
	float: left;
	padding: 0 1.5%;
	border-bottom: 2px solid #b6891e;	
}

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

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

ul.nav{
	width: 97%;
	padding: 0 1.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: 20.6%;
	margin: 20px 2.2% 60px 2.2%;
	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: 18.8%;
	height: 42px;
	float: left;
	padding: 0 0.6%;
	border-bottom: 2px solid #b6891e;
}

#storebx .nav li a{
    width: 100%;
	display: block; 
	line-height: 42px;
	background: #b6891e;
	color: #FFFFFF; 
	font-size: 15px;
	text-align: center;
	border: 0;
	letter-spacing: 0.05em;
}

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


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


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

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

.azukipage ul{
	margin: 20px 2%;
	width: 96%;
	float: left;
}

.azukipage li{
	width: 50%;
	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;
	margin: -80px 0 0 0;
}

.overthum{
	width: 950px;
	float: left;
	margin: 0 35px;
}

.overthum li{
	width: 160px;
	float: left;
	margin: 0 15px;
}

.overthum li img{
	width: 100%;
}

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

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

p.crline{
	width: 460px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_btmline.png);
	line-height: 50px;
	font-size: 24px;
	letter-spacing: 0.05em;
}

.overhis{
	width: 980px;
	float: left;
	padding: 80px 20px;
}

.overhis dt{
	width: 460px;
	float: left;
	font-size: 14px;
	line-height: 34px;
	margin: 0 70px 0 0;
	text-align: justify;
}

.overhis dd{
	width: 450px;
	float: left;
}

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

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

.overdeimg{
	width: 560px;
	float: left;
}

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

.overder{
	width: 400px;
	float: left;
	margin: 30px 0 0 -50px;
}

li.ovra{
	width: 100%;
	padding: 20px 0 30px 100px;
	float: left;
	font-size: 28px;
	line-height: 60px;
	letter-spacing: 0.1em;
}

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

li.ovrc{
	width: 180px;
	height: 20px;
	line-height: 20px;	
	padding: 20px 30px 20px 30px;
	float: left;
	background: #f7b52d;
	margin: -30px 0 0 140px;
	position: relative;
	z-index: 22;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align: center;
	font-size: 18px;
}

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

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



/*--------------------
      SOZAI
---------------------*/
.inner012{
	width: 1200px;
	margin: auto;
}

.sozaihdbx{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_mate_tpbg.png);
	background-size: cover;
	height: 508px;
	margin: 60px 0 70px 0; 
} 

.szitag{
	margin: 70px 420px 30px 420px;
	width: 286px;
	height: 160px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_mate_tibg.png);
	background-size: cover;
	text-align: center;
	padding: 0 37px;
}

.szitag dt{
	width: 100%;
	font-size: 32px;
	line-height: 32px;
	padding: 36px 0 23px 0;
	float: left;
	border-bottom: 1px solid #673a1b;
}

.szitag dd{
	width: 200px;
	margin: 18px 43px 0 43px;
	float: left;
}

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

.szidesc{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 22px;
	line-height: 56px;
	letter-spacing: 0.08em;
}

.sozailine{
	width: 980px;
	margin: 0 20px 60px 20px;
	float: left;
	padding: 0 0 60px 0;
	border-bottom: 2px dashed #673a1b;
}

.szilil{
	width: 522px;
	float: left;
}

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

.szilir{
	width: 450px;
	float: left;
	margin: 0 0 0 -20px;
}
.szilirr{
	width: 450px;
	float: left;
}

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

.szilira dt{
	color: #FFFFFF;
	width: 180px;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	letter-spacing: 0.1em;
	float: left;
	margin: 0 0 0 30px;
	position: relative;
	z-index: 31;	
}

.szilira dd{
	background: #FFFFFF;
	width: 410px;
	height: 84px;
	margin: -15px 0 0 0;
	padding: 18px 30px 10px 30px;
	float: left;
	position: relative;
	z-index: 30;
	font-size: 24px;
}

.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: 420px;
	float: left;
	font-size: 14px;
	line-height: 34px;
	color: #673a1b;
	margin: 30px 0 0 50px;
	text-align: justify;
}

.szilirbr{
	width: 420px;
	float: left;
	font-size: 14px;
	line-height: 34px;
	color: #673a1b;
	margin: 30px 0 0 0;
	text-align: justify;
}

.sozaifoot{
	width: 1020px;
	float: left;
	padding: 0 0 120px 0;
}

ul.tclumn{
	width: 300px;
	float: left;
	margin: 0 20px;
}

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

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

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: 20px;
	line-height: 20px;
	margin: 0 0 4px 0;
	float: left;
}

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

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: 400px;
	float: left;
	margin: 90px 310px 70px 310px;
}

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

.okashia{
	width: 400px;
	float: left;
	border-top: 4px solid  #d8d938;
    border-bottom: 4px solid #d8d938;
	background: #f7f7d7;
	margin: 0 0 0 20px;
	height: 680px;
	padding: 0 30px;
}

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

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

.okashib{
	width: 440px;
	margin: 0 30px 0 70px;
	float: left;
}

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

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

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

li.okbc{
	width: 400px;
	line-height: 34px;
	font-size: 14px;
	margin: 20px 20px 25px 20px;
	float: left;
	text-align: justify;
}

.okashibtm{
	width: 380px;
	height: 60px;
	line-height: 60px;
	float: left;
	margin: 0 0 0 95px;
}

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

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


.okbacknumberbx{
	width: 920px;
	margin: 80px 20px;
	padding: 0 30px;
	background: url(https://haskapp.co.jp/common/images/mori_bg_okashi_eight.png);
	height: 1750px;
	background-repeat: no-repeat;
}

.titlebxa{
	width:280px;
	margin: 0 320px;
	float: left;
	position: relative;
	z-index: 36;
}

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

.titlebxa dd{
	width: 280px;
	float: left;
	border: 3px solid #6a3906;
	font-size: 24px;
	line-height: 50px;
	height: 50px;
	text-align: center;
	background: #FFFFFF;
	box-sizing: border-box;	
}

.bookbbx{
	width: 800px;
	height: 1739px;
	float: left;
	overflow: scroll;
	margin: -104px 0 0 0;
	position: relative;
	padding: 0 60px;
	z-index: 35;
}

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

.booktitle{
	width: 100%;
	float: left;
	height: 60px;
	margin: 0 0 35px 0;
}

.booktitle dt{
	width: 86px;
	float: left;
	margin: 0 10px;
}

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

.booktitle dd{
	width: 655px;
	float: left;
	font-size: 28px;
	padding: 10px 0 0 20px;
	line-height: 50px;
}

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

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

li.bookcover{
	width: 230px;
	float: left;
	margin: 0 30px 0 0;
}

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

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

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

li.bookcb{
	width: 170px;
	margin: 0 0 0 10px;
	float: left;
}

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

li.bookc{
	width: 518px;
	float: left;
	text-align: center;
	margin: 34px 0 0 0;
}

li.bookc a{
	width: 518px;	
	float: left;
	border: 2px solid #6a3906;
	height: 50px;
	line-height: 44px;
	font-size: 20px;
	box-sizing: border-box;
	color: #6a3906;
}

li.bookc a:hover{
	width: 518px;	
	float: left;
	border: 2px solid #6a3906;
	height: 50px;
	line-height: 44px;
	font-size: 20px;
	box-sizing: border-box;
	color: #6a3906;
	background: #f7f7d7;
}

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

li.oksrtitle{
	width: 500px;
	height: 60px;
	font-size: 22px;
	line-height: 58px;
	margin: 10px 140px 35px 240px;
	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: 645px;
	float: left;
}

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

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

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


/*--------------------
      FORM RESET
---------------------*/
div.wpcf7 {
    margin: 0;
    padding: 0;
}

div.wpcf7-response-output {
    margin: 0;
    padding: 0 0 20px 0;
    border: 0;
    width: 100%;
    float: left;
    font-size: 16px;
}

div.wpcf7-mail-sent-ok {
    border: 0;
    text-align: center;
}

div.wpcf7-mail-sent-ng {
    border: 0;
    text-align: center;
}

div.wpcf7-spam-blocked {
    border: 0;
}

div.wpcf7-validation-errors {
    border: 0;
    text-align: center;
    margin: 0 0 14px 0;
}

span.wpcf7-form-control-wrap {
    position: relative;
}

span.wpcf7-not-valid-tip {
    z-index: 100;
    border: 0;
    font-size: 14px;
    width: 470px;
    float: left;
    margin: 5px 10px;
    line-height: 24px;
}

span.wpcf7-not-valid-tip-no-ajax {
    color: #f00;
    font-size: 10pt;
    display: block;
    margin: 0 0 0 16px;
   float: left;
}

span.wpcf7-list-item {
    margin-left: 0.5em;
}

.wpcf7-display-none {
    display: none;
}

div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
}

div.wpcf7 .watermark {
    color: #888;
}

span.clblk{
margin: 0 3px 0 0;
}

span.clpnk{
color: #dc9aa4;
margin: 0 3px 0 8px;
}


span.cautin{
font-size: 12px;
letter-spacing: 0;
line-height: 24px;
float: left;
margin: 10px 0 0 0;
}


/*-------------------------
      HASKAPP JWELLY
--------------------------*/
.prohdexr{
	width: 100%;
	float: left;
}

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

.prdfilebxj ul.prohask{
	width: 370px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_hskpur.gif);
	padding: 40px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 32px;
}

.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: 80px 0 0 0;
}

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

.prohskbx{
	width: 980px;
	margin: 0 20px;
	float: left;
	padding: 0 0 80px 0;
}

.prohskbxl{
	width: 480px;
	float: left;
}

li.phska{
	width: 180px;
	border-right: 3px solid #493277;
	border-left: 3px solid #493277;	
	float: left;
	height: 80px;
	margin: 0 150px;
}

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


li.phskc{
	width: 370px;
	margin: 0 55px;
	float: left;
}

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

.prohskbxr{
	width: 490px;
	float: left;
	margin: 110px 0 0 10px;
	border: 3px solid #493277;
	background: #FFFFFF;
	box-sizing: border-box;
}


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

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

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

dl.hsklast{
	border: none;
	padding: 30px;
}

.hskribbon{
	width: 57px;
	height: 102px; 
	float: left;
	margin: -590px 0 0 410px;
}

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

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: 980px;
	margin: 0 20px;
	float: left;
}

.varibxhsk ul{
	width: 300px;
	box-sizing: border-box;
	border: 2px solid #493277;
	float: left;
	background: #FFFFFF;
	margin: 13px;
	padding: 16px;
	height: 610px;
	text-align: center;
}

li.varinamek{
	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 dotted #493277;
}

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

.innersecond{
	width: 100%;
	float: left;
	margin: -135px 0 0 0;
}

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

.cathdpoint{
	text-align: center;
}

.cathdpoint ul{
	width: 270px;
	float: left;
	margin: 0 35px 0 35px;
	text-align: center;
}

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

li.catpoib{
	width: 100%;
	float: left;
	font-size: 22px;
	line-height: 40px;
	color: #b78a1e;
	margin: 14px 0 5px 0;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #b78a1e;
}

li.catpoic{
	width: 100%;
	float: left;
	text-align: justify;
	font-size: 13px;
	line-height: 28px;
	margin: 10px 0 0 0;
}


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



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

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

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


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

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

.bgabout{
	height: 600px;
	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{
	height: 700px;	
	background: url(https://haskapp.co.jp/common/images/mori_head_bread.jpg);
	background-size: cover;
}

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

.catifl{
	width: 444px;
	margin: auto;
	padding: 70px 288px 0 288px;
	text-align: center;
	color: #FFFFFF;
}


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

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

.catiflcn{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_cat_bk_line.png);
}

.catiflcn dt{
	width: 310px;
	float: left;
	border-bottom: 2px solid #FFFFFF;
	margin: 0 67px 20px 67px;
	padding: 15px 0 40px 0;
}

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

.catiflcn dd{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 40px;
	padding: 0 0 20px 0;
}

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

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

.catifltpc, .cattirbtc{
	width: 100%;
	height: 110px;
	float: left;
}

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

.catiflcnc{
	width: 100%;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_cat_wh_line.png);
	color: #d9ad58;
}

.catiflcnc dt{
	width: 310px;
	float: left;
	border-bottom: 2px solid #d9ad58;
	margin: 0 67px 20px 67px;
	padding: 15px 0 40px 0;
}

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

.catiflcnc dd{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 40px;
	padding: 0 0 20px 0;
}

.yellobtm{
	width: 290px;
	padding: 14px 0;
	margin: 70px 371px 100px 371px;	
	float: left;
	border: 3px solid #eab957;
	background: #fff080;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;	
}

.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: 290px;
	float: left;
	margin: 25px;
	height: 450px;
}

.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: 20px;
	line-height: 36px;
	margin: 10px 0;
	float: left;
	text-align: center;
}

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


li.protguide{
	font-size: 14px;
	line-height: 26px;
}

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

.spc80{
	width: 100%;
	height: 80px;
	float: left;
}

.cathhdesc{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 22px;
	line-height: 50px;
	padding: 70px 0;	
}

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

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

.gifthumbxx a{
	color: #6a3906;
}

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

.giftcp dd{
	width: 30%;
	font-size: 14px;
	line-height: 14px;
	margin: 10px 0 0 0;
	float: left;
	text-align: right;
}

span.dlink a{
	width: 100px;
	float: left;
	background: #c7ba9a;
	font-size: 14px;
	text-align: center;
	height: 30px;
	line-height: 30px	
}

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

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

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

.pagetitle{
	width: 980px;
	padding: 0 20px;
	margin: auto;
}

.pagetitle dl{
	width: 920px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_title_info.gif);
	padding: 0 30px;
	margin: 0 0 50px 0;
}

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

.pagetitle dd{
	font-size: 14px;
	letter-spacing: 0.2em;
	width: 50%;
	float: left;
	line-height: 50px;
	text-align: right;
}

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

.single64{
	width: 640px;
	float: left;
	margin: 0 20px;
}

li.singledate{
	font-size: 18px;
	line-height: 18px;
	margin: 0 0 20px 0;
}

li.singletitle{
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 30px 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: 94%;
	float: left;
	border-top: 1px dashed #7f4f21;
	margin: 50px 0 0 0;
	padding: 25px 3% 0 3%;
	text-align: center;
        color: #FFFFFF;
}

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

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

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

.single28{
	width: 280px;
	float: left;
	margin: 0 0 0 30px;
}

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

.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.3em;
	margin: 50px 0 30px 0;
	text-align: center;
	background: #f7b52d;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

li.infotguide{ 
	width: 100%;
	float: left;
	height: 70px;
}

li.infotguide a{ 
	color: #000000;
}

.sinpick dl{
	width: 100%;
	float: left;
	margin: 0 0 45px 0;
}

.sinpick dt{
	width: 100%;
	float: left;
        margin: 0 0 10px 0;	
}

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

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

.sinpick dd a{
	color: #7f4f21;
}

.sinpick dd a:hover{ 
	color: #f7b52d;
}

.infolist{
	width: 300px;
	float: left;
	margin: 0 10px 40px 10px;	
}

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

li.infotdate{
        font-size: 14px;
        line-height: 28px;
	color: #000000;
}

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

.cmlist{
	width: 980px;
	float: left;
	margin: 0 20px;
}

.cmlist ul{
	width: 400px;
	float: left;
	margin: 30px 45px;
}

li.cmflam iframe{
	height: 226px;
	float: left;
}

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

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

.evelist{
	width: 100%;
	float: left;
	border-top: 1px dashed #7f4f21;
	height: 30px;
	line-height: 30px;
	padding: 15px 0;
}

li.evelocak{
	width: 90px;
	text-align: center;
	background: #fdecca;
	margin: 0 0 0 0;
	float: left;
}

li.evedate{
	margin: 0 20px;
	float: left;	
}

li.evetitle{
	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: 100%;
	float: left;
}

.zinelist ul{
	width: 410px;
	height: 280px;
	float: left;
	margin: 0 40px;
}

li.zinecover{
	width: 115px;
	float: left;
	margin: 30px 25px 0 0;
}

li.zinedata{
	width: 270px;
	float: left;	
}

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


li.cmtitle{
	width: 100%;
	font-size: 18px;
	line-height: 24px;
	padding: 10px 0;
	float: left;
}

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

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


/*-------------------------
          CONTACT
--------------------------*/
.catiextrac{
	width: 326px;
	margin: auto;
	padding: 0 353px;
}

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

.catiextrac dt{
	width: 140px;
	margin: 0 91px 0 91px;
	height: 60px;
	border-left: 2px solid #b08047;
	border-right: 2px solid #b08047;
	font-size: 30px;
}

.catiextrac dd{
	width: 326px;
	text-align: center;
	background: url(https://haskapp.co.jp/common/images/mori_cake_orderti.png);
	background-size: cover;
	height: 116px;
	font-size: 28px;
	letter-spacing: 0.35em;
	line-height: 60px;
	float: left;
}

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

.contclm{
	width: 450px;
	float: left;
	margin: 0 30px;
}

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

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

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

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

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

dd.conradi{
	width: 410px;
	height: 20px;
	float: left;
	padding: 10px 20px 25px 20px;
}

dd.conradi label{
	width: 95px;
	float: left;
}

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

.bgwhite{
	background: #FFFFFF;
}

.contclm textarea{
	width: 100%;
	float: left;
	height: 200px;
	border: none;
	margin: 0;
	font-size: 14px;
	line-height: 24px;     
}

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

dl.contft dd{
	width: 98%;
        margin: 0 2% 0 0;
	float: left;
	background: none;
}

dl.contft input{
	width: 195px;
	height: 60px;
	font-size: 14px;
	line-height: 60px;
	margin: 0 0 40px 12px;
	float: right;
	background: #f7b52d;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

dl.contft input:hover{
	width: 195px;
	height: 60px;
	font-size: 14px;
	line-height: 60px;
	margin: 0 0 40px 12px;
	float: right;
	color: #FFFFFF;
	background: #7f4f21;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;	
}

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


.contover dl{
	width: 450px;
	float: left;
	margin: 30px;
}

.contover dt{
	width: 410px;
	height: 60px;
	line-height: 60px;
	font-size: 16px;
	padding: 0 20px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_con_sub.gif);
	margin: 0 0 30px 0; 
}

.contover dd{
	width: 430px;
	height: 500px;
	line-height: 28px;
	font-size: 16px;
	padding: 0 10px;
	float: left;
	margin: 0 0 20px 0;
	overflow: scroll;
}

/*-------------------------
        THANK YOU
--------------------------*/
.thxbx{
	width: 600px;
	padding: 0 240px;
	margin: auto;
}

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

.thxhead, .thxft{
	width: 100%;
	float: left;
}

.thxhead dt{
	width: 140px;
	margin: 0 230px 20px 230px;
	float: left;
}

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

.thxhead dd{
	width: 360px;
	margin: 0 120px;
	float: left;
}

.thxcom{
	width: 100%;
	float: left;
	text-align: center;
	margin: 40px 0;	
}

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

.thxcom li{
	width: 100%;
	float: left;
	font-size: 28px;
	line-height: 60px;
	padding: 30px 0;
}

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

li.thxa{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
}

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

li.thxb img{
	width: 100%;
}

li.thxc{
	width: 360px;
	height: 60px;
	margin: 0 120px 40px 120px;
	float: left;
	font-size: 20px;
	line-height: 60px;
	text-align: center;
	background: url(https://haskapp.co.jp/common/images/mori_bg_btm_contct.png);
	background-size: cover;
}

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

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



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

.abouthd{
	width: 300px;
	float: left;
	margin: 0 0 0 610px;
}

.abouthd dt{
	width: 140px;
	float: left;
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	margin: 0 80px;
	box-sizing: border-box;
	height: 80px;
}

.abouthd dd{
	width: 300px;
	border: 2px solid #FFFFFF;
	box-sizing: border-box;
	font-size: 28px;
	text-align: center;
	line-height: 40px;
	padding: 10px 0 20px 0;
	color: #FFFFFF;
	height: 110px;
	float: left;
	letter-spacing: 0.2em;	
}

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


.abouta{
	width: 100%;
	float: left;
	padding: 130px 0 110px 0;
	text-align: center;
	color: #000000;
}


.abouta dt{
	width: 200px;
	float: left;
	margin: 0 410px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
}

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

.aboutitle{
	width: 200px;
	float: left;
	margin: 100px 410px 0 410px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	text-align: center;
	color: #000000;
}

.aboutitlesec{
	width: 920px;
	float: left;
	padding: 0 50px 40px 50px;
	margin: 40px 0 0 0;
}

.aboutitlesec ul{
	width: 50%;
	float: left;
	padding: 0 0 100px 0;
	color: #000000;
}

.aboutitlesec ul{
	width: 50%;
	float: left;
	padding: 0 0 100px 0;
	color: #000000;
}

.aboutitlesec li{
	width: 100%;
	float: left;
	color: #000000;
	line-height: 55px;
}

span.aboutli{
	margin: -5px 0 0 35px;
	float: left;
}

.aboutgreel{
	color: #000000;
	width: 490px;
	float: left;
	padding: 120px 0 150px 0;
	margin: 0 60px 0 20px;
}

.aboutgreer{
	color: #000000;
	width: 430px;
	float: left;
	padding: 170px 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;
	padding: 20px 0 0 0;
	letter-spacing: 0.1em;
}

li.abtgreea{
	width: 470px;
	float: left;
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	letter-spacing: 0.5em;
	padding: 0 0 0 20px;
}

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

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

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

.aboutus{
	width: 980px;
	margin: 130px 30px 0 30px;
	float: left;
}
  
.aboutus img{
	width: 100%;
	float: left;
}
  
.aboutus dd{
	width: 200px;
	height: 70px;
	background: #FFFFFF;
	font-size: 18px;
	text-align: center;
	float: left;
	color: #000000;
	letter-spacing: 0.6em;
	margin: -500px 0 0 100px;
	line-height: 70px;
}
  

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

.abporofile dt{
	width: 60px;
	padding: 0 40px;
	float: left;
}
 
.abporofile dd{
	width: 660px;
	float: left;
}
 
.sign{
	width: 270px;
	float: left;
	margin: 0 375px;
}

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

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

.history{
	width: 780px;
	margin: 60px 90px 95px 90px;
	border-top: 1px solid #7f4f21;	
	border-bottom: 1px solid #7f4f21;
	float: left;
	height: 560px;
	overflow: scroll;
	padding: 0 10px;
	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: 300px;
	margin: 0 20px 80px 20px;
	float: left;
	color: #000000;
}

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

.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: 18px;
	line-height: 18px;
	margin: 15px 0;
}

li.strtime{
	width: 100%;
	float: left;
	height: 30px;
	line-height: 30px;
	background: #f7b52d;
}

span.stime{
	width: 120px;
	float: left;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}

span.sopcl{
	width: 180px;
	float: left;
	text-align: center;
	background: #fdedcd;
}

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

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

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

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

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

.strgoogle a{
	width: 100%;
	height: 45px;
	line-height: 40px;
	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
--------------------------*/
.breadinner{
	width: 1020px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_bg_bread_inner.png);
　　 background-blend-mode: multiply;	
	height: 2960px;	
}

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

.bre535{
	width: 535px;
	float: left;
}

.bre485{
	width: 485px;
	float: left;
}

.bre435{
	width: 425px;
	float: left;
	margin: 65px 0 0 60px;
}

.brdw{
	width: 425px;
	float: left;
	margin: 50px 0 60px 0;
}

.brdw img{
	width: 564px;
	float: left;
}

.brdww{
	width: 425px;
	float: left;
	margin: 115px 0 0 80px;
}

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

.brds img{
	width: 564px;
	float: left;
	margin: 25px 0 0 0;
}

.brdss{
	width: left;
	margin: 120px 0 0 0;
}

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

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

.brtitle img{
	width: 430px;
	float: left;
}

.brda{
	width: 100%;
	float: left;
	margin: 55px 0 0 0;
}

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

.brdln{
	float: left;
	width: 400px;
	margin: 50px 0 0 80px;
}


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

li.breguide{
	width: 420px;
	float: left;
	line-height: 35px;
	font-size: 15px;
}

li.brtitle img{
	width: 340px;
	float: left;
	margin: 10px 0;
}

li.brejname{
	width: 100%;
	margin: 10px 0;
	font-size: 20px;
	line-height: 40px;
}

.brbeg{
	width: 420px;
	margin: 115px 0 0 90px;
}

.brbegi img{
	margin: 60px 0 0 0;
	width: 564px;
	float: left;
	font-size: 20px;
	line-height: 40px;	
}

.cathdpointck{
	width: 980px;
	float: left;
	margin: 0 20px;
}

.ckhda{
	width: 300px;
	height: 500px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_cake_tpbg.png);
	background-size: cover;
	padding: 20px 60px 60px 60px;
	color: #FFFFFF;
}

li.ckname{
	width: 100%;
	font-size: 30px;
	line-height: 48px;
	border-bottom: 1px dashed #FFFFFF;
	float: left;
	padding: 0 0 35px 0;
	margin: 0 0 35px 0;
}

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

li.cklink{
	width: 100%;
	margin: 40px 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;
}

li.cklink a{
	color: #FFFFFF;
}

.ckhdb{
	width: 500px;
	float: left;
	margin: 150px 0 0 60px;
}

.ckhdb img{
	width: 100%;
}


.cakebxa{
	width: 400px;
	float: left;
	margin: 0 0 60px 20px;
	padding: 0 35px;
}


.cakeoda{
	width: 325px;
	float: left;
	margin: 0 38px 0 37px;
}

.cakeoda dt{
	width: 140px;
	float: left;
	border-right: 2px solid #b08047;
	border-left: 2px solid #b08047;	
	height: 65px;
	margin: 0 91px 0 90px;
}

.cakeoda dd{
	width: 275px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_cake_orderti.png);
	background-size: cover;
	height: 106px;
	text-align: center;
	font-size: 30px;
	letter-spacing: 0.2em;
	padding: 10px 25px 0 25px;
	color: #b08047;
}

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: 310px;
	float: left;
	margin: 20px 0 0 50px;
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 0.05em;
}

.cakeodc{
	width: 400px;
	height: 90px;
	float: left;
	background: url(https://haskapp.co.jp/common/images/mori_cake_orderlinkbg.png);
	background-size: cover;
	text-align: center;
	margin: 26px 0 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: 18px;
	line-height: 18px;
	height: 18px;
	letter-spacing: 0.1em;
}

.cakeodd{
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
	line-height: 26px; 
}

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

.cakeode li a{
	width: 180px;
	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 10px;
}

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

.cakebxb{
	width: 450px;
	float: left;
	margin: 140px 20px 0 0;
	padding: 0 30px;
}

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

.cakebxb dd{
	width: 158px;
	height: 110px;
	float: left;
	margin: -560px 0 0 250px;
	background: url(https://haskapp.co.jp/common/images/mori_cake_offbg.png);
	background-size: cover;
	color: #FFFFFF;
	text-align: center;
	font-size: 27px;
}

span.cksm{
	font-size: 15px;
	width: 90%;
	float: left;
	margin: 5px 5% 0 5%;
	padding: 0 0 8px 0;
	border-bottom: 1px dashed #FFFFFF;
	letter-spacing: 0.05em;
}

span.txtbg{
	font-size: 40px;
	line-height: 40px;
	margin: -5px 0 0 0;
}

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

.bgckcream, .bgsponge{
	height: 500px;
}

.halfbx{
	background: rgba(255,255,255,0.65);
	height: 170px;
	margin: 250px 0 0 0;
	width: 100%;
	padding: 40px 0;
	float: left;
}

.halfbx{
	height: 250px;
	width: 100%;
	float: left;
}

.halfbx dl{
	width: 500px;
	margin: auto;
}

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

span.smltxt{
	width: 100%;
	font-size: 18px;
	line-height: 18px;
	height: 18px;
    margin: 4px 0 0 0;
	padding: 10px 0;
	float: left;
	letter-spacing: 0.05em;	
}

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

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

.ckdpro{
	width: 290px;
	float: left;
	margin: 0 25px 20px 25px;
	height: 600px;
}

li.ckdcimg, li.ckdcimg img, li.ckdcname, li.ckdcptice, li.ckdcguide{
	width: 100%;
	float: left;
}

li.ckdcname{
	margin: 15px 0 5px 0;
	line-height: 28px;
	font-size: 17px;
	text-align: center;
}
		
li.ckdcptice{
	font-size: 24px;
	text-align: center;
}

span.smltxtck{
	font-size: 14px;
	margin: 0 0 0 6px;
}
		
li.ckdcguide{
	width: 270px;
	padding: 10px;
	border-top: 2px solid #c89f63;
	border-bottom: 2px solid #c89f63;	
	float: left;
	font-size: 14px;
	line-height: 24px;
	margin: 15px 0 18px 0;
}

span.tagold{
	color: #FFFFFF;
	background: #b78a1e;
	font-size: 13px;
	line-height: 13px;
	padding: 5px;
	float: left;
	color: #FFFFFF;
	margin: 0 10px 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: 100%;
	float: left;
	text-align: center;
	margin: 70px 0;
}

.cktitle dt{
	width: 100%;
	float: left;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.2em;
	margin: 20px 0 20px 0;
}

.cktitle dd{
	width: 100%;
	float: left;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0.05em;
}


.ckform{
	width: 700px;
	float: left;
	margin: 0 160px;
	padding: 0 0 100px 0;
}

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

.ckform dt{
	width: 200px;
	float: left;
}

.ckform dd{
	width: 500px;
	float: left;
}

.ckform dd.cka{
	width: 460px;
	float: left;
	background: #FFFFFF;
	padding: 15px 20px;
	line-height: 40px;
	font-size: 18px;
}

.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: 86px;
	padding: 10px 20px;
	line-height: 24px;
	font-size: 16px;
	border: none;
	float: left;
}

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

span#tanib{
	width: 25px;
	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: 470px;
	background: #FFFFFF;
	border: none;
	float: left;
	font-size: 16px;
	line-height: 25px;
	padding: 10px 15px;
}

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

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

dd.ckc select{
	width: 40px;
	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: 90px;
	float: left;
	background: #FFFFFF;
	height: 40px;
	margin: 0 10px 15px 0;
}

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

dd.ckd textarea{
	width: 470px;
	height: 170px;
	line-height: 32px;
	padding: 15px;
	float: left;
	border: none;
	font-size: 16px;
}

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

span.ssmltxt{
	width: 100%;
	float: left;
	font-size: 13px;
}

.ckodcau{
	width: 500px;
	margin: 10px 0 0 200px;
	float: left;
}

.ckodcau dt{
	width: 500px;
	float: left;
}

.ckodcau dt input{
	width: 500px;
	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 20px 0;
}

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

.ckodcau dd{
	width: 500px;
	float: left;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	margin: 20px 0 0 0;
}

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: 500px;
	font-size: 14px;
	line-height: 28px;
	float: left;
	margin: 0 0 30px 200px;
	border: 1px dashed #793621;
	padding: 20px;
	box-sizing: border-box;
}

.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{
	background: #f7b52d;
	display: inline;
	padding: 0 4px;
	margin: 0 3px;
}

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


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

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

.slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 16px;
    height: 16px;
    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: 16px;
    height: 16px;
    content: '';
    text-align: center;
    opacity: 0;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background: #f7b52d;
	color: #f7b52d;
    border-radius: 10px; 
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;	
}

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

.prospacer{
width: 100%;
float: left;
height: 80px;
}

.pagenvbox{
width: 100%;
border-top: 1px dashed #000000;
padding: 16px 0 0 0;
float: left;
margin: 20px 0 0 0;
}

.pagenvbox ul{
width: 100%;
margin: auto;
text-align: center;
}

.cakeodd a{
	color: #793621;
}

/*-------------------------
       DISPLAY NONE
--------------------------*/
.sptxt, .tabtxt{
	display: none;
}

.spnav{
	display: none;
}

.spheadsl{
	display: none;
}

.spimg{
	display: none;
}

.nav-wrap{
	display: none;
}

.tpspud{
	display: none;
}

.hdsignsp{
	display: none;
}

.hskribbonsp{
	display: none;
}

.jellyftlsp{
	display: none;
}