@charset "utf-8";
/* CSS Document */

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align:baseline;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, header, footer, aside, figure, figcaption, nav, section { 
  display:block;
}
body {
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body img {
	vertical-align:bottom;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

body s {
	color:#000;	
}


body div:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 

body ul:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  


body li:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  

body {
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}


header {
	width:1080px;
	margin:30px auto 30px;
}

header:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  

header h1 {
	float:left;	
}

header ul {
	float:right;	
	width:331px;
	margin-top:35px;
}



header ul li.header01,
header ul li.header02,
header ul li.header03,
header ul li.header04 {
    float: left;
	margin:2px 0 0 10px;
}

header ul li.header01 img,
header ul li.header02 img,
header ul li.header03 img,
header ul li.header04 img {
	width:33px;
	margin-top:5px;
}


header ul li.header05 {
	float:left;
	margin:0 0 0 15px;	
}

header ul li img {
	vertical-align:bottom;	
	margin:0;
	padding:0;
}

body div.campaign_header01 {
	width:1080px;
	margin:0 auto 5% auto;
	padding:30px;
	background:#fff;
	border:5px solid #e5e5e5;		
}

body div.campaign_header01 .campaign_header01_01 {
	width:520px;
	float:left;	
}


body div.campaign_header01 .campaign_header01_01 p.campaign_header_limit {
	margin:0;
	padding:10px;
	text-align:center;
	background:#eee;
}

body div.campaign_header01 .campaign_header01_01 p.campaign_header_text {
	margin:20px 15px;
	line-height:1.6;	
}

body div.campaign_header01 .campaign_header01_02 {
	width:590px;
	float:right;	
}

body div.campaign_header01 .campaign_header01_02 .campaign_header_detail a {
	display:block;
	background:#000;
	color:#fff;	
	text-align:center;
	padding:10px;
	margin:5px auto 0;
	width:50%;
	text-decoration:none;
}


body .campaign_banner {
	width:1080px;
	margin:0 auto 5% auto;
	padding:2%;
	background:#eee;
	border:5px solid #e5e5e5;	
}

.campaign_banner01 {
	width:49%;
	float:left;
	margin:0;	
	padding:0;
}

.campaign_banner01 img {
	width:100%;	
	margin:0;
	padding:0;
}

.campaign_banner02 {
	width:49%;
	float:right;
	margin: 0;	
	padding:0;
}

.campaign_ymd {
	border:1px solid #000;
	padding:1%;
	margin:0 0 3% 0;
	text-align:center;
	background:#fff;	
}


#present h2.present_title {
	padding-bottom:10px;
	margin: 40px 10px 20px 10px;	
}

.present_info {

}


.present_info01 {
	border:1px solid #740003;
	margin:0 2% 2%;
	padding:2%;
	background:url(https://qlia.net/zakka/images/hmd/prize_a.png) no-repeat top left;
}


.present_info01 ul li{
	display:inline-block;
	width:22%;
	margin:0 0 0 2%;
	text-align:center;
	font-size:12px;
	line-height:1;
	vertical-align:top;
}

.present_info01 ul li img{
	width:100%;
	vertical-align:top;
}

.present_info02 {
	border:1px solid #041f34;
	margin:0 2% 2%;
	padding:2%;
	background:url(https://qlia.net/zakka/images/hmd/prize_b.png) no-repeat top left;
}

.present_info02 ul li{
	display:inline-block;
	width:30%;
	margin:0 0 0 2%;
	text-align:center;
	font-size:12px;
	line-height:1;
	vertical-align:top;
}

.present_info02 ul li img{
	width:100%;
	vertical-align:top;
}

.present_info img {
	margin-bottom:10px;
}

body #main_img #present .present_info h3 {
	margin:10px 0 20px 0;
	padding:0;
	font-size:26px;
	text-align:center;
}

body #main_img #present .present_info p {
}

.present_info .present_txt {
	background:#eee;
	margin-top:20px;
	padding:1.5% 3%;	
	line-height:1.5;
	font-size:15px !important;
}

#present_flow {
	width:100%;
	margin:2rem auto;	
}

body #present_flow h3#present_flow_title {
	text-align:center;
	font-size:32px;
	border-bottom:5px solid #000;
	margin:0 0 10px 0;
	padding:0 0 10px 0;	
}

#present_flow ul li {
	display:inline-block;	
	margin:10px;
	padding:0;
	vertical-align:top;	
	width:377px;
}

body #present_flow li h4 {
	margin:0 0 10px 0;
	padding:0;
	text-align:left;	
	font-size:18px;
	line-height:1.4;
}

#present_flow li img {
	vertical-align:top;	
	width:377px;
	border:1px solid #000;
	margin:0;
	padding:0;
}

body #present_flow li p {
	font-size:12px;
	line-height:1.4;
	margin-top:10px;	
}

body #present p.flow_period {
	background:#000;
	color:#fff;
	font-size:12px;
	padding:2%;
	font-weight:normal;
	line-height:1.6;
}

body #present p.flow_period strong {
	font-size:18px;	
}

.campaign_detail {
}

.campaign_detail a {
	width:100%;
	display:block;
	padding:2% 3%;
	text-align:center;
	background:#000;
	color:#fff;	
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
}

body .campaign_banner p.campaign_subtitle {
	background:#000;
	color:#fff;
	text-align:center;
	font-size:18px;
	padding:1%;
	font-weight:bold;	
}

body .campaign_banner p.campaign_title {
	text-align:center;
	font-size:36px;
	font-weight:bold;	
	line-height:1.4;
	margin:2% 0 2% 0;
	color:#000;
}

.campaign_banner p {
	font-size:14px;	
	line-height:1.5;
	margin-bottom:2%;
	color:#000;
}

.campaign_banner ol {
	list-style-type:decimal;
	margin:10px 0 15px;
	padding:0;	
	font-size:14px;
}

.campaign_banner ol li {
	margin:0 0 8px 24px;
	padding:0;	
	line-height:1.4;
}

.campaign_banner ul {
	margin:0 0 20px 0;
	padding:10px 10px 10px 20px;
	background:#ccc;
	font-size:12px;	
}

.campaign_banner ul li {
	line-height:1.4;
	list-style-type: none;
	text-indent: -1em;
	margin:0 0 8px 0;
}

.campaign_banner ul li:before {
	display: inline;
	content: "※";
}

#campaign_detail_text p {
	margin:1% 5%;	
	line-height:1.4;
	font-size:14px;
}

#campaign_detail_text li {
	margin:1.5% 3%;	
	line-height:1.4;
	font-size:14px;
}

#campaign_detail_text ul {
	list-style-type:disc;	
	margin:0 7%;
}


#main_img {
	width:1080px;
	margin:0 auto 0px;
}

#main_img img {
	width:1080px;	
}

.title01 {
	width:1080px;
	text-align:center;
	background:url(https://qlia.net/zakka/images/title01_bg.png) center ;	
}

#topics {
	width:1120px;
	margin:0 auto;
	padding-left:20px;
}

#topics .viewall {
	float:right;
	margin:-10px 30px 0 0;
	font-size:12px;
	font-weight:bold;	
}

#topics .viewall a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

#topics .viewall a:hover {
	border-bottom:2px dotted #000;	
}

#topics .topic_entry {
	float:left;
	margin:40px 10px 60px 0;
	padding:20px 0;

}

.topic_contents {
	width:520px;
	background:#f1efe7;		
}

#topics_list {
	margin:0;
	padding:0;	
}

#topics_list li {
	margin:0;
	padding:0;	
}

#topics_list li:nth-child(odd) {

}

#topics .topic_img {
	width:150px;
	float:left;
	margin:20px 0 0 20px;	
}

#topics .topic_img img {
	width:150px;	
	height:150px;	
}

.topic_cont {
	width:325px;
	float:right;
	margin-top:-75px;
	margin-bottom:25px;
}

.topic_cont h3 {
	font-weight:bold;
	margin:10px 0 20px 0;
	font-size:14px;	
}

.topic_cont .topic_text {
	margin:0 0 20px 0;	
	line-height:1.6;
	font-size:14px;	
	width:270px;
}

.topic_cont .topic_detail {
	float:right;
	margin-top:0px;
	margin-right:20px;
}

