@charset "UTF-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto);

/*clearfix
------------------------------------------------------------*/
.cf {
    zoom: 100%;
    min-height: 1px;
}

.cf:after {
    content: "."; /* 新しい要素を作る */
    display: block; /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

html {
}

body {
    position: relative;
    color: #212121;
    font-family: Meiryo, 'メイリオ', sans-serif;
    font-size: 0.83em;
    line-height: 1.8;
    -webkit-text-size-adjust: none !important;
}

hr {
    display: none;
    clear: both;
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 0;
    line-height: 0;
}

a {
    color: #5a2e00;
    /*color: #d0a464;*/
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
}

img {
    vertical-align: top;
}

i {
    padding-right: 0.25em;
    font-size: 1.3em;
}

.FD {
    padding-top: 10px;
    /*color: #d0a464;*/
    color: #5a2e00;
    font-size: 1.2em;
    font-weight: 600;
}

.Wrap {
    /*background-color: #67432d;*/
    padding-top: 183px;
}

.Wrap:after {
    content: '.';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

/*header*/
#Head {
    border-bottom: #d0a464 1px solid;
    /*border-bottom:1px solid #e48e07;*/
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 999;
}

#Head .HeadWrap {
    width: 960px;
    margin: 0 auto;
}

#Head .HeadWrap:after {
    content: '.';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

#Head h1 {
    margin-bottom: 5px;
    padding-top: 10px;
    font-size: 14px;
}

#Head .HeadBody {
}

#Head .HeadBody:after {
    content: '.';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

#Head .HeadBodyLeft {
    float: left;
    width: 800px;
}

#Head .HeadBodyRight {
    float: left;
    width: 160px;
}

#Head .HeadBodyRight a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 160px;
    height: 50px;
    text-align: center;
}

#Head .HeadBodyRight a:hover img {
    position: relative;
    top: -65px;
}

#Head .HeadBodyRight a img {
    vertical-align: -95px;
}

#Head .HeadFoot {
    margin-bottom: 10px;
}

#Head .HeadFoot:after {
    content: '.';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

#Head .HeadFootLeft {
    float: left;
    width: 100%;
    position: relative;
    font-size: 0.8em;
}

#Head .HeadFootLeft .Antiquary {
    float: left;
    line-height: 1;
    margin: 5px 0 0 0;
}

#Head .HeadFootLeft p {
    padding: 0 0 0 50px;
    line-height: 1;
    margin: 5px 0 0 0;
}

#Head .HeadFootRight {
    float: left;
    width: 50%;
    text-align: right;
}

#Head .HeadFootRight ul {
}

#Head .HeadFootRight ul li {
    display: inline;
    font-size: 0.86em;
}

#Head .HeadFootRight ul li a {
    display: inline-block;
    padding-left: 15px;
    color: #39579A;
}

/*global*/
#global {
    border-top: #d0a464 1px solid;
    /*border-top: 1px solid #e48e07;*/
}

#global:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#global ul {
    width: 960px;
    margin: 0 auto;
}

#global li {
    float: left;
    display: block;
    padding: 13px 0 9px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
}

#global li:before {
    position: absolute;
    content: "";
    border-left: 1px solid #d0a464;
    /*border-left:1px solid #e48e07;*/
    left: 0;
    height: 28px;
}

#global li:last-child:after {
    position: absolute;
    content: '';
    border-right: 1px solid #d0a464;
    /*border-right:1px solid #e48e07;*/
    right: 0;
    height: 28px;
}

#global li:nth-child(1) {
    width: 95px;
}

#global li:nth-child(2) {
    width: 145px;
}

#global li:nth-child(3) {
    width: 133px;
}

#global li:nth-child(4) {
    width: 171px;
}

#global li:nth-child(5) {
    width: 171px;
}

#global li:nth-child(6) {
    width: 111px;
}

#global li:nth-child(7) {
    width: 134px;
}

#global a {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 28px;
}

#global a.stay img, #global a:hover img {
    position: relative;
    top: -55px;
}

#global a.stay img, #global ul li:first-child a:hover img {
    top: -60px;
}

/*slider*/
.index #slider {
    height: 530px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.3);
    /* background: url(../img/bg02.png) center; */
    /*padding-top: 183px;*/
}
.slider_test{
    height: 380px!important;
}
.index #slider ul {
    /*text-align: center;*/
    /*height: 752px;*/
    /*background: url(../img/bg03.png);*/
    /*background-position: top center;*/
    /*background-repeat-y: no-repeat;*/
}

.index #slider li {
    padding-top: 100px;
}

.index #slider ul > .back {
    width: 100%;
    height: 760px;
    position: relative;
    z-index: -1;
}

.top_test{
    height:760px!important;
}

.index #slider figure img {
    position: absolute;
    right: 0;
    left: 0;
    top: 270px;
    bottom: 0;
    margin: 0 auto;
}

#intro {
    margin: -150px 0 40px;
}
.intro_test{
    margin: 6px 0 40px!important;
    background-color: #f8f8f8;
    padding-bottom: 30px;
    box-sizing: border-box;
    padding-top: 20px;
}
#intro .introWrap {
    width: 960px;
    margin: 0 auto;
}

#intro .introWrap h2 {
    margin: 0 0 20px 0; /*20181015*/
    display: inline-block;
    width: 52%;
}

#intro .introWrap .phrase {
    display: inline-block;
    width: 47%;
}

#intro .introWrap ul {
    margin-bottom: 30px;
}

#intro .introWrap ul:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#intro .introWrap li {
    display: block;
    position: relative;
    float: left;
    width: 300px;
    height: 210px;
    margin-right: 30px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.25);
}

