@charset "utf-8";
/* CSS Document */

body {
	font-family: Helvetica , Arial , Verdana , Roboto , "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	background: #ffffff;
}

a {
    color: #1799c1;
}

a:hover {
    color: #c1870d;
}

#wrap {
    margin: 0;
    padding: 0;
}

.width-full {
    clear: both;
    min-width: 1000px;
    margin: 0 auto;
}

header {
    background: #f8f9f4;
    border-top: 10px solid #a7cde0;
    padding: 0 0 80px 0;
}

header p {
    display: block;
    font-size: 0.8em;
    margin: 10px 0 0 0;
}

#header_sns-list {
    margin: -15px 0 25px 0px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

#header_sns-list li {
    float: right;
    margin: 0 0 0 15px;
}

.header_global-navi {
    clear: both;
		font-family:"游明朝", YuMincho, "Sawarabi Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.header_global-navi-list {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
    text-align: center;
    background: #f8f9f4;
}

.header_global-navi-list li {
    margin: 0 10px 0 10px;
    padding: 0;
    display: inline-block;
    width: 125px;
}

.header_global-navi-list li img {
    display: block;
    margin: 0 auto 15px auto;
}

.header_global-navi-list li span {
    font-weight: bold;
    font-size: 0.9em;
    /* letter-spacing: 1px; */
}

.header_global-navi-list li a {
    text-decoration: none;
    color: #504433;
    display: block;
}
.header_global-navi-list li a:hover {
    color: #f08f01;
}
.header_global-navi-list li a:hover img {
    transform: rotate(7deg);
}

.area-main-img {
    margin: 0 auto;
    text-align: center;
    background: #f8f9f4;
}

.area-main-img .main-img {
    display: block;
    margin: 0 auto;
}

.area-main-img .as-logo {
    width: 86px;
    height: 86px;
    margin: -340px 0 0 115px;
    position: relative;
    top: 0;
    left: 0;
    float: left;
    z-index: 2;
}

.area-main-img .as-logo img {
    display: block;
}

.no-display {
	display: none;
}

.area-news {
    /* background: #cccccc; */
    width: 1000px;
    margin: 0 auto;
    height: 35px;
    overflow: hidden;
}

.width-full-news {
    background: #e2e2e2;
    min-width: 1000px;
}

.area-news_title {
    display: block;
    width: 70px;
    background: #6c9bd2;
    font-size: 1.0em;
    text-align: center;
    padding: 0 10px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    margin: 0;
    float: left;
}

.area-news_list {
    float: left;
    margin: 0 0 0 30px;
    padding: 0;
    line-height: 35px;
    width: 880px;
    font-size: 0.9em;
}

.area-news_list dt {
    clear: both;
    float: left;
    margin: 0 20px 0 0;
    padding: 0;
}
.area-news_list dd {
}

.area-news_list dd a {
    color: #333333;
}
.area-news_list dd a:hover {
    color: #6b99cf;
}

.area-info {
    margin: 0;
    padding: 20px 0;
}

.section-title {
    text-align: center;
}

.section-title img {
    display: block;
    margin: 0 auto;
}

