@charset "euc-jp";
/*��������*/
@import url(https://fonts.googleapis.com/css?family=Aldrich);
@import url(https://www.rakuten.ne.jp/gold/futon/css/resetter.css);
/*base*/
*{margin:0;padding:0;box-sizing:border-box;}
ul,ol{list-style:none}
ul::after,ol::after,.clearfix::after{display:block;content:'';width:0;height:0;clear:both;}
a{text-decoration:none;}
body { background: #fff; color: #555; letter-spacing: 1.5px; font-size: 15px; line-height: 1.7; font-family: "�ҥ饮�γѥ� Pro W3", "Hiragino Kaku Gothic Pro", "�ᥤ�ꥪ", Meiryo, Osaka, "�ͣ� �Х����å�", "MS PGothic", sans-serif; }
/*
img { width: 100%; }
/*base end*/

/*wrap*/
#inner { width: 98%; max-width: 1200px; background: #fff; margin: 0 auto; }
/*wrap end*/

/*header*/
header { }
header h1 { text-align: center; font-size: 25px; margin: 1em 0; }
/*upper*/
#upperMenu{display:none;}
/*upper*/
/*header end*/

/*drawer*/
.drawer-nav{z-index:9999;}
.drawer-wrap { display: block; padding: 10px 5px 25px; }
.nav-brand { font-family: 'Aldrich', sans-serif; font-size: 20px; color: #00a3af; padding: 10px 10px 0px; border-bottom: solid 1px #00a3af; margin-top: 30px; }
.nav-item { border-bottom: solid 1px #ccc; }
.nav-item>a { display: block; padding: 0.3em; position: relative; color: #333; z-index: 999; overflow: hidden; }
.nav-item>a::after { display: block; content: ''; width: 100%; height: 100%; position: absolute; top: 0%; left: -100%; background: #f5f5f5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: -999; }
.nav-item>a:hover { }
.nav-item>a:hover::after { left: 0%; }
.mate #material { position: absolute; left: -9999px; }
.mate label { position: relative; display: block; padding: 0.3em; background: #00a3af; color: #fff; }
.toggle { display: block; width: 20px; height: 3px; background: #fff; position: absolute; top: 45%; right: 7%; }
.toggle::before { display: block; width: 20px; height: 3px; background: #fff; position: absolute; top: -5px; content: ''; }
.toggle::after { display: block; width: 20px; height: 3px; background: #fff; position: absolute; top: 5px; content: ''; }
.toggle,
.toggle::before,
.toggle::after { -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.mate #material:checked +label>.toggle { background: transparent; }
.mate #material:checked +label>.toggle::before { transform: rotate(45deg); top: 0px; }
.mate #material:checked +label>.toggle::after { transform: rotate(-45deg); top: 0px; }
#mate-inbox { padding: 10px 0 10px 10px; background: rgba(0,163,175,0.9); }
#mate-inbox li { border-bottom: dashed 1px #fff; }
#mate-inbox a { display: block; padding: 0.2em 0.3em; color: #fff; position: relative; }
#mate-inbox a:hover { color: #ffff00; }
/*drawer end*/

/*footer*/
footer { background: #00a3af; padding: 1em 1em 3em; }
footer h2 { color: #fff; font-family: 'Aldrich', sans-serif; font-weight: normal; }
footer h3 { color: #ffff00; font-family: 'Aldrich', sans-serif; font-weight: normal; border-top: dashed 1px #ffff00; margin-top: 25px; }
footer #formWrap{width:95%;margin:10px auto;}
footer #texArea { font-size: 16px; border: none; color: #555; letter-spacing: 1px; display: block; width: 100%; padding:5px;margin:5px 0; }
footer #submit-bt{float:right;padding:5px;border:none;background:#fff;}
footer ul { width: 95%; margin: 5px auto 25px; }
footer li { float: left; text-align: center; width: 25%; }
footer li a { display: block; text-align: center; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin: 2%; padding: 5%; color: #fff; border: double 3px #fff; }
footer li a:hover { border-radius: 20px; background: #ffff00; color: #333; }
/*footer end*/

/*gotop*/
#gotop { position: fixed; left: 2%; bottom: 2%; }
#gotop a { display: table-cell; width: 35px; height: 35px; font-size: 20px; background: #333; color: #fff; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; text-align: center; vertical-align: middle; border: solid 1px transparent; }
#gotop a:hover { background: #fff; color: #333; border: solid 1px #333; }
/*gotop end*/





/*main*/
main { min-height: 5000px; }
/*chunk*/
.new_chunk { padding: 0.5em; }
.new_chunk h2 { margin: 10px; font-size: 25px; padding: 20px 10px; transition: .4s; opacity: 0; transform: translate(0, 40px); -webkit-transform: translate(0, 40px); text-align: center; }
.new_chunk .mv { opacity: 1.0; transform: translate(0, 0); -webkit-transform: translate(0, 0); }
.new_chunk h2+p { text-align: left; margin: 20px 0 40px; padding-right: 1em; }
.new_chunk>ul { border: solid #eee; border-width: 1px 0 0 1px; margin-bottom: 70px; }
.new_chunk>ul>li { width: 25%; float: left; border: solid #eee; border-width: 0 1px 1px 0; padding: 5px 0 20px; }
.new_chunk li>dl { margin: 2%; }
.new_chunk>ul>li>dl>dd { line-height: 1; }
.new_chunk li>dl>dd+dd { font-size: 16px; color: #bf0000; line-height: 1.7; letter-spacing: 0px; padding: 5px 0; display: inline-block; float: left; }
.new_chunk li>dl>dt{ color: #fff; letter-spacing: 0px; padding: 5px; background-color: #bf0000; display: inline-block; float: right; font-size: 13px; }
.new_chunk>ul>li.wide { width: 100%; border: none; }

h3{
color: #505050;/*ʸ����*/
padding: 0.5em;/*ʸ�������;��*/
display: inline-block;/*���ޤ��ʤ�*/
line-height:0.8;/*�Թ�*/
background: #afeeee;/*�طʿ�*/
vertical-align: middle;/*�岼���*/
border-radius: 25px 0px 0px 25px;/*��¦�γѤ�ݤ�*/
font-size:1.2em
}

h3:before {
content: '��';
color: white;
margin-right: 8px;
}


h4 {
color: #364e96;/*ʸ����*/
padding: 0.5em 0;/*�岼��;��*/
border-top: solid 3px #364e96;/*����*/
border-bottom: solid 3px #364e96;/*����*/
display: inline-block;

font-size:1.0em
}

/*chunk end*/

/*makura festival*/
#ch_matsuri { background: #000; color: #fff;padding-bottom:45px; }
#ch_matsuri #matsuri-bt{display:none;}
#ch_matsuri #matsuri-bt +label{position:relative;}
#ch_matsuri #matsuri-bt +label>div{ font-size:30px;color: #ffff00; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;position:absolute;right:15px; }
#ch_matsuri #matsuri-bt:checked +label>div{transform:rotate(-180deg);}
#ch_matsuri ul{ display:none; }
#ch_matsuri ul li{border:solid 1px #fff;margin:10px 0;line-height:1.3;}
#ch_matsuri ul a{color:#ffdc00;}
#ch_matsuri ul a:hover{text-decoration:underline;}
#ch_matsuri ul a p{margin:5px;}
/*makura festival*/

/*line up*/
.lineup { text-align: center; }
.lineup a { display: inline-block; text-align: center; position: relative; padding: 0.3em 0.5em; font-size: 20px; border: solid 1px #00a3af; color: #00a3af }
.lineup a:hover { background: #333; color: #fff; border-color: transparent; }
.lineup a::after,
.lineup a::before { position: absolute; content: ''; width: 45px; height: 30px; background: url(https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.rakuten.co.jp/futon/cabinet/01249628/img58583840.gif); display: block; top: 10%; }
.lineup a::after { right: -40%; }
.lineup a::before { left: -40%; }
/*line up end*/


/*==========
�ƥ����ȥ�
==========*/


/*toiawase*/
#toiawase h2 { background: #0075c2; color: #ffff00; }
#toiawase ul li a{display:block;line-height:0;}
#toiawase ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
/*toiawase end*/


/*siharai*/
#siharai h2 { background: #0075c2; color: #ffff00; }
#siharai ul li a{display:block;line-height:0;}
#siharai ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
/*siharai end*/


/*souryo*/
#souryo h2 { background: #0075c2; color: #ffff00; }
#souryo ul li a{display:block;line-height:0;}
#souryo ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
/*souryo end*/

/*premium*/
#premium h2 { background: #0075c2; color: #ffff00; }
#premium ul li a{display:block;line-height:0;}
#premium ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
/*premium end*/

/*gaiyou*/
#gaiyou h2 { background: #0075c2; color: #ffff00; }
#gaiyou ul li a{display:block;line-height:0;}
#gaiyou ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
#gaiyou table { margin:1.5em; width: 100%; max-width: 90%; border-collapse:collapse;  }
#gaiyou table tr,td { border: 1px dotted; padding: 1.5em;  }
#gaiyou table tr td:nth-child(1) { background-color: #eee; width: 20%; }
#gaiyou table tr td img:nth-child(1){ padding:3px; max-width: 320px; }
/*gaiyou end*/




/*nouhin*/
#nouhin h2 { background: #0075c2; color: #ffff00; }
#nouhin ul li a{display:block;line-height:0;}
#nouhin ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
/*nouhin end*/

/*henpin*/
#henpin h2 { background: #0075c2; color: #ffff00; }
#henpin ul li a{display:block;line-height:0;}
#henpin ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
#henpin table { margin:1.5em; width: 100%; max-width: 90%; border-collapse:collapse;  }
#henpin table tr,td { border: 1px dotted; padding: 1.5em;  }
#henpin table tr td:nth-child(1) { background-color: #eee; width: 20%; }
/*henpinend*/

/*hanbai*/
#hanbai h2 { background: #0075c2; color: #ffff00; }
#hanbai ul li a{display:block;line-height:0;}
#hanbai ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
/*hanbai end*/

/*kojin*/
#kojin h2 { background: #0075c2; color: #ffff00; }
#kojin ul li a{display:block;line-height:0;}
#kojin ul li a>p{ background-color: #eee; color: #333; margin: 0; line-height: 1.7; padding: 0.5em 0.8em; font-size: 13px; }
/*kojin end*/


/*ranking*/
#ch_ranking { border: solid 2px #d83473; background: #d83473; }
#ch_ranking h2 { background: #d83473; color: #fff; }
#ch_ranking ul { background: #fff; }
#ch_ranking ul>li { width: 33.333%; }
#ch_ranking ul>li a { display: block; padding: 1% 2%;}
#ch_ranking ul>li a p1{ color: #000000; font-size: 20px; font-weight: bold; margin: 5px 0; }
#ch_ranking ul>li a p2{ color: #d83473; font-size: 14px; font-weight: bold; margin: 5px 0; }
/*ranking end*/

/*nishikawa*/
#ch_nishikawa { border: solid 2px #BA2636; }
#ch_nishikawa h2 { background: #BA2636; color: #fff; }
/*nishikawa end*/

/*cool*/
#ch_cool { border: solid 2px #003399; }
#ch_cool h2 { background: #003399; color: #fff; }
/*cool end*/

/*tempur*/
#ch_tempur { border: solid 2px #339966; }
#ch_tempur h2 { background: #339966; color: #fff; }
/*tempur end*/

/*wata*/
#ch_wata { border: solid 2px #00A3AF; }
#ch_wata h2 { background: #00A3AF; color: #fff; }
/*wata end*/

/*pipe*/
#ch_pipe { border: solid 2px #007BBB; }
#ch_pipe h2 { background: #007BBB; color: #fff; }
/*pipe end*/

/*urethane*/
#ch_urethane { border: solid 2px #E56B19; }
#ch_urethane h2 { background: #E56B19; color: #fff; }
/*urethane end*/

/*jushi*/
#ch_jushi { border: solid 2px #524E4D; }
#ch_jushi h2 { background: #524E4D; color: #fff; }
/*jushi end*/

/*beads*/
#ch_beads { border: solid 2px #273683; }
#ch_beads h2 { background: #273683; color: #fff; }
/*beads end*/

/*down*/
#ch_down { border: solid 2px #203744; }
#ch_down h2 { background: #203744; color: #fff; }
/*down end*/

/*soba*/
#ch_soba { border: solid 2px #996633; }
#ch_soba h2 { background: #996633; color: #fff; }
/*soba end*/

/*pedico*/
#ch_pedico { border: solid 2px #000B00; }
#ch_pedico h2 { background: #000B00; color: #fff; }
/*pedico end*/

/*daki*/
#ch_daki { border: solid 2px #951E45; }
#ch_daki h2 { background: #951E45; color: #fff; }
/*daki end*/

/*relax*/
#ch_relax { border: solid 2px #C3D825; }
#ch_relax h2 { background: #C3D825; color: #fff; }
/*relax end*/

/*baby*/
#ch_baby { border: solid 2px #EAD678; }
#ch_baby h2 { background: #EAD678; color: #fff; }
/*baby end*/

/*main end*/

/*pan*/
#pan { }
#pan li { }
#pan li:nth-last-child { }
#pan a { }
/*pan end*/

/*design methods*/
hr.bar { margin: 125px 0; border: none; border-bottom: solid 1px #00a3af; position: relative;  }
hr.bar::before { position: absolute; display: block; width: 10px; height: 10px; background: #00a3af; content: ''; transform: rotate(45deg); top: -15px; right: 5%; }
hr.bar::after { position: absolute; display: block; width: 15px; height: 15px; background: #fff; border: solid 1px #00a3af; content: ''; transform: rotate(45deg); top: -5px; right: 6%;  }
/*design methods end*/


@media screen and ( max-width:640px ) {
	
img { width: 100%; }
	
/*base*/
body { letter-spacing: 1px; font-size: 14px; }
/*base end*/

/*header*/
#upperMenu{display:block;width:100%;background:rgba(255,255,255,0.95);}
#upperMenu ul{}
#upperMenu li{text-align:center;width:25%;float:left;padding:10px 0;}
#upperMenu li a{display:block;margin:1%;padding:3% 0 ;color:#00a3af;}
#upperMenu li a:hover{background:#00a3af;color:#fff;}
.fixed{ position: fixed; z-index: 1; width: 100%; max-width: 1200px; top: 0px; left: 0px;}

/*drawer*/
.drawer--right .drawer-hamburger{ right: 6%; }
.drawer--right.drawer-open .drawer-hamburger { left: 30px;s }
.drawer-hamburger { position: fixed; z-index: 4; top: 1%; display: block; box-sizing: content-box; width: 40px; padding: 0; padding: 0; -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1); transition: all .6s cubic-bezier(.19, 1, .22, 1); -webkit-transform: translateZ(0); transform: translateZ(0); border: 0; outline: 0; background-color: #00a3af; height: 40px; }
.drawer-hamburger:hover { cursor: pointer; background-color: #00a3af }
.drawer-hamburger-icon { position: relative; display: block; margin-top: 5px; }
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before { width: 30px; height: 2px;left:3px; -webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1); transition: all .6s cubic-bezier(.19, 1, .22, 1); background-color: #fff }
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before { position: absolute; top: -5px; left: 0; content: ' ' }
.drawer-hamburger-icon:after { top: 5px }

.drawer-open .drawer-hamburger-icon { background-color: transparent; }
.drawer-open .drawer-hamburger-icon:after,
.drawer-open .drawer-hamburger-icon:before { top: 3px }
.drawer-open .drawer-hamburger-icon:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.drawer-open .drawer-hamburger-icon:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.drawer-label{position:absolute;top:0px;left:3px;color:#fff;}
/*drawer end*/
/*header end*/

/*wrap*/
#inner { width: 100%; }
/*wrap end*/

/*chunk*/
.new_chunk { padding: 0.3em; }
.new_chunk h2 { margin: 5px; font-size: 20px; padding: 10px; }
.new_chunk h2+p { text-align: left; margin: 20px 5px 40px; padding-right: 0; }
.new_chunk>ul { margin-bottom: 30px; }
.new_chunk>ul>li { width: 50%; }
.new_chunk li>dl>dt li { width: 33.333%; }
.new_chunk li>dl>dd+dt+dd { font-size: 14px; text-align: right; }
.new_chunk h3 { font-size: 15px; }
/*chunk end*/

#ch_ranking ul>li { width: 50%; }

/*line up*/
.lineup a { font-size: 15px; }
.lineup a::after,.lineup a::before{width:15px;height:15px;background-size:cover;display:block;top:20%;}
.lineup a::after{right:-16px;}
.lineup a::before{left:-16px;}
/*line up end*/


/*footer*/
footer { padding: 0.5em 0.5em 1em; }
footer #texArea { font-size: 15px; }
footer ul { width: 95%;}
footer li { width: 50%;}
footer li:nth-last-of-type(1){width:100%;}
/*footer end*/
}
@media ( min-width : 641px ) and ( max-width : 1023px ) {
/*chunk*/
.new_chunk>ul>li { width: 33.333%; }
/*chunk end*/
}