#intro .introWrap li {
    background: #FFFFFF;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #FFFFFF 0%, #FDFDFD 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FDFDFD));
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #FDFDFD 100%);
    background: -o-linear-gradient(top, #FFFFFF 0%, #FDFDFD 100%);
    background: -ms-linear-gradient(top, #FFFFFF 0%, #FDFDFD 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #FDFDFD 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FDFDFD', GradientType=0);
}

#intro .introWrap li:nth-child(3) {
    margin-right: 0;
}

#intro .introWrap li:after {
    content: url('../img/bg04.png');
    display: block;
    position: absolute;
    left: 8px;
    bottom: -9px;
    width: 274px;
    height: 11px;
}

#intro .introWrap li h3 {
    position: absolute;
    top: -15px;
    left: 10px;
}

#intro .introWrap li p {
    position: absolute;
    bottom: 0;
    width: 100%;
}

#intro .introWrap p {
    line-height: 1.5;
    font-size: 1.09em;
    text-align: center;
    letter-spacing: -0.05em; /*2018/10/24*/
    color: #ffffff;;
}

.black{
    color: #000000!important;
}

/*bread*/
#bread {
    margin: 0 0 10px 0;
    text-align: right;
}

#bread p {
    font-size: 0.8em;
}

#bread a {
}

#bread a:after {
    content: ' > ';
}

#bread a:last-child:after {
    content: none;
}

/*index*/
#index {
    width: 960px;
    margin: 0 auto 40px;
}

#index:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#index h1 {
    margin-bottom: 20px;
    padding: 0 0 10px 30px;
    border-bottom: #D6D6D6 1px dashed;
    line-height: 1.2;
    font-size: 2.0em;
    background: url(../img/ico05.png) no-repeat 0 0;
}

#index h1 small {
    padding-left: 10px;
    font-size: 0.5em;
}

#index .MainHead {
    margin-bottom: 50px;
}

#index .MainHead:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#index .MainHeadTop {
    padding: 0 0 50px;
    font-size: 90%;
}

#index .MainHeadTop p a {
    /*color: #d0a464;*/
    color: #5a2e00;
    text-align: center;
    font-size: 2em;
}

#index .MainHeadTop .btn_Shop {
    text-align: right;
    margin: 0 auto;
}

#index .MainHeadTop .btn_Shop a {
}

#index .MainHeadLeft {
    float: left;
    width: 470px;
    margin-right: 20px;
}

#index .MainHeadLeft #topics h1 b {
    font-size: .6em;
    font-weight: bold;
    /*color: #d0a464;*/
    color: #5a2e00;
    margin: 0 0 0 10px;
}

#index .MainHeadLeft #topics .topicsWrap {
    padding: 15px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    background: #FFF;
}

#index .MainHeadLeft #topics .topicsWrap:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#index .MainHeadLeft #topics .topicsWrap h2 {
    color: #9e8272;
    font-size: 16px;
    font-weight: bold;
}

#index .MainHeadLeft #topics .topicsWrap p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 6px;
}

#index .MainHeadLeft #topics .topicsWrap p:first-child {
    margin-top: 0;
}

#index .MainHeadLeft #topics .topicsWrap p a {
    color: #FFF;
    display: block;
    padding: 7px 10px 5px;
    /*background-color: #d0a464; !*20181015*!*/
    background-color: #5a2e00;;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    background-image: url(../img/wh_arrow.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 40px;
}

#index .MainHeadLeft #topics .topicsWrap p a:hover {
    opacity: 0.7;
    text-decoration: none;
}

#index .MainHeadLeft #topics .topicsWrap p a img {
    padding: 6px 10px 0 10px;
}

#index .MainHeadLeft #topics .topicsLeft {
    float: left;
    width: 220px;
}

#index .MainHeadLeft #topics .topicsRight {
    float: left;
    width: 220px;
    padding: 15px;
}

#index .MainHeadLeft #topics .topicsRight h2 {
    margin-bottom: 5px;
    /*color: #d0a464;*/
    color: #5a2e00;
    font-size: 0.9em;
    text-align: right;
}

#index .MainHeadLeft #topics .topicsRight h2 .date {
    float: left;
    color: #666;
}

#index .MainHeadLeft #topics .topicsRight p {
    line-height: 1.5;
    font-size: 0.9em;
}

#index .MainHeadRight {
    float: left;
    width: 470px;
}

#index .MainHeadRight #blog {
}

#index .MainHeadRight #blog h1 {
}

#index .MainHeadRight #blog h1 a {
    display: inline-block;
    float: right;
    padding-top: 1.15em;
    font-size: 0.45em;
}

#index .MainHeadRight #blog .blogWrap {
    padding: 15px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
    background: #FFF;
}

#index .MainHeadRight #blog .blogWrap h2 {
    color: #9e8272;
    font-size: 16px;
    font-weight: bold;
}

#index .MainHeadRight #blog .blogWrap p {
    font-size: 16px;
    font-weight: bold;
    margin: auto auto 6px auto;
}

#index .MainHeadRight #blog .blogWrap p a {
    color: #FFF;
    display: block;
    padding: 7px 10px 5px;
    background: url(../img/wh_arrow.png) no-repeat 15px center #666;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    padding-left: 40px;
}

#index .MainHeadRight #blog .blogWrap p a:hover {
    opacity: 0.7;
    text-decoration: none;
}

#index .MainHeadRight #blog .blogWrap ul {
    display: block;
    position: relative;
    width: 440px;
    padding: 0 15px;
    font-size: 1em;
    overflow-y: scroll;
}