.area-info_navi {
    margin: 50px auto 0 auto;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.area-info_navi li {
    display: block;
    width: 165px;
    float: left;
    text-align: center;
    border: 1px dotted #ccc;
    border-top: 0;
    border-bottom: 0;
    border-right: 0;
    margin: 0;
}
.area-info_navi a {
    text-decoration: none;
    color: #333333;
		display: block;
}
.area-info_navi a:hover {
    color: #f08f01;
}
.area-info_navi span {
	  font-size: 0.7em;
    line-height: 1.5em;
    font-weight: bold;
}

.clearfix {
    clear: both;
    float: none;
}

.border-none {
    border: none;
}

.area-info_navi li:first-child {
    border-right: 0;
}

.area-info_navi li:last-child {
    border-right: 1px dotted #ccc;
}
.area-info_navi li img {
    display: block;
    margin: 0 auto 10px auto;
		border-radius: 27px;
}
.area-info_navi a:hover img {
    position: relative;
    top: 3px;
    opacity: 0.8;
    /* border-radius: 27px; */
    /* box-shadow: 0px 3px 2px rgba(0,0,0,0.2); */
}

.area-topics {
    background: #f9faf4;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 40px 0;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E","ＭＳ 明朝", serif;
}

.area-topics_parent {
    width: 238px;
    float: left;
    margin: 0 0 0 15px;
}

.area-wrap {
    width: 1000px;
    margin: 0 auto;
}

.area-topics_parent:first-child {
    margin: 0;
}

.area-topics_title {
    margin: 0;
}

.area-topics_title img {
    display: block;
}

.area-topics_title + img {
    margin: 5px auto 0 auto;
    display: block;
}

.area-topics_list {
    margin: 10px 0 0 0;
    padding: 10px 0;
    list-style: none;
    text-align: center;
    background: #ffffff;
    min-height: 190px;
    font-size: 0.8em;
}

.area-topics_list-item {
    margin: 0px 0 0px 0;
    padding: 0;
}

.area-topics_list-item a {
    display: block;
    text-decoration: none;
    color: #000000;
    padding: 15px 0;
    margin: 0;
    background: url(../images/border_short.jpg) no-repeat center bottom;
}

.area-topics_list a:hover::after {
    display: block;
    content: "";
    width: 30px;
    height: 21px;
    float: right;
    position: relative;
    top: -5px;
		right: 5px;
}

.topics-create a:hover::after {
	background: url(../images/item_select_create.jpg) no-repeat right center;
}
.topics-purchase a:hover::after {
	background: url(../images/item_select_purchase.jpg) no-repeat right center;
}
.topics-see a:hover::after {
	background: url(../images/item_select_see.jpg) no-repeat right center;
}
.topics-interaction a:hover::after {
	background: url(../images/item_select_interaction.jpg) no-repeat right center;
}

.area-topics_list a:hover::before {
    display: block;
    content: "";
    width: 30px;
    height: 21px;
    float: left;
    position: relative;
    top: -5px;
		left: 5px;
}
.topics-create a:hover::before {
	background: url(../images/item_select_create.jpg) no-repeat right center;
}
.topics-purchase a:hover::before {
	background: url(../images/item_select_purchase.jpg) no-repeat right center;
}
.topics-see a:hover::before {
	background: url(../images/item_select_see.jpg) no-repeat right center;
}
.topics-interaction a:hover::before {
	background: url(../images/item_select_interaction.jpg) no-repeat right center;
}



/*.area-topics_list-item::after {
	display: block;
	content: url(../images/border_short.jpg);
	height:4px;
	width: 134px;
}*/


.area-info_recent {
    margin: 30px 0 0 0;
    padding: 5px 0 0 0;
    list-style: none;
    min-height: 300px;
    /* background: #aaaaaa; */
}

.area-info_recent li {
    margin: 0 0 45px 40px;
    padding: 0;
    width: 220px;
    float: left;
    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    background: #ffffff;
}
.area-info_recent li:hover {
    opacity: 0.8;
}
.area-info_recent li:first-child {
    margin-left: 0;
}

.area-info_recent li:nth-child(4n+1) {
    clear: both;
    margin-left: 0;
    float: left;
}

.area-info_recent li img {
    display: block;
    width: 100%;
    height: auto;
}

.area-info_recent li a {
    text-decoration: none;
}

.area-info_recent li article {
    margin: 0;
    padding: 0;
}

.area-info_recent-item-img {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1;
    width: 220px;
    height: 165px;
    overflow: hidden;
}

.area-info_recent-item-category {
    position: relative;
    top: -10px;
    left: 10px;
    z-index: 2;
    width: 170px;
    background: #f1ed94;
    margin: 0 0 0 0;
    padding: 6px 0 6px 0;
    font-size: 0.8em;
    text-align: center;
}

.area-info_recent-item-title {
    font-size: 0.95em;
    margin: 0 10px 15px 10px;
}

.area-info_recent-item-txt {














    margin: 10px 10px 15px 10px;
    font-size: 0.85em;
    line-height: 1.6em;
}

.area-info_recent-item-day {
    margin: 10px 10px;
    font-size: 0.8em;
		overflow: hidden;
}
.area-info_recent-item-day dt {
    clear: both;
    float: left;
    width: 55px;
    /* background: #aaaaaa; */
}

.area-info_recent-item-day dd {
    float: left;
    margin: 0;
    padding: 0;
    width: 145px;
}


.area-info_recent-item-price {
    margin: 10px 10px 15px 10px;
    font-size: 0.8em;
		overflow: hidden;
}
.area-info_recent-item-price dt {
    /* clear: both; */
    width: 55px;
    float: left;
}

.area-info_recent-item-price dd {
    margin: 0;
    padding: 0;
    float: left;
    width: 145px;
    /* background: #aaaaaa; */
}

.area-info_recent-item-postday {
	clear:both;
    background: #f4f4f4;
    padding: 5px 10px;
    font-size: 0.8em;
    text-align: right;
}



.area-info_recent li a .area-info_recent-item-category {
    color: #000000;
}

.area-info_recent li a .area-info_recent-item-title {
    color: #337eda;
}

.area-info_recent li a .area-info_recent-item-postday {
    color: #999999;
}

.area-info_recent li a .area-info_recent-item-day {
    margin: 10px 10px;
    color: #333333;
}

.area-info_recent li a .area-info_recent-item-price {
    margin: 10px 10px 15px 10px;
    color: #333333;
}
p.area-info_recent_excerpt {
    font-size: 0.8em;
    margin: 10px 10px 7px 10px;
    line-height: 1.5em;
}

.area-info_recent li a .area-info_recent_excerpt {
    color: #333333;
}


.area-product {
    background: #f8f9f4;
    padding: 20px 0;
}

.area-product_list {
    margin: 0;
    padding: 30px 0;
    list-style: none;
    background: #f8f9f4;
    overflow: hidden;
    border: 15px solid #ffffff;
}

.area-product_list li {
    margin: 0px 58px 30px 0;
    padding: 0 0 15px 0;
    float: left;
    width: 170px;
    background: #ffffff;
}
.area-product_list li:hover {
	opacity:0.8;
}

.area-product_list li:first-child {
    margin-left: 58px;
}

.area-product_list li:nth-child(4n+1) {
    clear: both;
    margin-left: 58px;
    float: left;
}

.area-product_list li a {
    text-decoration: none;
}

.area-product_list-item-img {
    display: block;
    margin: 0 auto;
    padding: 0;
    position: relative;
    z-index: 1;
		width: 170px;
}

.area-product_list-item-img img {
    width: 100%;
    height: auto;
		display: block;
}

.area-product_list-item-category {
    background: #f9faf4;
    border: 1px solid #eae9e5;
    width: 150px;
    font-size: 0.7em;
    padding: 6px 0 6px 0;
    text-align: center;
    margin: 0 0 0 0;
    position: relative;
    z-index: 2;
    top: -13px;
    left: 10px;
}

.area-product_list-item-title {
    margin: 0 10px 0 10px;
    padding: 0;
    font-size: 0.8em;
    line-height: 1.5em;
}

.area-product_list-item-txt {
    margin: 10px 10px;
    padding: 0;
    font-size: 0.8em;
}

.area-product_list-item-price {
    margin: 0;
    padding: 0 15px 0 0;
    font-size: 0.8em;
    text-align: right;
}


a .area-product_list-item-category {
	color: #333333;
}

a .area-product_list-item-title {
	color: #1d2129;
}

a .area-product_list-item-txt {
	color: #1d2129;
}

a .area-product_list-item-price {
	color: #1d2129;
}

.area-product_list-item-price::before {
	display: block;
	content: "";
	background: url(../images/border_short.jpg);
	height: 4px;
	width: 150px;
	margin: 20px -5px 15px auto;
}

.area-product_category-btn {
    margin: 0;
    padding: 20px 0;
    background: #f8f9f4;
}

.area-product_category-btn-list {
	clear: both;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.area-product_category-btn-list li {
    width: 190px;
    float: left;
    margin: 0 5px 10px 5px;
}
.area-product_category-btn-list li:hover {
    opacity: 0.8;
}

.area-product_category-btn-list li:first-child {
    /* margin-left: 0; */
}

.area-product_category-btn-list li img {
    display: block;
}

/* カテゴリごとの説明文 */
.item_type_desc-wrap {
    width: calc(100% - 2em);
    border: 1px dotted #cccccc;
    border-right: 0;
    border-left: 0;
    padding: 1em 1em;
    margin: 0 auto 20px auto;
}
.item_type_desc-wrap p {
    line-height: 150%;
}

.area-product_chart {
    clear: both;
    margin: 0;
    padding: 20px 0 0 0;
    /* background: #f8f9f4; */
    width: 49%;
}

.area-product_chart a {
    display: block;
    margin: 0 auto;
    /* width: 1000px; */
    border: 3px solid #ffffff;
}

.area-product_chart img {
    display: block;
    margin: 0 auto;
    width: 100%;
}

.paint-contents-wrap {
    display: flex;
    float: none;
    clear: both;
    justify-content: space-between;
}

.area-movie_paint {
    width: 49%;
    margin: 21px 0 0 0;
}

.area-movie_paint iframe {
    width: 100%;
    height: 276px;
}

.area-sns-embedded {
    width: 1000px;
    margin: 40px auto 0 auto;
    height: 490px;
}

.area-sns-embedded_fb {
    /* background: #aaaaaa; */
    width: 490px;
    margin: 0 10px 0 0;
    float: left;
}

.area-sns-embedded_fb img {
    display: block;
    float: left;
}

.fb-wrap {
    margin: 0;
    float: left;
}

.area-sns-embedded_instagram {
    float: left;
    margin: 0;
    background: #fbfbfb;
    height: 580px;
    width: 500px;
}
.area-sns-embedded_instagram > img {
    display: block;
    margin: 16px auto 2px auto;
}

.footer-wrap {
    clear: both;
    width: 100%;
    min-width: 1000px;
    background: #f3f3f3;
    height: 400px;
}

footer {
    width: 1000px;
    margin: 0 auto 0 auto;
}

.footer-left {
    width: 350px;
    /* background: #ffff00; */
    float: left;
    margin: 40px 0 0 0;
    font-size: 0.95em;
}

.footer-left_logo {
    width: 174px;
    height: 57px;
    /* float: left; */
}
.footer-left_txt {
    margin: 20px 0 0 5px;
    padding: 0;
    width: 350px;
}

.footer-left_txt p {
    margin: 5px 0 10px 0;
}

.footer-left_txt address {
    font-style: normal;
    margin: 0 0 10px 0;
}
.footer-left_txt address img {
    display: inline-block;
    position: relative;
    top: 3px;
}

.footer-center {
    width: 210px;
    float: left;
    margin: 35px 0 0 0;
}
ul.group-site {
    padding: 0;
    margin: 0 0 0 0;
    list-style: none;
}

ul.group-site li {
    margin: 0;
}

ul.group-site li + li {
    margin-top: 10px;
}

ul.group-site li img {
    display: block;
    margin: 0 auto;
}


.footer-right {
    margin: 0 0 20px 0;
    padding: 20px 0 0 0;
    float: right;
    width: 400px;
}
.footer-right iframe {
	height: 180px;
	width: 400px;
	border: none;
}

.footer-navi {
    clear: both;
    border-top: 1px dotted #dddfe2;
    margin: 0 0 0 0;
    padding: 30px 0 30px 0;
    height: 120px;
}

.footer-navi section {
    min-height: 120px;
    border-right: 1px dotted #dedede;
}

.footer-navi_child-create {
    width: 230px;
    /* background: #ff0000; */
    float: left;
    /* border-right: 1px solid #dedede; */
    margin: 0 30px 0 0;
}

.footer-navi_child-title {
    font-size: 1.2em;
    margin: 0 0 10px 0;
    padding: 0;
    color: #315d91;
}

.footer-navi_child-purchase {
    width: 266px;
    float: left;
    margin: 0 30px 0 0;
    /* border-right: 1px solid #cccccc; */
}

.footer-navi_child-see {
    width: 175px;
    float: left;
    margin: 0 30px 0 0;
    /* border-right: 1px solid #cccccc; */
}

.footer-navi_child-interaction {
    width: 234px;
    float: left;
    border-right: 0;
}

.footer-navi_child-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 0.9em;
}
.footer-navi_child-list a {
    text-decoration: none;
    color: #333333;
}

.footer-navi_child-list a:hover {
    text-decoration: underline;
    color: #c16808;
}
.copyright-wrap {
    clear: both;
    background: #71a6c2;
    height: 60px;
		min-width: 1000px;
    width: 100%;
}

.footer-navi_child-list li {
    float: left;
    margin: 10px 0 0 0;
}

.footer-navi_child-list li::after {
    display: block;
    width: 1px;
    height: 1em;
    background: #aaaaaa;
    content: "";
    float: right;
    margin: 0px 10px 0 10px;
    position: relative;
    top: 1px;
}

.area-copyright {
    min-width: 1000px;
    width: 1000px;
    margin: 0 auto 0 auto;
    padding: 20px 0 0 0;
}

.area-copyright p {
    margin: 0;
    float: left;
    color: #ffffff;
    font-size: 0.8em;

}


.area-other_list {
    margin: 0;

    padding: 0;
    list-style: none;
    float: right;
    font-size: 1em;
}


.area-other_list li {
    float: left;
    margin: 0 0 0 20px;
}

.area-other_list li a {
    color: #ffffff;
    text-decoration: none;
}
.area-other_list li a:hover {
    text-decoration: underline;
}


header#header_sub {
    padding: 0px 0 30px 0;
}