.topic_cont .topic_detail a {
	display:block;
	padding:10px 20px 6px;
	font-size:12px;
	border:2px solid #000000;	
	text-decoration:none;
	color:#000000;
	font-weight:bold;	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.topic_cont .topic_detail a:hover {
	border:2px solid #000000;
	background:#000000;
	color:#ffffff;
}


.topic_new {
	position:relative;
	top:-20px;
	right:-15px;
	float:right;
}

.features_bg {
	padding-top:1px;
	background:#f1efe7;
}

body .features .viewall {
	float:right;
	margin:-10px 10px 0 0;
	font-size:12px;
	font-weight:bold;	
}

body .features .viewall a {
	font-weight:bold;
	text-decoration:none;
	color:#000;
}

body .features .viewall a:hover {
	border-bottom:2px dotted #000;	
}

body .features .goods_news {
	margin:40px 0 0 0;	
}

body .features .goods_news li {
	float:left;	
	width:340px;
	margin-right:30px;
	margin-bottom:20px;
}

body .features .goods_news li:nth-child(3n) {
	margin-right:0;	
}

body .features .goods_news li img {
	width:340px;
	height:auto;
	border:1px solid #000000;
}

body .features .goods_news li p {
	margin:0 0 10px 0 ;	
}

body .features .goods_news li p.topic_text {
	font-size:14px;
	font-weight:bold;
}

body .features .goods_news .topic_detail {
	width:40%;
	margin-left:30%;
	margin-right:30%;
}

body .features .goods_news .topic_detail a {
	display:block;
	padding:10px 20px 6px;
	font-size:12px;
	border:2px solid #000000;	
	text-decoration:none;
	color:#000000;
	font-weight:bold;	
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

body .features .goods_news .topic_detail a:hover {
	border:2px solid #000000;
	background:#000000;
	color:#ffffff;
}




#features_wrapper {
	width:100%;
	/*background-image: linear-gradient(transparent 50%, #f1efe7 50%);*/
	margin:0 0 50px 0;
	padding:0;
	text-align:center;
}


.features {
	width:1080px;
	margin:0 auto;		
}

.features ul {
	margin:60px 0 60px ;
}

.features ul li {
	width:225px;
	text-align:center;
	float:left;
	margin:0 60px 0 0;
}


.sns_wrapper {
	padding:0 0 60px 0;	
	width:100%;	
	text-align:center;
}

.sns_inner {
	width:1040px;	
	margin:0 auto;
}

.sns_inner p.subtitle2 {
	margin:3% 0;
	text-align:center;
	font-size:12px;
	font-weight:bold;
}

.tweets {
	width:500px;
	float:left;
	vertical-align:top;
	text-align:center;
}

.tweets_inner {
	width:100%;
	max-width:500px;
	margin:0 auto;	
}

.igs {
	width:500px;
	float:right;
	vertical-align:top;
	text-align:center;
	position: relative;
}

.igs iframe {
	top:0;
	left:0;
	z-index:100;
}

.igs img#seethrough {
	position: absolute;
	top:0;
	left:0;
	z-index:1000;
}

#brands {
	width:1080px;
	margin:30px auto;	
}

#brands ul {
	margin:30px 0 30px 0;	
}

#brands ul li {
	float:left;
	margin:14px;
	background:#fff;
}

#brands ul li a {
	margin:0;
	padding:0;	
}

#brands ul li img {
	width:242px;	
	border:1px solid #000;
	vertical-align:bottom;
}


#brands ul li span.new_icon {
	position:relative;
	left:55px;
	z-index:1000;
	margin-left:-55px;
}

#brands ul li span.new_icon img {
	width:55px;	
	border:none;
	vertical-align:top;
}

#brands ul li span.comingsoon_icon {
	position:absolute;
	margin-top:1px;
	width:240px;
	height:70px;
	z-index:1000;
	background:rgba(0,0,0,0.3);
}

#brands ul li span.comingsoon_icon img {
	width:240px;	
	border:none;
	vertical-align:bottom;
}


#brands ul li {

}


.title03 {
	width:1080px;
	text-align:center;
	background:url(https://qlia.net/zakka/images/title03_bg.png) no-repeat center;	
}

#onlinestore {
	width:1080px;
	margin:30px auto;	
}

#onlinestore h2 {
	margin-bottom:30px;	
}


#onlinestore ul li img {
	margin-left:37px;	
}

#onlinestore ul li.onlinestore04 {
	margin:0;	
}


#onlinestore ul li h3 a {
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	border-bottom:2px dotted black;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#onlinestore ul li:hover {
	cursor:pointer;	
}

#onlinestore ul li:hover h3 a {
		border-bottom:2px solid #faef42;
}

.onlinestore_detail a {
	display:block;
	margin:0 auto 40px;
	padding:13px 30px 13px 65px;
	background:url(https://qlia.net/zakka/images/icon_os_3.png) no-repeat 30px center #000000;
	background-size:30px;
	width:300px;
	font-size:16px;
	font-weight:normal;
	color:#ffffff;
	text-decoration:none;
	line-height:1;
	border:2px solid #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.onlinestore_detail a:hover {
	background:url(https://qlia.net/zakka/images/icon_os.png) no-repeat 30px center ;
	background-size:30px;
	color:#000000;
	border:2px solid #000000;
}

.view_detail a {
	display:block;
	background:#000;
	color:#ffffff;
	margin:0 auto 40px;
	padding:13px 0;
	width:300px;
	font-size:16px;
	font-weight:normal;
	text-align:center;
	text-decoration:none;
	line-height:1;
	border:2px solid #000000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.view_detail  a:hover {
	background:#fff;
	color:#000000;
	border:2px solid #000000;
}

#smapho {
	width:1080px;
	margin:0 auto;	
}

#smapho01 {
	width:1000px;
	margin:0 auto;
	line-height:1.5;	
}

.smapho01_01 {
	width:55%;
	float:left;	
}

.smapho01_01 h3 {
	font-size:30px;	
	line-height:1.2;
	margin:70px 0 0 50px;
}

.smapho01_01 p {
	font-size:20px;
	margin:20px 0 0 50px;	
}

.smapho01_01 p img {
	margin:10px 0 0 40px;
	width:60%;
}

.smapho01_02 {
	width:45%;
	margin-top:40px;	
	float:right;	
}

.smapho01_02 img {
	width:80%;	
}

.smapho01_02 p {
	font-size:12px;
	color:rgba(153,0,0,1);

}

#smapho02 {
	width:1080px;
	margin:0 auto 50px;
	line-height:1.5;	
}


/*#smapho02 #smapho02_02 {
	width:1000px;
	margin:0 auto;
}

#smapho02 #smapho02_02 ul li {
	float:left;	
	padding:10px;
	margin:10px 15px;
	width:30%;
}

#smapho02 #smapho02_02 ul li img {
	width:100%;
}

#smapho02 #smapho02_02 ul li {
box-shadow:7px 6px 0px -1px #919191;
-moz-box-shadow:7px 6px 0px -1px #919191;
-webkit-box-shadow:7px 6px 0px -1px #919191;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:2px solid #000000;
}*/


#smapho02 #smapho02_03 {
	width:1100px;
	margin:0 auto;
}

#smapho02 #smapho02_03 ul li {
	float:left;
	width:33%;
}
#smapho02 #smapho02_03 ul li img {
	width:100%;	
}
#smapho02 #smapho02_03 p {
	font-size:20px;
	margin:60px 0 40px 50px ;	
}


#smapho03 {
	width:100%;
	text-align:center;
	margin:0 auto 60px;
	line-height:1.5;	
	background:url(https://qlia.net/zakka/images/smapho/bg.jpg) repeat-x top #f7f6f1;
}

#smapho03 img {
	width:900px;
}

#wallet {
	width:1080px;
	margin:0 auto;
	line-height:1.5;	
}

#wallet .wallet_wrapper h3 {
	font-size:26px;
	text-align:center;
	font-weight:bold;
	margin:20px 0;
}

#wallet h4 {
	font-size:22px;
	font-weight:bold;
	margin:20px 0;
}

#wallet .wallet01 {
	width:1000px;
	margin:50px auto;
}