#index .MainHeadRight #blog .blogWrap li {
    margin-bottom: 17px;
}

#index .MainHeadRight #blog .blogWrap li div {
    display: inline;
    margin-right: 5px;
    /*color: #d0a464;*/
    color: #5a2e00;
}

#index #list {
}

#index #list ul {
}

#index #list ul:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#index #list ul li.bigList {
    width: 466px;
}

#index #list ul li {
    float: left;
    width: 220px;
    margin-right: 27px;
    margin-bottom: 20px;
    border-bottom: #D6D6D6 1px dashed;
}

#index #list ul li:nth-child(1), #index #list ul li:nth-child(5), #index #list ul li:nth-child(9), #index #list ul li:nth-child(13) {
    margin-right: 26px;
}

#index #list ul li:nth-child(4), #index #list ul li:nth-child(8), #index #list ul li:nth-child(12), #index #list ul li:nth-child(16) {
    margin-right: 0;
}

#index #list ul li a img:hover {
    opacity: 0.7;
}

#index #list ul li img {
    margin-bottom: 15px;
}

#index #list ul li dl {
    margin-bottom: 10px;
}

#index #list ul li dt {
    margin-bottom: 5px;
    line-height: 1.1;
    font-size: 1.05em;
}

#index #list ul li dd {
    line-height: 1.5;
    font-size: 0.9em;
}

/*スマホはこちらバナー*/
.index .switch_sp img {
    width: 100%;
    display: none;
    padding: 15px 0;
}

/*main*/
#main {
    max-width: 960px;
    margin: 0 auto 120px;
    position: relative;
}

#main:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#content {
    float: right;
    width: 700px;
    margin: 0 0 0 20px;
    position: relative;
}

#content:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

/*PageTitle*/
.PageTitle {
    margin-bottom: 30px;
    padding: 2px;
    border-radius: 4px;
    border: #D6D6D6 1px solid;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.PageTitle img {
    width: 100%;
    height: auto;
}

/*PageFoot*/
.PageFoot {
}

.PageFoot:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.PageFoot p {
    float: left;
    width: 340px;
}

.PageFoot p a {
    display: block;
    display: table-cell;
    width: 340px;
    height: 100px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
}

.PageFoot p a:hover {
    opacity: 0.7;
}

.PageFoot .infomation {
    margin-right: 20px;
}

/*location*/
#location {
    width: 960px;
    margin: 0 auto 40px;
    padding-top: 10px;
}

#location:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#location h1 {
    margin-bottom: 20px;
    padding: 0 0 10px 30px;
    border-bottom: #D6D6D6 1px dashed;
    line-height: 1.2;
    font-size: 2.0em;
    background: url(../img/ico07.png) no-repeat 0 0;
}

#location h1 small {
    padding-left: 10px;
    font-size: 0.5em;
}

.locationLink {
    padding-bottom: 30px;
    width: 50%;
}

.locationLink.left {
    float: left;
}

.locationLink.right {
    float: right;
}

.locationLink h2 {
    margin: 0;
    text-align: center;
    padding: 0 !important;
    background: none !important;
    font-size: 1.1em;
    font-weight: 600;
}

.locationLink li {
    margin: 10px 10px 0 0;
    font-size: 20px;
    text-align: center;
    /*border: 2px solid #d0a464;*/
    border:2px solid #5a2e00;
    /*background: url(../img/wh_arrow.png) no-repeat 15px center #d0a464;*/
    background: url(../img/wh_arrow.png) no-repeat 15px center #5a2e00;
    border-radius: 8px;
}

.locationLink li:hover {
    opacity: 0.7;
}

.locationLink li a {
    display: block;
    color: #FFF;
    text-decoration: none;
}

.locationLink li.active {
    background: url(../img/re_arrow.png) no-repeat 10px center #FFF;
}

.locationLink li.active:hover {
    opacity: 1;
}

#location h2 {
    background: #FCC;
    font-size: 18px;
    padding: 5px 10px 4px;
}

.locationWrap {
    margin-bottom: 20px;
}

.locationWrap:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.locationWrap iframe {
    margin-bottom: 10px;
}

.locationInner {
    margin-bottom: 20px;
}

.locationInner:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.locationInner dl {
    float: left;
    width: 50%;
}

.locationInner dt {
    width: 95%;
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: #D6D6D6 1px dotted;
    font-size: 1.1em;
    font-weight: 600;
}

.locationInner dd {
    width: 95%;
    color: #000000;
}

.locationInnerLeft {
    float: left;
    width: 550px;
}

.locationInnerLeft p {
    width: 95%;
    margin-bottom: 1.0em;
}

.locationInnerRight {
    float: right;
}

.locationInner .gallery {
}

.locationInner .gallery:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.locationInner .gallery li {
    float: left;
    width: 32%;
}

.locationInner .gallery li:nth-child(2) {
    margin: 0 2%;
}

/*item*/
#item {
    width: 960px;
    margin: 0 auto 40px;
    padding-top: 10px;
}

#item:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#item h1 {
    margin-bottom: 20px;
    padding: 0 0 10px 30px;
    border-bottom: #D6D6D6 1px dashed;
    line-height: 1.2;
    font-size: 2.0em;
    background: url(../img/ico08.png) no-repeat 0 0;
}

#item h1 small {
    padding-left: 10px;
    font-size: 0.5em;
}

.itemWrap {
    margin-bottom: 20px;
}

.itemWrap:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.itemInner {
    margin-bottom: 20px;
}