ul#header_sns-list_sub {
    margin: 10px auto 0 auto;
    padding: 0;
    list-style: none;
    width: 1000px;
    overflow: hidden;
}

ul#header_sns-list_sub li {
    margin: 0px 0 0 15px;
    float: right;
}

.header_as-navi {
    clear: both;
    /* width: 86px; */
    height: 86px;
    /* float: right; */
    margin: 20px auto 0 auto;
    width: 1000px;
}

.header_as-navi a {
    display: block;
}

.header_as-navi img {
    display: block;
    float: right;
}

section.area-main-img_sub {
    width: 1000px;
    /* float: left; */
    margin: -90px auto 40px auto;
}

.area-page-title {
    background: url(../images/page_title_bg.jpg);
    height: 150px;
}

.page-title-txt {
	font-family: 'Archivo Narrow', Helvetica , Arial , Verdana , Roboto , "メイリオ" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	line-height: 160px;
	display: block;
	height: 150px;
	width: 700px;
	/* background: #aaaaaa; */
	float: left;
	letter-spacing: 0.2em;
	overflow: hidden;
}

.page-title-txt span {
    font-size: 0.5em;
    letter-spacing: 0;
    margin: 0 0 0 30px;
    color: #a9863f;
    display: inline-block;
    position: relative;
    top: -5px;
}
span.item-count {
    margin-left: 0px;
    color: #333333;
}
.area-page-title_caption {
    float: right;
    width: 260px;
    position: relative;
    top: 0;
}

.area-page-title_caption img {
    display: block;
}


/* single-item.php */
.item-image-main {
    width: 400px;
    float: left;
    height: 400px;
    overflow: hidden;
    margin: 0 0 70px 0;
}

.item-image-main img {
    display: block;
    width: 100%;
    height: auto;
}

.item-detail-box-right {
    width: 550px;
    float: right;
    margin: 0 0 0 0;
    overflow: hidden;
}

