div{
box-sizing: border-box;
}


a {
text-decoration: none;
border-bottom: none;
transition: 0.3s;
color:#3d2d00;
text-decoration: none;
}
a:focus {
outline: 0;
}
a:active,
a:hover {
color:#3d2d00;
text-decoration: none;
}

.article a{
text-decoration: underline;
text-underline-offset: 3px;
transition: 0.3s;
}
.article a:hover{
color: #a73300;
text-decoration: underline;
text-underline-offset: 1px;
}

body{
background:#fff;
color:#3d2d00;
font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック","Helvetica Neue","Helvetica","Arial",sans-serif;
position: relative;
font-size: 100%;
}

h1,h2,h3,h4,h5{
font-family: "dnp-shuei-mgothic-std", sans-serif;
font-style: normal;
font-weight: 400;
}
br.sponly{
display: none;
}
#all_wrap{
width: 100%;
position: relative;
}

/*/////////BURGER BUTTON///////////*/

#hamburger {
position: absolute;
width: 48px;
height: 48px;
right: 5px;
top: 5px;
cursor: pointer;
text-align: center;
display: none;
z-index: 5;
}

.burger-btn{
display: block;
width: 43px;
height: 36px;
position: absolute;
border: none;
right: 0;
top: 0px;
cursor: pointer;
}
.burger-btn .bar{
width: 34px;
height: 1px;  
display: block;
position: absolute;
left: 0;
background-color: #232323;
}
.burger-btn .bar_top{
top: 10px;
}
.burger-btn .bar_mid{
top: 50%;
}
.burger-btn .bar_bottom{
bottom: 9px;
}

.burger-close{
display: block;
width: 43px;
height: 43px;
position: fixed;
border: none;
right: 5px;
top: 5px;
cursor: pointer;
}
.burger-close .bar{
width: 39px;
height: 1px;  
display: block;
position: absolute;
left: 40%;
background-color: #232323;
}    
.burger-close .bar_top{
top: 13px;
  transform: translate(-50%,10px) rotate(45deg);
}
.burger-close .bar_bottom{
bottom: 10px;
transform: translate(-50%,-8px) rotate(-45deg);
}

/*/////////MENU///////////*/

#menu_wrap{
display: none;
z-index: 1000;
width: 100%;
min-height: 100vh;
background: #fff;
text-align: center;
position: absolute;
padding-top: 50px ;
padding-bottom: 50px ;
color: #232323;
}
#menu_wrap #menu_search {
width:90%;
max-width: 400px;
margin: auto;
font-size: 85%;
}
#menu_search input[type=text] {
border: solid 1px rgba(0, 0, 0, 0.15);
border-radius: 5px;
width: 240px;
}
#menu_search input[type=submit]{
box-shadow: none;
}
#menu_search input[type=submit] {
padding: 0;
background: none;
outline: none;
appearance: none;
background: none;
color: #323232;
margin: auto;
letter-spacing: 0;
font-family: FontAwesome;
}
#menu_search input[type=submit] {
width: 10%;
height: 100%;
margin-top: 0;
background: none;
font-size: 20px;
}
h4.btn_blog{
width: 300px;
border-radius: 100px;
border: solid 1px #918576;
background: #918576;
font-size: 100%;
font-weight: bold;
text-align: center;
margin: 0 auto 30px;
position: relative;
}
h4.btn_blog::after{
content: ">";
position: absolute;
color: #fff;
right: 10px;
top: 0;
font-weight: normal;
font-size: 120%;
}
h4.btn_blog a{
line-height: 2em;
transition: 0.3s;
background: #918576;
border-radius: 100px;
color: #fff;
display: block;
}
.modal_list_wrap{
width: 90%;
margin: 0 auto 30px;
padding-top: 30px;
border-top: solid 1px rgba(0,0,0,0.1);
border-bottom: solid 1px rgba(0,0,0,0.1);
}
.modal_list{
margin-bottom: 30px;
}
.modal_list li{
line-height: 2em;
width: 240px;
margin: auto;
border-radius: 4px;
background: #918576;
color: #fff;
margin-bottom: 1em;
}
.modal_list li a{
color: #fff;
text-decoration: none;
}