.itemInner:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.itemInner p {
    margin-bottom: 20px;
}

.itemInner p.detaileLink {
    text-align: right;
    font-size: 15px;
}

.itemWrap dl.itemPoint {
    margin-bottom: 10px;
    border-radius: 4px;
    /*border: #d0a464 1px solid;*/
    border:1px solid #5a2e00;
}

.itemWrap dl.itemPoint dt {
    padding: 5px 10px;
    color: #FFF;
    font-size: 1.1em;
    font-weight: 600;
    /*background: #d0a464;*/
    background-color: #5a2e00;
}

.itemWrap dl.itemPoint dd {
    padding: 10px;
}

.itemWrap dl.itemPoint dd ul {
    padding-left: 3.0em;
    list-style: disc;
}

/*Side*/
#Side {
    float: right;
    width: 240px;
}

#Side:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#Side #SideNav dt {
    padding: 10px;
    color: #FFF;
    font-weight: 600;
    /*background: #d0a464;*/
    background-color: #5a2e00;
}

#Side #SideNav ul {
    margin-bottom: 30px;
}

#Side #SideNav ul > li {
    border-bottom: #CCC 1px dotted;
}

#Side #SideNav ul > li a {
    display: block;
    padding: 15px 0 15px 30px;
    color: #5a2e00!important;
    /*color: #e48e07;*/
    /*line-height: 1.0;*/
    font-size: 1.1em;
    background: url(../img/ico06.png) no-repeat left center;
    line-height: 1.5;
}

#Side .bns {
}

#Side .bns p {
    margin-bottom: 20px;
}

/*contact*/
#contact {
    width: 960px;
    margin: 0 auto 40px;
    padding-top: 10px;
}

#contact:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#contact h1 {
    margin-bottom: 20px;
    padding: 0 0 10px 40px;
    border-bottom: #D6D6D6 1px dashed;
    line-height: 1.2;
    font-size: 2.0em;
    background: url(../img/ico09.png) no-repeat 0 0.1em;
}

#contact h1 small {
    padding-left: 10px;
    font-size: 0.5em;
}

.contactWrap {
    margin-bottom: 20px;
}

.contactWrap:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.contactWrap p {
}

.contactWrap p span {
    /*color: #d0a464;*/
    color: #5a2e00;
}

.contactWrap form {
    margin: 20px 0;
}

.contactInner {
    margin-bottom: 20px;
}

.contactInner:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.contactInner dl {
    margin-bottom: 10px;
    padding-bottom: 6px;
    border-bottom: #D6D6D6 1px dotted;
}

.contactInner dl:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.contactInner dt {
    float: left;
    width: 30%;
    padding-top: 0.25em;
    font-size: 1.1em;
}

.contactInner dd {
    float: left;
    width: 70%;
}

.contactInner dd input[type=text],
.contactInner dd textarea,
.contactInner dd select {
    margin: 0;
    padding: 0.4em 1.0em;
    border: #CCC 1px solid;
    border-radius: 3px;
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.1);
    line-height: 1.4;
    font-family: Meiryo, 'メイリオ', sans-serif;
    font-size: 1.1em;
}

.contactInner dd input[type=text]:focus,
.contactInner dd textarea:focus {
    background: #FFFFF0;
}

.contactInner dd input[type=text] {
    width: 65%;
}

.contactInner dd textarea {
    width: 90% !important;
    height: 200px !important;
}

.contactInner dd label {
    padding-right: 10px;
}

.contactInner dd label input {
    position: relative;
    top: -0.1em;
    margin-right: 5px;
}

.contactBottom {
    text-align: center;
}

.contactBottom input {
    display: inline-block;
    min-width: 300px;
    margin: 0 0 30px 0;
    padding: 0.8em 1.0em;
    border: 0;
    color: #FFF;
    line-height: 1.0;
    font-size: 1.2em;
    font-weight: 600;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    text-align: center;
    /*background: #d0a464;*/
    background-color: #5a2e00;
}

.contactWrap p.note {
    margin-top: 20px;
    padding: 20px;
    border-radius: 5px;
    border: #DDD 2px dashed;
    background: #FCFCFC;
}

.contactWrap p.note strong {
    /*color: #d0a464;*/
    font-size: 1.2em;
    font-weight: 600;
}

.contactWrap p.note .x2 {
    line-height: 2.7em;
}

.contactFix {
    text-align: center;
}

.contactFix .thx {
    margin-bottom: 60px;
    color: #212121;
    font-size: 2.0em;
}

/*flow*/
#flow {
    width: 960px;
    margin: 0 auto 40px;
    padding-top: 10px;
}

#flow:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#flow h1 {
    margin-bottom: 20px;
    padding: 0 0 10px 30px;
    border-bottom: #D6D6D6 1px dashed;
    line-height: 1.2;
    font-size: 2.0em;
    background: url(../img/ico08.png) no-repeat 0 0;
}

#flow h1 small {
    padding-left: 10px;
    font-size: 0.5em;
}

.flowWrap {
    margin-bottom: 20px;
}

.flowWrap:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.flowWrap iframe {
    margin-bottom: 10px;
}

.flowInner {
    margin-bottom: 20px;
}

.flowInner:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.flowInner p:first-child {
    margin-bottom: 20px;
}

.flowInner dl {
    clear: both;
    margin-bottom: 20px;
}

.flowInner dl.arr {
    padding-bottom: 30px;
    background: url(../img/arrow.png) no-repeat center bottom;
}