#item-gallery {
    clear: both;
    margin: 0px 0 20px 0;
    padding: 0 0 50px 0;
    border: 1px dotted #cccccc;
    /*border-top: 0;*/
    border-right: 0;
    border-left: 0;
}
.item-gallery-title {
	    margin-top: 40px;
    color: #a79e8e;
    font-family: 'Taviraj', serif;
    text-align: center;
}

ul.item-gallery-list {
    margin: 40px 0 0 0px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

ul.item-gallery-list li {
    display: block;
    float: left;
    width: 180px;
    margin: 0 10px 0 10px;
}

ul.item-gallery-list li img {
    display: block;
    margin: 0 auto;
		max-width: 180px;
}
.item-detail-box-term {
    background: #fbfbfb;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #e4e0d6;
}

dl.item-detail-box-data {
    margin: 20px 0 20px 5px;
}

dl.item-detail-box-data dt {}

dt.item-detail-title {
    margin: 0 0 20px 0;
    padding: 0px 0 20px 0;
    font-size: 1.5em;
    border-bottom: 1px dotted #cccccc;
    font-weight: bold;
    display: block;
    color: #1d2129;
}

dd.item-detail-capacity {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 1.2em;
    float: left;
    color: #666;
}

dd.item-detail-price {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #666;
}
.item-detail-txt {
    margin: 30px auto 0 auto;
    line-height: 1.8em;
}

.item-detail-box-content {
    clear: both;
    overflow: hidden;
    margin: 0 0 40px 0;
    text-align: right;
    /* background: #f0ede8; */
    float: right;
    border: 1px dotted #cccccc;
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    text-align: center;
}
.post-title {
    font-size: 1.3em;
    float: left;
    line-height: 1.5em;
    border: 1px dotted #dac290;
    border-left: 0;
    border-right: 0;
    padding: 1em 0 1em 0;
    text-indent: 1em;
    background: #ffffff;
    color: #315d91;
    width: 100%;
}


/* breadcrumbs */
.area-breadcrumb {
    padding: 20px 0 20px 0;
    font-size: 0.8em;
}

.area-breadcrumb ol {
    list-style: none;
    margin: 0 0 0 5px;
    padding: 0;
    text-align: left;
}

.area-breadcrumb li {
    display: inline-block;
}

.area-breadcrumb li::after {
    content: "";
    display: block;
    float: right;
    margin: 4px 10px 0 10px;
    width: 7px;
    height: 7px;
    border: 1px solid #aaaaaa;
    border-bottom: 0;
    border-left: 0;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.area-breadcrumb li:last-child::after {
    display: none;
}



.area-breadcrumb a {
    text-decoration: none;
    color: #a9863f;
}
.area-breadcrumb a:hover {
    text-decoration: underline;
    color: #436fa0;
}

.bg-beige {
    background: #f9faf5;
    overflow: hidden;
    /* padding-bottom: 50px; */
}

.area-single-date {
    clear: both;
    float: right;
    color: #71a6c2;
    margin: 0px 0 0 0px;
    font-size: 0.9em;
    /* padding: 5px 0 5px 0px; */
}

.area-single-category {
    float: right;
    margin: 0;
    font-size: 0.9em;
    /* color: #ffffff; */
    /* background: #dad500; */
    /* padding: 5px 10px; */
    color: #666666;
}

/*.area-single-category.cat-daily {
    color: #ffffff;
    background: #dad500;
}*/

.wp_social_bookmarking_light {
    clear: both;
    margin: 0px 0 0 0;
    float: right;
    padding: 0;
}

.wsbl_twitter {

    width: auto;
    margin: 0 0 0 0;
    padding: 0;
}

.area-single-main {
    min-height: 200px;
}

.area-single-main p {
    line-height: 1.8em;
    margin: 1em 1em 1em 1em;
}


/*============================
よくあるご質問
============================*/
#area-faq h2 {
    padding: 30px 0 0 0;
    margin: 0 0 50px 0;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    text-align: center;
    line-height: 100%;
}

div#area-faq {
    padding: 0 0 60px 0;
}

ul.faq-list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
ul.faq-list li {
    display: block;
    float: left;
    width: 300px;
    font-size: 0.9em;
    margin: 0 16px 16px 16px;
}

ul.faq-list li a {
    text-decoration: none;
    color: #1d2129;
    background: #ddd8ce;
    padding: 15px 0px;
    display: block;
    border-radius: 30px;
    font-weight: bold;
}
ul.faq-list li a:hover {
    background: #dac290;
}
ul.faq-list li::after {
    content: "》";
    font-size: 1.5em;
    display: block;
    position: relative;
    float: left;
    transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-o-transform: rotate(90deg);
    left: 46%;
    top: 5px;
    margin: 0 0;
    color: #bba77e;
}
#area-faq dl {
    margin: 20px 50px 40px 50px;
    padding: 0 0 0 0;
    padding: 0;
    /* background: #dddddd; */
    background: url(../images/border_short.jpg) repeat-x center bottom;
}

#area-faq dl dt {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0 0 15px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #efe9de;
}

#area-faq dl dt::before {
    content: "Q";
    margin: 0 20px 0 0;
    font-size: 40px;
    color: #c5bdae;
    font-weight: bold;
    font-family: 'Century';
}

#area-faq dl dd {
    margin: 0 0 0 53px;
    padding: 0px 0 50px 0;
    line-height: 1.8em;
}

#area-faq dl dd::before {
    content: "A";
    padding: 0 0 0 0;
    margin: 0 0 0 -53px;
    font-size: 40px;
    font-weight: bold;
    color: #c5bdae;
    font-family: 'Century';
    display: block;
    float: left;
}

/*============================
ショッピングガイド
============================*/

.shopguide-wrap {
    margin: 30px 0 0 0;
}

.shopguide-list {
    width: 480px;
    margin: 0 40px 40px 0px;
    /* border: 1px solid #bbb4a1; */
    padding: 0 0 0 0;
    /* border-radius: 3px; */
    min-height: 230px;
    float: left;
    font-size: 0.9em;
    background: #ffffff;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.2);
}
dl.shopguide-list:nth-child(2n) {
    margin-right: 0;
}


.shopguide-list dt {
    background: #bbb4a1;
    color: #ffffff;
    font-weight: bold;
    padding: 15px 20px;
    text-align: center;
    letter-spacing: 0.1em;
}

.shopguide-list dd {
    margin: 0;
    padding: 15px 15px;
    font-size: 0.95em;
}

.shopguide-list-item {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
}

.shopguide-list-item li {
    border-bottom: 1px dotted #bbb4a1;
    margin: 10px 0;
    padding: 0 0 10px 0;
}

