@charset "utf-8";

/* ---------- reset ---------- */
html,body,h1,h2,h3,h4,h5,h6p,ul,li,header,figure{
  margin: 0;
  padding: 0;
  line-height: 1.0;
}

ul,ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}
a:link, a:visited, a:hover, a:active {
  color: #000;
}
img {
  border: none;
  vertical-align: bottom;
  max-width: 100%;
}



/* ---------- common ---------- */
.text_right{
	text-align: right!important;
}
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}


/* ---------- guide.css ---------- */
#guide .wrap{
	margin: 0 auto;
	max-width: 640px;
}
#guide section{
	margin-bottom:60px;
}
#guide img{
	display: block;
}
#guide h2{
	margin-bottom: 20px;
}
#guide h3{
	margin-bottom: 15px;
}
#guide header{
	margin-bottom:20px;
	border-bottom:solid 2px #a1bcd0;
}
#guide header figure{
	float : left;
}
#guide header figure:first-child{
	width:70%;
}
#guide header figure:last-child{
	width:30%;
}
#guide ul.img_list li img{
	width: 100%;
}
#guide ul.colum_2 li{
	width: 50%;
	float: left;
	padding: 5px;
	box-sizing: border-box;
}
#guide ul.colum_2 li img{
	width: 100%;
}
#guide ul.colum_3{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
}
#guide ul.colum_3 li{
	width: 33.3%;
	float: left;
	padding:5px 3px 0;
	box-sizing: border-box;
	
}
#guide .delivery li img{
	border: solid 1px #aaa;
	margin: 0 auto;
}
#guide .q_and_a{
	border: solid 1px #aaa;
}

#guide .q_and_a p img{
	border: solid 1px #aaa;
	width: 98%;
	margin: 0 auto;
}
#guide .q_and_a  .font_red a{
	color: red;
}


/* ---------- media screen---------- */
@media screen and (max-width: 640px){
	body#guide #btnChatFix a>img.cb-img-noti {
		width: 80px!important;
		height: 80px!important;
	}
	#guide .q_and_a ol li,#guide .q_and_a p{
		font-size: 14px;
		font-weight: bold;
		line-height:2.8em;
		padding: 0 10px;
	}
	#guide p{
		font-size:18px;
		line-height:1.5em;
	}
	#guide .q_and_a ol li,#guide .q_and_a p,#guide p,.delivery{
		padding: 0 10px;
		box-sizing: border-box;
	}
	#guide .q_and_a{
		margin: 0 10px;
	}
}
@media screen and (min-width: 641px){
	body#guide #btnChatFix a>img.cb-img-noti {
		width: 140px!important;
		height: 140px!important;
	}
	#guide .q_and_a ol li,#guide .q_and_a p{
		font-size: 20px;
		font-weight: bold;
		line-height:2.8em;
	}
	#guide p{
		font-size:24px;
		line-height:1.5em;
	}
}