.flowInner dl:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.flowInner dt {
    margin-bottom: 10px;
    border-radius: 3px;
    /*border: #d0a464 1px solid;*/
    /*color: #d0a464;*/
    font-size: 1.1em;
    font-weight: 600;
    border:#5a2e00 1px solid ;
    color: #5a2e00;
}

.flowInner dt span {
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-size: 1.0em;
    font-weight: 600;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
    /*background: #d0a464;*/
    background-color: #5a2e00;
}

.flowInner dd.imgBox {
    float: left;
    width: 40%;
}

.flowInner dd.imgBox img {
    width: 90%;
    height: auto;
}

.flowInner dd a {
    display: inline-block;
    padding: 10px;
    color: #FFF;
    font-weight: 600;
    text-decoration: none;
    /*background: #d0a464;*/
    background-color: #5a2e00;
}

.flowInner .choice {
    margin: 0;
}

.flowInner .choice:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.flowInner .choice dl {
    clear: none;
    float: left;
    width: 50%;
}

.flowInner .choice dt {
}

.flowInner .choice dd {
    background: none;
}

.flowInner .choice dl:first-child {
    padding-top: 60px;
    background: url(../img/bubble01.png) no-repeat center top;
}

.flowInner .choice dl:last-child {
    padding-top: 60px;
    background: url(../img/bubble02.png) no-repeat center top;
}

.flowInner .choice dl:first-child dt,
.flowInner .choice dl:first-child dd {
    margin-right: 4%;
}

.flowInner .choice dl:last-child dt,
.flowInner .choice dl:last-child dd {
    margin-left: 4%;
    letter-spacing: -0.05em; /*2018/10/24*/
}

.flowInner .select3 {
    margin-bottom: 20px;
}

.flowInner .select3:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.flowInner .select3 h2 {
    margin-bottom: 20px;
    padding: 0.65em 1.0em;
    /*border: #d0a464 1px solid;*/
    border:1px solid #5a2e00;
    border-radius: 3px;
    color: #FFF;
    line-height: 1.0;
    font-size: 1.2em;
    font-weight: 600;
    /*background: #d0a464;*/
    background-color: #5a2e00;
}

.flowInner .select3 ol {
}

.flowInner .select3 ol:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.flowInner .select3 ol li {
    float: left;
    width: 32%;
}

.flowInner .select3 ol li:nth-child(2) {
    margin: 0 2%;
}

.flowInner .select3 ol li div {
    padding: 15px 10px;
    border-radius: 5px;
    /*border: #d0a464 1px solid;*/
    border:1px solid #5a2e00;
    /*color: #d0a464;*/
    color: #5a2e00;
    line-height: 1.1;
    font-size: 1.2em;
    font-weight: 600;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: #FCFCFC;
}

.flowInner .select3 ol li div {
    background: #F6F6F6;
    background: -moz-linear-gradient(top, #F6F6F6 0%, #F0D0D0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F6F6F6), color-stop(100%, #F0D0D0));
    background: -webkit-linear-gradient(top, #F6F6F6 0%, #F0D0D0 100%);
    background: -o-linear-gradient(top, #F6F6F6 0%, #F0D0D0 100%);
    background: -ms-linear-gradient(top, #F6F6F6 0%, #F0D0D0 100%);
    background: linear-gradient(to bottom, #F6F6F6 0%, #F0D0D0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#F0D0D0', GradientType=0);
}

.flowInner .select3 ol li div:hover {
    position: relative;
    top: 1px;
    background: #F3F3F3;
    background: -moz-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F3F3F3), color-stop(100%, #FFFFFF));
    background: -webkit-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%);
    background: -o-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%);
    background: -ms-linear-gradient(top, #F3F3F3 0%, #FFFFFF 100%);
    background: linear-gradient(to bottom, #F3F3F3 0%, #FFFFFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#FFFFFF', GradientType=0);
}

.flowInner .select3 ol li small {
    color: #666;
    font-size: 0.6em;
    font-weight: 400;
}

.flowInner .select3 ol li a:hover {
    text-decoration: none;
}

.flowInner .select3 ol li img {
    width: 100%;
    height: auto;
}

/*footer*/
#Foot {
    position: relative;
    bottom: -32px;
}

#Foot ul {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    font-size: 0.9em;
}

#Foot li {
    display: inline-block;
}

#Foot li a {
    color: #212121;
    cursor: pointer;
}

#Foot li:after {
    content: '｜';
    color: #212121;
}

#Foot li:last-child {
    float: right;
}

#Foot li:last-child:after {
    content: none;
}

#Foot li:nth-last-child(2):after {
    content: none;
}

#Foot .FootWrap {
    padding: 20px 0;
    border-top: #D6D6D6 1px solid;
    background: #F7F4F1 url(../img/bg01.png);
}

#Foot .FootBottom {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

#Foot .FootBottom p {
}

#Foot .FootBottom small {
    display: block;
    margin: 10px auto;
    text-align: center;
    font-size: 0.75em;
    letter-spacing: 0.1em;
    color: #000000
}

/*colorBox*/
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: rgba(0, 0, 0, 0.7) url(../image/bg02.png) no-repeat center center !important;
}

#colorbox {
    outline: 0;
}

#cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
    width: 21px;
    background: url(images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
    width: 21px;
    background: url(images/controls.png) right top repeat-y;
}

#cboxTopCenter {
    height: 21px;
    background: url(images/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
    height: 21px;
    background: url(images/border.png) 0 -29px repeat-x;
}