.shopguide-list-item li::before {content: "";display: block;width: 5px;height: 5px;background: #5b5b5b;float: left;border-radius: 5px;position: relative;top: 0.4em;margin: 0 5px 0 5px;}

.shopguide-list-item li a {
    text-decoration: none;
    color: #5b5b5b;
}


.page-title-parent {
    text-align: center;
    /* border-bottom: 1px dotted #aaaaaa; */
    padding: 0 0 5px 0px;
    margin: 2em 0 1em 0;
    /* color: #577fbc; */
    letter-spacing: 0.1em;
    /* background: url(../images/bg_page_title_parent.png) repeat-x left bottom; */
    /* text-shadow: 0px 0px 2px rgba(255,255,255,1.0), 
									0px 0px 1px rgba(255,255,255,1.0), 
									0px 0px 1px rgba(255,255,255,1.0), 
									0px 0px 1px rgba(255,255,255,1.0), 
									0px 0px 1px rgba(255,255,255,1.0); */
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    line-height: 100%;
}

.page-title-child {
    color: #9a6800;
    padding: 1em 0 0.5em 0.5em;
    border-bottom: 1px dotted #cccccc;
}

ol.shop-flow-list {
    list-style: none;
    list-style-position: inside;
    margin: 20px 0 20px 0;
    padding: 1em 2em 1em 2em;
    counter-reset: listitem;
    border: 1px dotted #bbb4a1;
    background: #ffffff;
/*    border-left: 0;
    border-right: 0;*/
}

ol.shop-flow-list li {
    margin: 1em 0 2em 0;
}
.shop-flow-list li:before {
	counter-increment: listitem;      /* section カウンタを増加 */
	content: counter(listitem); /* カウンタを表示 */
	display: block;
	float: left;
	line-height: 1.8em;
	width: 1.5em;
	color: #ffffff;
	font-weight: bold;
	background: #71a6c2;
	text-align: center;
	margin: 0 0 0 0;
}

ol.shop-flow-list li p {
    margin: 0 0 0 35px;
}

ol.shop-flow-list li:last-child {
    margin-bottom: 0.5em;
}

.shop-flow-caution {
    margin: 20px 0 20px 0;
    padding: 1em 2em 1em 3em;
    counter-reset: listitem;
    border: 1px dotted #bbb4a1;
    background: #ffffff;
}
.shop-flow-caution p {
    margin-left: 0;
}

dl.shop-flow-delivery {
}

dl.shop-flow-delivery dt {
    font-weight: bold;
    /* color: #1d2129; */
}

dl.shop-flow-delivery dd {
    margin: 0.5em 0 2em 1em;
    padding: 0;
}

dl.shop-flow-delivery dd p {
    margin: 0 0 0 0;
}

dl.shop-flow-delivery dd:last-child {
    margin-bottom: 0;
}

strong.shop-flow-point {
    color: #e21c1c;
}



dl.shop-flow-payment {
}

dl.shop-flow-payment dt {
    font-weight: bold;
    color: #71a6c2;
}

dl.shop-flow-payment dd {
    margin: 1em 0 2em 1em;
    padding: 0;
}

dl.shop-flow-payment dd p {
    margin: 0 0 0 0;
}

dl.shop-flow-payment dd:last-child {
    margin-bottom: 0;
}


.shop-flow-cancel {
    list-style: disc;
    margin: 20px 0 20px 0;
    padding: 1em 2em 1em 3em;
    counter-reset: listitem;
    border: 1px dotted #bbb4a1;
    background: #ffffff;
}

.shop-flow-cancel li {
    margin: 1em 0;
}

.btn-other-site {
    color: #3790bf;
    text-decoration: none;
}

/*============================
sumururuについて
============================*/
.concept-title {
    clear: both;
    font-family: 'Noto Serif', "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;

    margin-bottom: 0.2em;
		font-weight: normal;
}
p.concept-title-sub {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 2em;
    color: #666666;
    font-size: 0.9em;
		letter-spacing: .1em;
}

.concept-title-sub + p {
    margin-left: 0;
}
.concept-img {
    float: right;
    /* position: relative; */
    /* top: -270px; */
    margin-top: -260px;
    margin-bottom: 100px;
}

.concept-img img {
    display: block;
}
.concept-txt p {
    margin-right: 340px;
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 0;
    line-height: 220%;
}

#area-about h2 {
    padding: 80px 0 0 0;
    margin: 0 0 50px 0;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    text-align: center;
    line-height: 100%;
    /* color: #8a2017; */
}

.concept-wrap {
    margin: 40px 80px 130px 80px;
    /* padding: 30px 20px; */
    /* background: #fbfbfb; */
    /* border: 1px dotted #dddddd; */
}

.logo-image {
    margin: 30px auto 0 auto;
    width: 326px;
}

.logo-image img {
    display: block;
}

dl.logo-txt {
    text-align: center;
    margin: 30px 70px 0 70px;
}

dl.logo-txt dt {
    font-size: 1.3em;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    font-weight: bold;
    color: #cb9469;
    letter-spacing: 0.1em;
}

dl.logo-txt dd {
    margin: 0;
    padding: 0;
    color: #6c9bd2;
}

ul.concept-list {
    margin: 0 0 0 260px;
    padding: 0;
    font-size: 1.1em;
    color: #6f8640;
    position: relative;
    z-index: 5;
}

ul.concept-list li {
    margin: 0 0 2em 0;
}


.concept-wrap p {
    position: relative;
    z-index: 5;
}

.bg-brush {
    position: relative;
    top: -250px;
    left: -180px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
}

.bg-chalkpaint {
    position: relative;
    top: -565px;
    left: 700px;
    margin: 0 0 -420px 0;
}

.concept-msg {
    color: #90623f;
    margin-left: 120px;
}

.concept-future {
    color: #90623f;
    margin-bottom: 0;
}

.bg-service {
    position: relative;
    top: -410px;
    left: 87%;
    width: 650px;
    z-index: 1;
    margin: 0 0 -450px 0;
    transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		-o-transform: rotate(10deg);
}
.bg-service img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.4;
}

.bg-concept-future {
    background: #f9faf5;
    /* padding-bottom: 90px; */
}

