img {
    max-width: 100%;
}
a:link,
a:visited,
a:hover,
a:active {
    color: #000;
    text-decoration: none;
}

#iHeaderSp {
    width: 100%;
    height: 51px;
}
#iFooterSp1 {
	width:100%;
	height:2630px;
}
#iFooterSp2 {
	width:100%;
	height:1500px;
}
#iNavSp {
	/* width»ØÄêÉÔ²Ä */
	height:100vh;
}

.green{ color:#879826; font-weight:bold;}

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

input[type="text"],
input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}
input[type="text"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}
input[type="text"]::focus,
input[type="submit"]::focus,
input[type="button"]::focus {
    outline-offset: -2px;
}
/* title
--------------------------------------*/
div#main .title,
div#main header .title {
    font-family: adobe-caslon-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2em !important;
    /*21px*/
    text-align: center;
    /* font-weight: bold; */
    letter-spacing: 2px;
}
div#main .title + .title {
    font-family: "ã?????ã??©ã???®ã??Žè§???ã???´ Pro W3", "Hiragino Kaku Gothic Pro", "ã??¡ã???¤ã??ªã???ª", Meiryo, Osaka, "ï¼­ï¼³ ï¼°ã???´ã???·ã????ã???¯", "MS PGothic", sans-serif;
    font-size: 90% !important;
    font-weight: normal;
    margin: -0.5em 0 2.5em !important;
    color: #888;
}
/* table
--------------------------------------*/
/* table */
.cmpTbl01,
.cmpTbl02 {
    background-color: #FFF;
    border-collapse: collapse;
    border-spacing: 1px;
    font-size: 13px;
    width: 100%;
}
.cmpTbl01 th,
.cmpTbl01 td,
.cmpTbl02 th,
.cmpTbl02 td {
    padding: 5px;
    font-weight: normal;
    vertical-align: middle;
}
.cmpTbl01 th,
.cmpTbl01 td {
    border: solid 1px #000;
}
.cmpTbl02 th,
.cmpTbl02 td {
    border: solid 1px #999;
}
.cmpTbl01 .att {
    background-color: #bf0000;
    color: #fff;
}
.cmpTbl01 th {
    background-color: #999;
}
.cmpTbl01 th,
.cmpTbl02 th {
    color: #fff;
    text-align: center;
}
.cmpTbl01 td,
.cmpTbl02 td {
    text-align: left;
}
.cmpTbl02 th {
    background-color: #E0E0E0;
    color: #000;
}
.red {
    color: #bc0003;
}
.iframe {
    width: 100%;
    height: 100%;
}
#sb-site {
    box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3);
    /* Shadow cast onto the slidebars when opened. */
    padding: 56px 0 30px 0;
}
#adverts {
    margin-top: 20px;
}
.advert {
    border-radius: 3px;
    border: 1px solid #727272;
    margin-bottom: 10px;
    padding: 3px;
}
.navbar {
    box-shadow:
        /* Shadow beneath the bar and edge highlights. */
        /* Layered single pixel shadows to create a one sided shadow effect. */
        0 5px 0 0 rgba(0, 0, 0, 0.01), 0 4px 0 0 rgba(0, 0, 0, 0.02), 0 3px 0 0 rgba(0, 0, 0, 0.04), 0 2px 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.08),
        /* Top highlight */
        0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Left highlight */
        1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Right highlight */
        -1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Bottom lowlight */
        0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    /* Bootstrap Changes */
    border: none;
    width: 100%;
    left: auto;
    right: auto;
}
#logo {
    margin-top: 10px;
    margin-left: 24px;
    margin-bottom: 10px;
    text-align: center !important;
}
#logo img {
    text-align: center !important;
}
#top-arrow {
    padding-top: 17px;
    padding-bottom: 13px;
}
.navbar .sb-toggle-left {
    width: 58px;
    float: left;
    padding: 14px;
}
.navbar .sb-toggle-right {
    margin-top: 7px;
    width: 58px;
    float: right;
    padding: 14px;
}
.sb-toggle-left,
.sb-toggle-right,
.sb-open-left,
.sb-open-right,
.sb-close {
    cursor: pointer;
}
.sb-right {
    margin-top: 57px;
}
.navicon-line {
    width: 24px;
    height: 4px;
    border-radius: 1px;
    margin-bottom: 3px;
    background-color: #666;
}
ul.navbar-nav {
    display: none;
}
footer {
    margin-top: 10px;
}
.footer_cate_name {
    width: 100%;
}
.footer_cate_name img {
    width: 50%;
    margin: 0;
    padding: 0;
}
.footer_cate_name_end {
    width: 100%;
    margin-bottom: 20px;
}
/* Slidebars */
.fs_sp_drag_target .fs_sp_drag_item {
    max-width: 40px;
    margin: 2px;
}
.sb-slidebar {
    background-color: #222222;
}
/* -----------------------------------------------
Slidebars
----------------------------------------------- */
.sb-slidebar {
    background-color: #222222;
    /* Background colour. */
    color: #e8e8e8;
    /* Text colour. */
}
.sb-slidebar a {
    color: #ccc;
    text-decoration: none;
}
.sb-slidebar a:hover {
    color: #ccc;
    /* Link hover colour. */
    text-decoration: underline;
}
/* -----------------------------------------------
main menu
----------------------------------------------- */
.sb-menu {
    /* Apply to <ul> or <ol>. */
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.sb-menu li {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    /* Will lighten any background colour you set. */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /* Will darken any background colour you set. */
}
.sb-menu > li:first-child {
    border-top: none;
    /* Removes top border from first list item.. */
    font-weight: bold;
    margin: 1em;
    color: #FFF;
}
.sb-menu > li:last-child {
    border-bottom: none;
    /* Removed bottom border from last list item. */
}
.sb-menu li a {
    width: 100%;
    /* Makes links full width. */
    display: inline-block;
    padding: 1em;
    /* Creates an even padding the same size as your font. */
    color: #f2f2f2;
}
.sb-menu li a:hover {
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.05);
    /* Will lighten any background colour you set. */
}
/* ã??¡ã????¹Ã£Æ?¥ã??¼ã??®ã???¢ã???¤ã???³ã??³ */
.sb-left .sb-menu li a {
    border-left: 3px solid transparent;
}
.sb-left .sb-menu li a:hover {
    border-left: 3px solid;
    /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
.sb-right .sb-menu li a {
    border-right: 3px solid transparent;
}
.sb-right .sb-menu li a:hover {
    border-right: 3px solid;
    /* Removes transparent colour, so border colour will be the same as link hover colour. */
}
/* Left */
.sb-menu li .sb-open-right,
.sb-menu li small {
    display: inline-block;
    padding: 14px;
}
.sb-menu li img {
    margin: 14px;
}
/* Right */
aside#about-me {
    padding: 14px 14px 14px 14px;
}
img.img-me {
    margin: 14px auto;
    border: 4px solid #fff;
}
/* Slidebar Type */
.sb-slidebar,
.sb-slidebar h3 {
    color: #F0F0F0;
}
.sb-slidebar ul.sb-nav li a {
    color: #DEDEDE;
}
.sb-slidebar ul.sb-nav li a:hover {
    color: #C7C7C7;
    text-decoration: none;
}
.sb-slidebar ul.sb-nav li span:hover {
    color: #C7C7C7;
}
/* Anchor Links */
#download,
#api,
#options,
#helper-classes {
    margin-top: -50px;
    padding-top: 50px;
}
/* Helper Classes */
.add-bottom-margin {
    margin-bottom: 15px;
}
.no-bottom-margin {
    margin-bottom: 0;
}
.add-top-margin {
    margin-top: 15px;
}
.no-top-margin {
    margin-top: 0;
}
.push-down {
    position: relative;
    top: 2px;
}
@media (min-width: 768px) {
    ul.navbar-nav {
        display: block;
    }
    #logo {
        text-align: left;
    }
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
/* -----------------------------------------------
�?索
----------------------------------------------- */
/*
.search_box {
	padding: 10px 10px 0 10px;
	text-align: center;
}
.search_btn {
	width: 96%;
	display: block;
	margin: 5px auto 20px;
}
input.search_area {
	margin: 0;
	min-height: 2.2em;
	text-align: left;
	border: 0;
	background: transparent none;
	-webkit-appearance: none;
	-webkit-border-radius: inherit;
	border-radius: inherit;
	width: 100%;
}
.search_btn {
	width: 96%;
	display: block;
	margin: 5px auto 20px;
}
.search_box input[type="submit"]{
	width: 100%;
	margin:0 auto;
	background: url(../img/btn_search.gif) no-repeat center;
	background-size: 100% auto;
	display: block;
	border: none;
	padding: 0 0 50px;
}
*/
/* æ???°æ¤??ç´¢ã????ã????ã???¯ã???¹ */
.search_box {
    padding: 0 10px 0;
    text-align: center;
}
.search_container {
    box-sizing: border-box;
}
.search_container input[type="text"] {
    background: #fff;
    border: none;
    height: 2.4em;
    border: 1px solid #e7e7e7;
    font-size: small;
    float: left;
    margin: 0;
}
.search_container input[type="text"]:focus {
    outline: 0;
}
.search_container input[type="submit"] {
    cursor: pointer;
    border: none;
    background: #333333;
    color: #fff;
    outline: none;
    height: 2.4em;
    font-size: small;
    border: none;
    display: block;
}
.search_container ::-webkit-input-placeholder {
    color: #cccccc;
}
/*	ã??¡ã???¤ã??³ã?????ã???¸ã??¥ã???¢ã??«ç??ºÂ´Ã¤Â¸â?¹Ã£Â?®ã????ã????ã??¼ã???³ã??³ã?????ã??³ã?????
--------------------------------------*/
.topFeature {
    margin-bottom: 4em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: top;
}
.topFeature > * {
    width: 50%;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 0.5em;
    font-size: 90%;
}
.topFeature > *:first-child {
    width: 100%;
}
.topFeature > *:nth-child(even) {
    clear: both;
}
.topFeature > br {
    display: none;
}
.topFeature::after {
    content: "";
    display: block;
    clear: both;
}
.topFeature img {
    width: 100%;
}
.topFeature > * + * img {
    height: calc(50vw / 3 * 2);
}
.topFeature > .topFeature_full {
    width: 100%;
    height: auto;
}
.topFeature > .topFeature_full img {
    height: auto;
}
/*  season item
--------------------------------------*/
#seasonitem ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: top;
}
#seasonitem ul li {
    width: calc(100% / 2 - 5px);
    text-align: left;
}
/*	roomclipWrap
--------------------------------------*/
#roomclipWrap {
    overflow: hidden;
}
#roomclipWrap .title img {
    height: 45px;
    margin-bottom: -10px;
}
#roomclip ul {
    margin: 0 auto;
    padding: 0;
    width: 98%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