#wallet .wallet01 .wallet_text {
	float:left;
}

#wallet .wallet01 .wallet_text h4 {
	font-size:36px;	
	margin:80px 0;
}

#wallet .wallet01 .wallet_text p {
	line-height:2;
	font-size:22px;	
}

#wallet .wallet01 .wallet_img {
	float:right;
	margin-bottom:20px;
}

#wallet .wallet01 .wallet_img:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	

#wallet .wallet01 .wallet_img img{
	width:393px;	
	margin-bottom:20px;
}

#wallet .wallet01 .wallet_img p {
	font-size:12px;	
	width:360px;
}

#wallet .wallet02 p {
	margin:60px 0 30px;
	text-align:center;
	font-size:20px;
}

/*.wallet02_01 {
	width:1200px;
	margin:0 auto;
	text-align:center;
}

.wallet02_01 ul li {
	display: inline-block;
	padding:10px;
	margin:10px 20px 20px 20px;
}

.wallet02_01 ul li img {
	width:100%;
}

.wallet02_01 ul li {
box-shadow:7px 6px 0px -1px #919191;
-moz-box-shadow:7px 6px 0px -1px #919191;
-webkit-box-shadow:7px 6px 0px -1px #919191;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:2px solid #000000;
}
*/

.wallet03 {
	width:1080px;
	text-align:center;	
	margin:80px 0;
}

.wallet03 h4 {
	margin:0;	
}

.wallet03 p {
	margin:0;	
}


#aprilo {
	width:1080px;
	margin:0 auto;	
}

#aprilo div {
	margin:0 0 30px 0;	
}

.aprilo_text {
	float:left;
	width:540px;
}

.aprilo_photo {
	float:right;
	width:500px;
	padding-top:30px;
}

.aprilo_photo img {
	margin:0;
	padding:0;	
}

#aprilo h3 {
	border:1px solid #000;
	margin:30px 0;
}

.aprilo_text p {
	text-align:center;
	line-height:1.6;	
}



#fairy {
	width:1080px;
	margin:0 auto;
	line-height:1.5;	
}

#fairy h3 {
	font-size:30px;
	font-weight:bold;
	margin:20px 0 40px;
	text-align:center;
}

#fairy .fairy01 {
	width:1000px;
	margin:50px auto;
}

#fairy .fairy01 p {
	margin:20px 0 10px 0 ;	
}

#fairy .fairy01 ul {
	list-style-type:disc;
	margin-left:30px;
}

#fairy .fairy01 ul li {
	margin:0 0 5px 0;	
}

#fairy .fairy02 {
	width:1010px;
	margin:50px auto;
	padding:10px 0;
	border:5px solid #eee;
}

#company {
	background:url(https://qlia.net/zakka/images/company/company_img.jpg) no-repeat left bottom;	
	width:1080px;
	margin:0 auto;
}

#company dl {
	width:600px;
	margin:30px 0 20px 480px;
	font-size:13px;
}

#company dl:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
} 


#company dl dt {
	width:120px;
	padding:7px 10px;
	line-height:1.4;
	font-weight:bold;
	border-top:1px dotted #ccc;
	float : left;/* 左に寄せる */
	clear : both;/* フロートの解除 */
}

#company dl dd {
	float:right;
	width:480px;
	border-top:1px dotted #ccc;
	padding:7px 10px;
	line-height:1.5;
}

#contact {
	width:1080px;
	margin:0 auto;
	line-height:1.5;	
}

#contact h3 {
	font-size:20px;
	font-weight:bold;
	padding:7px 0 7px 10px;
	border-left:8px solid #000;
	margin:20px 0;
	background:#eee;
}

#contact dl {
	margin:0 20px;	
}

#contact p {
	margin:10px 20px;	
}

#contact dl dt {
	margin:20px 0 10px 0;
	font-weight:bold;
}

#contact dl dt span {
	margin-right:5px;	
	font-weight:bold;
}

#contact dl dd {
	padding-bottom:20px;
	margin:10px 0 10px 0;
	border-bottom:1px dotted #000;
}

#contact dl dd span {
	margin-right:5px;	
}

#contact h4 {
	margin:20px 20px 10px 20px;	
	font-size:18px;
	font-weight:bold;
}

#shoplists {
	border:1px solid #000;
	padding:2%;	
	margin:2% 0;
}

#shoplists h4 {
	margin:0 0 1% 0;
	padding:0;	
	font-size:16px;
}

#shoplists h5 {
	margin:0;
	padding:0;	
}

#shoplists p {
	font-size:14px;
	margin:0.5% 0 2% 0;
	padding:0;	
}

#shoplists ul {
	margin:0 0 5% 0;
	list-style-type:disc;
}

#shoplists ul li {
	margin-left:20px;
	font-size:14px;
}

#shoplists ul li a {
	text-decoration:none;
	color:#000;
}

#shoplists ul li a:hover {
	text-decoration:underline;	
}

#shoplists01 {
	float:left;
	width:33%;	
}

#shoplists02 {
	float:left;
	width:33%;	
}

#shoplists03 {
	float:left;
	width:33%;	
}

body #contact #contact01_text {
	margin:30px 20px 40px 20px;	
}

.contact_menu {
	width:1080px;
	margin:0 auto;
	text-align:center;
}

.contact_menu li {
	display: inline-block;
	width:350px;
	margin:10px 0 30px 15px;
}

.contact_menu li a {
	display:block;
	border:3px solid #000;
	padding:15px 0;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.contact_menu li a:hover {
	background:#000;
	color:#fff;
}

.tel_number {
	font-size:24px;	
	font-weight:bold;
}

.tel_number strong {
	background:#000;
	color:#fff;	
	padding:2px 10px;
	margin:0;
}

.tel_number span {
	margin:0;
	font-size:14px;
}

.bottle_img{
	margin:20px 20px 10px 20px;	
	background:#fff;
	padding:20px;
	text-align: center;
}


.bottle_img li {
	display: inline-block;
	margin:0 20px 0 0;	
	padding:0;
	text-align:center;
	font-size:12px;
}

.bottle_img li img{
	width:65px;
	vertical-align:bottom;
}

.bottle_type01 {
	float:left;
	width:570px;
	margin:0 20px 20px 20px;
	background:#eee;
	border:1px solid #ccc;
}

.bottle_type02 {
	float:left;
	width:570px;
	margin:0 0 20px 0;
	background:#eee;
	border:1px solid #ccc;
}

.bottle_type03 {
	clear:both;
	background:#eee;
	margin:20px;
	border:1px solid #ccc;
}


.bottle_buy {
	text-align:center;
}


.bottle_buy li {
	display:inline-block;
	width:240px;
	margin:0 10px;
	text-align:center;
}

.bottle_buy li a {
	display:block;
	border:3px solid #000;
	padding:7px 0;
	text-decoration:none;
	font-weight:bold;
	color:#000;
	font-size:16px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.bottle_buy li a:hover {
	background:#000;
	color:#fff;
}

.contact_menu li:first-child {
	margin-left:0;	
}

.bottle_coment01 {
	text-align:center;	
}

#pageTop {
  position: fixed;
  bottom: 75px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 9999;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

#pageTop a img {
	z-index: 10000;	
	border:3px solid #000;
}


footer {
	background:#000000;	
	padding:20px 0;
	width:100%;
	text-align:center;
}

footer ul {
	text-align:center;
	margin:10px auto;	
}

footer ul li{
	display: inline-block;
	margin:0 10px;
}

footer ul li a{
	font-size:12px;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
}

footer ul li a:hover{
	text-decoration:underline;
}
address {
	color:#ffffff;
	font-style:normal;	
	font-weight:normal;
	font-size:12px;
	margin-top:20px;
}

footer img {
	margin:20px auto 0;	
}

footer p {
	margin:8px auto 10px;
	text-align:center;	
	color:#fff;
	font-size:10px;
	line-height:1.6;
}




#hmd02 .slider-for {
	width:597px;
	margin:0 auto 20px ;
	text-align:center;
}

#hmd02 .slider-for img {
	margin-top:10px;
}

#hmd02 .slider-nav {
	width:100%;
	margin:0 auto;	
}

#hmd02 .container img {
	border:1px solid #999999;	
}