#cboxContent {
    background: #fff;
    overflow: hidden;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 28px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxLoadingOverlay {
    background: url(images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
    background: url(images/loading.gif) no-repeat center center;
}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxPrevious:hover {
    background-position: -75px -25px;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover {
    background-position: -25px -25px;
}

.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
}

iframe {
    background: transparent;
    display: block;
    margin: 0 auto;
}

body.Detail {
    padding: 22px 12px;
    border: #E5D7AD 3px double;
    border-radius: 2px;
    background: url(../image/frame1.png) no-repeat center top, url(../image/frame2.png) no-repeat center bottom;
}

.Detail {
}

.Detail:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.Detail figure {
    display: block;
    width: 403px;
    height: auto;
    margin: 0 auto 1px;
}

.Detail figure img {
    width: 100%;
    height: auto;
}

.Detail ul {
    width: 403px;
    margin: 0 auto;
}

.Detail ul:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.Detail ul li {
    display: block;
    float: left;
    width: 100px;
    margin: 0 1px 0 0;
}

.Detail ul li:last-child {
    margin: 0;
}

.Detail ul li img {
    width: 100%;
    height: auto;
}

/**********Add Style 2018/10/15***********/
#location .Main #content .locationWrap h2 {
    /*background-color: #d0a464;*/
    background-color: #5a2e00;;
    color: #ffffff;
}

/****************************************************/
/*TOP 記事一覧*/
/****************************************************/
#index .MainHead .MainHeadLeft {
    width: 100%;
}

#post {
    font-size: 0;
}

#post h1 {
    font-size: 26.56px
}

#post ul {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

#post ul:nth-of-type(2) {
    width: calc(50% - 20px);
    margin-left: 20px;
}

#post ul li {
    margin-top: 15px;
    display: block;
}

#post ul li:first-child {
    margin-top: 0;
}

#post ul li .post-thumbnail {
    display: inline-block;
    vertical-align: middle;
    width: 130px;
    text-align: center;
}

#post ul li .post-thumbnail a {
    font-size: 16px;
    letter-spacing: -0.05em;
    display: block;
}

#post ul li .post-thumbnail img {
    width: auto;
    height: auto;
    max-height: 92px;
    max-width: 100%;
}

#post ul li .post-info {
    width: 65%;
    display: inline-block;
    vertical-align: middle;
    font-size: 13.28px;
    letter-spacing: -0.05em;
    margin-left: 10px;
}

#post ul li .post-info a {
    word-break: break-all;
    /*color: #ffffff;*/
}

/*****TOPページ記事一覧_一覧ページへのリンクボタン*****/
.MainHead .MainHeadLeft .list-link {
    display: block;
    margin-top: 15px;
    text-align: right;
    position: relative;
}

.MainHead .MainHeadLeft .list-link:after {
    position: absolute;
    content: '';
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    transform: rotate(45deg);
    top: 6px;
    width: 10px;
    height: 10px;
    right: 3px;
}

.MainHead .MainHeadLeft .list-link a {
    padding-right: 20px;
    /*color: #FFFFFF;*/
}

.MainHead .MainHeadLeft .list-link a:hover {
    text-decoration: none;
    opacity: 0.7;
}

/****************************************************/
/*取扱品目個別静的ページ内のカテゴリー別買い取り実績一覧*/
/****************************************************/
#purchase-record {
    margin-bottom: 30px;
}

#purchase-record ul {
    font-size: 0;
}

#purchase-record ul li {
    width: calc(33% - 10px);
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    padding: 10px;
    box-sizing: border-box;
}

#purchase-record ul li:nth-child(3n+1) {
    margin-left: 0;
}

#purchase-record ul li:nth-child(n+4) {
    margin-top: 15px;
}

#purchase-record ul li a {
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

#purchase-record ul li img {
    width: auto;
    max-height: 120px;
    max-width: 190px;
}

#purchase-record ul li p {
    font-size: 13.28px;
    font-weight: bold;
    margin-left: 10px;
    letter-spacing: -0.05em;
}

/****************************************************/
/*店舗ページ内 店舗画像部分*/
/****************************************************/
.locationWrap .map-link {
    margin-bottom: 20px;
    display: block;
    padding: 10px;
    /*background-color: #d0a464;*/
    background-color: #5a2e00;;
    box-sizing: border-box;
    color: #ffffff;
    width: 120px;
}

.locationWrap .map-link:hover {
    text-decoration: none;
    opacity: 0.7;
}

.locationWrap .shop-image {
    font-size: 0;
    margin-bottom: 20px;
}

.locationWrap .shop-image img {
    display: inline-block;
    width: calc(50% - 10px);
    margin-top: 20px;
}

.locationWrap .shop-image img:nth-of-type(even) {
    margin-left: 20px;
}

.locationWrap .shop-image img:nth-of-type(-n+2) {
    margin-top: 0;
}

#content .locationWrap .locationInner .locationInnerLeft img {
    margin-bottom: 20px;
    float: right;
}

/****************************************************/
/*店舗ページ内 グループ店舗*/
/****************************************************/
#location .Main #content .group-shop .group-shop-wrapper ul {
    font-size: 0;
}

#location .Main #content .group-shop .group-shop-wrapper ul li {
    display: inline-block;
    width: -webkit-calc(33% - 11px);
    width: calc(33% - 11px);
    box-sizing: border-box;
    border: 1px solid #cccccc;
    text-align: center;
    margin-right: 20px;
    margin-top: 0;
    padding: 15px;
    background: #fff;
    vertical-align: top;
}

#location .Main #content .group-shop .group-shop-wrapper ul li:nth-of-type(3n) {
    margin-right: 0;
}

