@charset "utf-8";

* {
 margin:0; padding:0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}
a { text-decoration:none; }
ul, ol { list-style:none; }
img { border:none; vertical-align:bottom; /*画像下部のスペースを消す*/-ms-interpolation-mode: bicubic; max-width:100%; }
table{ border-collapse:separate; border-spacing:0; margin:0; padding:0;	}
a:hover img { filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }
section,article,aside,nav,header,footer { display:block; }

.clearfix { zoom:1;}
.clearfix:after { content:""; display:block; clear:both; }
.clear { clear:both; }

.cen { text-align:center; }
.migi { text-align:right; }
.hidari { text-align:left; }

.f-migi { float:right; margin-left:10px; }
.f-hidari { float:left; margin-right:10px; }

.big { font-size:18px; font-weight:bold; }
.aka { color:#ff0000; font-weight:bold; }
.akabig { font-size:18px; font-weight:bold; color:#ff0000; }
.ao { color:#0000ff; font-weight:bold; }
.bold { font-weight:bold; }

.mb-0 { margin-bottom:0 !important; }
.mb-5 { margin-bottom:5px; }
.mb-10 { margin-bottom:10px; }
.mb-15 { margin-bottom:15px; }
.mb-20 { margin-bottom:20px; }
.m-auto { margin:0 auto; }

.link_arw {
    background: url(../image/arw.gif) no-repeat 0 5px;
    padding-left: 25px;
    font-size: 18px;
    font-weight: bold;
}

.bliner1 {
  background: linear-gradient(transparent 65%, #ff0 0%);
  font-weight: bold;
}
.bliner2 {
  background: linear-gradient(transparent 65%, #f66 0%);
  font-weight: bold;
}

blockquote { background:#f4f2e6 url(../image/inyou.png) no-repeat 10px 10px; margin-bottom:40px; padding:60px 10px 10px; }
blockquote p:last-child { margin:0; }
.modoki { background:#f4f2e6 url(../image/inyou.png) no-repeat 10px 10px; margin-bottom:40px; padding:60px 10px 10px; }
.modoki p:last-child { margin:0; }

.notice { border:dotted 3px #ff9999; padding:15px; margin-bottom:20px; }
.notice p { margin:0 !important; }

.inyou { color:#999; }
.inyou a { color:#999 !important; }

small { color:#999; }
/* ▼　共通部分　▼ */
body { color: #333; font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, sans-serif; line-height: 120%; }

/* 強調表現 */
em { font-style:normal; }
strong { font-weight:normal; }

/* iframeのレスポンシブ */
.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom:40px;
}
.youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ▼　サイト固有　▼ */

/***********************
　ベースの色変更
************************/

body { background:#fff; }
header { border-top:solid 3px #ff6600; }
.ttl-1 { border-bottom:solid 1px #ff6600; }
.ttl-2 { background:url(../image/ttl-line-ff6600.gif) no-repeat top left; }
.ttl-3 { border-left:solid 3px #ff6600; }
.ttl-side-1 { border-bottom:solid 1px #ff6600; }
#main p a { color:#0000cc; }

/**
アサイー：#cc0066
オレンジ：#ff6600
ピンク：#ffcccc
グリーン：#009900
ブルー：#0000cc
**/

/***********************/

/* リンク */
a:link { color: #333; text-decoration: none; }
a:visited {	color: #333;	text-decoration: none; }
a:hover,a:active { color: #7491C5; text-decoration: underline; }
.main-contents a { text-decoration:underline; }
.main-contents a:hover { text-decoration:none; }
/* 大枠 */

#wrapper { max-width:900px; margin:0 auto; }
#main { background:#fff; padding:0; margin-bottom:20px;}
#sub { margin-bottom:20px; }
.main-contents { padding:20px; border:solid 1px #ddd; border-radius:3px; }
.main-contents p { line-height:1.6; }
.main_header { margin-bottom:10px; }
/* タイトルバー */

.ttl-1 { font-size:18px; padding-bottom:10px; margin-bottom:20px; }
.ttl-2 { font-size:18px; padding:15px 0 0 5px; margin-bottom:20px;  }
.ttl-3 { font-size:18px; padding:3px 0 3px 10px; margin-bottom:20px; }
.ttl-side-1 { font-size:13px; padding-bottom:5px; margin-bottom:5px; }
.ttl-side-2 {  }

/* header */
header { background:url(../image/bg.png) repeat-x; padding:20px 0; margin-bottom:20px; border-bottom:solid 1px #ddd; }
.inhead { width:800px; margin:0 auto; }
.head-ttl { font-size:20px; font-weight:bold; padding:10px 0; }
.g-navi { margin-bottom:20px; }
.g-navi li { float:left; border-right:solid 1px #ddd; }
.g-navi li a { display:block; padding:0 10px; }

/* contents */
.intro {}
.intro p { margin-bottom:10px !important; }

.waku { padding:10px; border:solid 2px #eee; box-shadow:1px 1px 3px #666; margin-bottom:20px; }
.waku p { margin-bottom:20px !important; }

.ul-disc-waku { list-style:disc; background:#fafafa; border:solid 2px #eee; border-radius:5px; margin-bottom:40px; padding:10px 10px 10px 30px; }
.ul-disc { list-style:disc; margin:0 0 40px 40px; }
.ul-disc li { line-height:1.6; }
.ul-decimal { list-style-type: decimal; margin:0 0 40px 40px; }
.ul-decimal li { line-height:1.6; }
.unei { width:100%; border-top:solid 1px #ddd; border-left:solid 1px #ddd; }
.unei th { width:30%; padding:5px; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.unei td { width:70%; padding:5px; border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; }

.mokuji { border:solid 1px #c8c8c8; background:#ebebeb; padding:10px; margin-bottom:20px; line-height:1.6; }
.mokuji .subhead { margin-left:15px; }
.mokuji a { text-decoration:none; }
.mokuji a:hover { text-decoration:underline; }

.goods { font-size:14px; border-bottom:solid 1px #999;border-right:solid 1px #999; width:100%; }
.goods th { border:solid 1px #999;border-bottom:none;border-right:none; background:#fff2ef; padding:5px; }
.goods td { border:solid 1px #999;border-bottom:none;border-right:none; padding:5px; }
.goods span {color:#ff9b86;}
.goods ul { margin-bottom:10px; }
.goods_link { font-weight:bold; font-size:16px; margin-bottom:5px; }
.goods_link a { color:#1a0dab; }
/* パンくず */
#breadcrumb { margin-bottom:5px; }
#breadcrumb ul { font-size:10px; padding:5px 0; }
#breadcrumb li { display:inline-block; background:url(../image/arrow-gray.png) no-repeat 5px 4px ; padding-left:20px;}
#breadcrumb li:first-child { background:url(../image/home.gif) no-repeat 0 3px; padding-left:18px; }

/* sub */
.side-box { border:solid 1px #ddd; padding:10px; background:#fff; border-radius:3px; margin-bottom:10px; }
.side-box ul { margin-bottom:20px; }
.side-box li { border-bottom:solid 1px #ddd; }
.side-box li a { display:block; padding:5px; }
.side-box ul ul { margin-left:10px; margin-bottom:0; }
.side-con { font-size:12px; }
.side-con p { margin-bottom:10px; }
.side-box li.noline { border:none; }
/* footer */
footer { width:100%; padding:5px 0 10px; clear:both; text-align:center; background:#dfdfdf; }
footer a { color:#333; font-size:18px; line-height:1.8; font-weight:bold; }
.infoot { width:800px; margin:0 auto; }

.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 15px 10px;
}
 
.pagetop a:hover {
    background: #222;
    color: #fff;
    text-decoration: none;
}

.symptom {
  margin-bottom:20px;
}
.symptom dt {
	background:#ff6600;
	color:#fff;
	float:left;
	padding:5px;
	font-size:14px;
	margin-right:10px;
}
.symptom dd {
	padding:5px;
}
/* ▼　800px以上（PC）　▼ */
@media screen and (min-width: 891px) {
#main { width:640px; float:right; }
#sub { width:250px; float:left; }
.main-contents p { margin-bottom:40px; }

.goods_left { width:20%; float:left; }
.goods_right { width:80%; padding-left:10px; float:right; }
.goods p { margin-bottom:10px; }

.goods_btn { padding:30px 0 20px; width:80%; margin:0 auto; }

.pc-none { display:none; }
.m-none { display:block; }

.ad_head { margin-bottom:10px; }
.ad_side { margin-bottom:10px; }
.ad_kiji { margin-bottom:40px; }
.ad_kiji span { display:block; font-size:12px; color:#999; }

}
/* ▲　800px以上（PC）　▲ */

/* ▼　800px～768px（タブレット）　▼ */
@media screen and (min-width: 641px) and (max-width: 890px) {
header { padding:5px; }
.inhead { width:100%;}

#wrapper { padding:0 10px; }
#main { float:none; width:100%; }
#sub { float:none;width:100%; padding:0 10px; }
.main-contents p { margin-bottom:40px; }
.goods p { margin-bottom:10px; }

.goods_left { width:100%; float:none; margin-bottom:10px; }
.goods_left img { width:100%; }
.goods_right { width:100%; padding-left:0; float:none; }
.goods_btn { padding:30px 0 20px; width:80%; margin:0 auto; }


.head-ttl { padding:10px; }

.side-box { margin-bottom:20px; }

.pc-none { display:none; }
.m-none { display:block; }

.ad_head { margin-bottom:20px; }
.ad_side { text-align:center; margin-bottom:20px; }
.ad_kiji { text-align:center; margin-bottom:40px; }
.ad_kiji span { display:block; font-size:12px; color:#999; }
.infoot { width:100%; }
}
/* ▲　950px～768px（タブレット）　▲ */
/* ▼　768px～640px（スマートフォン）　▼ */
@media screen and (max-width: 640px) {
* { webkit-appearance:none; word-wrap:break-word; }
#wrapper { width:100%; padding:0; }
.inhead { width:100%;}
#main { padding:0 10px; background:#fff; }
.main-contents { background:#fff; padding:10px; }
.main-contents p { margin-bottom:30px; }
.youtube-container { margin-bottom:30px; }

.goods p { margin-bottom:10px; }

#sub { float:none;width:100%; padding:0 10px; }


.head-ttl { padding:10px 5px; }
.desc { display:none; }
.g-navi li { padding:5px; float:none; border-right:none; border-bottom:solid 1px #ddd; }


.goods_left { width:100%; float:none; margin-bottom:10px; }
.goods_left img { width:100%; }
.goods_right { width:100%; padding-left:0; float:none; }
.goods_btn { padding:30px 0 20px; }


.side-box { border-radius:0; margin-bottom:20px; }

.ttl-1 { padding:5px 0; }

.pc-none { display:block; }
.m-none { display:none; }

.g-navi-menu { background: #EEE; border-top: 1px solid #FFF; border-left: 1px solid #FFF; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;
 -moz-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1); -webkit-box-shadow: -1px -1px 1px rgba(000,000,000,0.3),1px 1px 1px rgba(255,255,255,1);
 width:50%; padding:5px 0; margin:0 auto 10px; text-align:center; }

.ad_head { padding:0 10px; margin-bottom:20px; }
.ad_side { text-align:center; margin-bottom:20px; }
.ad_kiji { text-align:center; margin-bottom:30px; }
.ad_kiji span { display:block; font-size:12px; color:#999; }
.infoot { width:100%; }

.f-migi { float:none; width:80%; margin:0 auto; text-align:center; }
.f-hidari { float:none; width:80%; margin:0 auto; text-align:center; }


}