.bg-concept-future > img {
    display: block;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.bg-concept-future-txt {
	margin: 0 auto;
	/* width: 340px; */
	padding: 30px;
	background: #ffffff;
	position: relative;
	z-index: 4;
	top: -50%;
	/*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);*/
}

.bg-concept-future-txt img {
    display: block;
    width: 300px;
    position: relative;
    margin: 0 auto;
}
.bg-service-left {
    position: relative;
    top: -100px;
    left: -60%;
    width: 650px;
    z-index: 1;
    margin: 0 0 -450px 0;
}

.bg-service-left img {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0.2;
}

/* PCでは非表示にする */
.concept-img-sp {
    display: none;
}
p.sp-concept-title {
    display: none;
}

.sumururu-booklet {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto 0px auto;
    position: relative;
    top: -80px;
}

.sumururu-booklet-img {}

.sumururu-booklet-img img {}

p.sumururu-booklet-dl {}

p.sumururu-booklet-dl a {
    background: #71a6c2;
    padding: 20px 30px;
    border-radius: 5px;
    color: #ffffff;
    text-decoration: none;
}

p.sumururu-booklet-dl a span + span {
  margin-left: 1em;
}
p.sumururu-booklet-dl a:hover {
    background: #e59d52;
}


/*============================
オーダー家具・リフォーム
============================*/

.order-intro {
    background: url(../images/order_intro_bg.jpg) no-repeat right top;
    height: 470px;
}

.sp-order-intro {
	display: none;
}

.section-title {
    clear: both;
    text-align: left;
/*    background: #eee;*/
    padding: .5em .5em .5em 1em;
    color: #333333;
    margin-bottom: 1em;
    margin-top: 3em;
}

.section-title span {
    padding: 0 0 0 5px;
    border-left: 3px solid #71a6c2;
}

.order-case {
    overflow: hidden;
    margin: 0 20px 0 20px;

}

.order-case dt {
    clear: both;
    display: block;
    border-bottom: 1px solid #cccccc;
    padding: 0 0 1em 1em;
    color: #6f6e6f;
    font-size: 1.2em;
    margin: 0 0 1.5em 0;
}

.order-case dt img {
    display: inline-block;
    margin: 0 20px -7px 0px;
}

.order-case span {
    font-size: 80%;
    margin-left: 2em;
    color: #a28a56;
}

.order-case dd {
    margin: 0;
}

.order-case-img {
    width: 440px;
    float: left;
}

.order-case-img img {
    display: block;
    float: left;
}

.order-case dd.order-case-txt {
    width: 480px;
    float: left;
    margin: 0 0 0 40px;
}

.order-case dd.order-case-txt p {
    margin: 0;
}

.section-title {
    clear: both;
    text-align: left;
/*    background: #eee;*/
    padding: .5em .5em .5em 1em;
    color: #333333;
    margin-bottom: 1em;
    margin-top: 3em;
}
.section-title span {
    padding: 0 0 0 5px;
    border-left: 3px solid #71a6c2;
}
.order-intro .concept-title {
    padding-top: 40px;
}

.order-intro p {
    margin-right: 520px;
    font-size: 0.95em;
    line-height: 180%;
    margin-left: 0;
}

.form-btn {
    width: 100%;
    height: 179px;
    margin: 50px auto 30px auto;
    padding: 50px 0 0 0;
    border-top: 1px solid #cccccc;
}

.form-btn a {
    display: block;
    width: 179px;
    height: 179px;
    margin: 0 auto;
}

.form-btn img {
    display: block;
    margin: 0 auto;
}

.form-btn a:hover {
    opacity: 0.8;
}





/*============================
ペイントチャート
============================*/
.q-before-txt {
	text-align: center;
	margin: 20px 0 20px 0;
}

.q-before-txt p {
	margin: 0 0 10px 0;
	color: #71a6c2;
}

.q-before-txt::after {
	content: "";
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 auto;
	background: url(../images/icon_flow_arrow.png) no-repeat left center;
	background-size: 26px;
}
.q-before-txt p span {
    color: #333333;
}

h1.paint-q-title {
    text-align: center;
    margin-bottom: 1.5em;
    margin-top: 1.5em;
}

h1.paint-q-title span {
    display: none;
}

p.chart-intro-txt {
    margin-left: 100px;
    margin-right: 100px;
    margin-bottom: 40px;
}

ul.paint-q-list {
		clear: both;
		list-style: none;
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
}

ul.paint-q-list li {
    display: inline-block;
    width: 310px;
    margin: 0;
}
.paint-q-list li img {
    display: block;
    width: 100%;
    height: auto;
}
ul.paint-q-list li + li {
    margin-left: 20px;
}

ul.paint-q-list li p {
    display: none;
}

ul.paint-q-list li a {
    display: block;
    margin: 0;
}

ul.paint-q-list li a:hover {
    opacity: 0.8;
}

ul.paint-q-list-effect {
    width: 630px;
    margin: 0 auto 20px auto;
    /* background: #aaaaaa; */
    overflow: hidden;
}

ul.paint-q-list-effect li {
	display: block;
	float: left;
	margin-bottom: 30px;
	width: 300px;
}

ul.paint-q-list-effect li:nth-child(2n+1) {
    clear: both;
    margin-left: 0px;
}

ul.paint-q-list-effect li + li {
    margin-left: 30px;
}

.chart-page-navi {
    border: 1px dotted #cccccc;
    border-left: 0;
    border-right: 0;
    margin: 0px 45px 32px 45px;
    clear: both;
}

ul.chart-page-navi-list {
    list-style: none;
    overflow: hidden;
}

ul.chart-page-navi-list li {
    /* float: left; */
}

ul.chart-page-navi-list li + li {
    /* margin-left: 190px; */
    margin-top: 1em;
}


.answer-box {
    text-align: center;
    border: 1px solid #e5e1d9;
    border-radius: 100px;
    margin-top: 60px;
    margin-bottom: 40px;
}

.answer-icon {
    background: #ffffff;
    width: 50px;
    margin: -25px auto 0 auto;
}

.answer-box p {
font-size: 1.3em;
    margin-top: 0;
    margin-bottom: 0em;
    line-height: 250%;
}
.answer-box p span {
    font-size: 60%;
}

p.answer-box-comment {
    font-size: 100%;
    color: #666666;
    margin-bottom: 1em;
    margin-top: 1em;
}

.answer-img {
    float: left;
    width: 400px;
    margin-bottom: 30px;
    margin-top: 20px;
}

ul.answer-img-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.answer-img-list li {
    background: #ffffff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    padding: 9px;
    width: 160px;
    float: left;
    margin: 0 0 12px 0;
}

ul.answer-img-list li img {
    display: block;
    border: 1px solid #f9faf5;
    width: 100%;
    height: auto;
}

ul.answer-img-list li + li {
    /* margin-top: 20px; */
    margin-left: 10px;
}
ul.answer-img-list li:nth-child(2n+1) {
    margin-left: 0;
}

.ansewr-txt {
    float: right;
    width: 600px;
    margin: 0 0 40px 0;
}
.ansewr-txt h2 {
    clear: both;
    font-size: 1.1em;
    text-align: center;
    font-weight: normal;
    color: #9e8c65;
    margin-top: 3em;
    margin-bottom: 1.5em;
}

.ansewr-txt h2 span {
    background: #ffffff;
    padding: 0 10px 0 10px;
}

.ansewr-txt h2::after {
    display: block;
    width: 100%;
    height: 1px;
    background: #e5e1d9;
    content: "";
    margin-top: -12px;
}

.ansewr-txt p {}

.answer-gallery {
    width: 560px;
    margin: 0 auto 20px 15px;
}

.answer-gallery img {
    display: block;
    width: 100%;
    height: auto;
}

dl.item-info {
    margin: 40px 0px 0 15px;
    overflow: hidden;
}

dl.item-info dt {
    clear: both;
    border: 1px solid #f1eee8;
    width: 280px;
    text-align: center;
    float: left;
}

dl.item-info dt, dl.item-info dd {
    padding: 15px 10px;
    font-size: 0.95em;
}

dl.item-info dd {
    background: #e6dcbf;
    text-align: center;
    border-radius: 40px;
    float: left;
    margin: 0 0 10px 10px;
    width: 235px;
}

dl.item-info dd a {
    text-decoration: none;
    color: #333333;
}

ul.chart-faq-list {
    margin: 2em 0 5em 1em;
    padding: 0 0 0 0;
    list-style: none;
}

ul.chart-faq-list li {
    margin: 0 0 .5em 0;
}

ul.chart-faq-list li::before {
    display: inline;
    content: "Q.";
    color: #7c7c7c;
}

ul.chart-faq-list li a {
    color: #7c7c7c;
    text-decoration: none;
}

ul.chart-case-list {
    list-style: none;
    margin: 0 0 5em 1em;
    padding: 0;
}

ul.chart-case-list li {
    clear: both;
    margin: 0 0 10px 0;
    overflow: hidden;
}

ul.chart-case-list li a {
    text-decoration: none;
}

ul.chart-case-list li img {
    display: block;
    float: left;
    margin: 0 30px 0 0;
}

ul.chart-case-list li p {
    margin: 0;
    padding: 0;
    line-height: 100px;
}



/*============================
レンタルスペース　技術指導
============================*/
.page-child-title {
    font-weight: normal;
    font-family: "游明朝", YuMincho, "Sawarabi Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
    letter-spacing: .1em;
}

.page-child-title span {
    display: block;
    font-size: 70%;
    margin: .5em 0 0 0;
    letter-spacing: 0;
}

.service-intro-left {
    width: 500px;
    /* background: #cccccc; */
    float: left;
}

.service-intro-right {
    width: 450px;
    float: right;
    /* background: #ffcccc; */
    margin: 0 0 40px 0;
}

.service-intro-left h3 {}

.service-intro-left p {
    margin-left: 0;
    margin-right: 0;
    line-height: 200%;
}

.service-intro-right h3 {
    text-align: center;
    font-weight: normal;
    letter-spacing: .1em;
}

dl.service-intro-detail {
    margin: 0;
    padding: 0;
    border-top: 1px dotted #aaaaaa;
}

dl.service-intro-detail dt {
    clear: both;
    width: 90px;
    float: left;
    text-align: center;
    color: #a9863f;
}

dl.service-intro-detail dd {
    /* float: left; */
    margin: 0 0 0 0;
    padding: 0 20px 0 110px;
    border-bottom: 1px dotted #aaaaaa;
}

dl.service-intro-detail dt, dl.service-intro-detail dd {padding-top: 1em;padding-bottom: 1em;line-height: 160%;}

dl.service-intro-detail {
    font-size: .9em;
}


.btn-service-intro {
    clear: both;
    margin: 50px 0 50px 0;
    overflow: hidden;
}

.btn-service-intro a {
    display: block;
    color: #2f4d93;
}

.btn-service-intro p {
    position: relative;
    top: 50px;
    margin: 0;
    padding: 0px 0 0 0;
    line-height: 200%;
    font-weight: bold;
    width: 248px;
    float: left;
}
.btn-service-intro p img {
    display: block;
    margin: -27px 46px 0 0;
    float: right;
}
.goto-gallery {
    /* width: 100%; */
    width: 248px;
    float: left;
    text-align: center;
}
.gallery-instagram {
    display: block;
    font-weight: normal;
    color: #f5852c;
    padding: 0 0 0 23px;
    background: url(../images/logo_instagram.png) no-repeat 60px 0px;
}

ul.goto-gallery-img {}

ul.goto-gallery-img {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

ul.goto-gallery-img li {
    float: left;
    margin: 0 0 0 2px;
}

ul.goto-gallery-img li + li {}

.btn-service-intro a:hover {
    opacity: 0.8;
}

.service-intro-left ul {
    margin: 0 0 50px 0;
    padding: 0 0 0 2em;
}

.service-intro-left ul li + li {
    margin: .5em 0 0 0;
}

.separate-left {
    width: 480px;
    float: left;
    margin: 0 0 50px 20px;
}

ul.guideline-list {
    margin: 0 0 0 0;
    padding: 0 0 0 2em;
    font-size: .9em;
}

ul.guideline-list li {}

ul.guideline-list li + li {
    margin-top: .5em;
}

.separate-right {
    width: 480px;
    float: right;
    margin: 0 0 50px 0;
    /* float: left; */
}



/*============================
プライバシーポリシー
============================*/
.privacypolicy-wrap {
    background: #ffffff;
    padding: 60px;
    border: 1px dotted #cccccc;
    font-size: 95%;
}

.privacypolicy-wrap h2 {
    font-size: 1.1em;
    color: #315d91;

}

ul.privasyporicy-list {}

ul.privasyporicy-list li {
    margin: 10px 0 10px 0;
}

.privacypolicy-address-box {
    /* background: #fbfbfb; */
    margin: 0 0;
    0: 15px 0 0 0
}

.privacypolicy-address-box address {
    line-height: 1.8em;
    margin: 0 1em 0 1em;
    font-style: normal;
}

.privacypolicy-address-box address p {
    margin: 0 0 0 0;
}

.privacypolicy-address-box p {
    margin: 0 1em 0 1em;
}


/*============================
特定商取引法
============================*/
.ordercontract-wrap {
    background: #ffffff;
    padding: 60px;
    border: 1px dotted #cccccc;
    font-size: 95%;
}

.ordercontract-wrap h2 {
    font-size: 1.1em;
    color: #315d91;
}



/*============================
404
============================*/
.msg-notfound-wrap {
    text-align: center;
    font-size: 1.1em;
    background: #ffffff;
    color: #000000;
    padding: 40px 40px 50px 40px;
    margin: 100px 0 100px 0;
    font-weight: bold;
    border: 1px dotted #cccccc;
}

a.btn-notfound {
    background: #a7cde1;
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 1em 3em;
    margin: 0 auto;
    width: 10em;
    border-radius: 5px;
}


/*============================
お問合せフォーム
============================*/
dl.contact-form {
    border: 1px solid #e4e0d7;
    background: #fbfbfb;
    padding: 30px;
    width: 700px;
    margin: 20px auto;
    border-radius: 4px;
}

dl.contact-form > dt {
    clear: both;
    width: 220px;
    display: block;
    float: left;
    display: block;
    padding: 3px 0;
    margin: 0 0 0 47px;
}

dl.contact-form dt strong {
    background: #ffffff;
    padding: 2px 5px;
    margin: 0 10px 0 -47px;
    font-size: 0.8em;
    border: 1px solid #ff0000;
    border-radius: 3px;
    color: #ff0000;
    font-weight: normal;
}
dl.contact-form dd {
    margin: 0 0 30px 0;
    padding: 0px 0 0 0;
    /* float: left; */
    display: block;
    overflow: hidden;
}

dl.your-address-list {
    margin: 0;
    padding: 0;
}

dl.your-address-list dt {
    clear: both;
    width: 100px;
    float: left;
}

dl.your-address-list dd {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    float: left;
}
.your-inquiry-content {
    margin: 0 0 10px 0;
}

.your-name, .your-name-ruby, .your-tel {
    width: 260px;

}

input#zip31 {
    width: 3em;
}

input#zip32 {
    width: 4em;
}