#hmd02 .slider-nav img {
	width:100%;
	border:none;
	background:#e6e6e6;
}

#hmd02 .slider-nav .slick-slide {
	padding:10px;
	background:#e6e6e6;
	border:5px solid #fff;
	text-align:center;
	font-size:10px;
	font-weight:normal;
	line-height:1.2;
	margin:0;
}

#hmd02 .slider-nav .slick-current{
	background:rgba(204,255,255,1);
}



#hmd03 .slider-for2 {
	width:597px;
	margin:0 auto 20px ;
	text-align:center;
}

#hmd03 .slider-for2 img {
	margin-top:10px;
}

#hmd03 .slider-nav2 {
	width:100%;
	margin:0 auto;	
}

#hmd03 .container img {
	border:1px solid #999999;	
}

#hmd03 .slider-nav2 img {
	width:100%;
	border:none;
	background:#e6e6e6;
}

#hmd03 .slider-nav2 .slick-slide {
	padding:10px;
	background:#e6e6e6;
	border:5px solid #fff;
	text-align:center;
	font-size:10px;
	font-weight:normal;
	line-height:1.2;
	margin:0;
}

#hmd03 .slider-nav2 .slick-current{
	background:rgba(204,255,255,1);
}


/* ohter */
/* -------------------------------------------------- */

.center{ text-align:center; }
.right{ text-align:right; }
.font13{ font-size:13px;  }

.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml60{ margin-left:60px; }

.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr35{ margin-right:35px; }

.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }



@media screen and (min-width: 768px) {
.button {
	color: #fff;
	text-align:center;
}

header ul li.header01 a {
	text-indent:-9999px;
	display:block;
	background:url(https://qlia.net/zakka/images/icon_fb.png) no-repeat center center;
	background-size:80%;
	background-color: #333;
	height: 43px;
	width: 43px;
	border-radius: 50%;
	border:2px solid #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

header ul li.header01 a:hover {
	background:url(https://qlia.net/zakka/images/icon_fb_02.png) no-repeat center center;
	background-size:80%;
	background-color: #fff;	
	border:2px solid #333;
}

header ul li.header02 a {
	text-indent:-9999px;
	display:block;
	background:url(https://qlia.net/zakka/images/icon_tw.png) no-repeat center center;
	background-size:80%;
	background-color: #333;
	height: 43px;
	width: 43px;
	border-radius: 50%;
	border:2px solid #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

header ul li.header02 a:hover {
	background:url(https://qlia.net/zakka/images/icon_tw_02.png) no-repeat center center;
	background-size:80%;
	background-color: #fff;	
	border:2px solid #333;
}
header ul li.header03 a {
	text-indent:-9999px;
	display:block;
	background:url(https://qlia.net/zakka/images/icon_ig.png) no-repeat center center;
	background-size:80%;
	background-color: #333;
	height: 43px;
	width: 43px;
	border-radius: 50%;
	border:2px solid #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

header ul li.header03 a:hover {
	background:url(https://qlia.net/zakka/images/icon_ig_02.png) no-repeat center center;
	background-size:80%;
	background-color: #fff;	
	border:2px solid #333;
}


header ul li.header04 a {
	text-indent:-9999px;
	display:block;
	background:url(https://qlia.net/zakka/images/icon_mail.png) no-repeat center center;
	background-size:80%;
	background-color: #333;
	height: 43px;
	width: 43px;
	border-radius: 50%;
	border:2px solid #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

header ul li.header04 a:hover {
	background:url(https://qlia.net/zakka/images/icon_mail_02.png) no-repeat center center;
	background-size:80%;
	background-color: #fff;	
	border:2px solid #333;
}

header ul li.header04 {
    float: left;
	margin:2px 0 0 10px;
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button5::before,
.button5::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button5,
.button5::before,
.button5::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.button5 a:hover {
	display:block;
	width:210px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	color:#ffffff;
	background:url(https://qlia.net/zakka/images/icon_os_3.png) 15px 2px no-repeat #000000;
	background-size:35px;
	border:2px solid #000000;
}

.button5 a {
	display:block;
	border:2px solid #000000;	
	width:210px;
	text-align:center;
	font-weight:bold;
	margin:0;
	padding:13px 0 13px 25px;
	text-decoration:none;
	color:#000000;
	background:url(https://qlia.net/zakka/images/icon_os.png) 15px 2px no-repeat;
	background-size:35px;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#features ul li p {
	margin-bottom:60px;
}

#features ul li.features04 {
	margin:0;	
}

#features ul li.features01 {
	background:url(https://qlia.net/zakka/images/feature_01_off.png) no-repeat center bottom;
	background-size:100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#features ul li.features01:hover {
	cursor:pointer;
}

#features ul li.features02 {
	background:url(https://qlia.net/zakka/images/feature_02_off.png) no-repeat center bottom;
	background-size:100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#features ul li.features02:hover {
	cursor:pointer;
}

#features ul li.features03 {
	background:url(https://qlia.net/zakka/images/feature_03_off.png) no-repeat center bottom;
	background-size:100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#features ul li.features03:hover {
	cursor:pointer;
}

#features ul li.features04 {
	background:url(https://qlia.net/zakka/images/feature_04_off.png) no-repeat center bottom;
	background-size:100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

#features ul li.features04:hover {
	cursor:pointer;
}
.tweets {
	padding-left:40px;	
}

.igs iframe {
	width:500px;
	height:500px;	
}


body #wallet .wallet02_02 ul {
	width:1000px;
	margin:50px auto;	
}

body #wallet .wallet02_02 ul li {
	margin:80px 0;	
}

body #wallet .wallet02_02 ul li img {
	float:left;
}


body #wallet .wallet02_02 ul li img.wallet_img02 {
	width:35%;
	margin:0 4%;
}

body #wallet .wallet02_02 ul li div {
	float:left;
	width:55%;
}

body #wallet .wallet02_02 ul li div img {
	margin-right:40px;	
}

body #wallet .wallet02_02 ul li div h3 {
	font-size:24px;
	font-weight:bold;
	margin:20px 40px 40px 40px;
	padding:0;
}

body #wallet .wallet02_02 ul li div p {
	text-align:left;	
	font-size:15px;
	line-height:2.2;
	margin:0 0 0 40px;
	padding:0;
}

.privacy_policy {
	width:1080px;
	margin:0 auto;
	line-height:1.5;	
}

.privacy_policy h3 {
	font-size:20px;
	font-weight:bold;
	padding:7px 0 7px 10px;
	border-left:8px solid #000;
	margin:20px 0;
	background:#eee;
}

.privacy_policy h4 {
	font-size:18px;
	font-weight:bold;
	padding:7px 0;
	margin:20px 0 10px;
}

.privacy_policy div.company_info {
	margin:20px 0 ;	
	font-size:16px;	
}

.privacy_policy div.company_info h5 {
	font-weight:bold;
	font-size:16px;	
	margin:0;
}

body #present {
	line-height:160%;
	margin-bottom:80px;
}

body #present h2 {
	font-size:30px;
	font-weight:bold;
	margin:3rem 5% 2rem 5%;
	padding-bottom:1.1rem;
	border-bottom:3px solid #000;
	text-align:center;
}

body #present h3 {
	font-size:24px;
	font-weight:bold;
	margin:2rem 5% 1rem;
	vertical-align:middle;
}

body #present h3 span {
	color:#fff;
	font-size:12px;
	font-weight:normal;
	margin-left:20px;
	padding:5px 10px;
	line-height:1;
	vertical-align:middle;
	border-radius: 30px;		/* CSS3草案 */
	-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 30px;	/* Firefox用 */
}

body #present #hmd_title01 {
	border-left:10px solid #66c0bb;	
	padding:3px 0 3px 10px;
}
body #present #hmd_title01 span {
	background:#66c0bb;	
}

body #present #hmd_title02 {
	border-left:10px solid #271e1c;
	padding:3px 0 3px 10px;
}
body #present #hmd_title02 span {
	background:#271e1c;
}

body #present h4 {
	font-size:18px;
	font-weight:bold;
	margin:1.6rem 5% 5px;
	vertical-align:middle;
}