#roomclip ul li {
    width: 60%;
    display: inline-block;
    list-style: none;
    margin-left: 10px;
}
#roomclip ul li:first-child {
    margin-left: 0;
}
#roomclip ul li img {
    display: block;
}
#roomclip ul li .user {
    display: block;
    text-align: left;
}
#roomclip ul li .user:before {
    content: "USER:";
    font-size: 80%;
    color: #666;
}
#roomclip ul li .room {
    display: block;
    text-align: right;
    width: 100%;
}
#roomclip ul li .room:before {
    content: "ROOM NO:";
    font-size: 80%;
    color: #666;
}
/* keyword
--------------------------------------------------------- */
.keywordA {
    width: 96%;
    margin: 0 auto;
    padding: 1em 0 3em 0;
    font-size: 12px;
    font-size: 3.45vw;
}
#main .keywordA h2.title {
    /* text-align: left; */
}
.keywordA__ttl {
    position: relative;
    line-height: 1;
    margin: 0 0 1.32em 0;
    color: #111111;
    font-size: 14px;
    font-size: 4.5vw;
    font-weight: bold;
    text-align: center;
}
.keywordA__ttl:before {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    content: "";
    border-top: 1px solid #999999;
}
.keywordA__ttl span {
    position: relative;
    display: inline-block;
    padding: 0 0.5em 0 0;
    background: #FFFFFF;
    z-index: 5;
}
.keywordA .keywordA__list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}
.keywordA .keywordA__list li {
    margin: 0 0.8em 0.6em 0;
    text-align: center;
    font-size: 12px;
    font-size: 3.45vw;
    background: #f2f2f2;
}
.keywordA .keywordA__list li a {
    color: #333;
    text-decoration: none;
    padding: 0.5em;
    display: table;
    box-sizing: border-box;
    line-height: 1.4;
    height: 100%;
    vertical-align: middle;
}
.keywordA .keywordA__list li a span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/* -----------------------------------------------
section
----------------------------------------------- */
div#main section {
    overflow: hidden;
    /*margin-bottom: 30px;*/
    width: 96%;
    text-align: center;
    margin: 0 auto 3em;
}
div#main2 section {
    overflow: hidden;
    margin-bottom: 0px;
}
.full_item header h2 #main h2.title {
    display: block;
    text-align: center;
    margin: 10px auto;
}
div#main h2.title img {}
/* -----------------------------------------------
width 100% contents
----------------------------------------------- */
div#main section.full_item a {
    display: block;
}
div#main section.full_item img {
    display: block;
    width: 100%;
}
div#main section.full_item ul {
    overflow: hidden;
}
div#main section.full_item ul li {
    margin-top: 10px;
}
div#main section.full_item ul.col_2 li {
    float: left;
    margin-top: 0;
    width: 50%;
}
div#main section.full_item ul.col_2 li a {
    display: block;
    margin: 0 5px 0 0;
}
div#main section.full_item ul.col_2 li:nth-of-type(even) a {
    margin: 0 0 0 5px;
}
/* -----------------------------------------------
width half contents
----------------------------------------------- */
ul {
    list-style: none;
}
div#main section.half ul li {
    float: left;
    margin-top: 10px;
    padding-top: 9px;
    width: 50%;
}
div#main section.half ul li:nth-of-type(-n+2) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
div#main section.half ul li a {
    display: block;
    margin: 0 5px 0 10px;
    color: inherit;
}
div#main section.half ul li:nth-of-type(even) a {
    margin: 0 10px 0 5px;
}
div#main section.half ul li a img {
    display: block;
    width: 100%;
}
/* -----------------------------------------------
new_arrival
----------------------------------------------- */
ul {
    list-style: none;
}
.new_arrival {
    margin-bottom: 5em;
}
div#main section.re_arrival .title font {
    position: absolute;
    top: 0;
    right: 0;
    background: #000;
    width: 47px;
    height: 47px;
    padding: 5px 5px;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    display: table;
}
div#main section.re_arrival .title font span {
    display: table-cell;
    vertical-align: middle;
    font-size: xx-small;
}
div#main section.re_arrival {
    position: relative;
    margin-bottom: 3em;
}
div#main section.re_arrival ul,
.new_arrival ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: top;
    /* margin: 5px; */
}
.new_arrival ul li,
div#main section.re_arrival ul li {
    width: calc(100% / 2 - 5px) !important;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 1em;
    text-align: left;
}
.new_arrival ul li a,
div#main section.re_arrival ul li a {
    display: block;
    color: inherit;
}
.new_arrival ul li a img,
div#main section.re_arrival ul li img {
    display: block;
    width: 100%;
}
.new_arrival ul li a p.date,
div#main section.re_arrival ul li a p.date {
    margin-bottom: 5px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
}
.new_arrival ul li a h3,
div#main section.re_arrival ul li a h3 {
    overflow: hidden;
    font-size: 1.2rem;
    text-align: left;
    line-height: 2.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.new_arrival ul li a h3 font,