input#addr3 {
    width: 300px;
}

input#addr32 {
    width: 300px;
}
.your-email, .your-email_confirm {
    width: 400px;
}

.your-message {
    width: 400px;
    resize: vertical;
}
span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 0.85em;
    display: block;
    margin: 5px 0 0 0;
}
.btn-submit {
    text-align: center;
}

input#btn-check {
    background: #6c7179;
    color: #ffffff;
    border: none;
    padding: 1em 3em;
    display: block;
    margin: 0 auto;
    border-radius: 3px;
    /* font-weight: bold; */
    letter-spacing: 0.1em;
}
input#btn-back {
    background: #6c7179;
    color: #ffffff;
    border: none;
    padding: 1em 3em;
    border-radius: 3px;
    display: inline-block;
    margin: 0 20px 0 0;
}

input#btn-send {
    background: #71a6c2;
    color: #ffffff;
    border: none;
    padding: 1em 4em;
    border-radius: 3px;
    display: inline-block;
    margin: 0 0 0 10px;
}
p.contact-form-autoinput {
    margin: 0;
    padding: 0;
    font-size: 0.85em;
    display: block;
    color: #bd710f;
}
.msg-your-accept {
    text-align: center;
    margin: 30px auto 30px auto;
    width: 850px;
}

.msg-your-accept p {
    font-size: 0.9em;
    margin: 0px 40px 15px 40px;
}


