@charset "UTF-8";
#btn_pc {
    display: block;
    position: fixed;
    z-index: 9999;
    text-align: left;
	padding-top:50px;
	top:0;
	left:0px;
}
#btn_sp {
    display: block;
    position: fixed;
    z-index: 9999;
	bottom:10px;
	left:10px;
}


.movie01{padding:20px auto; text-align: center; max-width:90%;}

.box1{
	text-align: center; padding: 10px auto; margin-bottom:50px;
}
.img-title{max-width:300px; margin:50px auto;}

/* 詳細ボタン */
.btn_more01 a {display:inline-block; background-color:#dd0000; color:#fff; line-height:2.4em; width:100%; margin-top:0px; max-width:182px; text-align:center;    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */  }
.btn_more01 a:hover {background-color:#666; color:#fff;}



/* --------------------------------------------------
	ブートストラップずれ調整
-------------------------------------------------- */
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}


/* Reset */
ul {list-style:none;}
ul,li {margin:0; padding:0;}
a {/*color:#ff4300;*/ color:#0000ff;  text-decoration:none;}
a:hover {color:#ffb400; text-decoration:none;}
img {vertical-align:middle;}
a:hover img {opacity: 0.75;	filter: alpha(opacity=75); transition: all 0.25s ease;}
.img100{ max-width:100%; height:auto;}
p {margin:0 0 1em;}
dl,dt,dd {margin:0;}
figure {margin:0;}

/* 見出し */
h1,h2,h3,h4,h5,h6 {margin:0; line-height:1.5; font-weight:bold;}




/* --------------------------------------------------
	ベース
-------------------------------------------------- */
body { width:100%;background-color:#fff; line-height:1.5; font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;/*font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;*/  }
.wrap {
	overflow: hidden;
}



/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {position:fixed; right:10px; bottom:10px; line-height:1; cursor:pointer; z-index:100; background-color:rgba(236,28,36,0.9); padding:14px 14px 10px; text-align:center; color:#fff; font-size:14px; line-height:1; border-radius:300px;}
#backToTop .angle-up {display:block; width:25px; height:25px; border-top:1px solid #fff; border-left:1px solid #fff; margin:0 auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
#backToTop em {display:block; margin-top:-7px;}
#backToTop:hover {background-color:#e68084;}




/* --------------------------------------------------
	フッター
-------------------------------------------------- */
#footer { margin-top:50px; padding:30px 10px; text-align: center; border-top: 1px solid #000000;}
#footer .logo { text-align:center;margin-bottom:10px;}
#footer .tel { text-align:center;margin-bottom:10px;}
#footer .company address { font-size:90%; letter-spacing:0.1em;}
#footer  { color:#000;}
#footer  a {color:#000;}
#footer  a:hover{color:#ff9966;}
#footer .sitemap .row div:first-child ul { /*float:right;*/}
#footer .sitemap p {font-size:1.28em; text-align:center;}
#footer .sitemap ul {list-style:disc; padding-left:1em;}
#footer .sitemap li {margin-bottom:0.5em;}
#copyright { background:#FFFFFF;color:#333; text-align:center; padding:1.5em;}

/* --------------------------------------------------
	フッター商品リンク
-------------------------------------------------- */

.ftlink-img01{padding:20px;}

.copyright-p01{text-align: center; padding: 30px 5px;}


/* --------------------------------------------------
	 480px〜　big smart phone
-------------------------------------------------- */
@media print, screen and (min-width : 480px) {
	
/* --------------------------------------------------
	オリジナルブートストラップ（Big Smartphone）
-------------------------------------------------- */	
.col-bs-4 {width:33.33333333%; float:left;}
.col-bs-5 {width:41.66666667%; float:left;}
.col-bs-6 {width:50%; float:left;}
.col-bs-7 {width:58.33333333%; float:left;}
.col-bs-offset-1 {margin-left: 8.33333333%;}
.col-bs-push-6 {left: 50%;}
.col-bs-pull-6 {right: 50%;}
}

/* --------------------------------------------------
	 768px〜　tablet
-------------------------------------------------- */

@media print, screen and (min-width : 768px) {
	
}

/* --------------------------------------------------
	 992px〜　PC
-------------------------------------------------- */

@media print, screen and (min-width : 992px) {
	
body {margin-top:0;}

/* --------------------------------------------------
	ページトップ
-------------------------------------------------- */
#backToTop {right:20px; bottom:20px;}
/* --------------------------------------------------
	フッター
-------------------------------------------------- */

}











/* --------------------------------------------------
	共通
-------------------------------------------------- */

p{font-size:110%;line-height:1.5em;padding:0px;letter-spacing:0.15em;}


.h-style01{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:900;color:#333333;line-height:1.5em; margin-bottom:20px; font-size:180%; letter-spacing:0.05em;padding:10px 5px 0 5px;
}
@media print, screen and (min-width : 768px) {
.h-style01{font-size: 250%; text-align:center;}
}


.h-style02{font-family:'Roboto','Hiragino Sans','Meiryo','Hiragino Kaku Gothic ProN',sans-serif;
	font-weight:900;color:#333333;line-height:1.5em; margin-bottom:20px; font-size:140%; letter-spacing:0.05em;padding:10px 5px 0 5px;
}

@media print, screen and (min-width : 768px) {
.h-style02{/*font-size: 200%;*/}
}


.tx-stred01{color: #FF0000;font-weight: bold;}
.tx-big01{font-size:140%;}

.movie01{padding:20px 5px;}



/* --------------------------------------------------
	メインイメージ01
-------------------------------------------------- */

.mainimg01 {/*background-image: url("../img/bg-img01.jpg"); background-size:cover; background-color: #000000; */ padding:0; margin:70px 0 70px 0;}
.h-top01{font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-weight:900;color:#333333;line-height:1.5em; margin:0px 0 80px 0; font-size:180%; letter-spacing:0.05em;padding:0px 5px 0 5px;
}
@media print, screen and (min-width : 768px) {
.h-top01{font-size: 250%; text-align:center;}
}


/* --------------------------------------------------
	製品情報
-------------------------------------------------- */
.box-product{padding-top:20px;}

@media print, screen and (min-width : 768px) {
.box-product{padding-top:40px;}
}

.p-price01{font-size:140%;line-height:1.5em;padding:0px;letter-spacing:0.1em;font-weight:900;}


.img-product01{padding:10px;}
.img-illust01{padding:10px;}
.img-btn01{padding:10px;}
@media print, screen and (min-width : 992px) {
	.img-product01{padding:30px;}
	.img-illust01{padding:40px;}
	.img-btn01{padding:15px 0px;}
}

table{
  border-collapse: collapse;
  width: 100%;
	margin-bottom: 10px;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:left;
  box-sizing:border-box;
}
.tb01 th {
  background: #333333;
  color: #fff;
  
}
@media screen and (max-width: 640px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}







/* --------------------------------------------------
	耳よりなお話
-------------------------------------------------- */

.pre {padding-top:30px; border-bottom:#999999 1px dotted;}
.pre-title{font-size: 180%;line-height:1.5em; margin-bottom:20px; letter-spacing:0.05em; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px 0 5px; color:#333333;}
.pre-title span{color: #cc0000;font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important;}

.tx-pre01{color: #ff0000;}
.pre-info{/*padding-top:0px; */}
@media print, screen and (min-width : 768px) {
	
	.pre-title{font-size: 250%;}
	.pre-info{padding-top:20px; }
}



/*
.pre-impact{font-size: 150%; color: #cc0000;font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', sans-serif !important; font-weight: bold;padding-top: 10px;}
.pre-p{line-height: 1.8em;}
*/


/* --------------------------------------------------
	お問合せフォーム
-------------------------------------------------- */

.form { margin:40px 0 0 0;}
.form-title{line-height:1.5em; margin-bottom:20px; font-size:180%; letter-spacing:0.05em; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px 0 5px; color:#333333;}


.contact_form {margin:1em 0; background-color:#fafafa; border:1px solid #eee; padding:1em; border-radius:8px; letter-spacing:0.05em; line-height:1.5em;}
.contact_form h3 { background:#333333; color:#FFFFFF;line-height:1.5em; margin-bottom:20px; font-size:180%; letter-spacing:0.05em; font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:900; padding:10px 5px; }
.contact_form dt {margin-bottom:0.4em; font-weight:bold;}
.contact_form dd {margin-bottom:1em;}

@media print, screen and (min-width : 768px) {
.contact_form {margin-top:3em; margin-bottom:1em; padding:3em;}
.contact_form dt {margin-bottom:0; margin-top:0.5em; float:left;}
.contact_form dt span {/*display:block;*/}
.contact_form dd {margin-bottom:1.5em; padding-left:15em;}
}


.contact_form textarea {box-sizing:border-box; width:100%; border:1px solid #999999; padding:0.5em; border-radius:4px;}
.contact_form .mf {box-sizing:border-box; width:100%; border:1px solid #999999; padding:0.5em; border-radius:4px;}
.contact_form .mfnb {box-sizing:border-box; border:1px solid #999999; padding:0.5em; border-radius:4px; margin: 5px 0; max-width: 60%;}
.contact_form .mf-post {box-sizing:border-box; border:1px solid #999999; padding:0.5em; border-radius:4px; margin-right:10px; margin-bottom:10px; margin-left:5px;}
.contact_form textarea {height:10em;}
.contact_form .textarea-ac {height:5em;}
.form_btn input {display:block; width:100%; color:#fff; font-size:1.125em; text-align:center; padding:0; line-height:3; border:none; border-radius:4px;}

@media print, screen and (min-width : 768px) {
.form_btn input {display:block; width:60%; color:#fff; font-size:1.125em; text-align:center; padding:0; line-height:3; border:none; border-radius:4px;}
}


.form_btn.submit input {background-color:#6fbb01; margin-top:1em;
}
.form_btn.reset input {background-color:#999; margin-top:1em;}
.form_btn.submit input:hover {background:#ffa800;}
.form_btn.reset input:hover {background-color:#ccc;}