@charset "utf-8";
/* CSS Document */
body{
width:200px;
margin:0px;
padding:0px;
font-size:12px;
line-height:150%;
}
/* マウスをあてたときに白くなる */
a .hover_img1{
transition:all 0.5s ease; /*0.5秒かけて要素を変化させる*/
}
a:hover .hover_img1{
opacity: 0.7;/*要素の透明度を指定*/
filter: alpha(opacity=70); /*ie6、7の透明度指定*/
/*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
}
/* レフト全てを囲うdiv */
#left_box{
width:200px;
float:left;
text-align:center;
}
/* バナー画像の下をmarginで10px余白をあける */
.img_bottom10{
margin-bottom: 10px;
}
/* カレンダーの設定 */
.calendar{
font-size:12px;
color: #666666;
text-align:center;
width:200px;
}
/* カレンダーのtable設定 */
.calendar table{
width:200px;
margin-bottom:10px;
}
/* カレンダーのp*/
.calendar p{
color:#666666;
font-size:13px;
text-align:center;
border-top:1px #cccccc solid;
border-bottom:1px #cccccc solid;
padding:7px;
}
/* 営業時間 */
.business-hours{
width:200;
margin:0 auto;
text-align:center;
font-size:12px;
color:#666666;
}
/* 検索フォーム */
.form-group{ margin-bottom: 20px; }
.form-control {
float: left;
width: 155px;
height: 26px;
padding: 0px 0px 0px 2px;
font-size: 12px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.search_btn{
width: 40px;
height: 26px;
position: relative;
background:url(https://www.kijinomori.com/images/search_btn-y.jpg) no-repeat scroll 0% 0% transparent;
border: 0px none;
cursor: pointer;
}
/* アコーディオンのdiv */
.acdn_box{
width:200px;
margin-right:auto;
margin-bottom:15px;
}
/* 余白設定 */
.acdn-child ,
.acdn-parent li ,
.acdn-parent li p {
margin: 0;
padding :0;
}
/* 親の[ul] */
.acdn-parent {
width: 200px;
margin: auto;
padding:0;
}
/* 子の[ul] */
.acdn-child {
display: none;
}
/* 最初から開いてる(pick up部分)[ul] */
.first-op {
display: block;
}
/* 親と子の[li] */
.acdn-parent li{
list-style: none;
}
/* 親の[li]のみに効く */
.acdn-parent > li{
padding: 0;
border-right: 1px solid #D5D5D5;
border-left: 1px solid #D5D5D5;
}
/* 子の[li] */
.acdn-child li {
border-bottom: 1px solid #E4E4E4;
border-top: 0px;
}
/* 孫の[li] */
.child2 li {
border-top: 1px solid #ffffff;
border-bottom: none;
}
/* 親と子の[a] */
.acdn-parent li a {
display: block;
padding: 12px 0;
font-weight: bold;
font-size: 12px;
text-align:center;
letter-spacing: 2.5px;
text-decoration: none;
color: #5C5C5C;
background-color: #D5D5D5;
}
/* 親の[a] */
.acdn-parent li p a{
position: relative;
top: 0;
left :0;
border-bottom: 1px solid #ffffff;
}
/* 一番下の親(値段で探す)の[a]のみに効く */
.acdn-parent > li:last-child > p > a{
border-bottom: 0;
}
/* 子の[a] */
.acdn-child li a {
color: #5C5C5C;
font-size: 12px;
letter-spacing: 1px;
font-weight: normal;
background-color: #fff;
}
/* 孫の[a] */
.child2 li a {
background-color: #E7E7E7;
}
/* ひ孫の[a] */
.child3 li a {
background-color: #F2EFEF;
}
/* アコーディオン上にカーソルを置いた時 */
.acdn-parent li a:hover {
top: 0;
left: 0;
cursor: pointer;
color: #cd5c5c;
background: #e7e7eb;
}
/* アコーディオンのフォント */
.ac-menu-font {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, verdana, arial, clean, sans-serif;
}
/*
.acdn-parent li p a:after ,
.acdn-parent li p a:hover:after {
color:#333;
background:#dc6b9a;
}*/
/*
.acdn-parent li p a:after {
position:absolute;
top:50%;
right:12px;
content: ;
font-size:.85em;
margin-top:-12.5px;
height:17px;
line-height:17px;
padding:4px 8px;
} */
/* アコーディオン矢印に対しての設定ここから */
/* 矢印を表示 */
.arrow {
display: block;
position: relative;
}
/* 矢印の位置と向き */
.switch .arrow:after {
position: absolute;
top: 90%;
right: 10px;
margin-top: -1.4rem;
content: "\f107";
font-family: FontAwesome;
font-size: 17px;
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-moz-transition: all, 0.25s, linear;
-o-transition: all, 0.25s, linear;
-webkit-transition: all, 0.25s, linear;
transition: all, 0.25s, linear;
}
/* 矢印の回転 */
.switch .arrow.active:after {
-moz-transform: translate(0, 50%);
-ms-transform: translate(0, 50%);
-webkit-transform: translate(0, 50%);
transform: translate(0, 50%);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
/*アコーディオン開かない時の矢印 右向き(コメントアウト外すとarrowが回転しない)
.arrow2:after {
position: absolute;
top: 90%;
right: 10px;
margin-top: -1.4rem;
content: '>';
font-size: 0.8rem;
font-weight: bold;
} */