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


/*BLOCK1*/
#top_block1{
}



@media screen and (max-width: 799px) {
div#top_block1{
clear:both;
      background:none;
						margin-top:30px !important;
  }
}
@media screen and (min-width: 800px) {
#top_block1{
      background:url(images/top_1.jpg) top center no-repeat;
      height:700px;
      width:1080px;
  }
p#top_block1_img {
      display:none;
      text-align:center;
  }
}






 
/*TEIKI_BANA*/


@media screen and (max-width: 799px) {
div.teiki_bana {
      background:none;
	  width:95%;
	  margin:0 auto;
  }
}
@media screen and (min-width: 800px) {
.teiki_bana {
      background:url(https://dailycoffee.jp/images/zeikomi/teiki3_top_8532.jpg) top center no-repeat;
      height:165px;
      width:1080px;
  }
.teiki_bana a{
      display:block!important;
      height:165px;
      width:1080px;
  }
p.teiki_bana_img {
      display:none;
      text-align:center;
  }
}


/*BLOCK2*/
#top_block2{
}

#point1{
}

#point2{
}

#point3{
}


@media screen and (max-width: 799px) {
#point1{
      background:none;
  }
#point2{
      background:none;
  }
#point3{
      background:none;
  }
}
@media screen and (min-width: 800px) {
#point1{
      background:url(images/coffee_top4.jpg) top center no-repeat;
      height:800px;
      width:1080px;
  }
p#point1_img {
      display:none;
      text-align:center;
  }
#point2{
      background:url(images/coffee_top5.jpg) top center no-repeat;
      height:872px;
      width:1080px;
  }
p#point2_img {
      display:none;
      text-align:center;
  }
#point3{
      background:url(images/coffee_top6.jpg) top center no-repeat;
      height:609px;
      width:1080px;
  }
p#point3_img {
      display:none;
      text-align:center;
  }
}

/*BLOCK3*/

#top_block3{

}

/*BLOCK4*/

div#top_block4 h3#top4_h3{
	font-family: "Meiryo", Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
	text-align: center;
	color: #c39e83;
	padding: 0;
}
#top_block4{
	width:85%;
	padding:5%;
	margin:2% auto;
	border:3px #c39e83 solid;
	border-radius: 3;
	box-shadow:10px rgba(0,0,0,0.4);

}
#top_block4 img{
	margin:0 auto;
	width:100%;
	}
	
div#top_block4 p#top4_p{
	font-family: "Meiryo", Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
	
	text-align: center;
	color: #5f5751;
	margin: 0 0 2%;
	padding: 0;
}

div#top_block4 p#top4_p2{
	font-family: "Meiryo", Hiragino Kaku Gothic Pro,"ヒラギノ角ゴ Pro W3" , "ＭＳ Ｐゴシック", Osaka, Helvetica, Arial, sans-serif;
	text-align: left;
	color: #5f5751;
	margin: 2% auto;
	padding: 0;
}


@media screen and (min-width : 799px){


div#top_block4 h3#top4_h3{ 
	font-size : 12px;
	font-size:0.85714285714286rem;
	}

div#top_block4 p#top4_p{ 
	font-size : 12px;
	font-size:0.85714285714286rem;
	}
	
div#top_block4 p#top4_p2{
	font-size : 12px;
	font-size:0.85714285714286rem;

}


 }
 
@media screen and (min-width : 800px) {

#top_block4{
	width:90%;
	padding:5%;
}

div#top_block4 h3#top4_h3{ 
	font-size : 35px;
	font-size:2.5rem;
	} 

div#top_block4 p#top4_p{ 
	font-size : 20px;
	font-size:1.4285714285714rem;
	}
	
div#top_block4 p#top4_p2{
	font-size : 20px;
	font-size:1.4285714285714rem;

}

}



/*BLOCK5*/
#top_block5{
	width:95%;
	padding:2.5%;
	margin:2% auto;

}
#top_block5 div#top_block5_title{
	text-align:center;

}

#top_block5 p#top5_p{
	font-family: 'Roboto',arial,sans-serif;
	text-align: center;
	color: #5f5751;
	margin: 2% 0 2%;
	padding: 0;
	font-size : 20px;
	font-size:1.4285714285714rem;
}
div#top_block5 table{
	border-collapse: collapse;
	width:100%;
	margin:2% auto;
	}
div#top_block5 table th{
	width:18%;
	padding:2%;
	background-color:#f9f3ef;
	vertical-align:middle;
	font-weight:bold;
	font-size:16px;
	border:1px #797979 solid;
	}
div#top_block5 table td{
	width:74%;
	padding:2%;
	vertical-align:middle;
	border:1px #797979 solid;
	}
	