div#main section.re_arrival ul li a h3 font {
    position: absolute;
    top: -0.5em;
    left: 0;
    line-height: 1em;
    padding: 0.3em 0.5em;
    font-size: x-small;
    background: #bc0003;
    color: #fff;
    font-weight: normal;
}
.new_arrival ul li a p.price,
div#main section.re_arrival ul li a p.price {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: right;
}
.new_arrival ul li a p.price::before,
div#main section.re_arrival ul li a p.price::before {
    content: "ï¿¥";
    font-size: 1.4rem;
}
/* -----------------------------------------------
title
----------------------------------------------- */
.title2 {
    text-align: center;
    font-size: 20px;
    margin: 30px 0 20px 0;
    font-weight: bold;
    text-decoration: none;
    border-top: 1px solid;
    padding-top: 5px;
    border-bottom: 1px solid;
    padding-bottom: 5px;
}
.pic_con_main_bn {
    margin: 10px;
    background-color: #fff;
    padding: 8px;
    width: 91%;
    text-align: center;
    border: 1px solid #EBEBEB;
}
.pic_con_main_bn img {
    width: 100%;
}
#main section.pic_con {
    margin-bottom: 0;
}
.pic_con center {
    margin: 0 auto 2em;
}
.pic_con ul,
.pic_con2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 96%;
    margin: auto;
}
.pic_con ul li {
    width: calc(100% / 2 - 10px);
    margin-bottom: 1.5em;
}
.pic_con2 ul li {
    width: calc(100% / 3 - 10px);
    margin-bottom: 1.5em;
}
.pic_con ul li a img,
.pic_con2 ul li a img {
    display: block;
    width: 100%;
}
/* -----------------------------------------------
TOP ICON MENU
----------------------------------------------- */
#main .top_menu {
    margin-bottom: 1.5em;
}
#main .top_menu h2 {
    /* text-align: left; */
}
.top_menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.top_menu ul li {
    margin-top: 0px;
    padding-top: 0px;
    width: 25%;
}
.top_menu ul li:nth-of-type(-n+2) {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
}
.top_menu ul li a {
    display: block;
    margin: 0 5px;
    color: inherit;
    text-decoration: none;
}
.top_menu ul li a img {
    display: block;
    width: 100%;
}
.top_menu ul.material2 li a img {
    border-radius: 100%;
}
.top_menu ul li a p.date {
    margin-bottom: 5px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
}
.top_menu ul li a h3 {
    overflow: hidden;
    font-size: 0.9rem;
    text-align: center;
    line-height: 2.6rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* -----------------------------------------------
ranking
----------------------------------------------- */
div#main section.ranking table {
    margin-bottom: 20px;
    height: 100%;
    border: 1px solid #dddddd;
    border-collapse: collapse;
}
div#main section.ranking table td {
    width: 25%;
    vertical-align: top;
    border: 1px solid #dddddd;
}
div#main section.ranking table td a {
    position: relative;
    display: block;
    padding: 10px 10px 3rem 10px;
    /*	height: 100%;ã??????表示ã?????ã??Ÿã??????1ä½??ã??®ä½??ç½®ä¸??ã????ã??????*/
    color: inherit;
}
div#main section.ranking table td a img {
    width: 100%;
}
div#main section.ranking table td a div.inner {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 70%;
    text-align: right;
}
div#main section.ranking table td.first a div.inner {
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 70%;
    text-align: right;
}
/* 1ä½??ã??®ä¾¡æ??¼ã??®ä½??ç½® */
div#main section.ranking table td a div.inner p.name {
    overflow: hidden;
    font-size: 0.9rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div#main section.ranking table td a div.inner p.price {
    margin-top: 0.2rem;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1rem;
}
div#main section.ranking table td a div.inner p.price::before {
    content: "ï¿¥";
    font-size: 1rem;
}
/*  1ä½??  */
div#main section.ranking table td.first {
    width: 50%;
    line-height: -3 !important;
}
div#main section.ranking table td.first a:before {
    content: "1";
    position: absolute;
    bottom: -10px;
    left: 10px;
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 3rem;
    border-right: 1px solid #dddddd;
}
div#main section.ranking table td.first a div.inner p.price {
    font-size: 2rem;
}
div#main section.ranking table td.first a div.inner p.price::before {
    font-size: 1.6rem;
}
/*    */
div#main section.ranking table td.second a:before,
div#main section.ranking table td.third a:before,
div#main section.ranking table td.fourth a:before,
div#main section.ranking table td.fifth a:before {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.4rem;
    border-right: 1px solid #dddddd;
}
div#main section.ranking table td.second a:before {
    content: "2";
}
div#main section.ranking table td.third a:before {
    content: "3";
}
div#main section.ranking table td.fourth a:before {
    content: "4";
}
div#main section.ranking table td.fifth a:before {
    content: "5";
}
/* -----------------------------------------------
news
----------------------------------------------- */
div#main section.news {
    width: 95%;
    margin: 0 auto 3em;
}
div#main section.news h3{
    font-size: 1.5em;
    color: #444;
    text-align: left;
    margin-right: 1em;
    font-family: adobe-caslon-pro, serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 1px;
    padding: 0 0.5em;
}