#footer_top2025{
width: 100%;
padding: 50px 0 20px;
position: relative;
background: #f0ece8;
}
h3.footer_logo{
width: 90%;
max-width: 250px;
margin:  0 auto 30px;
}
p.copyright{
text-align: center;
font-family: Arial, Helvetica, "sans-serif";
font-size: 12px;
margin-top: 30px;
}
.footer_list_wrap{
width: 90%;
max-width: 1200px;
margin: auto;
display: flex;
justify-content:center;
flex-wrap: wrap;
}
.footer_list{
width: 22%;
padding-right: 3em;
}
.footer_list ul{
margin-left: 1.0em;
}
.footer_list li{
line-height: 2.2;
font-size: 90%;
}
.footer_list.maincontents{
margin-left: 3em;
}
.footer_list.maincontents li a{
text-decoration: underline;
text-underline-offset: 3px;
transition: 0.3s;
}
.footer_list.maincontents li a:hover{
color: #a73300;
text-decoration: underline;
text-underline-offset: 1px;
}

.footer_list li a{
text-decoration: underline;
text-underline-offset: 3px;
transition: 0.3s;
}
.footer_list li a:hover{
color: #a73300;
text-decoration: underline;
text-underline-offset: 1px;
}
.footer_list h4{
border-radius: 100px;
border: solid 1px #000;
font-size: 90%;
font-weight: bold;
margin-bottom: 1.0em;
}
.footer_list h4 a{
 display: flex;          /* ← 追加：flex で縦横中央に */
  align-items: center;    /* ← 縦方向の中央揃え */
padding: 0 1.5em;
line-height: 2em;
border-radius: 100px;
transition: 0.3s;
background: #fff;
}

.footer_list h4 a:hover{
color: #fff;
}

.footer_list h4.life a::before {
content: "";
width: .7rem;
height: .7rem;
border-radius: 50%;
background-color: #0090ff;
margin-right: 6px;
flex-shrink: 0;
}
.footer_list h4.money a::before {
content: "";
width: .7rem;
height: .7rem;
border-radius: 50%;
background-color: #ff8400;
margin-right: 6px;
flex-shrink: 0;
}
.footer_list h4.education a::before {
content: "";
width: .7rem;
height: .7rem;
border-radius: 50%;
background-color: #70d800;
margin-right: 6px;
flex-shrink: 0;
}

.footer_list h4 a:hover::before{
background-color: #fff;
}
.footer_list h4.life a:hover{
background: #0090ff;
}
.footer_list h4.money a:hover{
background: #ff8400;
}
.footer_list h4.education a:hover{
background: #70d800;
}

@media screen and (max-width:960px){
.footer_list_wrap{
justify-content: space-between;
}
.footer_list{
width: 25%;
padding-right: 0;
}
.footer_list ul{
margin-left: 0;
}
.footer_list li{
line-height: 1.5;
padding-bottom: 0.5em;
}
.footer_list.maincontents{
margin-left: 0;
width: 15%;
}
}

@media screen and (max-width:700px){
.footer_list{
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.footer_list.maincontents{
width: 100%;
padding-top: 1em;
border-top: solid 1px rgba(0,0,0,0.1);
}
.footer_list h4 {
width: 300px;
margin: auto;
margin-bottom: 20px;
}
.footer_list h4 a{
justify-content: center;
}
}

/*/////////////////TOP-menu/////////////////*/
#menu_top{
width: 90%;
max-width: 1200px;
margin:  auto;
display: grid;
grid-template-columns: 1fr 240px;
}
ul#gmenu {
width: 100%;
margin: 0.25em 0;
}
ul#gmenu li{
text-align: center;
display: inline-block;
margin: 0 24px 0 0;
font-size: 100%;
position: relative;
font-weight: bold;
border-radius: 4px;
}
ul#gmenu li a{
width: 7.5em;
display: block;
background: antiquewhite;
border-radius: 4px;
padding: 0.5em 1em;
text-decoration: none;
}
ul#gmenu li a:hover{
background: #918576;
color: #fff;
text-decoration: none;
}
ul#gmenu li:last-child{
margin: 0;
}
ul#gmenu li.menuguide{
background: #918576;
color: #FFFFFF;
width: auto;
padding: 0.5em 1.0em;
margin: 0 clamp(1rem, 20px, 2vw) 0 0;
font-weight: normal;
}