body #present h5 {
	font-size:18px;
	margin:0 0 1.2rem 0;	
}

body #present p {
}


.present_page h4 {
	text-align:center;	
}
.present_page ul {
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:40px;
	paddinig-left:20px;
}

.present_page ul li {
	margin-bottom:10px;	
}


body div.diary_img ul {
	margin:0 5%;	
	border:1px solid #ccc;
}

body div.diary_img ul li {
	float:left;
	width:25%;
	text-align:center;
	margin: 1rem 0 1.3rem 0;
	font-size:12px;
}

body div.diary_img ul li img {
	width:80%;
	margin:0 10% ;
}

body div.diary_about {
	margin:0 5%;
}

body div.diary_about01 {
	float:left;	
	width:62%;
	margin-top:1rem;
}

body div.diary_about01 p{
	font-size:18px;
	line-height:180%;
}

body div.diary_about01 .hmd_menu_wrapper {
	background:#eee;
	margin-top:1rem;
	padding:1rem 1rem 0;
	border:1px solid #ccc;
}

body div.diary_about01 .hmd_menu_wrapper h3 {
	text-align:center;
	padding:0;
	margin:0 0 1rem 0 !important;
	font-size:18px !important;	
}

body div.diary_about01 .hmd_menu_wrapper #hmd_menu {
	margin:0 !important;
	padding:0 !important;
}

#hmd_menu li {
	display:inline-block;
	margin:0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	width:49%;
}

#hmd_menu li.menu01 {
	margin:0 1% 0 0;
	line-height:1.7;
}

#hmd_menu li.menu01 a {
	text-decoration:none;
	display:block;
	width:100%;
	padding:3% 3%;
	background:#66c0bb;
	color:#fff;
	transition: 0.3s;
}

#hmd_menu li.menu01 a:hover {
	background:#7ae4df;	
}

#hmd_menu li.menu02 {
	margin:0 0 0 1%;
	line-height:1.7;
}

#hmd_menu li.menu02 a {
	text-decoration:none;
	display:block;
	width:100%;
	padding:3% 3%;
	background:#271e1c;
	color:#fff;
	transition: 0.3s;
}

#hmd_menu li.menu02 a:hover { 
	background:#5a4c48;
}



body div.diary_about02 {
	float:right;
	width:35%;
}

body div.diary_about02 img {
	width:100%;	
}





body div.diary_detail {
	margin:0 5%;	
}

body div.diary_detail p {
	margin-bottom:1.1rem;	
}

body span.diary_period {
	background:#eee;
	padding:2px 10px;
	font-size:12px;
}

#pickup {
	margin:0 5%;
	border:1px solid #ccc;
	padding:2% 1%;
}

#pickup p {
	font-size:14px;	
	margin-bottom:10px;
	line-height:1.4;
}

#pickup ul li {
	font-size:14px;	
}

#hmd_contents01 {
	margin-top:-190px;	
}

#hmd_contents01 ,#hmd_contents02 {
	padding-top:10px;	
}

#hmd01_01 {
	float:left;
	width:33%;
	padding:0 1%;	
	border-right:1px dotted #ccc;
}

#hmd01_01 img {
	width:80%;	
	margin:0 10% 1.2rem 10%;
}

#hmd01_01 ul {
	width:100%;
	margin:5px 0;
	padding:2%;
	background:#eee;
	border:1px solid #ccc;
	list-style-type:disc;
}

#hmd01_01 ul li {
	float:left;
	font-size:12px;
	margin:0 1.5rem 0 0;	
	padding-left:0;
	margin-left:1.2rem;
	line-height:1.5;
}

#hmd01_02 {
	float:left;
	width:33%;
	padding:0 1%;	
	border-right:1px dotted #ccc;	
}

#hmd01_02 img {
	width:80%;	
	margin:0 10% 1.2rem 10%;
}

#hmd01_02 ul {
	width:100%;
	margin:5px 0;
	padding:2%;
	background:#eee;
	border:1px solid #ccc;
	list-style-type:disc;
}

#hmd01_02 ul li {
	float:left;
	font-size:12px;
	margin-right:1.6rem;	
	padding-left:0;
	margin-left:1.2rem;
	line-height:1.5;
}

#hmd01_03 {
	float:left;
	width:33%;
	padding:0 1%;		
}

#hmd01_03 img {
	width:80%;	
	margin:0 10% 1.2rem 10%;
}

#hmd01_03 ul {
	width:100%;
	margin:5px 0;
	padding:2%;
	background:#eee;
	border:1px solid #ccc;
	list-style-type:disc;
}

#hmd01_03 ul li {
	float:left;
	font-size:12px;
	margin-right:1.6rem;	
	padding-left:0;
	margin-left:1.2rem;
	line-height:1.5;
}

.hmd02_subtitle {
	margin:0 5% 10px;	
}

#hmd02 {
	clear:both;	
	padding:0 4% 2% 4%;
	border:1px solid #ccc;
	margin: 0 5% 2rem;
}

#hmd02 p {
	margin:10px 0;	
}

#pickup02 {
	margin:0 5%;
	padding:2% 0;
	text-align:center;	
	border:1px solid #ccc;
	font-size:20px;
}

.hmd03_subtitle {
	margin:0 5% 10px;	
}

#hmd03 {
	clear:both;	
	padding:0 4% 2% 4%;
	border:1px solid #ccc;
	margin: 0 5% 2rem;
}

#hmd03 p {
	margin:10px 0;	
}


/*#hmd01_01 {
	margin:0 5%;	
	padding:3% 5%;
	background:#eee;
	border-bottom:1px dotted #ccc;
}

#hmd01_01_text {
	float:left;
	width:46%;	
}

#hmd01_01_img {
	float:right;
	width:50%;
}

#hmd01_01 ul {
	width:100%;
	margin-top:1.2rem;
	padding:2%;
	background:#fff;
	border:1px solid #ccc;
	list-style-type:disc;
}

#hmd01_01 ul li {
	float:left;
	font-size:14px;
	margin-right:1.6rem;	
	padding-left:0;
	margin-left:1.2rem;
}

#hmd01_02 {
	margin:0 5%;	
	padding:3% 5%;
	border-bottom:1px dotted #ccc;
}

#hmd01_02_text {
	float:right;
	width:46%;	
}

#hmd01_02_img {
	float:left;
	width:50%;
}

#hmd01_02 ul {
	width:100%;
	margin-top:1.2rem;
	padding:2%;
	background:#fff;
	border:1px solid #ccc;
	list-style-type:disc;
}

#hmd01_02 ul li {
	float:left;
	font-size:14px;
	margin-right:1.6rem;	
	padding-left:0;
	margin-left:1.2rem;
}

#hmd01_03 {
	margin:0 5%;	
	padding:3% 5%;
	background:#eee;
}

#hmd01_03_text {
	float:left;
	width:46%;	
}

#hmd01_03_img {
	float:right;
	width:50%;
}

#hmd01_03 ul {
	width:100%;
	margin-top:1.2rem;
	padding:2%;
	background:#fff;
	border:1px solid #ccc;
	list-style-type:disc;
}

#hmd01_03 ul li {
	float:left;
	font-size:14px;
	margin-right:1.6rem;	
	padding-left:0;
	margin-left:1.2rem;
}*/

.sp {
	display:none;	
}

}



