@charset "utf-8";

.aniver30_main456{
width: 100%;
margin: 0 ;
background-color: #93532f;
text-align: center;
}
.aniver30_main456 img{
width: 100%;
max-width: 1200px;
}
@media screen and (max-width: 768px) {
.aniver30_main456{
width: 100%;
margin: 0;
background-color: #93532f;
}
.aniver30_main456 img{
width: 100%;
}
}

.aniver30box{
width: 1040px;
margin: 0 auto;
}
.aniver30box .aniver30box_inn{
width: 100%;
margin: 50px auto;
padding: 10px;
background: url(/topics/images/aniver30/logobase.png) no-repeat center top;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);
}
.aniver30box .maincopy{
text-align: center;
font-size: 2.0rem;
margin: 50px 0 0 0 ;
}
.aniver30box .flexbox_main{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 20px 0;
    padding: 20px 0;
}
.aniver30box .flexbox_main .flexbox_main_inn01{
    width: 40%;
    text-align: center;
}
.aniver30box .flexbox_main .flexbox_main_inn01 img{
    width: 90%;
}
.aniver30box .flexbox_main .flexbox_main_inn02{
    width: 55%;
}
.aniver30box .flexbox_main .flexbox_main_inn02 .tit{
font-size: 1.8rem;
margin: 35px 0 10px 0;
}
.aniver30box .flexbox_main .flexbox_main_inn02 .copy{
font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.aniver30box{
width: 100%;
margin: 0 ;
}
.aniver30box .flexbox_main{
    display: block;
    margin: 20px 0;
    padding: 20px 0;
    width: 100%;
}
.aniver30box .maincopy{
text-align: center;
font-size: 1.5rem;
margin: 30px 0 0 0 ;
}
.aniver30box .flexbox_main .flexbox_main_inn02 .tit{
font-size: 1.3rem;
margin: 20px 0 10px 0;
}
.aniver30box .flexbox_main .flexbox_main_inn02 .copy{
font-size: 1.2rem;
}
.aniver30box .flexbox_main .flexbox_main_inn01{
    width: 100%;
    text-align: center;
}
.aniver30box .flexbox_main .flexbox_main_inn01 img{
    width: 90%;
}
.aniver30box .flexbox_main .flexbox_main_inn02{
    width: 100%;
}
.aniver30box .flexbox_main .flexbox_main_inn02 .tit{
font-size: 1.8rem;
margin: 35px 0 10px 0;
}
}
.tab00s {padding-bottom: 20px;margin: 80px auto 0 auto;}
.tab_item {width: calc(100%/7);font-size: 1.4rem;padding-top: 10px;padding-bottom: 10px;border-bottom: 3px solid #c9b0a1;background-color: #c9b0a1;text-align: center;border-right: 1px solid #efefef;color: #ffffff;display: block;float: left;text-align: center;font-weight: 900;transition: all 0.2s ease;font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "游明朝", YuMincho, "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;}
.tab_item:hover {opacity: 0.75;}
input[name="tab_item"] {display: none;}
.tab_content {display: none;padding: 20px 0;clear: both;overflow: hidden;}


#n_100:checked ~ #n_100_content,#n_200:checked ~ #n_200_content,#n_300:checked ~ #n_300_content,#n_400:checked ~ #n_400_content,#n_500:checked ~ #n_500_content,#n_600:checked ~ #n_600_content,#n_700:checked ~ #n_700_content { display: block;}

.tab00s input:checked + .tab_item {color: #fff;position: relative;background: #93532f;}
.tab00s input:checked + .tab_item:before {position: absolute;bottom: -10px;left: 45%;width: 0;height: 0;content: '';border-width: 14px 12px 0 12px;border-style: solid;border-color: #93532f transparent transparent transparent;}
.boxdetail .csoon{text-align: center;margin: 50px 0;font-size: 1.6rem;font-weight: 900;}

@media screen and (max-width: 768px) {

.tab_item {width: calc(100%/2);font-size: 1.4rem;border-bottom: 1px solid #efefef;letter-spacing: 0.05em;}
.tab_item.allevent {width: calc(100%/1);font-size: 1.4rem;border-bottom: 1px solid #efefef;letter-spacing: 0.05em;}
.tab_content {display: none;padding: 20px 10px 0;clear: both;overflow: hidden;}
.tab00s {padding-bottom: 20px;margin: 0 auto;}
.tab00s input:checked + .tab_item:before {position: absolute;bottom: -10px;left: 47%;width: 0;height: 0;content: '';border-width: 14px 12px 0 12px;border-style: solid;border-color: #93532f transparent transparent transparent;}
}


.plan_event li .plan_tip{

    border: 1px solid #ccc;
    font-size: 1.5rem;
}
.plan_event li .plan_tip .plan_ph img{
    width: 100%;
}
.plan_event li .plan_tip .plan_txt{
    padding: 3px 10px 0 10px;
    font-size: 1.3rem;
}
.plan_event li .plan_tip .plan_txt p{

    line-height: 1.8;
}
.plan_event li .plan_tip .price{
    padding: 15px 10px 10px 10px;
    font-size: 1.3rem;
}

.plan_cat {
color: #666;
letter-spacing: 0.5em;
font-weight: bold;
margin: 10px 0 15px;
border-bottom: solid 1px #90805f;
padding-bottom: 5px;
}
.plan_event h4 {
font-size: 1.6rem;
line-height: 1.5;
color: #90805f;
margin: 10px 0 10px 0;
/* height: 2.7em; */
letter-spacing: 0.1em;
}
#aniver12003 .plan_event h4 {
color: #90805f;
margin: 10px 0 10px;
/* text-align: center; */
}



.detailplus_b a {
margin-top: 10px;
display: block;
z-index: 2;
width: 100%;
border-top: 1px solid #d6cec8;
padding: 5px 10px;
text-align: center;
font-size: 1.4rem;
overflow: hidden;
background-color: #ffffff;
position: relative;
color: #7B5B42;
font-weight: bold;
}
.detailplus_b .pl {
display: block;
float: right;
font-size: 1.8rem;
line-height: 1.6;
}
.detailplus_b a:link {
text-decoration: none;
}
.detailplus_b a:before, .detailplus_b a:after {
position: absolute;
z-index: -1;
display: block;
content: '';
}
.detailplus_b a, .detailplus_b a:before, .detailplus_b a:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .5s;
transition: all .5s;
}
.detailplus_b a:after {
top: 0%;
left: -100%;
width: 100%;
height: 100%;
}
.detailplus_b.non a:after {
top: 0;
left: 0;
width: 0;
height: 0;
}
.detailplus_b a:hover:after {
top: 0;
left: 0;
background-color: #CBC2BB;
}
#aniver12003 .detailplus   {
margin: 0 auto;
width: 340px;
}
#aniver12003 .detailplus a   {
width: 100%;
padding: 10px 10px;
}
@media screen and (max-width: 768px) {
.plan_event{
    display: block
}
.plan_event li{
    width: 100%;
    margin-bottom: 20px;

}
    #aniver12003 .detailplus   {
    width: auto;
    margin: 0 15px;
    }
    
    .plan_event li .plan_tip .plan_txt p{
    line-height: 1.6;
}
}
    .red   {
   color: #c00000;
   font-weight: 900;
   display: block;
   margin-top: 5px;
    }





.plan_event {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: flex-start;

  column-gap: 20px; /* 横の隙間を狭く */
  row-gap: 32px;    /* 縦の隙間を広く */
}

/* 各カード */
.plan_event li {
  width: calc((100% - 40px) / 3); /* 横gap 12px × 2 */
  display: flex;
  flex-direction: column;
  height: 100%;
  box-sizing: border-box;
}

/* コンテンツ本体 */
.plan_tip {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* 内容部分の自然配置 */
.plan_ph,
.plan_txt,
.price {
  flex-shrink: 0;
}

/* ボタンを一番下へ */
.detailplus_b {
  margin-top: auto;
}

/* スマホ時（1列） */
@media screen and (max-width: 767px) {
  .plan_event {
    flex-direction: column;
    column-gap: 0;
    row-gap: 24px; /* モバイルは縦方向少し狭めでもOK */
  }

  .plan_event li {
    width: 100%;
  }

  .plan_tip,
  .plan_txt h4,
  .plan_txt p {
    height: auto !important;
  }
}