#menu_top #menu_top_search{
padding-top: 6px;
}
#menu_top #menu_top_search input[type="text"]{
width: 80%;
}
#menu_top #menu_top_search input[type="submit"]{
box-shadow: none;
}

@media screen and (max-width:1280px){
ul#gmenu li{
margin: 0 0.7vw 0 0;
font-size: 90%;
}
ul#gmenu li.menuguide{
margin: 0 clamp(0.3rem, 6px, 2vw) 0 0;
}
#menu_top #menu_top_search{
padding-top: 3px;
}
}

@media screen and (max-width:1100px){
#menu_top{
grid-template-columns: 1fr 200px;
}
ul#gmenu li{
margin: 0 0.5vw 0 0;
}
ul#gmenu li a{
width: 7.0em;
padding: 0.5em 0.5em;
}
}
@media screen and (max-width:940px){
ul#gmenu li.menuguide{
display: none;
}
}
@media screen and (max-width:860px){

#menu_top{
width: 95%;
margin:  auto;
display: block;
height: 60px;
}
ul#gmenu {
width: 100%;
margin: 0.25em 0;
display: flex;
justify-content: space-between;
}
ul#gmenu li{
display: block;
margin: 0 0 0 0;
width: 18%;
}
ul#gmenu li a{
width: 100%;
padding: 0.5em 0;
}
#menu_top #menu_top_search {
position: absolute;
right: 2%;
padding-top: 0;
width: 240px;
margin-top: 10px;
font-size: 85%;
}
}
@media screen and (max-width:600px){
#menu_top{
display: none;
}
#hamburger {
display: block;
}
}


#menu_wrap{
display: none;
}
.searchform {
position: relative;
}
#menu_top_search input[type=text] {
margin-top: 0;
border: solid 1px rgba(0, 0, 0, 0.15);
border-radius: 5px;
}
#menu_top_search input[type=submit] {
padding: 0;
background: none;
outline: none;
appearance: none;
background: none;
color: #323232;
margin: auto;
letter-spacing: 0;
font-family: FontAwesome;
}
#menu_top_search input[type=submit] {
width: 10%;
height: 100%;
margin-top: 0;
background: none;
font-size: 20px;
}



#top_main{
width: 90%;
max-width: 1200px;
padding: 50px 0;
margin:  auto;
display: flex;
justify-content: space-between;
}
#top_main_left{
text-align: center;
width: 44%;
display: grid;
place-content: center;
}
.logo_sp{
display: none;
}
h1.logo_temp{
width: 200px;
height: 200px;
align-items: center;
display: flex;
}
#top_main_pic{
width:56%;
aspect-ratio: 16 / 9;
overflow: hidden;
position: relative;
border-radius: 10px;
}
#top_main_pic img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
section.toppage{
  padding: 50px 0 80px;
  border-bottom: solid 1px rgba(0,0,0,0.1);
}
section.toppage.bg{
width: 100%;
  padding: 30px 0 30px;
margin: 30px 0 0;
position: relative;
background: #f0ece8;
  border-bottom: none;
}
#top_catch{
width: 90%;
max-width: 1200px;
margin: auto;
display: flex;
justify-content: space-between;
    align-items: center; /* ← これだけでOK */
}
#top_catch h3{
font-size: 150%;
padding-bottom: 1em;
}
#top_catch_right{
padding:  10px 5%;
text-align: left;
line-height: 1.7;
width: 60%;
font-size: 100%;
display: grid;
align-items: center;
}
#top_catch_right p{
padding-bottom: 1em;
}
#top_catch_pic{
width: 36%;
aspect-ratio: 5 / 3;
overflow: hidden;
position: relative;
border-radius: 10px;
display: grid;
}
#top_catch_pic img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}