@media screen and (max-width: 767px) {
	header {
		width:100%;	
		margin:3% 0;
	}
	header h1 {
		width:100%;
		text-align:center;
		float:left;
		margin-top:7%;
	}
	header h1 img {
		width:50%;
		margin:0;
	}
	header ul {
		width:30%;
		position:absolute;
		top:2%;
		right:0;
		margin:0;
		padding:0;
	}	
	
	header ul li.header02,
	header ul li.header03,
	header ul li.header04,
	header ul li.header05 {
		float:left;
		margin:0 2% 2% 2%;
		padding:1%;
		width:26%;
		background-color: #333;
		border-radius: 50%;
		text-align:center;
	}
	
	header ul li.header02 img,
	header ul li.header03 img,
	header ul li.header04 img,
	header ul li.header05 img {
		margin:0;
		padding:0;
		width:100%;
	}
	
	
	header ul li img {
		vertical-align:bottom;	
		margin:0;
		padding:0;
	}
	
	#main_img {
		width:100%;	
	}
	
	#main_img img {
		width:100%;	
	}
	.pc {
		display:none;	
	}

	
	h2.title01 {
		width:100%;
		text-align:center;
		background:none;
	}
	
	h2.title01 img {
		width:100%;
	}
	

	h2.title03 {
		width:100%;
		text-align:center;
		background:none;
	}
	
	h2.title03 img {
		width:100%;
	}
	
	#topics {
		width:100%;	
		margin:0 0 3% 0;
		padding:0;
	}
	#topics h2 {
		margin-bottom:5%;	
	}
	#topics_list {
		padding:0;
		margin:0;	
	}
	.topic_contents {
		width:100%;	
		margin:0;
		padding:5%;
	}
	#topics .topic_entry {
		width:100%;
		margin:0;
		padding:0;
	}	
	#topics .topic01 {
		width:100%;
		margin:0;
		padding:0;
	}
	#topics .topic_img {
		width:30%;	
		float:left;
		margin:0;
		padding:0;
	}
	#topics .topic_img img {
		width:100%;	
		height:auto;
	}
	#topics .topic_cont {
		width:65%;	
		flaot:right;
		margin:0;
		padding:0;
	}
	#topics .topic_cont .topic_text {
		width:100%;	
		margin:0 0 3% 0;
		padding:0;
	}
	#topics .topic_cont h3 {
		width:100%;		
		margin:0 0 3% 0;
		padding:0;
	}
	#topics .topic_detail {
		margin:0;
		padding:0;	
	}
	.topic_new {
		position:relative;
		top:0;
		right:0;
		display:none;
	}
	#topics .viewall {
		margin:-5% 3% 4% 0;
	}

	.features {
		width:100%;	
	}
	body .features .viewall {
		margin:0% 3% 4% 0 !important;
	}	
	
	.features ul.goods_news {
		margin:4% 0 0 0;
		padding:0;
	}
	.features ul.goods_news li {
		float:none;
		width:100%;
		margin:0;
	}	
	.features ul.goods_news li p {
		border:none;
	}	
	.features ul.goods_news li img {
		width:80%;
		height:auto;
		margin:0 10%;
	}
	
	.features_wrapper {
		width:100%;	
		background:none;
	}
	.features {
		width:100%;	
	}
	.features ul {
		margin:4% 0 0 0;
		padding:0;	
	}
	.features ul li {
		float:left;	
		width:44%;
		margin:3%;
	}

	.features ul li p {
		border:4px solid black;
		margin:0 0 7% 0;
	}

	.features ul li img {
		width:100%;
		height:auto;
		margin:0;
	}
	.features ul li {
		padding-bottom:7.5%;
	}
	#features ul li.features01 {
		background:url(https://qlia.net/zakka/images/feature_01_off.png) no-repeat center bottom;
		background-size:100%;	
	}
	#features ul li.features02 {
		background:url(https://qlia.net/zakka/images/feature_02_off.png) no-repeat center bottom;
		background-size:100%;	
	}
	#features ul li.features03 {
		background:url(https://qlia.net/zakka/images/feature_03_off.png) no-repeat center bottom;
		background-size:100%;	
	}
	#features ul li.features04 {
		background:url(https://qlia.net/zakka/images/feature_04_off.png) no-repeat center bottom;
		background-size:100%;	
	}

	#features ul li.features04 {
		float:left;	
		width:44%;
		margin:3%;	
	}

	#brands {
		width:100%;	
	}	
	#brands ul {
		margin:4% 0 8% 0;
		padding:0;	
	}
	#brands ul li {
		float:left;	
		position:relative;
		width:44%;
		margin:3%;
	}
	#brands ul li img {
		width:100%;
	}
	
	#brands ul li span.new_icon {
		position:relative;
		left:40px;
		z-index:1000;
		margin-left:-40px;
	}
	
	#brands ul li span.new_icon img {
		width:40px;	
		border:none;
	}
	
	#brands ul li span.comingsoon_icon {
		position:absolute;
		z-index:1000;
		width:100%;
		background:rgba(0,0,0,0.3);
		height:auto;
	}
	
	#brands ul li span.comingsoon_icon img {
		width:100%;
	}	
	
	.sns_wrapper {
		width:100%;	
		padding:0 0 3% 0;	
		margin:1% 0 3% 0;
	}
	
	body .sns_inner {
		width:100%;	
		margin:0;
		padding:0;
	}
	
	body .tweets {
		padding:3% 0;
		width:100%;
		float:none;
	}
	
	body .tweets_inner {
		width:84%;	
		margin:0 8%;
	}
	
	body .timeline-Widget {
		width:100%;	
	}

	body .igs {
		width:84%;	
		margin:0 8%;
		float:none;
		vertical-align:top;
		text-align:center;
	}	
	
	body .igs iframe {
		width:100%;	
	}


	#onlinestore {
		width:100%;	
	}	

	#onlinestore ul {
	}

	#onlinestore ul li {
	}
	#onlinestore ul li img {
		margin:0;	
	}
	
	footer ul {
		width:100%;
		margin:10px 0 20px;	
	}
	footer ul li {
		margin:0 10px 10px 10px;
	}
	footer ul li a {
		font-size:14px;	
	}
	#smapho {
		width:100%;
		margin:0 auto;	
	}

	#smapho01 {
		width:100%;
		line-height:1.5;	
		margin:5% 0;
	}
	#smapho01 p.main_img {
		margin-bottom:5%;	
	}
	#smapho01 p.main_img img {
		width:100%;	
	}
	#smapho01 p {
		width:100%;	
	}

	.smapho01_01 {
		width:53%;
		float:left;	
		margin-left:3%;
	}
	
	.smapho01_01 h3 {
		font-size:18px;
		font-weight:bold;	
		line-height:1.4;
		margin:4% 0;
	}
	
	.smapho01_01 p {
		font-size:14px;
		margin:4% 0;	
		line-height:1.4;
	}
	.smapho01_01 p br {
		display:none;	
	}
	
	.smapho01_01 p img {
		margin:0 0 0 7%;	
		width:80%;
	}
	
	.smapho01_02 {
		width:43%;
		float:right;	
		margin:0;
	}
	.smapho01_02 img {
		width:100%;	
	}
	
	.smapho01_02 p {
		margin:0;
	}
	.smapho01_02 br {
		display:none;	
	}
	#smapho02 {
		width:100%;
		margin:0 auto 3%;
		line-height:1.5;	
	}
/*	#smapho02 ul {
		width:100%;	
	}
	#smapho02 ul li {
		float:none;
		width:70%;
		margin:6% 15%;
		padding:3%;
	}
	#smapho02 ul li img {
		width:100%;	
		padding:0;
	}
	#smapho02 #smapho02_02 {
		width:100%;	
	}
	#smapho02 #smapho02_02 p {
		font-size:14px;
		padding:0;
		margin:2% 5%;
	}*/
	#smapho02 #smapho02_03 {
		width:100%;
		margin:0;
		padding:0;
	}
	
	#smapho02 #smapho02_03 p {
		margin:2%;
		padding:0;
		width:96%;	
		font-size:16px;
	}
	#smapho02 #smapho02_03 ul {
		width:100%;	
		margin:0;
		padding:0;
	}
	#smapho02 #smapho02_03 ul li {
		float:left;
		width:50%;
		display:inline-table;
	}
	#smapho02 #smapho02_03 ul li.smapho02_03_03 {
		margin-left:25%;
		margin-top:5%;	
	}
	#smapho02 #smapho02_03 ul li img {
		width:100%;	
	}
	#smapho03 {
		width:100%;
		text-align:center;
		margin:0 auto;
		line-height:1.5;	
		background:url(https://qlia.net/zakka/images/smapho/bg_sp.jpg) repeat-x top #f7f6f1;
	}
	#smapho03 img {
		width:100%;	
	}
	#wallet {
		width:100%;
		margin:5% 0;
	}
	#wallet .wallet01 {
		width:100%;
		margin:5% 0;
	}
	#wallet .wallet01 .wallet_text {
		width:100%;		
	}
	#wallet .wallet01 .wallet_text h4{
		width:94%;
		margin:0 3%;
		padding:0;
		font-size:24px;
	}
	#wallet .wallet01 .wallet_text p{
		width:94%;
		margin:6% 3%;
		padding:0;
		line-height:1.6;
		font-size:16px;
	}	
	#wallet .wallet01 .wallet_img {	
		width:100%;	
	}
	#wallet .wallet01 .wallet_img img {	
		width:80%;
		margin:0 10%;
	}
	#wallet .wallet01 .wallet_img p {
		width:90%;
		margin:5%;	
	}
	#wallet .wallet02 {
		width:100%;
		margin:5% 0;
	}
