@charset "UTF-8";

.color-shinkai{color:#006666;}
.color-wakaba{color:#91b759;}
.color-iemon{color:#008000;}
.color-orange{color:#ff4500;}
.color-tomato{color:#ff6347;}
.color-ginnan{color:#f8b500;}

.underbarTom{border-bottom:1px solid #ff6347;}

.color-shinkai{color:#006666;}
.color-wakaba{color:#91b759;}
.color-wakaba2{color:#80ab42;}
.color-iemon{color:#008000;}
.color-orange{color:#ff4500;}
.color-tomato{color:#ff6347;}
.color-ginnan{color:#f8b500;}
.color-beniimo{color:#bd68ce;}

.underbarTom{border-bottom:1px solid #ff6347;}

.homRan1{
    color:#45a03b;
}

.homRan2{
    color:#ec97a6;
}

.homRan3{
    color:#ff735a; 
}

.homRan4{
    color:#dc535e; 
}

.homRan5{
    color:#77c3a4; 
}

.homRan6{
    color:#995ea5; 
}

.homRan7{
    color:#49729e; 
}

.homRanNo{
    color:#82c3ce;
}
a.homRanLi{
    background-color:#82c3ce;
    border:solid 1px #669ba5;
    color:#ffffff;
}
.homRanC{
    color:#82c3ce;
}

.genre-button {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d3cf5), color-stop(100%, #0aa6c5));
    background: -moz-linear-gradient(top, #0d3cf5, #0aa6c5);
    background: -webkit-linear-gradient(top, #0d3cf5, #0aa6c5);
    background: linear-gradient(to bottom, #0d3cf5, #0aa6c5);
    background-color: #0aa6c5;
    border-color: #0b2ce4;
    color: #ffffff;
    text-shadow: 0 -1px 1px rgba(51, 152, 39, 0.35);
    } 
.genre-button:hover, .genre-button:focus {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #102b96), color-stop(100%, #09788e));
    background: -moz-linear-gradient(top, #102b96, #09788e);
    background: -webkit-linear-gradient(top, #102b96, #09788e);
    background: linear-gradient(to bottom, #102b96, #09788e);
    background-color: #09788e;
    border-color: #092638;
    color: #ffffff;
}
.genre-button:active, .genre-button.is-active, .genre-button.active {
    background: #13466b;
    border-color: #033a63;
    color: #ffffff;
}
.genre-Text {
    display:inline-block;
    padding:3px 7px 3px 7px;
    margin:0 2px 10px 2px;
    border-radius: 14px;
    font-size: 14px;
}

a.titleLink {
    color:#45a03b;
}


/********** ホームぺージ紹介用 **********/

/* ショップ別カラー */
.color-kouji{color:#54412e;}
.color-teten{color:#394e69;}
.color-sogawa{color:#b1191f;}

/* ホームぺージタイトル吹き出し */
.hpName {
position: relative;
padding: 0.6em;
margin: 0 5% 5% 5%;
background: -webkit-repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
background: repeating-linear-gradient(-45deg, #fff5df, #fff5df 4px,#ffe4b1 3px, #ffe4b1 8px);
border-radius: 7px;
}

.hpName:after {
position: absolute;
content: '';
top: 100%;
right: 30px;
border: 15px solid transparent;
border-top: 15px solid #ffebbe;
width: 0;
height: 0;
}

/* ホームぺージタイトル吹き出し 2回目以降 */
.hpn02 {
background: -webkit-repeating-linear-gradient(-45deg, #e2edf5, #e2edf5 4px,#c7dbe8 3px, #c7dbe8 8px);
background: repeating-linear-gradient(-45deg, #e2edf5, #e2edf5 4px,#c7dbe8 3px, #c7dbe8 8px);
}
.hpn02:after {
    border-top: 15px solid #c7dbe8;
}

.hpn03 {
background: -webkit-repeating-linear-gradient(-45deg, #efdee2, #efdee2 4px,#f3bdca 3px, #f3bdca 8px);
background: repeating-linear-gradient(-45deg, #efdee2, #efdee2 4px,#f3bdca 3px, #f3bdca 8px);
}
.hpn03:after {
    border-top: 15px solid #f3bdca;
}

/* Accessボタン */
.square_btn {
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #f5a103;
    border: double 4px #ffac10d9;
    border-radius: 20px;
    transition: .4s;
}

.square_btn:hover {
    background: #fffbef;
}

/* Accessボタン 2回目以降 */
.sqb02 {
    color: #6e9bb7;
    border: double 4px #6e9bb7;
}

.sqb03 {
    color: #ff99b1;
    border: double 4px #ff99b1;
}

/*　ポイント箇条書き */
.poi_ul, .poi_ol {
  /*background: #fffde8;*/
  /*box-shadow: 0px 0px 0px 10px #fffde8;/*線の外側*/
  border: dashed 2px #ffb03f;/*破線*/
  border-radius: 9px;
  margin-left: 10px;/*はみ出ないように調整*/
  margin-right: 30px;/*はみ出ないように調整*/
  padding: 0.5em 0.5em 0.5em 2em;
  font-size: 14px;
  font-weight: bold;
}

.poi_ul .poi_li, .poi_ol .poi_li {
  line-height: 1.5;
  padding: 0.5em 0;
}

/*　ポイント箇条書き 2回目以降 */
.poiColor02 {
    border: dashed 2px #6e9bb7;
}

.poiColor03 {
    border: dashed 2px #ff99b1;
}

/* まとめの言葉 */
.kome {
    padding: 5px 5px 5px 10px;
    margin: 0% 5% 10px 5%;
    margin-bottom: 60px;
    background-color: #fff5df;
    border-radius: 15px;
    font-size: 15px;
}