#location .Main #content .group-shop .group-shop-wrapper ul li:nth-of-type(n + 4) {
    margin-top: 20px;
}

#location .Main #content .group-shop .group-shop-wrapper ul li p {
    font-size: 13.28px;
    text-align: left;
}

#location .Main #content .group-shop .group-shop-wrapper ul li a {
    font-size: 14.46px;
    /*background-color: #d0a464;*/
    background-color: #5a2e00;;
    padding: 11px 17px 11px 0;
    position: relative;
    color: #FFFFFF;
    line-height: 1;
    letter-spacing: 0.05em;
    text-decoration: none;
    display: block;
}

#location .Main #content .group-shop .group-shop-wrapper ul li a:last-of-type:after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 25px;
    margin: auto;
    font-size: 18px;
    color: #ffffff;
    border-right: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    width: 5px;
    height: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#location .Main #content .group-shop .group-shop-wrapper ul li .image-link {
    background-color: transparent;
    padding: 0;
    position: unset;
    line-height: 0;
}

#location .Main #content .group-shop .group-shop-wrapper ul li .image-link img {
    width: 100%;
}

/*.index p,*/
/*h1, h2, h3, h4, h5, h6,*/
/*dl dt,*/
/*.Antiquary,*/
/*.heightLine-group01 dl dd,*/
/*.itemPoint dd ul li,*/
/*#post ul li .post-info .post-date {*/
/*color: #ffffff;*/
/*}*/

.contactWrap .note {
    color: #000000;
}

/****************************************************/
/*SNSボタン*/
/****************************************************/
#sns {
    margin: 40px auto 60px;
}

#sns ul {
    font-size: 0;
    text-align: center;
    display: block;
    margin: 0 auto;
    width: auto;
}

#sns ul li {
    display: inline-block;
    width: 220px;
    margin: 0 auto 0;
    color: #ffffff;
    height: 63px;
    text-align: center;
    margin-left: 26px;
}

#sns ul li:first-of-type {
    margin-left: 0;
}

#sns ul li a {
    font-size: 16px;
    padding: 15px 0;
    box-sizing: border-box;
    display: block;
    height: 63px;
    color: #fff;
    line-height: 2;
}

#sns ul li a:hover {
    text-decoration: none;
}

#sns ul li.facebook a {
    background-color: #3b5b98;
}

#sns ul li.facebook a:hover {
    background-color: #5f80c1;
}

#sns ul li.instagram a {
    background-color: #b94047;
}

#sns ul li.instagram a:hover {
    background-color: #d0767b;
}

#sns ul li.twitter {
    margin-bottom: 0;
}

#sns ul li.twitter a {
    background-color: #1da1f3;
}

#sns ul li.twitter a:hover {
    background-color: #66bff7;
}

/*#sns ul li.youtube {*/
    /*margin-bottom: 0;*/
/*}*/

#sns ul li.youtube a {
    background-color: #FF0000;
}

#sns ul li.youtube a:hover {
    background-color: #ff4d4d;
}

#sns ul li a img {
    margin-left: 11px;
    width: 30px;
    margin-top: 1px;
}

/*#sns ul li.youtube a img{*/
    /*margin-left: 32px;*/
/*}*/

/*#sns ul li.twitter a img{*/
    /*margin-left: 50px;*/
/*}*/

#media-post {
    margin-bottom: 50px;
}

#media-post > p {
    font-size: 19px;
    font-weight: bold;
    margin: 0 0 20px 30px;
}

#media-post ul {
    margin-left: 30px;
}

#media-post ul li {
    font-size: 0;
    margin-bottom: 20px;
}

#media-post ul li .post-thumbnail {
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

#media-post ul li .post-thumbnail a {
    display: block;
}

#media-post ul li .post-thumbnail a img {
    width: auto;
    height: 130px;
    display: block;
    margin: 0 auto;
}

#media-post ul li .post-info {
    display: inline-block;
    width: calc(50% - 20px);
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
}

/* *************************************

	おすすめ記事 recommend

***************************************/
#recommend {
    max-width: 960px;
    min-width: 960px;
    width: 100%;
    display: block;
    margin: 0 auto 10px;
    font-size: 0;
}

#recommend h2,
#recommend .list-link {
    display: inline-block;
    width: 50%;
    font-size: 14px;
    margin-bottom: 15px;
}

#recommend .list-link {
    text-align: right;
    padding-right: 20px;
    box-sizing: border-box;
    vertical-align: bottom;
}

#recommend .list-link a {
    position: relative;
    color: #ffffff;
    text-decoration: none;
    /*padding-right: 10px;*/
    font-size: 18px;
    font-weight: bold;
}

#recommend .list-link a:first-of-type {
    margin-right: 40px;
}

#recommend .list-link a:first-of-type:before {
    position: absolute;
    content: '';
    right: -15px;
    top: 6.5px;
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    border-right: 2px solid;
    border-top: 2px solid;
    border-color: #ffffff;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
}

#recommend article ul {
    font-size: 0;
    margin: 0 auto;
    display: flex;
    width: 100%;
}

#recommend article ul li {
    width: calc(33% - 6.785px);
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    font-size: 14px;
    margin-left: 15px;
    height: 310px;
    padding: 15px;
    box-sizing: border-box;
}

#recommend article ul li:first-of-type {
    margin-left: 0;
}

#recommend article ul li .post-title {
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    width: fit-content;
    margin: 0 auto 10px;
}

#recommend article ul li .post-thumbnail {
    margin-bottom: 10px;
}