/*	#wallet .wallet02_01 {
		width:100%;
	}
	#wallet .wallet02 ul {
		width:100%;	
	}
	#wallet .wallet02 ul li {
		float:none;
		width:70%;
		margin:3% 15%;
		padding:3%;
	}
	#wallet .wallet02 ul li img {
		width:100%;	
		padding:0;
	}
	#wallet .wallet02 p {
		font-size:14px;
		padding:0;
		margin:2% 5%;
	}*/
	body #wallet .wallet02_02 {
		width:100%;
	}

	body #wallet .wallet02_02 ul {
		width:100%;	
	}
	#wallet .wallet02_02 ul li {
		width:100%;
		margin:4% 0;
		padding:4% 0;
		border-bottom:1px dotted #000;
	}
	#wallet .wallet02_02 ul li img.wallet_img02 {
		width:70%;
		margin:0 15%;
		padding:0;		

	}

	#wallet .wallet02_02 ul li div {
		width:96%;
		margin:2%;
		padding:0;	
	}
	#wallet .wallet02_02 ul li div img {
		width:23%;
		margin-right:4%;
		float:left;	
	}
	#wallet .wallet02_02 ul li div h3 {
		width:70%;
		margin:2% 0;
		float:left;	
		font-size:18px;
		fonmt-weight:bold;
	}
	body #wallet .wallet02_02 ul li div p {
		width:70%;
		float:left;	
		text-align:left;
		margin:2% 0;
		padding:0;
		font-size:12px;
		line-height:2;
	}
	body #wallet #wallet02_lead {
		margin:3% 0;
		padding:0;	
		font-size:16px;
	}

	.wallet03 {
		width:100%;
		text-align:center;	
		margin:10% 0 0 0;
	}
	.wallet03 img {
		width:100%;	
	}

	body #wallet .wallet03 h4 {
		width:100%;
		margin:0;	
	}

	.wallet03 p {
		width:100%;
		margin:0;	
	}
	
	#aprilo .aprilo_text {
		float:none;
		width:100%;	
		margin:0;
		padding:0;
	}
	
	.aprilo_photo {
		float:none;
		width:100%;
		margin-top:3%;
	}
	#aprilo .aprilo_photo img{
		width:80%;
		margin:0 10% 2% 10%;
	}
	
	#aprilo h3 {
		border:1px solid #000;
		width:90%;
		margin:3% 4% 6% 4%;
	}
	#aprilo h3 img{	
		width:100%;
	}
	.aprilo_text p {
		text-align:center;
		line-height:1.6;
		font-size:12px;	
	}
	
	#fairy {
		width:100%;
		margin:0;
		padding:0;
		line-height:1.5;	
	}
	
	#fairy h3 {
		font-size:24px;
		font-weight:bold;
		margin:3% 0;
		text-align:center;
	}
	
	#fairy .fairy01 {
		width:90%;
		margin:5%;
	}
	
	#fairy .fairy01 p {
		margin:3% 0 2% 0 ;	
	}
	
	#fairy .fairy01 ul {
		list-style-type:disc;
		margin-left:30px;
	}
	
	#fairy .fairy01 ul li {
		margin:0 0 1.5% 0;	
	}
	
	#fairy .fairy01 .view_detail {
		margin-top:8%;
	}
	
	#fairy .fairy02 {
		width:1010px;
		margin:50px auto;
		padding:10px 0;
		border:5px solid #eee;
	}
	

	body div#present h2 {
		font-size:20px;
		font-weight:bold;
		text-align:center;
		border-bottom:1px solid #000;
		margin:1rem 0;
		padding:1rem 0;	
	}
	
	.diary_about{
		margin:0 5%;	
		line-height:1.4;
		font-size:16px;
	}
	
	body .diary_about .diary_about01 {
		font-size:14px !important;
		line-height:1.5;
	}
	
	body .diary_about img {
	
	}
	
	body #present {
		margin-bottom:40px;	
	}
	
	body #present h3 {
		font-size:20px;
		font-weight:bold;
		margin:1rem 5% 0;
		vertical-align:middle;
	}
	
	body #present h3 span {
		display:block;
		color:#fff;
		font-size:12px;
		font-weight:normal;
		text-align:center;
		margin:2% 15%;
		padding:5px 10px;
		line-height:1;
		vertical-align:middle;
		border-radius: 30px;		/* CSS3草案 */
		-webkit-border-radius: 30px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 30px;	/* Firefox用 */
	}
	
	body #present #hmd_title01 {
		border-top:5px solid #66c0bb;	
		padding:3%;
		text-align:center;
	}
	body #present #hmd_title01 span {
		background:#66c0bb;	
	}
	
	body #present #hmd_title02 {
		border-top:5px solid #271e1c;
		padding:3%;
		text-align:center;
	}
	body #present #hmd_title02 span {
		background:#271e1c;
	}
	
	body #present h4 {
		text-align:center;
		font-size:20px;
		font-weight:bold;
		margin:1.6rem 5% 10px;
		vertical-align:middle;
	}
	
	div#present_flow {
		width:100%;	
	}
	
	div#present_flow li {
		width:80%;	
		margin:2% 10%;
	}
	
	div#present_flow li img {
		width:100%;	
	}

	div#present_flow li p {
		font-size:16px;
		margin-bottom:20px;	
	}
	
	body #present .present_title {
		font-size:24px;	
	}
	
	.present_img {
		margin:0 5%;	
		font-size:10px;
	}
	body #present .present_img h4 {
		margin:5% 0 0 0 !important;	
	}
	
	body #present .present_info02_03 {
		width:100%;	
		margin-top:30px;
		font-size:16px;	
	}

	.present_info01 {
		background:url(https://qlia.net/zakka/images/hmd/prize_a.png) no-repeat top left;
		background-size:20%;
	}

	.present_info02 {
		background:url(https://qlia.net/zakka/images/hmd/prize_b.png) no-repeat top left;
		background-size:20%;
	}


	.present_img ul {
		text-align:center;	
	}
	.present_img ul li {
		width:44%;
		margin:2%;
		display:inline-block;
		text-align:center;
	}
	body #present .present_info h3 {
		font-size:20px !important;	
		margin-top:20px;
		line-height:1.5;
	}
	.present_img ul li img {
		width:100% ;
	}
	
	.hmd_menu_wrapper {
		border:1px solid #ccc;
		padding:2%;
		margin:2% 0;
		text-align:center;	
	}
	
	.hmd_menu_wrapper h3 {
		margin:2%;
	}
	
	.hmd_menu_wrapper li a {
		display:block;
		padding:2%;	
	}
	
	body div.campaign_header01 {
		width:100%;	
		padding:3%;
	}
	
	body div.campaign_header01_01 {
		float:none;
		width:100% !important;
	}

	body div.campaign_header01 div.campaign_header01_01 img {
		width:100%;
	}	
	body div.campaign_header01 p.campaign_header_text {
		margin:2% 3% 5% !important;
		padding:0;
		font-size:14px;
		line-height:1.5;	
	}

	body div.campaign_header01_02 {
		float:none;
		width:100% !important;
	}
	
	body div.campaign_header01 div.campaign_header01_02 img {
		width:100%;	
	}
	
	body .campaign_banner {
		width:100%;
		margin:0 0 5% 0;
		padding:2%;
		background:#eee;
		border:5px solid #e5e5e5;	
	}
	
	.campaign_banner01 {
		width:100%;
		float:none;
		margin:0;	
		padding:0;
	}
	
	.campaign_banner01 img {
		width:100%;	
		margin:0;
		padding:0;
	}
	
	.campaign_banner02 {
		width:100%;
		float:none;
		margin: 0;	
		padding:0;
	}
	
	body .campaign_banner p.campaign_title {
		text-align:center;
		font-size:24px;
		font-weight:bold;	
		line-height:1.4;
		margin:2% 0 3% 0;
	}

	#hmd_menu {
		margin-top:3%;	
	}
	
	#hmd_menu li {
		display:inline-block;
		margin:0 3%;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		width:90%;
	}
	
	#hmd_menu li.menu01 {
		line-height:1.6;
	}
	
	#hmd_menu li.menu01 a {
		text-decoration:none;
		display:block;
		width:100%;
		padding:3% 3%;
		background:#66c0bb;
		color:#fff;
		transition: 0.3s;
	}
	
	#hmd_menu li.menu02 {
		line-height:1.6;
	}
	
	#hmd_menu li.menu02 a {
		text-decoration:none;
		display:block;
		width:100%;
		padding:3% 3%;
		background:#271e1c;
		color:#fff;
		transition: 0.3s;
	}

	body div.diary_detail {
		margin:0 5%;	
	}
	
	body div.diary_detail p {
		margin-bottom:1.1rem;	
	}
	
	body span.diary_period {
		display:block;
		background:#eee;
		padding:2%;
		width:100%;
		font-size:12px;
		line-height:1.4;
	}
	
	#pickup {
		margin:0 5%;
		border:1px solid #ccc;
		padding:5% 5% 1% 5%;
	}
		
	#pickup h5 {
		font-size:20px;	
		margin:0 0 1rem 0;
	}
	
	#pickup p {
		font-size:14px;	
		margin-bottom:10px;
		line-height:1.4;
	}
	#pickup ul {
		margin-bottom:1rem;	
	}
	#pickup ul li {
		font-size:14px;	
	}
	#pickup img {
		margin-bottom:2%;
	}

	#hmd01_01 ul {
		width:100%;
		margin:3% 0 5%;
		padding:2%;
		background:#eee;
		border:1px solid #ccc;
		list-style-type:disc;
	}
	
	#hmd01_01 ul li {
		float:left;
		font-size:12px;
		margin:0 1.5rem 0 0;	
		padding-left:0;
		margin-left:1.2rem;
		line-height:1.5;
	}
	
	#hmd01_02 ul {
		width:100%;
		margin:3% 0 5%;
		padding:2%;
		background:#eee;
		border:1px solid #ccc;
		list-style-type:disc;
	}
	
	#hmd01_02 ul li {
		float:left;
		font-size:12px;
		margin:0 1.5rem 0 0;	
		padding-left:0;
		margin-left:1.2rem;
		line-height:1.5;
	}
	
	#hmd01_03 ul {
		width:100%;
		margin:3% 0 5%;
		padding:2%;
		background:#eee;
		border:1px solid #ccc;
		list-style-type:disc;
	}
	
	#hmd01_03 ul li {
		float:left;
		font-size:12px;
		margin:0 1.5rem 0 0;	
		padding-left:0;
		margin-left:1.2rem;
		line-height:1.5;
	}	
	
	.hmd02_subtitle {
		margin:3% 5%;	
	}
	
	.hmd03_subtitle {
		margin:3% 5%;
	}
	
	.diary_img {
		margin:0 5%;	
		font-size:10px;
	}
	body .diary_img h4 {
		margin:5% 0 0 0 !important;	
	}

	.diary_img ul li {
		width:46%;
		margin:2%;
		float:left;	
		text-align:center;
	}
	.diary_img ul li img {
		width:100%;	
	}
	
	body div#present div#hmd02 {
		width:100%;
		margin:20px 0;
		padding:0;
	}	
	body div#present div#hmd02 div.slider div.slider-for {
		width:100%;	
	}
	body div#present div#hmd02 div.slider div.slider-for img {
		width:100%;	
	}
	
	body div#present div#hmd02 div.slider div.slider-nav-wrap div.slider-nav {
		width:85%;	
		font-size:10px;
		line-height:140%;
		font-weight:normal;
	}
	body div#present div#hmd02 div.slider div.slider-nav-wrap div.slider-nav img {
		width:100%;	
	}
	
	#pickup02 {
		width:90%;
		margin:0 5%;
		padding:2%;
		text-align:center;	
		border:1px solid #ccc;
		font-size:18px;
	}
	#pickup02 img {
		width:100%;
		margin-top:2%;
	}
	
	body div#present div#hmd03 {
		width:100%;
		margin:20px 0;
		padding:0;
	}	
	body div#present div#hmd03 div.slider2 div.slider-for2 {
		width:100%;	
	}
	body div#present div#hmd03 div.slider2 div.slider-for2 img {
		width:100%;	
	}
	
	body div#present div#hmd03 div.slider2 div.slider-nav-wrap div.slider-nav2 {
		width:85%;	
		font-size:10px;
		line-height:140%;
		font-weight:normal;
	}
	body div#present div#hmd03 div.slider2 div.slider-nav-wrap div.slider-nav2 img {
		width:100%;	
	}	
	
	#shoplists {
		padding:3% 3% 1% 3%;	
	}
	#shoplists div {
		clear:both;
		width:100%;	
	}
		
	#company {
		background:none;
		width:100%;	
		margin:0;
		padding:0;		
	}
	
	#company dl {
		width:96%;
		font-size:14px;
		margin:3% 2%;
		padding:0;
	}
	
	#company dl:after {  
	  content: ".";   
	  display: block;   
	  height: 0;   
	  clear: both;   
	  visibility: hidden;  
	} 
	
	
	#company dl dt {
		width:28%;
		padding:2%;
		line-height:1.6;
		font-weight:bold;
		border-top:1px dotted #ccc;
		float : left;/* 左に寄せる */
		clear : both;/* フロートの解除 */
	}
	
	#company dl dd {
		float:right;
		width:72%;
		border-top:1px dotted #ccc;
		padding:2%;
		line-height:1.6;
	}

	.privacy_policy {
		width:90%;
		margin:0 5%;
		line-height:1.5;	
	}
	
	.privacy_policy h3 {
		font-size:20px;
		font-weight:bold;
		padding:7px 0 7px 10px;
		border-left:8px solid #000;
		margin:20px 0;
		background:#eee;
	}
	
	.privacy_policy h4 {
		font-size:18px;
		font-weight:bold;
		padding:7px 0;
		margin:20px 0 10px;
	}
	
	.privacy_policy div.company_info {
		margin:20px 0 ;	
		font-size:16px;	
	}
	
	.privacy_policy div.company_info h5 {
		font-weight:bold;
		font-size:16px;	
		margin:0;
	}
	
	.present_page h4 {
		text-align:center;	
	}
	.present_page ul {
		list-style-type:disc;
		margin-left:20px;
		margin-bottom:40px;
		paddinig-left:20px;
	}
	
	.present_page ul li {
		margin-bottom:10px;	
	}
	
	#contact {
		width:100%;	
	}
	.contact_menu {
		width:90%;
		margin:5%;		
	}
	.contact_menu li {
		float:none;
		width:100%;
		margin:2% 0;
	}
	.bottle_type01 {
		float:none;
		margin:3%;	
		width:94%;
	}
	.bottle_type02 {
		float:none;
		margin:3%;	
			width:94%;
	}
	.bottle_type03 {
		float:none;
		margin:3%;	
	}
	.bottle_img li {
		width:15%;	
	}
	.bottle_img li img {
		width:100%;	
	}
	.bottle_coment01 {
		text-align:left;	
	}
	.bottle_buy {
		margin:0 auto;
		width:80%;
	}
	.bottle_buy li {
		display:block;
		margin:3% auto;
		padding:0;	
	}	
	#pageTop {
		position: fixed;
		bottom: 10px;
		right: 10px;
	}
 	#pageTop a {
		display: block;
		z-index: 9999;
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
	}
	#pageTop a:hover {
	  text-decoration: none;
	  opacity: 0.7;
	}
	
	#pageTop a img {
		z-index: 10000;	
		border:2px #000 solid;
	}
	footer {
		background:#000000;	
		padding:25px 0;
		text-align:center;
		width:100%;
	}
	
	address {
		font-size:12px;	
	}
	
}