div#main section.news ul{
    list-style: none;
    max-height: 15em;
    overflow: auto;
}
div#main section.news ul li{
    /* display: flex; */
    flex-wrap: wrap;
    margin-bottom: 3px;
    padding: 1em;
    background: #fcf8f3;
    text-align: left;
}
div#main section.news ul li span{
    margin-right: 1em;
    color: #87724f;
    display: block;
    text-align: left;
}
/* -----------------------------------------------
coordinate
----------------------------------------------- */
div#main section.coordinate {
    background: #efeae3;
    width: 100%;
    padding: 3em 2%;
    box-sizing: border-box;
}
div#main section.coordinate ul{
}
div#main section.coordinate .moreItem:before{
    display: block;
    content: "他のコーディネートを見る";
    height: 30px;
    line-height: 30px;
    width: 100%;
    z-index: 999;
    background: #e0dad1;
    margin-bottom: 15px;
}
div#main section.coordinate .clicked+.moreItem:before{
    display: none;
}
div#main section.coordinate ul li {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0;
    /* border-bottom: 1px solid #efe0e0; */
}
div#main section.coordinate ul li+li {
    display: none;
}
div#main section.coordinate .clicked ul li+li {
    display: block;
}
div#main section.coordinate ul li a {
    display: block;
    clear: both;
    overflow: hidden;
    color: inherit;
    font-size: 1.3rem;
}
div#main section.coordinate ul li a img {
    float: left;
    width: 50%;
}
div#main section.coordinate ul li a div.image img {
    display: block;
    width: 100%;
    height: auto;
}
div#main section.coordinate ul li a .title {
    float: right;
    width: 48%;
    text-align: left;
    font-size: 1em !important;
    font-family: auto;
    letter-spacing: 0;
    font-weight: bold;
    margin-bottom: 5px;
}
div#main section.coordinate ul li a p {
    float: right;
    width: 48%;
    text-align: left;
    font-size: 1em !important;
}
div#main section.coordinate ul li:first-child a img,
div#main section.coordinate ul li:first-child a .title,
div#main section.coordinate ul li:first-child a p {
    width: 100%;
    text-align: center;
}
div#main section.coordinate ul li:first-child a img {
    margin-bottom: 1em;
}
div#main section.coordinate ul li a div.txt h3 {
    margin-bottom: 1rem;
    padding-left: 10px;
    font-size: 1.4rem;
    line-height: 1.6rem;
}
div#main section.coordinate ul li a div.txt p {
    padding-left: 10px;
    font-size: 1.2rem;
    line-height: 1.6rem;
}
.cate-btn {
    text-align: center;
}
.cate-btn a {
    font-family: adobe-caslon-pro, serif;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    padding: 0.8em 3em 0.4em;
    font-size: small;
    transition: .3s;
    position: relative;
    overflow: unset;
    border: 2px solid #b1a59c;
}
/* .cate-btn a:before,
.cate-btn a:after{
	content:"";
	width: 100%;
	height: 100%;
	border: 1px solid #ccc;
	position: absolute;
	display: block;
	transition: .3s;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
} */
.cate-btn a:before {
    transform: translate(-2px, -2px);
}
.cate-btn a:after {
    transform: translate(2px, 2px);
}
.cate-btn a,
.cate-btn a:hover {
    color: #000;
    text-decoration: none;
    font-family: adobe-caslon-pro, serif;
    font-weight: 400;
    font-style: normal;
}
/* --------------------------------------
SNS
--------------------------------------*/
#main .topSNS {
    padding: 3em 0 3em;
    width: 100%;
    background: #f7f4da;
}
#main .topSNS #snsWrap {
    margin: auto;
}
#main .topSNS #snsWrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2em;
}
#main .topSNS #snsWrap ul li {
    width: calc(100% / 3 - 5px);
}
#main .topSNS #snsWrap ul li a {
    display: block;
}
#main .topSNS .sns_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
#main .topSNS .sns_btn a {
    font-family: adobe-caslon-pro, serif;
    font-weight: 400;
    font-style: normal;
    display: block;
    margin: 0 0.5em 1em;
    padding: 0.6em 1.5em 0.4em;
    border: 1px solid #ababab;
    letter-spacing: 0.5px;
    font-size: 1.2em;
}
/* -----------------------------------------------
DIY
----------------------------------------------- */
div#main section.feauture ul li {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 0 10px 19px;
    border-bottom: 1px solid #cccccc;
}
div#main section.feauture ul li:last-child {
    padding: 0 10px;
    border: none;
}
div#main section.feauture ul li a {
    display: block;
    clear: both;
    overflow: hidden;
    color: inherit;
    font-size: 1.3rem;
}
div#main section.feauture ul li a div.image {
    float: left;
    width: 45%;
}
div#main section.feauture ul li a div.image img {
    display: block;
    width: 100%;
    height: auto;
}
div#main section.feauture ul li a div.txt {
    float: right;
    width: 55%;
}
div#main section.feauture ul li a div.txt h3 {
    margin-bottom: 1rem;
    padding-left: 10px;
    font-size: 1.4rem;
    line-height: 1.6rem;
}
div#main section.feauture ul li a div.txt p {
    padding-left: 10px;
    font-size: 1.2rem;
    line-height: 1.6rem;
}
/* -----------------------------------------------
footer link
----------------------------------------------- */
.link_list {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    border-top: 2px solid #000;
    margin-top: 20px;
}
.link_list li {
    position: relative;
    display: table;
    float: left;
    width: 100%;
    height: 34px;
    border-bottom: 1px solid #ccc;
    background-color: #FFF;
}
/*.link_list li.fulllong {
	width:100%
}
.link_list li:nth-child(even) a {
border-left:1px solid #ccc
}*/
.link_list li a {
    display: table-cell;
    padding: 1.2em 0 1.2em 12px;
    vertical-align: middle;
    text-decoration: none;
    text-align: left;
    font-size: 13px;
    color: #000;
    font-weight: bold;
}
.link_list li a::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    display: block;
    width: 6px;
    height: 6px;
    margin-top: -4.2px;
    border: solid #ccc;
    border-width: 3px 3px 0 0;
    -webkit-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
}
/*
 .link_list li:nth-child(even) a {
border-left: 1px solid #E1DAD0;
}
.link_list li:nth-child(odd) {
	border-left: none;
}
.link_list.large li:nth-child(even) {
	border-left: none;
}
.link_list.large li:nth-child(odd) {
	border-left: 1px solid rgb(223,215,202);
}*/
.link_list li.fulllong,
.link_list.large li.fulllong {
    width: 100%;
    border-left: 0;
}
.link_list li.fulllong {
    background-color: #6d6c6f;
}
.link_list li.fulllong a {
    color: #FFF;
    font-weight: bold;
}
/* -----------------------------------------------
ã?????ã????ã???¿ã??¼ã??®ã???«ã?????ã???´ã??ªã??¼ã??¡ã????¹Ã£Æ?¥ã??¼
----------------------------------------------- */
#categorySearch {
    margin-bottom: 10px;
}
#categorySearch h2 {
    /*margin: 1.2em 0 0.2em 13px;*/
    font-size: 13px;
    display: block;
    background-color: #000;
    color: #FFF;
    padding: 5px 0;
    text-align: center;
}
.CategoryStyleG_ {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}
.CategoryStyleG_ ul li {
    word-break: break-all;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}
