@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
*{box-sizing: border-box;}
a:hover{opacity:0.7; transition:1.0s;}
h1,h2,h3,h4,h5 {font-family:serif;}


.logo-image img{vertical-align:top;}

.content-top {margin:0; }

#content-top-in {width:100%}

.home .mobile-footer-menu-buttons {display:none;}
.page-id-3252 .mobile-footer-menu-buttons {display:none;}


.feebox {padding:20px; box-shadow: 1px 2px 5px #bcbcbc; border: 1px solid #a9a9a9; margin-top:0px; margin-bottom:20px; border-radius:5px;}
.profile_name {width:20%;}

.mainimg {background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/icath_index.jpg); display:block; height:300px; text-align:center; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50% / 0 0 50% 0;}
.mainimg_inner {line-height:300px; color:#FFFFFF; letter-spacing:0.1em; font-size:3.5vw; font-family:serif; text-shadow: 2px 2px 0px rgba(0,0,0,0.5);}

.menu-item {font-family: serif;}
#header .site-name-text-link {font-family: serif; width:30%;}




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

#content {margin-top:50px;}

#sidebar {padding-top:0;}

.main {padding-top:20px;}
.archive-title span { margin-right: 0px;}
.archive-title :before { display: none;}
#toc {padding:3px 0; width:70%; border:solid 0.5px #898989;}

.tagline {color:#000000; }

.post-date {color:#BD9B60;}
.post-update {color:#BD9B60;}
.entry-card-meta .fa {display:none;}
.page .date-tags {display: none;}
.article .post-date {color:#a8a8a8}
.article .post-update {color:#a8a8a8}

#header-in {padding-bottom:15px; }
#header {border-bottom:solid 5px #b39855; border-image: linear-gradient(90deg, #a1884c 0%, #baa266 50%, #a1884c 100%)1;}


#header-container .navi-in {padding:10px 0;}
#header-container .navi-in > ul {padding:3px 0;}

#header-container .item-label{
height: 65px;
font-size:12px;
padding-top:45px; padding-bottom:1px;
font-family:serif;
color:#1b1e1d; 
}
#header-container .navi-in ul li a{
height: 65px;
background-position:center 5px;
background-size:auto 35px; 
background-repeat: no-repeat;
}

#header-container .navi-in ul li:nth-child(1) a{background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/menu_home-1.png);}
#header-container .navi-in ul li:nth-child(2) a{background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/menu_appointment.png);}
#header-container .navi-in ul li:nth-child(3) a{background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/menu_profile-1.png);}
#header-container .navi-in ul li:nth-child(4) a{background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/menu_fee.png);}
#header-container .navi-in ul li:nth-child(5) a{background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/menu_access.png);}
#header-container .navi-in ul li:nth-child(6) a{background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/menu_faq.png);}
#header-container .navi-in ul li:nth-child(7) a{background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/menu_contact.png);}
#header-container .navi-in ul li:nth-child(8) a{background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/menu_blog.png);}

#header-container .navi-in ul li {width:calc(100% / 8); padding:0 1%;}



/*ボックスメニュー*/
.box-menus .box-menu {box-shadow: inset 1px 1px 0 0 #a79773, 1px 1px 0 0 #a79773, 1px 0 0 0 #a79773, 0 1px 0 0 #a79773;}
.box-menu:hover{opacity: 0.8;}
.box-menu-icon {color: #a79773; }
.box-menu-label{color: #a79773;}

/*トップページデザイン*/
.home h1.entry-title {margin:1% 0 1%; padding:0; color:#a18861; border:none; }
.home .toppage_top_box {margin:0; padding: 10px 7% 30px;}
.home p.toppage_topbox_p {margin:0px; color:#615c61;}
.toppage_roompic img{width:25%; margin:0 auto 30px; text-align:center; display:block; }

/*ＭＥＮＵ案内*/
.home .toppage_counseling_menu_box {background:#efebe6; border:solid 1px #776a5b; padding: 3% 20% 5%;}
.home h2.toppage_counseling_menu_box_bar {color:#4b3419; background:transparent; border-bottom:none !important; text-align:center;}
.home h2.toppage_counseling_menu_box_bar span {color:#b9aa90; display:block; font-size:12px; line-height:1.0; margin-bottom:15px;}
.home .toppage_counseling_menu_box_content_box {text-align: center; display: block; margin: 0 auto;}
.home .toppage_counseling_menu_box_content {color:#4b3419; text-align:left; display:inline-block; }
.home .toppage_counseling_menu_box_small {color:#4b3419; margin-top:3.5%;}

/*ショートコード新着記事*/
.home .toppage_newarrival_box {margin:0; margin: 10% 7% 15%; padding:5%; border:solid 1px #c1b4a4;}
.home .toppage_newarrival_bar {color:#a18861; text-align:center; margin-bottom:3%; font-family:serif;}
.new-entry-card-link {border-bottom:dotted 1px #a8a8a8; }
.new-entry-card-title {color:#6495ed; font-size:16px; }

/*選ばれる理由　外側*/
.home .toppage_guidance_box_backcolor {background:#efebe6; border:solid 1px #776a5b; padding: 10% 7%; margin:0;}
.home h2.toppage_guidance_box_backcolor_title {color:#4b3419; background:transparent; border-bottom:none; text-align:center;}
.home h2.toppage_guidance_box_backcolor_title span {color:#a18861; display:block; }

/*選ばれる理由　内側*/
.home .toppage_guidance_box {border:solid 1px #c1b4a4; margin:5% 0% 10%; padding:5%; background:#FFFFFF;}
.home h3.toppage_guidance_title {color:#a18861; background:transparent; border-bottom:none; text-align:center; padding:5% 0;}
.home h3.toppage_guidance_title span{color:#A6A6A6; font-size:10px; display:block; }
.home p.toppage_guidance_p {color:#615c61; padding:0; margin:0 0 3%;}

/*トップページ下部文章*/
.toppage_information_box {padding: 30px 7% 30px; margin:0;}
.toppage_information_box h2 {font-size:22px; color:#a18861; border-bottom:solid 0.5px #a18861; background:#FFFFFF; padding:0 0 5px 0; margin:0 0 20px 0; font-weight: 400;
}
.toppage_information_box p { margin-bottom:30px; line-height:1.8; font-size:18px;}

/*トップページおすすめ記事*/
.toppage_favorite_box {border:solid 1px #776a5b; padding: 30px 7% 30px;}
h2.toppage_favorite_box_bar {color:#4b3419; background:transparent; border-bottom:solid 1px #4b3419; margin-bottom:20px; text-align:center; font-weight: 400;}
h2.toppage_favorite_box_bar span {color:#b9aa90; display:block; font-size:12px; line-height:1.0; margin-bottom:20px;}
.toppage_favorite_box ul {padding-left:0;}
.toppage_favorite_box ul li {padding-left:0px; line-height:1.3; margin-bottom:15px; font-size:18px; list-style-position: inside; list-style: none; }
.toppage_favorite_box ul li a {color:#6495ed; text-decoration: underline 0.5px; text-underline-offset:0.2em;}

/*見出し*/
h1#archive-title{color:#FFFFFF; border-radius:0px; background-color:#a18861; padding:10px 0; margin:0 0 30px 0; text-align:center; font-size:21.5px; }
.page h1{color:#a18861; border:solid 1px #a18861; padding:10px 0; margin:0px 0px 30px 0px; text-align:center; }
.post h1{color:#a18861; padding:0px 0px 10px 0; margin:0px 0px 30px 0px; border-bottom: 0.5px solid #000000; font-weight: 400;}
.article h2{color:#a18861; border-bottom:solid 0.5px #a18861; background:#FFFFFF; padding:0 0 5px 0; margin:0 0 20px 0; font-weight: 400;}
.article h3{color:#a18861; border:none; border-bottom:dotted 0.5px #a18861; padding:0 0 5px 0; margin:0 0 10px 0; font-weight: 400;}
.article h4{color:#a18861; border:none;  padding:0; margin:0 0 10px 0; }
.article h4::before { content: "◆"; color:#a18861;}
.article a{color:#4169e1;}
.home p a {color:#4169e1;}

/*トップページ　説明文*/
.toppage_main {padding:0 5% 0 5%;}
.toppage_main h2{color:#a18861; border-bottom:solid 0.5px #a18861; background:#FFFFFF; padding:5px 0 5px 0; margin:15px 0 15px 0; font-weight: 400;}
.toppage_main h3 {color:#a18861; border:none; border-bottom:dotted 0.5px #a18861; padding:0 0 0 0; margin:20px 0 15px 0; font-weight: 400;}
.toppage_main p{margin-bottom:10px;}

/* 本文中の関連記事用のラベルボックス */
.label-box-label-text {color:#FFFFFF; background:#898989; border-radius:0; padding:0 0.5em; text-shadow:none; font-size: 12px;}
.label-box-label { margin-left: 0.3em;  padding: 0 0em; text-shadow:none;}
.label-box-content {background:#FFFFFF; border:solid 0.8px #898989; border-radius:0; font-size: 14px;}

/* インデックス上のカテゴリ枠 */
.category_button_box{border:1px solid #BD9B60; min-height:10px; display:flex;}
.category_button_list{ background:#FFFFFF; border-right:1px solid #BD9B60;  text-align:center; width:calc(100%/8);}
.category_button_list.current { background:#BD9B60; }
.category_button_list.current a{ color:#FFFFFF; }
.category_button_list:last-child{border-right:none; }
.category_button_list a{color:#BD9B60; text-decoration:none; padding:5px 0; width:100%; font-size:0.9vw; text-align:center; display:block;}

/* インデックス */
.ect-entry-card .entry-card-wrap {border:solid 0.5px #a18861;  padding:5%; margin-bottom:5%;}
.entry-category {color:#a18861;}
.ect-entry-card .entry-card-wrap h2 {color:#a18861; }
#main .entry-card-content {padding:0;}

/* ページネイション */
.pagination-next-link {display:none;}
.pagination > .page-numbers{color: #a18861; border:solid 0.5px #a18861; border-radius:0px;}
.pagination > .current{background-color:#F7F2D7;}

/* SNS用のボタン */
.sns-share.ss-top .sns-share-buttons {justify-content: center; }
.sns-share.ss-top .sns-buttons a {width: 40px; height: 40px; margin-right: 4px; margin-left: 4px; border-radius: 50%; }
.sns-share.ss-top .sns-buttons a .social-icon {	font-size: 18px;}
.sns-share.ss-top .sns-buttons a .button-caption { display: none; }
.sns-share.ss-top .sns-buttons a .share-count:empty { padding: 0; border: 0; }
.bc-monochrome[class*="sns-"] a[class*="-button"] {	background-color: #FFFFFF; color:#c8b494;}

/*予約ボタン*/
.reservebox  {padding:0 3%; margin:0 auto 20px auto; text-align: center; height:auto; }
.reservebox a{margin:0 auto 0 auto; text-align: center; background: #f4a3a3; border-radius:4px; padding:7px 20px; text-decoration: none; color: #FFF; font-size:16px;  text-align: center; letter-spacing: 0.2em; text-shadow: 0px -1px 1px rgba(0,0,0,0.5); box-shadow: 3px 3px #808080; border-radius:4px; display:block; font-weight:bold;}
.reservebox a:hover{opacity:0.5; transition:0.8s ;}
.reservebox_button_under {display:block; font-size:12px;}

/*記事上の予約ボックス*/
.counseling_box{border:solid 1px #a28877; padding:18px; border-radius:4px;}
.counseling_box_title{font-size:18px; font-weight:bold; text-align:center; border-bottom:dotted 3px #F7F2D7; margin-bottom:5px; color:#a28877;}
.counseling_box_explanation{font-size:12px;}
.counseling_box_button a {background:#f4a3a3; display:block; padding:10px; color:#FFFFFF; text-decoration:none; font-size:20pz; font-weight:bold; text-align:center; margin:15px auto 10px auto; width:70%; box-shadow: 3px 3px #808080; border-radius:4px;}


/*ヘッダーメニュー*/
#navi {box-shadow: 0 3px 3px -1px #898989 ; }

/*本文下の関連記事*/
#related_entries-2 .main-widget-label {color:#FFFFFF; background:#a8a8a8; text-align:left;  padding:2px 0 2px 2%; margin-bottom:5px; font-size:12px; border:none; }
.post .widget-related-entry-card-title {padding:0; font-size:16px; color:#4169e1; }
.post .widget-related-entry-cards a{padding:5px 0 0 2%; border:none; border-bottom:solid 1px #dcdcdc;}
.post .widget-related-entry-cards:first-child {padding:0; margin:0; border-top: none;}
.border-partition .a-wrap:first-of-type {  border-top:none;}

/*新着記事*/
#new_entries-2 {padding:0% 0 5%;}
#new_entries-2 h3 {color:#4b3419; text-align:center; border-top:solid 1px #615c61; border-bottom:solid 1px #615c61; background:#FFFFFF; padding:2% 0; margin-top:10%;} 
#new_entries-2 .new-entry-card-title {color:#a18861; font-size:16px; }
#new_entries-2 .new-entry-card-link {border-bottom:solid 0.5px #a18861; padding:2% 3% 0.5%;}

/*次の記事と前の記事*/
.fa-chevron-left {display:none;}
.fa-chevron-right {display:none;}
.prev-post::before { content: "<<"; }
.next-post::before { content: ">>"; }


/*サイドカテゴリ*/
.sidebox {padding:5% 3%; }
.sidebox_bar {font-size:18px; margin-bottom:10px;}
.sidebox_menu_list { list-style: none; display:inline-block; width:50%; }
.sidebox_menu_list a {text-decoration: none; color:#4b3419; float:left;}
.sidebox_menu_list a::before {content: "> "; } 


/*リンクフリーの注意*/
.linkcaution_box{border:solid 1px #898989; padding:20px; font-size:12px; }
.linkcaution_bar{text-align:center; font-size:14px; font-weight:bold; margin:5px 0 5px 0; }

/* フッター */
#footer{padding-top:30px; }
.logo-footer .site-name-text-link {width:100%; height:auto; }
footer .logo-image {width:25%; }
footer .logo-image img{height:auto; }
.fdt-logo {padding-top:0; margin-top:0px;}
.footer-widgets {margin: 10px auto 0;}
.footer-left, .footer-right, .footer-mobile {padding: 0;}
.navi-footer-in a:hover {background-color: #d2b48c;}

/*パンくずリスト */
.breadcrumb_original ol {list-style-type:none; padding:0; font-family:serif; margin:0 3%; }
.breadcrumb_original ol li {float:left; }
.breadcrumb_original ol li a{text-decoration:none; color:#777777; }
.breadcrumb_original ol li:first-child:after {content:">"; margin:0 5px;}
.breadcrumb_original ol:after {content:""; display:block; clear:both;}

/* 非表示にする項目 */
.page .date-tags {display: none;}
.fa-clock:before {display: none;}
.fa-home {display: none;}
.fa-folder {display: none;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/

.profile_name {width:40%;}

#content {margin-top:20px;}

#header {border-bottom:none; border-top:none;}

.mainimg {height:200px; }
.mainimg_inner {line-height:200px; font-size:5.0vw; }

#header-in {padding:0px 1% 60px; 
background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/header_bg_sm.png);
background-repeat: no-repeat;
background-position:bottom right;
background-size:100% 60px;
}

#header .site-name-text-link {width:60%; margin-top:30px;}

	
#header-container #navi {box-shadow: none; margin-bottom:35px;}
	
#header-container .item-label{
height: 63px;
font-size:12px;
padding-top:33px; padding-bottom:1px;
font-family:serif;
color:#1b1e1d; 
}
#header-container .navi-in ul li a{
height: 63px;
background-position:center 5px;
background-size:auto 35px; 
background-repeat: no-repeat;

}
	

	
#header-container #navi-in ul{width:100%; margin:0 auto; padding:2% 0% 1%; box-sizing: border-box; }
#header-container #navi-in ul li {border-right:none;  margin:1% 0% 2%; padding:0 1%; width:calc(100% / 4); color:#a28877; }
#header-container #navi-in ul li a{font-size:3vw; }

#header-container #navi-in ul li:nth-child(1) {margin-bottom:35px;}
#header-container #navi-in ul li:nth-child(2) {margin-bottom:35px;}
#header-container #navi-in ul li:nth-child(3) {margin-bottom:35px;}
#header-container #navi-in ul li:nth-child(4) {margin-bottom:35px;}


#sidebar {margin-top:0; padding-top:0;}

.tagline {margin:0px 0 0 0; padding-top:0px;  background-color:#FFFFFF; }

/*見出し*/
.page h1{margin:0px 0px 30px 0px; }
.post h1{margin:0px 0px 30px 0px; }

/*トップページデザイン*/
.home .front-page-type-index {padding:0 3%;}
.home main.main {padding:0; }
.home h1.entry-title {margin:10% 0 1%; }
.home .toppage_top_box { padding: 15px 7% 30px;}
.home p.toppage_topbox_p {font-size:4vw;}
.home .toppage_counseling_menu_box {border-right:none; border-left:none; padding: 20px 7%; 40px}
.home h2.toppage_counseling_menu_box_bar {font-size:6vw;}
.home h2.toppage_counseling_menu_box_bar span {font-size:3.8vw;}
.home .toppage_counseling_menu_box_content {font-size:4vw;}
.home .toppage_counseling_menu_box_small {font-size:3.5vw;}
.home .toppage_newarrival_bar {font-size:6vw;}
.home .info-list-item{font-size:3.8vw;}
.home h2.toppage_guidance_box_backcolor_title {font-size:6vw;}
.home h2.toppage_guidance_box_backcolor_title span {font-size:3.8vw;}
.home h3.toppage_guidance_title {font-size:5.3vw;}
.home h3.toppage_guidance_title span{font-size:3.8vw;}
.home p.toppage_guidance_p {font-size:3.7vw;}
.toppage_blog_bar {padding-top:60px;}
.toppage_roompic img{width:35%; }
.home .toppage_counseling_menu_box_content ul li {font-size:16px;}
.home .toppage_information_box p {font-size:16px;}
.home h2.toppage_favorite_box_bar {font-size:6vw;}
.home .toppage_favorite_box ul li {font-size:16px;}


/*モバイルヘッダーボタン*/
.navi-menu-button .custom-menu-icon {display:none;}
.mobile-header-menu-buttons {background:#777777; padding:5px 0; box-shadow: none;}
.mobile-header-menu-buttons > .menu-button:nth-child(1) {width:60%;}
.mobile-header-menu-buttons > .menu-button:nth-child(1) img{width:90%; margin:0 auto 0;}
.mobile-header-menu-buttons > .menu-button:nth-child(2) {width:30%; margin:5px 4% 0; display:block;}
.mobile-header-menu-buttons span.custom-menu-caption {  border:solid 0.7px #c1ab7e; text-align:center; display: block; text-decoration: none; letter-spacing: 0.1em; float:right; color: #fff; padding: 7px 0; background: linear-gradient(90deg, #a1884c 0%, #baa266 50%, #a1884c 100%);  text-shadow: 0px -1px 1px rgba(0,0,0,0.5); box-shadow: 2px 2px #333333; border-radius:1px; width:100%;}
.mobile-menu-buttons > .navi-menu-button > .menu-button-in > .custom-menu-caption{font-size:3.5vw; }

.custom-menu-caption {}

/*ドロワーメニュー*/
.menu-drawer li {background-color:#FFFFFF; }
.menu-drawer > .menu-item a{background-color:#FFFFFF; color:#87a9b9; padding:10px 0 0px 10px;}
.fa-times {color:#87a9b9; margin-bottom:0; padding-bottom:0; }
.menu-drawer::before{white-space: pre; content: "メニュー"; font-size: 18px; color:#000000; z-index:1000; border-bottom:solid 1px #000000;}
.sub-menu::before{white-space: pre; content: "\Aカテゴリ別記事"; font-size: 18px; color:#000000; z-index:1000; border-bottom:solid 1px #000000;}
.menu-drawer .sub-menu {  padding-left: 0px;}




/*サイドカテゴリ*/
.sidebox {padding:5% 3%; border-top:solid 1px #776a5b;}
.home .sidebox {border-top:none;}


/*モバイルフッターボタン*/
.mobile-footer-menu-buttons {background-color: rgba(255,255,255,0.7); padding:1% 2%; box-shadow:none;}
.mobile-footer-menu-buttons li a {color:#FFFFFF; font-weight:bold; padding-bottom:1%; letter-spacing: 0.1em;}	
.mobile-footer-menu-buttons li{color:#FFFFFF; background:transparent; box-shadow:none; margin-right:2%; border:none; padding-bottom:1%; }
.mobile-footer-menu-buttons .menu-icon .menu-caption a{color:#FFFFFF; }
.mobile-footer-menu-buttons > .navi-menu-button > .menu-button-in > .custom-menu-icon{color:#FFFFFF; }
.mobile-footer-menu-buttons > .navi-menu-button > .menu-button-in > .custom-menu-caption{color:#FFFFFF;}
	
.mobile-footer-menu-buttons .custom-menu-icon {display:none;}
.mobile-footer-menu-buttons .menu-button a{border-right:none; padding-top:1px; }
.mobile-footer-menu-buttons > .navi-menu-button > .menu-button-in > .custom-menu-caption::after {white-space: pre; content: "対面でもオンラインでも可能です"; font-size: 10px; color:#FFFFFF; display: block; text-align:center; padding-bottom:1px;}
.mobile-footer-menu-buttons > .navi-menu-button > .menu-button-in {text-align:center; }
.mobile-footer-menu-buttons > .navi-menu-button{width:80%; margin:1% auto 1% auto; background:#f4a3a3; padding:3px 0; box-shadow: 3px 3px #808080; border-radius:4px;}
.mobile-footer-menu-buttons > .navi-menu-button:nth-child(2){width:48%; margin-right:1%; border:none; background:#A6C78E;}

.mobile-footer-menu-buttons.mobile-menu-buttons .menu-caption {font-size:15px !important; font-weight:bold;}
.mblt-footer-mobile-buttons {margin-bottom: 0px;}
.mblt-footer-mobile-buttons, .mblt-header-and-footer-mobile-buttons { margin-bottom: 0px; }

/*フッター*/
#footer {background-image: url(https://lovesoudan.com/wp-content/uploads/2024/03/footer_bg_l.png);
background-repeat: no-repeat;
background-position:top center;
background-size:100% 70px;
border-top:none; padding:70px 0 80px; background-color:#777777; color:#c1ab7e; font-family:serif;}

.footer-bottom-logo img {height: auto;width: 70%; margin:10px 0 20px 0;}
footer .logo-image {width:100%; }

.navi-footer-in::before{white-space: pre; content: "MENU"; font-size: 14px; color:#c1ab7e; z-index:1000; background:#777777; display:block; font-family: serif; border-top:solid 1px #c1ab7e;}
.navi-footer-in {margin-bottom:20px;}
.navi-footer-in > .menu-footer li.menu-item {margin:0; }
#navi-footer-in ul li {width:50%;}
.navi-footer-in ul li a{border-bottom:solid 1px #c1ab7e; }
.navi-footer-in ul li:nth-child(1) a{border-top:solid 1px #c1ab7e;}
.navi-footer-in ul li:nth-child(2) a{border-top:solid 1px #c1ab7e;}
.navi-footer-in ul li:nth-child(odd) a{border-right:solid 1px #c1ab7e;}
.footer-bottom.fnm-text-width .menu-footer li a { padding: 10px 0px; color:#c1ab7e !important; background:#777777;}
.footer-bottom {padding:0;}


/*インデックスの上にあるカテゴリの格子*/
.category_button_box{display:block; border:none;}
.category_button_list{width:calc(100%/4); float:left; border:none; border-right:solid 0.5px #BD9B60;}
.category_button_list:nth-child(1){border-top:solid 0.5px #BD9B60; border-bottom:solid 0.5px #BD9B60;  border-left:solid 0.5px #BD9B60;}
.category_button_list:nth-child(2){border-top:solid 0.5px #BD9B60; border-bottom:solid 0.5px #BD9B60;}
.category_button_list:nth-child(3){border-top:solid 0.5px #BD9B60; border-bottom:solid 0.5px #BD9B60;}
.category_button_list:nth-child(4){border-top:solid 0.5px #BD9B60; border-bottom:solid 0.5px #BD9B60;}
.category_button_list:nth-child(5){ border-bottom:solid 0.5px #BD9B60; border-left:solid 0.5px #BD9B60;}
.category_button_list:nth-child(6){ border-bottom:solid 0.5px #BD9B60;}
.category_button_list:nth-child(7){ border-bottom:solid 0.5px #BD9B60;}
.category_button_list:nth-child(8){ border-bottom:solid 0.5px #BD9B60;  border-right:solid 0.5px #BD9B60;}
.category_button_list a{font-size:3vw; padding:8px 0; margin:auto 0; font-weight:bold;}	


}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/



}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}