@media screen and (max-width:860px){
h1.logo_temp{
width: 180px;
}

#top_catch{
width: 85%;
flex-direction: column;
justify-content:flex-start;
align-items: stretch;
}
#top_catch_right{
padding:  0 0;
width: 100%;
order: 1;
}
#top_catch_pic{
width: 100%;
max-width: 360px;
margin: 20px auto 0;
aspect-ratio: 5 / 3;
overflow: hidden;
position: relative;
border-radius: 10px;
order: 2;
}
}

@media screen and (max-width:600px){
#top_main{
width: 85%;
padding: 0 0;
display: block;
}
#top_main_left{
text-align: center;
width: 100%;
display: block;
}
h1.logo_temp{
display: none;
}
.logo_sp{
width: 55%;
margin: 30px auto 20px;
display: block;
}
.logo_sp h1{
padding-bottom: 15px;
}
#top_main_pic {
    width: 100%;
}
}


h3.top_chap{
text-align: center;
letter-spacing: 0.1em;
padding: 1em 0 2em;
font-size: 24px;
}


#top_list_wrap{
width: 90%;
max-width: 1240px;
margin: auto;
position: relative;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.top_list{
position: relative;
margin: 0 25px 50px;
background: #f1efeb;
border-radius: 8px;
}
.top_list_cat{
position: absolute;
top: -1rem;
left: 1rem;
display: inline-block;
border-radius: 100px;
border: solid 1px #000;
z-index: 2;
font-size: 95%;
font-weight: bold;
}
.top_list_cat a{
 display: flex;          /* ← 追加：flex で縦横中央に */
  align-items: center;    /* ← 縦方向の中央揃え */
padding: 0 1.5em;
line-height: 2.5em;
border-radius: 100px;
transition: 0.3s;
background: #fff;
}

.top_list_cat a:hover{
color: #fff;
}

.top_list_cat a.id50::before{
content: "";
width: .8rem;
height: .8rem;
border-radius: 50%;
background-color: #ff8400;
margin-right: 6px;
flex-shrink: 0;
}
.top_list_cat a.id91::before,
.top_list_cat a.id72::before  {
content: "";
width: .8rem;
height: .8rem;
border-radius: 50%;
background-color: #0090ff;
margin-right: 6px;
flex-shrink: 0;
}
.top_list_cat a.id97::before {
content: "";
width: .8rem;
height: .8rem;
border-radius: 50%;
background-color: #70d800;
margin-right: 6px;
flex-shrink: 0;
}

.top_list_cat a.id50:hover::before,
.top_list_cat a.id72:hover::before{
background-color: #fff;
}
.top_list_cat a.id91:hover::before{
background-color: #fff;
}
.top_list_cat a.id97:hover::before{
background-color: #fff;
}
.top_list_cat a.id50:hover,
.top_list_cat a.id72:hover{
background: #ff8400;
}
.top_list_cat a.id91:hover{
background: #0090ff;
}
.top_list_cat a.id97:hover{
background: #70d800;
}