.CategoryStyleG_ ul li a img {
    margin: 0;
    padding: 0;
}
.CategoryStyleG_ li h3 {
    display: block;
    width: 100%;
    margin: 0;
    padding: 1.2em 13px;
    border-top: 1px solid #ddd;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    cursor: pointer;
    z-index: 20;
    color: #000;
    background-color: #f5f5f5;
}
.CategoryStyleG_ li h3 span {
    font-size: 80%;
}
.CategoryStyleG_ li p {
    font-size: 13px;
}
.CategoryStyleG_ ul li .parent_ {
    overflow: hidden;
    position: absolute;
    top: 16px;
    right: 14px;
    width: 16px;
    height: 16px;
    padding: 0;
    text-indent: -9998px;
    background: no-repeat center center;
    background-size: 16px 16px;
    z-index: 10;
}
.CategoryStyleG_ ul li .parent_ {
    background-image: url(../img/close.png)
}
.CategoryStyleG_ ul li .parent_.img_hidden_ {
    background-image: url(../img/open.png);
}
.CategoryStyleG_ .layer0_ li.nochild_ .name_,
.CategoryStyleG_ .layer0_ li.nochild_ .comment_ {
    padding-left: 40px;
}
.CategoryStyleG_ .layer1_ li.nochild_ .name_,
.CategoryStyleG_ .layer1_ li.nochild_ .comment_ {
    padding-left: 70px;
}
.CategoryStyleG_ .layer2_ li.nochild_ .name_,
.CategoryStyleG_ .layer2_ li.nochild_ .comment_ {
    padding-left: 100px;
}
.CategoryStyleG_ .layer3_ li.nochild_ .name_,
.CategoryStyleG_ .layer3_ li.nochild_ .comment_ {
    padding-left: 130px;
}
.CategoryStyleG_ .subMenu li {
    padding: 1.1em 4%;
    font-size: 13px;
    line-height: 1.6;
    border-bottom: 1px solid #eee;
    background: #FFF url(../common/sp/mod_icon_arrow_black.png) no-repeat 96% 50%;
    background-size: 3px 4px;
}
.CategoryStyleG_ .subMenu li:first-child {
    border-top: 1px solid #eee;
}
.CategoryStyleG_ .subMenu li:last-child {
    border-bottom: none;
}
.CategoryStyleG_ a {
    text-decoration: none;
    color: #111;
}
.CategoryStyleG_ .trigger.active {
    background-color: #f5f5f5 !important;
}
.CategoryStyleG_ .layer0_ {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* -----------------------------------------------
copyright
----------------------------------------------- */
.copyright {
    text-align: center;
}
#box_media ul {
    width: 96%;
    margin: 0 auto;
}
#box_media ul li {
    margin: 0 auto 20px;
}
#box_media ul li img {
    display: block;
    float: left;
    width: 25%;
}
#box_media ul li dl {
    display: block;
    float: right;
    text-align: left;
    width: 70%;
}
/* -----------------------------------------------
goTop
----------------------------------------------- */
#goTop {
    display: none;
}
.fixed #goTop {
    display: table;
    position: fixed;
    z-index: 9999;
    bottom: 10px;
    right: 0;
    font-size: 12px;
}
#goTop a {
    width: 50px;
    height: 50px;
    display: table-cell !important;
    vertical-align: middle;
    border: solid 1px #000;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    color: #000;
}
#goTop a:hover {
    color: #000;
}
#goTop a:visited {
    color: #000;
}
#goTop a:active {
    color: #000;
}
/* -----------------------------------------------
汎ç???¨ã???¹ã???¿ã???¤ã??«
----------------------------------------------- */
.bold {
    font-weight: bold;
}
.block {
    display: block;
}
.mt20 {
    margin-top: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
/*****ã??¢ã??¼ã?????ã??«ã???¦ã???£ã??³ã????°Ã£â??¦*****/
#shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 99999;
}
#shadow img {
    width: 90%;
}
#shadow > div {
    height: 90vh;
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    box-sizing: border-box;
}
#shadow ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
#shadow > div > div {
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
}
#shadow > div > div span {
    display: inline-block;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #FFF;
}
#shadow li {
    margin: 0 0 10px;
}
#shadow ul.clm1 li {
    width: 96%;
}
#shadow ul.clm2 li {
    width: 48.75%;
}
#shadow ul.clm3 li {
    width: 31.66%;
}
/************************************/
/* -----------------------------------------------
??¹ã?????????????????
----------------------------------------------- */
.header_sp {
    display: block;
    margin: 0px auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    background-color: #fff;
    position: absolute;
    height: 50px !important;
    overflow: hidden;
    z-index: 10;
    text-align: center;
    padding-top: 10px;
    box-sizing: content-box;
    top:0;
    box-shadow:
        /* Shadow beneath the bar and edge highlights. */
        /* Layered single pixel shadows to create a one sided shadow effect. */
        0 5px 0 0 rgba(0, 0, 0, 0.01), 0 4px 0 0 rgba(0, 0, 0, 0.02), 0 3px 0 0 rgba(0, 0, 0, 0.04), 0 2px 0 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.08),
        /* Top highlight */
        0 1px 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Left highlight */
        1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Right highlight */
        -1px 0 0 0 rgba(255, 255, 255, 0.1) inset,
        /* Bottom lowlight */
        0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
    /* Bootstrap Changes */
}
.header_sp img{
    width: 155px;
    margin-top:  -5px;
}
.header_utility {
    position: absolute;
    top: 10px;
    right: 5px;
}
.header_utility > li {
    float: left;
    margin-left: 5px;
}
.header_utility > li a {
    width: 35px;
    height: 35px;
    font-size: xx-small;
    text-decoration: none;
    color: #000;
    display: block;
    position: relative;
}
.header_utility > li a img {
    max-width: 70%;
    opacity: 0.6;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.header_utility > li:nth-child(1) a img {
    left: -2px;
    top: -5px;
}
.header_utility > li:nth-child(2) a img {
    left: 4px;
    top: -2px;
}
#sidebarMenu {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 250px;
    margin-top: 60px;
    transform: translateX(-250px);
    transition: transform 250ms ease-in-out;
    background: #000;
    z-index: 2000000001;
    overflow: auto;
}
.side_Utility {
    display: flex;
    padding: 5px;
}
.side_Utility > * {
    width: calc(100% / 3);
    text-align: center;
    padding: 5px;
}
.side_Utility > * a {
    background: #fff;
    display: block;
    border-radius: 3px;
    text-decoration: none;
    color: #000;
    font-size: 10px;
    padding-top: 25px;
}
.side_UtilityHome a {
    background: #FFF url(../img/ico_sideUtility_home.png) no-repeat center 0;
    background-size: 30px;
}
.side_UtilityMypage a {
    background: #FFF url(../img/ico_sideUtility_mypage.png) no-repeat center 0;
    background-size: 23px;
}
.side_UtilityCart a {
    background: #FFF url(../img/ico_sideUtility_cart.png) no-repeat center 2px;
    background-size: 23px;
}
.sidebarMenuInner {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li {
    list-style: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    text-align: left;
}
.sidebarMenuInner li span {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
}
#openSidebarMenu:checked ~ #sidebarMenu {
    transform: translateX(0);
}
#openSidebarMenu {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
/*
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 22px;
    left: 15px;
    height: 22px;
    width: 22px;
}
 20200210 石原å¤??°Ã???ºÂ? */
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: fixed;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 14px;
    left: 15px;
    height: 30px;
    width: 30px;
    padding: 8px 3px 0;
    background: #4a280512;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #000;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
#openSidebarMenu:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
#openSidebarMenu:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
#openSidebarMenu:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}

/*	Gokan teaser
--------------------------------------*/
.gokan_open {
	cursor:pointer; /* ????????¹ã????¼ã????¼ã?§ã????¼ã?½ã?????å½¢ç?¶ã??å¤???????????????§ã????????????????§ã?????è¦?ç´?????????????????????????????????? */
}
#gokan_pop-up {
	display: none; /* label ??§ã?³ã?³ã????­ã?¼ã?????????????? input ??????è¡?示ã?? */
}
.gokan_overlay {
    display: block; /* input ????????§ã??????????¥ã????¾ã?§ã?????è¡?示ã?? */
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
}
#gokan_pop-up:checked + .gokan_overlay {
    display: none;
}
.gokan_window {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width: 90%;
}
.gokan_overlay a{
	display: block;
	line-height: 0;
}
.gokan_text {
	font-size: 18px;
	margin: 0;
}
.gokan_close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 32px;
	color: #fff;
	z-index: 99999;
}