/* 薬用養命酒Ｑ＆Ａ
============================================*/
#container h1 {
  background: url(../images/top_page_header.jpg) no-repeat center;
  background-size: cover;
}
#container h1.faq01 {
  background: url(../images/faq01_page_header.jpg) no-repeat center;
  background-size: cover;
}
#container h1.faq02 {
  background: url(../images/faq02_page_header.jpg) no-repeat center;
  background-size: cover;
}
#container h1.faq03 {
  background: url(../images/faq03_page_header.jpg) no-repeat center;
  background-size: cover;
}
#container h1.faq04 {
  background: url(../images/faq04_page_header.jpg) no-repeat center;
  background-size: cover;
}
#container h1.faq05 {
  background: url(../images/faq05_page_header.jpg) no-repeat center;
  background-size: cover;
}
#container h1.faq06 {
  background: url(../images/faq06_page_header.jpg) no-repeat center;
  background-size: cover;
}


.page_nav ul {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.page_nav li {
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 20px;
}
.page_nav li:nth-child(2n) {
	margin-left: 30px;
}

.page_nav li a {
	padding: 10px 10px 10px 45px;
	width: 395px;
	height: 50px;
	box-sizing: border-box;
	font-size: 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 30px;
	display: block;
	background: url(../images/page_nav_arrow.png) no-repeat 15px center;
	border-radius: 7px; 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px; 
	border: #afafaf 1px solid;
}

.page_nav li.active a {
	background-color: #efefef;
}

#faq .block_contents h3 {
	margin: 10px 0 10px;
	font-size: 25px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.35;
}
#faq .block_contents p {
	margin: 10px 0 30px;
}
#faq .block_contents p .image {
	float: left;
	margin-right: 25px;
}

#faq .block_contents .block_box {
	margin: 15px 0;
	border: #afafaf 1px solid; 
	border-radius: 7px; 
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding: 10px 25px;
	box-sizing: border-box;
	position: relative;
}
#faq .block_contents .block_box p {
	margin: 12px 0 5px;
}

#faq .block_contents .block_box.box_01 h3 {
	margin: 30px 0 10px;
	font-size: 22px;
	line-height: 1.5;
}
#faq .block_contents .block_box.box_01 h3 strong{
	font-size: 25px;
}

#faq .block_contents .block_box.box_02 {
	width: 324px;
	float: left;
}

#faq .block_contents .block_box.box_03 {
	width: 466px;
	float: right;
}

#faq .block_contents .block_box .image {
	position: absolute;
	right: 0;
	bottom: 0;
}

#faq .faq_block {
	margin: 40px 0;
}

#faq .faq_block h3 {
	margin: 20px 0 10px;
	padding: 10px 5px;
	font-size: 25px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝B", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 1.35;
	border-top:#afafaf 1px solid;
	border-bottom:#afafaf 1px solid;
}

#faq .faq_block ul {
	padding: 10px;
}

#faq .faq_block ul li {
	padding-left: 55px;
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.35;
	background-position: 0 0;
	background-repeat: no-repeat;
}

#faq .faq_block ul li a {
	text-decoration: underline;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#faq .faq_block ul li a.ruby {
	display: inline-block;
	position: relative;
	margin-top: -0.4em;
 }
}

#faq .faq_box {
	padding: 30px 0 0;
}

#faq .faq_box h4 {
	padding-left: 55px;
	margin: 0 0 20px;
	font-size: 16px;
	line-height: 1.35;
	background-position: 0 3px;
	background-repeat: no-repeat;
}

#faq .faq_box .answer {
	margin-left: 55px;
	border-bottom: #b0b0b0 2px dotted;
	padding-bottom: 30px;
	padding-left: 30px;
	position: relative;
}

#faq .faq_box .answer p {
	margin-top: 10px;
}

#faq .faq_box .answer p.text_right {
	text-align: right;
}

#faq .faq_box .answer p.text_right a{
	color: #ff0000;
	text-decoration: underline;
}

#faq .faq_box .answer:before {
	content: "A.";
	position: absolute;
	left: 0;
	top: 5px;
	color: #754c24;
	font-size: 18px;
}
#faq .faq_box .answer_ruby_mt:before {
	top: 9px !important;
}
#faq .faq_box:nth-last-child(2) .answer {
	border-bottom: none;
}


#faq .faq_block .more {
	text-align: center;
	margin-top: 60px;
}
#faq .faq_block .faq_box .more {
	text-align: right;
	margin-top: 10px;
}

#faq .faq_block .q01 {	background-image: url(../images/icon_q01.png);}
#faq .faq_block .q02 {	background-image: url(../images/icon_q02.png);}
#faq .faq_block .q03 {	background-image: url(../images/icon_q03.png);}
#faq .faq_block .q04 {	background-image: url(../images/icon_q04.png);}
#faq .faq_block .q05 {	background-image: url(../images/icon_q05.png);}
#faq .faq_block .q06 {	background-image: url(../images/icon_q06.png);}
#faq .faq_block .q07 {	background-image: url(../images/icon_q07.png);}
#faq .faq_block .q08 {	background-image: url(../images/icon_q08.png);}
#faq .faq_block .q09 {	background-image: url(../images/icon_q09.png);}
#faq .faq_block .q10 {	background-image: url(../images/icon_q10.png);}
#faq .faq_block .q11 {	background-image: url(../images/icon_q11.png);}
#faq .faq_block .q12 {	background-image: url(../images/icon_q12.png);}


#faq table {
	margin: 10px 0;
	width: 100%;
	border-collapse: collapse;
}
#faq table th,
#faq table td {
	padding: 10px;
	font-size: 15px;
}
#faq table td {
}
#faq table tr:nth-child(2n+1) th, 
#faq table tr:nth-child(2n+1) td {
	background: #efefef;
}

#faq .q0106 {
}
#faq .q0106 th,
#faq .q0106 td {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
}
#faq .q0106 th {
	white-space: nowrap;
}
#faq .q0106 td {
}
#faq .q0106 .head th {
	background: #808080;
	color: #FFF;
}

#faq .q0106 th:first-child {
	border-left: none;
}

#faq .q0301 th {
	white-space: nowrap;
}

#faq .q0301 th,
#faq .q0301 td {
	border-bottom: #000 1px solid;
	border-left: #000 1px solid;
}
#faq .q0301 th:first-child {
	border-left: none;
}
#faq .q0301 tr:last-child th,
#faq .q0301 tr:last-child td {
	border-bottom: none;
}

#faq .q0402 th,
#faq .q0402 td {
	border-bottom: #000 1px solid;
	text-align: center;
}
#faq .q0402 th {
	border-right: #000 1px solid;
}
#faq .q0402 tr:first-child th:last-child {
	border-right: none;
}
#faq .q0402 tr:first-child th {
	background: #d2d2d2;
}
#faq .q0402 .even {
	background: none;
}