.top_list_thumb{
aspect-ratio: 16 / 9;
overflow: hidden;
position: relative;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.top_list_thumb img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.top_list_thumb a:hover{
opacity: 0.7;
}
.top_list_text{
padding: 20px ;
text-align: left;
}
.top_list_text h4{
font-size: 120%;
line-height: 1.4;
padding-bottom: 0.5em;
}
.top_list_text h4 a:hover{
color: #873510;
}
.top_list_text p.list_date{
line-height: 2.5;
color: #765618;
}
.top_list_categories li{
display: inline-block;
background: #fff;
border-radius: 3px;
border: solid 1px rgba(0,0,0,0.7);
height: 1.5em;
z-index: 2;
font-size: 85%;
margin-right: 10px;
}
.top_list_categories li a{
display: block;
padding: 0 1.0em;
line-height: 1.5em;
transition: 0.3s;
}
.top_list_categories li a:hover{
background: #583209;
color: #fff;
}
p.linkbtn{
  text-align: center;
display: table;
border-radius: 100px;
border: solid 1px #000;
  margin: auto;
}
p.linkbtn a{
 display: flex;          /* ← 追加：flex で縦横中央に */
  align-items: center;    /* ← 縦方向の中央揃え */
padding: 0 3.5em;
line-height: 3em;
border-radius: 100px;
transition: 0.3s;
background: #fff;
}
p.linkbtn a:hover{
background: #583209;
color: #fff;
}

@media screen and (max-width:1100px){
#top_list_wrap{
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.top_list{
margin: 0 15px 50px;
}
}

@media screen and (max-width:500px){
#top_list_wrap{
display: block;
width: 80%;
}
.top_list{
width: 100%;
margin: 0 0 40px;
}
.top_list_thumb{
aspect-ratio: 16 / 7;
}
.top_list_text h4 {
    font-size: 110%;
    line-height: 1.5;
}

h3.top_chap{
letter-spacing: 0;
font-size: 22px;
}
}


.special_wrap{
width: 90%;
max-width: 1200px;
margin: auto;display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.special_banner{
width: 30%;
margin-bottom: 3%;
border-radius: 10px;
overflow: hidden;
}
.special_banner.outline{
border: solid 1px rgba(0,0,0,0.1);
}
.special_banner img{
display: block;
}
.special_banner a{
display: block;
transition: 0.3s;
}
.special_banner a:hover{
opacity: 0.7;
}


@media screen and (max-width:600px){
.special_banner{
width: 48%;
}
}

#top_workshop h3.top_chap {
    text-align: center;
    letter-spacing: 0.1em;
    padding: 1em 0 0;
    font-size: 24px;
}
.workshop_date{
width: 90%;
max-width: 600px;
margin: auto;
font-size: 110%;
}
.workshop_date h2{
width: 100%;
text-align: center;
background: #918576;
color: #FFFFFF;
padding: 0.5em 0;
font-weight: normal;
border-radius: 5px;
margin-bottom: 1.5em;
margin-top: 50px;
}
.workshop_date h3{
margin-top: 1em;
padding-left: 15px;
border-left: 5px solid  #ffae48;
margin-bottom: 1em;
}

.workshop_date p{
line-height: 2;
}

@media screen and (max-width:600px){
section {
    padding: 30px 0 60px;
}
#top_workshop h3.top_chap {
    text-align: center;
    letter-spacing: 0;
    padding: 1em 0 0;
    font-size: 22px;
}
}

header{
border-bottom: solid 1px rgba(0,0,0,0.1);
}

/*/////////////////G-menu/////////////////*/

.head_wrap{
width: 95%;
max-width: 1200px;
margin: 15px auto;
display: grid;
grid-template-columns: 1fr 240px;
}
.head_wrap #menu_top_search form{
display: grid;
grid-template-columns: 1fr 36px;
}
.head_wrap #menu_top_search input[type="submit"] {
box-shadow: none;
}
.head_wrap #menu_top_search input[type="text"] {
display: block;
justify-items: stretch;
box-sizing: border-box;
}
.head_wrap #menu_top_search input[type="submit"] {
}
.head_logo{
max-width: 400px;
}
.head_logo img.head_logo_sp{
display: none;
}
#menu_page{
width: 95%;
max-width: 1200px;
margin: 20px auto;
}
#menu_page ul#gmenu{
display: flex;
justify-content: flex-start;
}
#menu_page ul#gmenu li {
text-align: center;
margin: 0 12px 0 0;
font-size: 100%;
position: relative;
font-weight: bold;
border-radius: 4px;
}
#menu_page #menu_top_search{
padding-top: 5px;
}
.breadcrumb {
font-size: 13px !important;
line-height: 18px;
color: #6C6C6C;
width: 95%;
max-width: 1200px;
padding: 1em 0;
margin: auto;
margin-bottom: 1em;
}
.page_wrap{
width: 90%;
max-width: 1200px;
margin: 10px auto 50px;
}
@media screen and (max-width:1200px){
#menu_page ul#gmenu{
display: flex;
justify-content: space-between;
}
#menu_page ul#gmenu li {
text-align: center;
width: 15%;
margin: 0 0 0 0;
display: block;
}
ul#gmenu li a {
width: auto;
}
}
@media screen and (max-width:700px){
#menu_page{
display: none;
}
.head_wrap {
display: block;
}
#hamburger{
display: block;
}
.head_wrap #menu_top_search{
display: none;
}
}

