@charset "UTF-8";

#container{
margin: 0 auto;
max-width: 550px;
}
#thumbnail{
overflow: hidden;
margin: 0 0 10px;
width: 100%;
margin-top: 15px;
text-align: center;
}
#thumbnail li{
/* float: left; */
margin-right: 15px;
margin-bottom: 10px;
list-style: none;
display: inline-block;
}
#thumbnail li:last-child{
margin-right: 0;
}
#thumbnail li img{
width: 100%;
opacity: 0.5;
filter: alpha(opacity=50); 
}
#thumbnail li.current img{
opacity: 1;
filter: alpha(opacity=100);
}
#main_photo{
position: relative;
height: 500px;
}
#main_photo img{
position: absolute;
top:0;
width: 98%;
box-shadow: 0 0 5px #888;
/* border: 5px solid #fff; */
padding: 2%;
}
.main_content{width:100%;}
.qa_cate{text-align:right; color:#999;margin-bottom: 5px;}
.side_content{display:none;}
.main_content{float:none; margin:0 auto;width: 800px;}
.review_pinkbox{width:50%; float:left;}
.review_pinkbox img{width:100%;}
.review_pinkbox div.boxinn{border:1px solid #fd6e8b; margin:10px; padding:10px; border-radius:10px;}
.review_perbox{width:50%; float:left;}
.review_perbox img{width:100%;}
.review_perbox div.boxinn{border:1px solid #caa2d0; margin:10px; padding:10px; border-radius:10px;}
.button a{position:relative;/* background:#16958b; */ display:inline-block; padding: 20px 0 20px 20px; color: #7997b3; border-radius:5px; font-weight:bold; font-size:16px; /* width:80%; */ text-align:left; /* margin:20px auto; *//* text-decoration: underline; */}
.button a{text-decoration:underline;}
.header_img{text-align:center; margin-bottom:40px;}
.header_img img{ max-width:100%;}
.ti-arrow-right:before{font-size: 17px;color: #7997b3;margin-top: 5px;transition: .3s;content: "\e628";position:absolute;left: 0;font-weight:bold;top:15px;}
.character_left{width: 110px; float:left;}
.character_right{float:none;width: 100%;}
.main{padding-bottom:0;}
.midashi_qa{background:#7b96b4; padding:20px; color:#fff;}
.midashi_qa h2{margin:0 20px; font-size:40px;background: url(/img/product/icoFaq.gif) no-repeat left center;padding-left: 50px;line-height: 1.0;}
span.small{font-size:14px;}
footer{margin-top:40px;}
.footer_cont{margin-top:20px;}
.qa_title{border-bottom:1px solid #ddd;}
.ti-thought:before, .ti-comment-alt:bedore, .ti-new-window:before { display: inline-block;position: absolute;font-size: 16px;color: #ee858c; }
.top_right{display:none;}
.ti-new-window:before { content: "\e732";}
.answer span{ color: #ee858c; }
.ti-comment-alt:before { /* content: "\e645"; */ margin-right:5px; font-size:30px;}
.ti-thought:before { content: "\e606"; margin-right:5px; font-size:30px;}
a:hover, :hover { -webkit-transition: 0.2s;transition: 0.2s; }
.special_thumb{
	position:relative;}
.lefttable{float:left; width:48%;}
.righttable{float:right; width:48%;}
.lefttable img,.righttable img{width:100%; margin-bottom:20px;}
span.sub_title{display:block!important; font-size:15px; margin-bottom:20px;}
.container{/* width:800px; */ margin:0 auto; background:transparent;}
.category{background:#a50100;color: #FFF;padding:3px 5px;margin-right:5px;}
.qa {padding: 0 20px 20px 20px; }
.qa h1 {
text-align: left;
/* margin: 30px 0 0 0; */
padding: 10px 0 5px 0;/* background:#f7f7f7; */
font-weight: normal;font-size: 30px;line-height: 1.2;
}
.qa p {line-height: 1.8; }
.qa h2 {font-size: 18px; font-size: 2.5rem; font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; border-bottom:5px solid #79b5ee; padding:0 50px!important; font-size:30px; font-weight: normal; margin: 0; padding:0; display:inline-block; text-align: center;}
 .qa h2 span {background: #fff; display: inline-block; padding: 0 20px; }
.midashi{text-align:center; margin-bottom:40px;}
.qa_contents_wrap { margin: 20px 0; }
.qa_contents_wrap p{font-size:18px; font-size: 1.5rem;}
hr { margin-bottom: 30px !important;border-top: 1px dashed #aaa; }
.product_left { float: left;width: 30%; }
.product_right { float: left;width: 65%;margin-left:5%;}
.product_left img {width:100%; /* border-radius: 100%; */}
ul.qa_list { /* margin-bottom: 40px; */ }
.qa_list li p {padding: 0 10px 30px 10px; }
.qa_list li p.question {background: url(/img/product/icoQ.gif) no-repeat left top; color: #7b96b4; padding: 0 0 30px 60px;margin: 30px 0 0 0;font-size: 18px;}
.qa_list li p.answer {background: url(/img/product/icoA.gif) no-repeat left top; /* color: #fff; */ padding-left: 60px;font-size: 18px;}

.qa_list li .qa_list_wrap {/* box-shadow: 0 0 3px #aaa; */ border-bottom: 1px solid #ddd;}
.answer a { color: #ee858c;text-decoration: underline; }
.answer a:hover {color: #ee858c; }
 .answer a:hover:hover, .answer a:hover:active, .answer a:hover:focus {color: #eb6f77; }
.sp_cover img{width: 100%;}
.special_header_img { width: 100%; }
.special_absolute1 { background:#4ab1bc;position: absolute;height:314px;width:400px;top: 0;left: 0; }
.special_absolute1 h1 { 	color:#fff; font-size: 30px; font-size: 3.0rem; font-weight:normal; margin-bottom: 5px; line-height:1.2; padding:10px; }
.special_absolute1 h2 { 	color:#fff; font-size:16px; font-size:1.6rem; font-weight:normal; padding-bottom: 5px; padding:10px; }
.special_absolute { background:#ee858c;position: absolute;height:314px;width:400px;top: 0;left: 0; }
.special_absolute h1 { 	color:#fff; font-size: 30px; font-size: 3.0rem; font-weight:normal; margin-bottom: 5px; line-height:1.2; padding:10px; }
.special_absolute h2 { 	color:#fff; font-size:16px; font-size:1.6rem; font-weight:normal; padding-bottom: 5px; padding:10px; }
.special_contents a { text-decoration: none; }
.special_contents a:hover {color: #121213; }
.special_contents_wrap a{ display:block;}
.special_contents_wrap a:hover {background: #fff; }
ul#item_list{display:inline-block; width:100%;}
.special_contents li {width:49%; margin-right:1.5%; display: inline-block; vertical-align: top; }
.special_contents li:nth-child(2n){margin-right:0;}
/*
.special_contents_wrap_left {margin-right:5px;border: 1px solid #006ea5;}
.special_contents_wrap_right {marginleft:5px;border: 1px solid #006ea5;}
*/
.special_contents_wrap {margin: 10px 5px;border: 1px solid #006ea5;}
.special_contents_wrap a:hover {text-decoration: none !important; }
.special_introduce_wrap{padding: 5px 5px; }
.special_introduce_wrap a:hover{background:#f1f1f1;}
.special_introduce_wrap h2 {font-size: 15px;margin-top:10px;margin-left:10px;margin-right:10px;line-height: 1.4; }
.special_contents_wrap img { margin: 0 auto;max-width: 100%; }
.special_desc {padding:10px 10px;}
.productW90{width:90%; float:left;}
.productW10{width:10%; float:left;}
.fontS{color:#989898;font-size:12px; padding-right:20px;}
.fontC{color:#989898;font-size:30px; padding-right:20px;}
span.special_description { font-size: 14px;line-height: 1.8; }
a.readmore { font-size: 14px;color: #fd7722; }
a:hover.readmore { text-decoration: underline !important;color: #fd7722 !important; }
p.special_data { font-size: 12px;padding: 5px 10px;color: #565656; }
time.special_time { padding-left: 10px;margin: 0; }
.special_contents a:hover img { background: #fff; }
.special_header_left { width: 60px;position: absolute;z-index: 100; }
.special_title { background: #f9f9f9;width: 100%;float: none;height: 60px; }
p.special_date_year { font-size: 16px;line-height: 120%; }
.special_date_year { font-weight: bold;text-align: center;margin: 5px 0 0 0;background: #fff; }
p.special_date_date { font-size: 12px;line-height: 120%;font-size: 12px;line-height: 120%; }
.special_date_date { text-align: center;background: #e27270;font-size: 12px;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;color: #fff; }

.header_inner { position: absolute;top: 20px;left: 20px; }

section.special_article { margin-top: 50px; }

.type_img_left img { max-width: 25%;min-width: 30% !important;background: #eee;padding: 0 15px;margin-right: 15px; }

.type_img_right img { max-width: 25%;min-width: 30% !important;background: #eee;padding: 0 15px;margin-left: 15px; }

.float_left { float: left; }
.float_right { float: right; }
.inline_block { display: inline-block !important; }
.special_description a.readmore { color: #fd7222 !important; }
.special_description a.readmore:hover {text-decoration: underline; }
h3.product_name{font-size: 30px; font-weight: normal;color: #7997b3;line-height: 1.2;margin: 0 0 10px 0;}
h3.linenap{ color: #7997b3; padding: 0 0 0 40px; font-size:14px; z-index:9999; font-size: 26px; font-weight:normal; background: url(/img/product/icoLine.gif) no-repeat left center;}
.linenap_wrap{ margin: 0 0 40px 0; /* padding:10px 10px 20px 10px; */ z-index:200; /* border:1px solid #16958b; */ /* background:#f7f7f7; */}
.linenap_wrap h4{margin: 10px 0 0 0; display:inline-block; /* background:#A2DDD8; */ /* border-radius:20px; */ /* padding:2px 10px; */ /* font-weight:normal; */ color: #7997b3;} 
.linenap_wrap p{font-size:15px; font-size:1.5rem;line-height: 1.2;}
.character_wrap{border: 1px solid #0070a4;padding: 20px;}
.character{margin-bottom:40px;}
.character h4{color:#61a2e3; /* border-bottom:2px dotted #61a2e3; */ font-weight:normal; /* margin:10px 0; */ /* padding:10px 0; */ font-size:18px;}



@media screen and (max-width: 1217px) { figure img {max-width: 480px !important; }

@media screen and (max-width: 1020px) {
.qa_list li,.qa_head_left,.character_right{width:100%; float:none;}
.qa_list li .q_left,.qa_list li .q_center,.qa_list li .q_right{margin:0 0 20px 0;}
ul.qa_list{margin-bottom:0;}
.qa_head_right{width:100%; float:none; text-align:center;}
hr{display:none;}
figure img {max-width: 570px !important; }
.bland_panel_pc {display: none;}
 .main_content{width:100%;}
 .container{width:100%;}
}
@media screen and (max-width: 836px) {
.special_absolute1{height:230px;}
.special_thumb {height: 150px; overflow: hidden; }
.special_contents_wrap div.s_boxa {height: 55px;}
.special_contents_wrap div.s_boxb {height: 150px;}
.special_absolute{height:230px;}
.special_thumb {height: 150px; overflow: hidden; }
.special_contents_wrap div.s_boxa {height: 55px;}
.special_contents_wrap div.s_boxb {height: 150px; }
 .character_left{text-align:center; float:none; width:auto;}
 .character_right{float:none; text-align:left;}
 .character_right img{margin:0 auto;}
 #photo_container{width:100%!important;}
 .character_wrap{padding:10px;}
}
@media screen and (max-width: 756px) {
span.sub_title{margin-bottom:0;}
.special_absolute1 {width:100%; position: static!important; top: 0; left: 0; height:auto; padding: 5px 0 1px 0; }
 .special_absolute1 h1 {font-size: 20px; color: #fff; text-shadow:none;}
 .special_absolute1 h2 {font-size: 13px; color: #fff; text-shadow:none;}

.special_absolute {width:100%; position: static; top: 0; left: 0; height:auto; padding: 5px 0 1px 0; }
 .special_absolute h1 {font-size: 20px; color: #fff; text-shadow:none;}
 .special_absolute h2 {font-size: 13px; color: #fff; text-shadow:none;}
.special_contents li {float: none; width: 50%; float: left; }
.special_contents_wrap {margin: 0 5px 10px 5px; box-shadow: none; }
.special_introduce_wrap {padding: 5px; }
.special_contents_introduce, .special_contents a:hover + .special_contents_introduce {background: #fff; }
.type_img_left img {width: 25% !important; background: #eee; padding: 0 10px; margin-right: 10px; }
.type_img_right img {width: 25% !important; background: #eee; padding: 0 10px; margin-left: 10px; }
section.special_article {margin-top: 20px; }
 .sp_cover {margin: 0; }
.article_body h2 {margin: 0 0 10px 0; }
#main_photo img{left:0;}
.qa_contents_wrap p,
.qa_list li p.answer,
.qa_list li p.question
{font-size:16px; font-size:1.6rem;}
.qa_list li p.question,
.qa_list li p.answer
{background-size:30px; padding:0 0 10px 40px; margin:20px 0 0 0;}
.midashi_qa h2{margin:0;}
.main_content{padding-bottom:0;}
.midashi_qa{padding:10px;}
h3.product_name{font-size:20px;}
h3.linenap{font-size:18px;}
.button a{font-size:14px;}
.qa h1{margin:10px 0;}
.sp_cover{margin-bottom:10px;}
}


@media screen and (max-width: 670px) {
.sp{display:none!important;}
h2.content_title1{margin-left:5px;}
.top_blandpanel{margin:0!important;}
.main_wrapper{padding:0;}
.qa{padding:10px;}
.special_desc {padding:0 5px; margin:5px 0;}
.special_contents li {float: none; width: 100%; float: none; margin-right:0;}
.special_thumb {height: auto; margin-bottom:10px; overflow: hidden; }
 .special_introduce_wrap h2{padding:0; margin-top:0;}
.special_contents_wrap div.s_boxa {height: auto; padding:5px 0;}
 .special_desc{text-align:left;}
 .product_left{width:100%; float:none; text-align:center;}
 #main_photo img{width:auto; max-width:60%; margin:0 20%;}
 .product_right{width:100%; float:none; margin:0;}
 .special_contents_wrap img{margin-top:0;}
.w30{width:30%!important; float:left!important;}
.w70{width:70%!important; float:left!important;}
.productW90{width:100%;}
.special_desc p{font-size:10px;}
.special_desc p.fontS{font-size:12px; padding-right:0;}
.productW10{display:none;}
}