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

#cont_wrap{ max-width: 1060px; margin: 0 auto 3em;}

#main_cont{}
#main_cont .co_wrap{ margin: 8% auto 0;}
#main_cont h2.co_ttl{}
#main_cont h3.co_ttl{ background: #f2f2f5; padding: 0.5em; font-size: 1.2em;;}
#main_cont .text{ width: 94%; margin: 1.5em auto 0;}

#main_cont .co_btn{ width: 94%; margin: 1.5em auto 0; font-size: 1.1em; border-radius: 1em; text-align: center; padding:0.4em 0.25em; position: relative; background: #ff868c;}
#main_cont .co_btn a{ display: block; width: 100%; height: 100%; padding-right: 1em; color: #FFF; font-weight: 600;}
#main_cont .co_btn::after {content: '';position: absolute;top: 0;bottom: 0;right: 1em;width: 0.6em;height: 0.6em;margin: auto;border-top: 2px solid ;border-right: 2px solid ;transform: rotate(45deg);box-sizing: border-box; color: #FFF;}


#main_cont .top_wrap{ margin-top: 1.5em;}



#main_cont .kikaku_wrap{}
#main_cont .kikaku_wrap .cont_wrap{}
#main_cont .kikaku_wrap .cont_wrap .cont{ width: 92%; margin: 6% auto 0; max-width: 420px;}
#main_cont .kikaku_wrap .cont_wrap .cont .tag{ margin-bottom: 0.25em;}
#main_cont .kikaku_wrap .cont_wrap .cont .tag > div{ color: #FFF; display: inline-block; line-height: 1; padding: 0.5em 1em; border-radius: 1em; font-weight: 600;}
#main_cont .kikaku_wrap .cont_wrap .cont .tag .tama{ background: #ef8080; margin-right: 0.25em;}
#main_cont .kikaku_wrap .cont_wrap .cont .tag .new{ background: #dd143d;}
#main_cont .kikaku_wrap .cont_wrap .cont .img{ position: relative; border: 1px solid #DDD; padding: 5px ; box-sizing: border-box;}
#main_cont .kikaku_wrap .cont_wrap .cont .img .dummy{ position: relative;}
#main_cont .kikaku_wrap .cont_wrap .cont .img .main{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; right: 0; bottom: 0; margin: auto; text-align: center;}
#main_cont .kikaku_wrap .cont_wrap .cont .img .main img{ width: 100%; height: 100%; max-width: none; object-fit: contain; object-position: center; margin: auto; display: block;}
#main_cont .kikaku_wrap .cont_wrap .cont .sub_ttl{ font-size: 1.2em; margin: 0.5em auto 0.25em;}
#main_cont .kikaku_wrap .cont_wrap .cont .text_data{}
#main_cont .kikaku_wrap .cont_wrap .cont .dl{}

#main_cont .kikaku_wrap .cont_wrap .cont .dl{ width: 94%; margin: 1em auto 0; border-radius: 1em; border: 2px solid; text-align: center; padding: 0.25em; position: relative; display: none;}
#main_cont .kikaku_wrap .cont_wrap .cont .dl a{ display: block; width: 100%; height: 100%; padding-right: 1em; }
#main_cont .kikaku_wrap .cont_wrap .cont .dl::after {content: '';position: absolute;top: 0;bottom: 0;right: 1em;width: 0.6em;height: 0.6em;margin: auto;border-top: 2px solid ;border-right: 2px solid ;transform: rotate(45deg);box-sizing: border-box;}

#cont_wrap.dl #main_cont .kikaku_wrap .cont_wrap .cont .dl{ display: block;}

#main_cont .kikaku_wrap .cont_wrap .cont .day{ text-align: right; color: #AAA; margin-top: 0.5em;}


#main_cont .kikaku_wrap .co_btn{ margin-top: 3em;}



@media all and (min-width: 769px) {
#cont_wrap{}


#main_cont{}
#main_cont .co_wrap{ margin: 60px auto 0;}
#main_cont h2.co_ttl{}
#main_cont h3.co_ttl{ background: #f2f2f5; padding: 0.5em; font-size: 1.4em; margin: 1em auto;}
#main_cont .text{ width: 94%; margin: 1.5em auto 0;}
#main_cont .co_btn{ width: 45%; }

#main_cont .kikaku_wrap{}
#main_cont .kikaku_wrap .cont_wrap{margin: 20px auto 40px; width: 94%;
display: flex;flex-wrap: wrap;justify-content:flex-start;gap: 16px;}
#main_cont .kikaku_wrap .cont_wrap .cont{ width: calc(33% - 8px); margin:20px 0 0;
display: flex;flex-direction: column;justify-content: space-between;max-width: 420px;}



    
}