@media screen and (max-width: 800px) {

#top_block5 p#top5_p{
	font-size : 12px;
	font-size:0.85714285714286rem;

}
div#top_block5 table th{
	font-size:15px;
	font-size:1.0714285714286rem;
	width:22%;
}
div#top_block5 table td{
	width:72%;
}
#top_block5 div#top_block5_title{
	width:80%;
	margin:0 auto;

}
#top_block5 div#top_block5_title img{
	width:100%;

}

}
	
/*PRODUCT*/
.product{
	width:1000px;
	height:310px;
	padding:50px 40px 0 40px;
	margin:20px 0 10px;
	background-image:url(https://dailycoffee.jp/wp-content/uploads/2016/02/89391f5db523ca779aa1b8093cd74ebb-1.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top;

}

div.product div.flame_in{
	margin:0 auto;
}

div.product  div.flame_in div.product_photo{
	width:250px;
	height:250px;
	float:left
}
div.product  div.flame_in div.product_info{
	float:left;
	width:730px;
	margin-left:20px;
}
div.product  div.flame_in div.product_info p.info_text{
	margin:5px auto 0;
	display:block;
	width:100%;
	line-height:1.2em;
}


div.product  div.flame_in div.product_info div.product_jis{
	width:100%;
	padding: 16px 5px;
    text-align: center;
    font-size: .85em;
    line-height: 1.5em;
	color:#683f17;
}

/*product_cart1*/
.cartform{
	width: 730px;
	margin:10px auto ;
}
dl.cartarea{
	margin:0!important;
	float:left;
	display:block;
}
dl.cartarea  dt,
dl.cartarea  dd{
	margin-bottom:0px!important;
	font-size: 12px;
	font-size:0.85714285714286rem; 
	text-align:center;
	padding: 5px 0; 
	overflow: hidden;
	white-space: nowrap; 
	margin-top: -1px; 
	border-top:1px #797979  solid;
	border-right:1px #797979  solid;
	border-bottom:1px #797979  solid;

}

dl.cartarea dt{
	border-left: 1px solid #797979; 
	margin-left: -1px;
}

.cartform dt.p_number{
	width: 100px; 
}
.cartform dd.p_number02{
	width: 100px; 
	border-left: 1px solid #797979;
	margin-left: -1px;
}
.cartform dt.p_name{
	width: 400px; 
}
.cartform dd.p_name02{
	width:400px;
	line-height:1.2em;
}
.cartform dt.p_price{
	width: 180px; 
}
.cartform dd.p_price02{
	width: 180px;
}
.cartform dt.p_review{
	width: 129px; 
}
.cartform dd.p_review02{
	width: 129px;
}
.cartform dd.p_review02 select{
	width: 120px;
	font-size:12px;
}
.cartform dt.p_mount{
	width: 69px; 
}
.cartform dd.p_mount02{
	width: 69px; 
}
.cartform dt.p_button{
	width: 179px; 
}
.cartform dd.p_button02{
	width: 179px; 
}
.cart_high{
	height:40px;
	}

@media screen and (max-width: 799px) {
.product{
	width:90%;
	height:auto;
	background-image:none;
	border:1px solid #683f17;
	padding:4% 2%;
	margin:2% auto;

}
div.product  div.flame_in div.product_info table{
	border-collapse: collapse;
	width:100%;
	margin:2% auto;
}

div.product  div.flame_in div.product_photo{
	height:auto;
	width:90%;
	margin:0 auto;
	float:none;
}
div.product  div.flame_in div.product_info{
	width:100%;
	float:none;
	margin:0;
	padding:0;
	
}
div.product  div.flame_in div.product_info div.product_jis{
	width:100%;
	padding:2% 0 0;
	text-align:center;
	font-size:10px;
	font-size:0.71428571428571rem;
	color:#683f17;
}
.product_image {
      background:none;
  }
.product_title {
      background:none;
  }
 .product_price {
      background:none;
  }
  
  
/*product cart*/

.cartform{
	width: 95%;
	margin:10px auto ;
}
dl.cartarea{
	margin:0px;
	float:none;
	display:block;
}
dl.cartarea  dt,
dl.cartarea  dd{
	font-size: 11px;
	font-size:0.78571428571429rem; 
	text-align:left;
	padding: 2% 0;
	text-align:center; 
	float: lef;
	margin-top: -1px; 
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px #efefef solid;
	height:auto;
}

.cartform dt.p_number{
	width: 36%; 
	float:left;
}
.cartform dd.p_number02{
	width: 62%; 
	padding-left:2%;
	letter-spacing: .1em;
	border-left: 1px solid #efefef;
	text-align:left;
	float:left;
}
.cartform dt.p_name{
	width: 36%;
	float:left;
	height:50px;
}
.cartform dd.p_name02{
	width:62%;
	padding-left:2%;
	border-left: 1px solid #efefef;
	text-align:left;
	float:left;
	height:50px;
}
.cartform dt.p_price{
	width:36%;
	float:left;
}
.cartform dd.p_price02{
	width:62%;
	padding-left:2%;
	border-left: 1px solid #efefef;
	text-align:left;
	float:left;
}
.cartform dt.p_review{
	width:36%;
	float:left;
	height:30px;
}
.cartform dd.p_review02{
	width:62%;
	padding-left:2%;
	border-left: 1px solid #efefef;
	text-align:left;
	float:left;
	height:30px;
}
.cartform dd.p_review02 select{
	width: 120px;
	font-size:12px;
}
.cartform dt.p_mount{
	width:36%;
	height:30px;
	float:left;
}
.cartform dd.p_mount02{
	width:62%;
	height:30px;
	padding-left:2%;
	border-left: 1px solid #efefef;
	text-align:left;
	float:left;
}
.cartform dt.p_button{
	width:1%;
	display:none;
}
.cartform dd.p_button02{
	width:100%;
	text-align:center;
}
.cart_high{
	height:auto;
	}

}
@media screen and (min-width: 800px) {
.product_image {
      background:url(./images/product01.jpg) top center no-repeat;
	  background-size:100%;
      height:250px;
      width:250px;
  }
  p.product_image_img {
      display:none;
      text-align:center;
  }

.product_title {
      background:url(images/1b30d_8532.jpg) top center no-repeat;
      height:55px;
      width:650px;
  }
p.product_img {
      display:none;
      text-align:center;
  }
.product_price {
      background:url() top center no-repeat;
      height:1px;
      width:1px;
  }
p.product_price_img {
      display:none;
      text-align:center;
  }

}

/*NUUIENT*/
 
@media screen and (max-width: 799px) {
div.nutrient_bana {
      background:none;
	  width:95%;
	  margin:0 auto;
  }
}
@media screen and (min-width: 800px) {
.nutrient_bana {
      background:url(images/coffee_top10.jpg ) top center no-repeat;
      height:250px;
      width:1080px;
  }
p.nutrient_bana_img {
      display:none;
      text-align:center;
  }
}



/*reviewonegai*/
 
@media screen and (max-width: 799px) {
div.revirai {
      background:none;
	  width:95%;
	  margin:20px auto !important;
  }
}
@media screen and (min-width: 800px) {
div.revirai {
      background:url(https://dailycoffee.jp/images/d_onegai_green.gif) top center no-repeat;
      height:173px;
      width:1000px;
	  margin:20px auto !important;
  }
div.revirai p{
      display:none;
      text-align:center;
  }
}

/*休業バナー */

@media screen and (min-width: 800px) {
div.holiday{margin:15px auto 15px auto; width:800px; height:166px; background:url(https://www.onlystyle.jp/img/2020nm.gif) top center no-repeat;}
div.holiday p{ display:none;}
}


@media screen and (max-width: 800px) { 
div.holiday{margin:15px auto 15px auto;background-image:none; position:relative;z-index:-2;}
}



/*問い合わせページ*/
#futatsu{font-weight:bold;}

div#contact{width:100%;margin:auto;}

div#contact dl{width:98%;margin:auto;}
div#contact dt
{ position:relative;
	padding:6px;
	background-color: #369577;
	border-radius: 6px;
	font-size:18px;
	color:white;
	margin:40px auto;}
	
	
div#contact dt::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #369577;
}	
	
div#contact dd{ width:96%; margin:20px auto; font-size:16px;}
div#contact p{ font-size:16px; line-height:21px;}
div#contact strong{font-size:18px !important;}
div.haaku{background-color:#204656 !important; color:#fff!important; font-size:18px!important; padding:10px!important; border-radius:10px; margin:20px auto  !important; display:block; font-weight:bold;}
p.koumoku{font-size:18px !important; margin:5px auto; font-weight:bold;}

.onegai{background-color:#061b5f; padding:10px; color:white;}


div.icon-check-sign01{display:block; width:90%; padding:8px; font-size:16px; margin:12px auto; background-color:#CCCCCC !important;}


div#contact dt:before {
  color:#fff !important;
  font-family:"FontAwesome"!important;
  margin-right:10px !important;
  content:"\f05a" !important;
  font-size:20px !important;
}

div.icon-check-sign01:before {
  color:#4a89a9 !important;
  font-family:"FontAwesome"!important;
  margin-right:10px !important;
  content:"\f046" !important;
  font-size:15px !important;
  clear:both;
}

p.keitai{font-size:13px !important; font-weight:normal !important;}


@media screen and (min-width: 800px) {
div#cont01{width:860px; margin:auto;}
p.jikan, p.inq{width:450px !important; margin-top:10px;}

div.teikicart02{height:250px;}

}

@media screen and (max-width: 800px) { 
div#cont01{width:100%;}
p.jikan, p.inq{width:100%;}

div.teikicart02{height:auto;}
}