@media screen and (max-width:600px){
.head_logo img.head_logo_sp{
display: block;
width: 65%;
max-width: 300px;
}
.head_logo img.head_logo_pc{
display: none;
}
}

.head_bloglist{
text-align: center;
padding: 0 0 50px;
}
h1.bloglist_title{
    text-align: center;
    font-size: 200%;
	padding-bottom: 0.25em
}
.head_bloglist p{
font-size: 110%;
padding-bottom: 1.5em;
}
p.pagenumber{
font-size: 150%;
padding-bottom: 1.5em;
}



/*///////////////// ARTICLE ////////////////*/

.article_wrap p{
line-height: 1.8;
padding-bottom: 1.5em;
font-size: 105%;
}
.article_wrap h3{
font-size: 135%;
margin-top: 1em;
letter-spacing: -0.02em;
}

.newsingle_category{
padding-bottom: 1em;
}
.newsingle_category .category_list{
margin: 0;
}

.newsingle_article .newsingle_category li{
padding-bottom: 0;
display: inline-block;
font-size: 13px;
line-height: 18px;
margin: 0 0.5em 0 0;
}


.newsingle_article .newsingle_category li a.cat-life,
.newsingle_article .newsingle_category li a.cat-words,
.newsingle_article .newsingle_category li a.cat-maintenance,
.newsingle_article .newsingle_category li a.cat-furnishings,
.newsingle_article .newsingle_category li a.cat-exhibition,
.newsingle_article .newsingle_category li a.cat-music,
.newsingle_article .newsingle_category li a.cat-folks,
.newsingle_article .newsingle_category li a.cat-care,
.newsingle_article .newsingle_category li a.cat-keepgoing{
color: #fff;
display: block;
color: #fff;
background: #0090ff;
transition: 0.2s all;
text-decoration: none;
}
.newsingle_article .newsingle_category li a.cat-money,
.newsingle_article .newsingle_category li a.cat-big3,
.newsingle_article .newsingle_category li a.cat-basic,
.newsingle_article .newsingle_category li a.cat-column,
.newsingle_article .newsingle_category li a.cat-management,
.newsingle_article .newsingle_category li a.cat-investment{
color: #fff;
display: block;
color: #fff;
background: #ff8400;
transition: 0.2s all;
text-decoration: none;
}
.newsingle_article .newsingle_category li a.cat-education,
.newsingle_article .newsingle_category li a.cat-coverage,
.newsingle_article .newsingle_category li a.cat-sp_ed,
.newsingle_article .newsingle_category li a.cat-gifted,
.newsingle_article .newsingle_category li a.cat-mother,
.newsingle_article .newsingle_category li a.cat-before,
.newsingle_article .newsingle_category li a.cat-mother0,
.newsingle_article .newsingle_category li a.cat-mother1,
.newsingle_article .newsingle_category li a.cat-mother2,
.newsingle_article .newsingle_category li a.cat-mother3,
.newsingle_article .newsingle_category li a.cat-mother4,
.newsingle_article .newsingle_category li a.cat-mother5{
color: #fff;
display: block;
color: #fff;
background: #70d800;
transition: 0.2s all;
text-decoration: none;
}

.newsingle_article .newsingle_category li a.cat-shufer,
.newsingle_article .newsingle_category li a.cat-business{
color: #fff;
display: block;
color: #fff;
background: #FF6D88;
transition: 0.2s all;
text-decoration: none;
}

.newsingle_article .newsingle_category li a{
padding: 0 1em;
}
.newsingle_article .newsingle_category li a:hover{
opacity: 0.7;
text-decoration: none;
}