/*============================
align インライン要素の文字揃え
============================*/
.align-c {
	text-align: center;
}
.align-l {
	text-align: left;
}
.align-r {

	text-align: right;
}


/*============================
pc, sp display制御
============================*/
.disp-sp {
	
}
/* スマートフォンのみ改行 */

.sp-break {
    display: none;
}


/*============================
margin 要素のマージン個別指定
============================*/
.mrgn-5 {
	margin: 5px;
}
.mrgn-10 {
	margin: 10px;
}
.mrgn-20 {
	margin: 20px;
}
.mrgn-30 {
	margin: 30px;
}
.mrgn-40 {
	margin: 40px;
}
.mrgn-50 {
	margin: 50px;
}
.mrgn-center {
    margin: 0 auto;
}


/*bottom*/
.mrgn-b-5 {
	margin-bottom: 5px !important;
}
.mrgn-b-10 {
	margin-bottom: 10px !important;
}
.mrgn-b-15 {
	margin-bottom: 15px !important;
}
.mrgn-b-20 {
	margin-bottom: 20px !important;
}
.mrgn-b-30 {
	margin-bottom: 30px !important;
}
.mrgn-b-40 {
	margin-bottom: 40px !important;
}
.mrgn-b-50 {
	margin-bottom: 50px !important;
}
.mrgn-b-100 {
	margin-bottom: 100px !important;
}
.mrgn-b-200 {
	margin-bottom: 200px !important;
}



/* right */
.mrgn-r-5 {
	margin-right: 5px;

}

.mrgn-r-10 {
	margin-right: 10px;
}

.mrgn-r-15 {
	margin-right: 15px;
}

.mrgn-r-20 {
	margin-right: 20px;
}
.mrgn-r-30 {
	margin-right: 30px;
}
.mrgn-r-40 {
	margin-right: 40px;
}

.mrgn-r-50 {
	margin-right: 50px;
}

/* top */
.mrgn-t-5 {
	margin-top: 5px;
}


.mrgn-t-10 {
	margin-top: 10px !important;
}
.mrgn-t-15 {
	margin-top: 15px !important;
}

.mrgn-t-20 {
	margin-top: 20px !important;
}
.mrgn-t-30 {
	margin-top: 30px !important;
}
.mrgn-t-40 {
	margin-top: 40px !important;
}
.mrgn-t-50 {
	margin-top: 50px !important;
}
.mrgn-t-100 {
	margin-top: 100px !important;
}
.mrgn-t-200 {
	margin-top: 200px !important;
}

	/* left */
.mrgn-l-5 {
	margin-left: 5px;
}

.mrgn-l-10 {
	margin-left: 10px;
}

.mrgn-l-15 {
	margin-left: 15px;
}

.mrgn-l-20 {
	margin-left: 20px;
}
.mrgn-l-30 {
	margin-left: 30px;
}
.mrgn-l-40 {
	margin-left: 40px;
}
.mrgn-l-50 {
	margin-left: 50px;
}

/*============================
#page_top
ページの先頭へ戻る
============================*/
#page_top {
	position: fixed;
	bottom: 50px;
	right: 20px;
	z-index: 100;
	display: none;
}
#page_top a {
    display: block;
    background: #dac290;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    font-size: 25px;
    text-decoration: none;
    color: #ffffff;
    border: 3px solid #ffffff;
    transition: all 0.3s, all 0.3s;
}
#page_top a:hover {
	background: rgb(167, 205, 224);
}