#recommend article ul li .post-thumbnail a img {
    margin: 0 auto;
    display: block;
}
/*test*/
#recommend.test article ul li .post-thumbnail{
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#recommend.test article ul li .post-thumbnail a img{
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
    max-height: 135px;
}

#recommend article ul li .post-thumbnail{
    min-height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#recommend article ul li .post-thumbnail a img{
    margin: 0 auto;
    display: block;
    width: 100%;
    height: auto;
    max-height: 135px;
}
/*test*/
#recommend article ul li .post-info p {
    height: 60px;
    width: 96%;
    display: block;
    margin: 0 auto;
}

#recommend article ul li .post-info .post-link {
    position: relative;
    text-align: right;
    display: block;
    margin-right: 25px;
    width: fit-content;
    margin-left: auto;
}

#recommend article ul li .post-info .post-link:after {
    position: absolute;
    content: '';
    right: 105px;
    top: 7px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(45deg);
    width: 7.5px;
    height: 7.5px;
}

/* *************************************

	お客様の声 client-response

***************************************/
#client-response h1 {
    background: url(../img/ico13.png) no-repeat 0 0;
}

#client-response h3:after {
    content: '';
    position: absolute;
    border-bottom: 1px dashed #d6d6d6;
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
}

#client-response article ul {
    font-size: 0;
    margin: 0 auto;
    display: block;
    width: 100%;

}

#client-response article ul li {
    width: calc(33% - 6.8px);
    display: inline-block;
    vertical-align: top;
    background-color: #ffffff;
    font-size: 14px;
    margin-left: 15px;
    height: 330px;
    padding: 20px;
    box-sizing: border-box;
    border:1px solid #ccc;
    /*box-shadow:0 0 15px 3px rgba(26,37,43,0.1);*/
}

#client-response article ul li:first-of-type {
    margin-left: 0;
}

#client-response article ul li .post-title {
    font-size: 22px;
    margin-bottom: 10px;
    color: #5a2e00;
    font-weight: bold;
}

#client-response article ul li .post-thumbnail {
    margin-bottom: 10px;
}

#client-response article ul li .post-thumbnail a img {
    margin: 0 auto;
    display: block;
}

#client-response article ul li .post-info p {
    height: 60px;
    margin-bottom: 20px;
}

#client-response article ul li .post-info .post-link {
    position: relative;
    text-align: right;
    display: block;
    padding-left: 10px;
    box-sizing: border-box;
    width: 100%;
}

#client-response article ul li .post-info .post-link:after {
    position: absolute;
    content: '';
    right: 105px;
    top: 8px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    transform: rotate(45deg);
    width: 7.5px;
    height: 7.5px;
}
#client-response article .list-link{
    margin-top: 20px;
    width: 100%;
    text-align: right;
    padding-right: 25px;
    box-sizing: border-box;
    font-size: 14px;
}

/* *************************************

	営業日カレンダー schedule-calendar

***************************************/
.schedule-calendar {
    margin: 40px auto 60px;
}

.calender-anchor {
    padding: 5px 10px;
    box-sizing: border-box;
    background-color: #5a2e00;
    display: inline-block;
    margin-left: 10px;
    text-decoration: none;
    color: #fff;
    position: relative;
    padding-right: 25px;
}

.calender-anchor:after{
    position: absolute;
    content: '';
    border-top: 2px solid;
    border-right: 2px solid;
    border-color: #ffffff;
    transform: rotate(45deg);
    right: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
}

a.calender-anchor:hover{
    text-decoration: none;
    opacity:0.7;
}

/* *************************************

	　ボタン

***************************************/
.font-zero {
    font-size: 0;
}

.button_test{
    display: inline-block;
    width:calc(50% - 10px);
    margin-left: 20px;
    padding-right: 0!important;
}

.button_test img{
    width: 100%;
}

.list-link a.button_test:first-of-type{
    margin-left: 0;
}

.list-link.font-zero:after{
    content: none!important;
}

/* *************************************

	　アイコン変更

***************************************/
#index .MainHead .MainHeadLeft #media-post .media {
    background: url(../img/ico10.png) no-repeat 0 0;
    background-position-y: -3px;
}

#index .MainHead .MainHeadLeft #post .new-post {
    background: url(../img/ico14.png) no-repeat 0 0;
}

#index #list .bara {
    background: url(../img/ico11.png) no-repeat 0 0;
    background-position-y: -3px;
}

#index .schedule-calendar h1.calender {
    background: url(../img/ico12.png) no-repeat 0 0;
    background-position-y: -3px;
}

/* *************************************

	　追加 2020/03/12

***************************************/
.rounded-corners {
    background-color: #ffd966;
    padding: 10px 20px;
    border-radius: 25px;
    color: #000!important;
}
/* *************************************

	　追加 2020/03/23

***************************************/
.landing-point{
    margin-top: -185px;
    padding-top: 185px;
}

.megaphone{
    position: relative;

}

.megaphone:before{
    content: '';
    position: absolute;
    background: url(../img/ico15.png) no-repeat;
    height: 20px;
    width: 20px;
    top: 5px;
    left: -25px;
    background-size: cover;
}


#embed{
    margin-bottom: 60px;
}

#embed iframe{
    width: 800px!important;
    height: 450px!important;
}

#embed h1{
    background: url(../img/ico16.png) no-repeat 0 0;
}

/* *************************************

	　プライバシーポリシー追加 2025/02/21

***************************************/
.Main #content #privacy_policy dl dt{
    font-weight: bold;
    font-size: 14.608px;
    margin-bottom: 5px;
}

.Main #content #privacy_policy dl dd{
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 14.608px;
}