@charset "UTF-8";

/*11.新着情報・14.納車式---------------------------------------------*/
.eventList{border:5px solid #1d2087;}
.eventList h1{position:relative;width:100%;height:63px;margin:0;padding:0;color:#fff;font-size:0px;text-indent:-9999px;border-bottom:7px solid #f7b525;}
.eventList dl{display:block;width:90%;margin:10px auto;padding:0;}
.eventList dt{display:inline-block;width:10em;margin:0;padding:5px;text-align:left;border-bottom:1px dotted #7f7f84;box-sizing:border-box;}
.eventList dd{display:inline-block;width:calc(100% - 10em);margin:0;padding:5px;text-align:left;border-bottom:1px dotted #7f7f84;box-sizing:border-box;}
div.gotoList{width:100%;height:auto;margin:10px auto 200px auto;padding:0;text-align:right;}
div.gotoList a{margin-right:20px;padding-left:32px;color:#330e0e;text-decoration:none;background:url("../images/arrow01.png") no-repeat left center;}
div.gotoList a:hover{text-decoration:underline;}
.eventDetail{border:5px solid #1d2087;}
.eventDetail h1{display:block;width:100%;margin:20px 0 0 0;padding:0 0 0 60px;color:#1e1e28;font-size:20px;line-height:1.4;text-align:left;vertical-align:middle;border-bottom:7px solid #f7b525;}
.eventDetail h1 span{color:#666;font-size:16px;font-weight:400;}
.eventDetail .photo{width:100%;margin:10px auto;text-align:center;}
.eventDetail .text{margin:0 20px 10px 20px;padding-top:20px;text-align:left;}
.eventDetail h3{width:96%;margin:5px auto;padding:0;font-size:20px;text-align:left;line-height:1.4;border-bottom:2px solid #f7b525;}
.eventDetail h4{width:96%;margin:5px auto;color:#1d2087;font-size:18px;font-weight:700;text-align:left;line-height:1.4;}
.eventDetail em{font-weight:700;font-style:normal;color:#00a9e6;}
.eventDetail ul{list-style-type:none;margin:5px 0 5px 25px;padding:0;text-align:left;}
.eventDetail ul li{padding-left:25px;line-height:1.6;background:url("../images/arrow01.gif") no-repeat left center;}
.eventDetail ol{margin:5px 0 5px 30px;padding:0;text-align:left;list-style-type:disc;list-style-position:inside;}
h1.topicsListTitle{background:url("../images/topTopics_h1.gif") no-repeat left center;}
h1.topicsTitle{background:url("../images/topicsDetail_h1.gif") no-repeat left center;}
h1.ceremonyListTitle{background:url("../images/ceremonyList_h1.gif") no-repeat left center;}
h1.ceremonyTitle{background:url("../images/ceremonyDetail_h1.gif") no-repeat left center;}

/*12.WEBチラシ
---------------------------------------------*/
.flyerItem{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;width:100%;max-width:1000px;height:auto;margin:0 auto;padding:0;border-bottom:1px dashed #d4d4d4;}
.flyerItem:after{height:0;visibility:hidden;content:".";display:block;clear:both;}
.flyerItem .handbill{width:100%;max-width:635px;height:auto;margin:50px auto;padding:0;text-align:center;}
.flyerItem .flyerinfo{width:100%;max-width:345px;height:auto;margin:0 auto 50px auto;padding:0;text-align:left;}
.flyerItem .flyerinfo h3{width:100%;margin:0;padding:5px 10px;color:#fff;font-size:14px;font-weight:700;background:#1d2087;}
.flyerItem .flyerinfo p{padding:0 0 0 10px;}

/*13.メディア掲載情報---------------------------------------------*/
.mediaList ul{width:100%;max-width:1000px;margin:0 auto;padding:0;text-align:left;}
.mediaList ul li{position:relative;display:inline-block;overflow:hidden;width:310px;height:250px;margin:15px auto;padding:0;text-align:left;border:1px solid #acacaf;box-sizing:border-box;}
.mediaList ul li a.trim{display:block;position:relative;overflow:hidden;width:310px;height:180px;margin:0;padding:0;z-index:1;}
.mediaList ul li a.trim:hover{opacity:0.8;}
.mediaList ul li a.trim img{object-fit:cover;width:100%;height:100%;}
.mediaList ul li p{position:absolute;bottom:0;display:block;width:100%;height:70px;margin:0;padding:10px 30px 0 10px;background:url("../images/arrow07.png?20230927") no-repeat 280px 20px;box-sizing:border-box;}
.mediaList ul li p a{color:#1e1e28;text-decoration:none;}
.mediaList ul li p a:hover{text-decoration:underline;}
.mediaList ul li span.date{display:block;position:absolute;top:150px;left:0;width:160px;height:30px;font-size:16px;font-weight:700;text-align:center;line-height:30px;z-index:10;}
.mediaList ul li:nth-child(2n-1) span.date{color:#1e1e28; background:#f7b525;}
.mediaList ul li:nth-child(2n) span.date{color:#fff; background:#1d2087;}
.mediaDetail h2{display:flex;}
.mediaDetail h2 span.date{margin:0;padding:0;color:#1d2087;font-size:22px;text-align:right;letter-spacing:0;}
.mediaDetail .text{margin:10px 0 0 0;padding:0;text-align:left;}
.mediaDetail .photo{width:100%;margin:30px auto;text-align:center;}
.mediaDetail .backList{width:100%;height:50px;margin:0 auto 50px auto;padding:0px;text-align:left;}
.mediaDetail .backList a{display:block;width:280px;height:50px;margin:0 auto;padding:0;color:#fff;font-weight:700;text-align:center;text-decoration:none;line-height:50px;background-color:#1d2087;border-radius:3px;}
.mediaDetail .gotoList a:hover{background-color:#f7b525}
/*▼topicsAdmin.cssと同じ設定*/
.mediaDetail .text h3{width:96%;margin:5px auto;padding:0;font-size:20px;text-align:left;line-height:1.4;border-bottom:2px solid #f7b525;}
.mediaDetail .text h4{width:96%;margin:5px auto;color:#1d2087;font-size:18px;font-weight:700;text-align:left;line-height:1.4;}
.mediaDetail .text em{font-weight:700;font-style:normal;color:#00a9e6;}
.mediaDetail .text ul{list-style-type:none;margin:5px 0 5px 25px;padding:0px;text-align:left;}
.mediaDetail .text ul li{padding-left:25px;line-height:1.6;background:url("../images/arrow01.gif") no-repeat left center;}
.mediaDetail .text ol{margin:5px 0 5px 30px;padding:0;text-align:left;list-style-type:disc;list-style-position:inside;}

/*CM紹介---------------------------------------------*/
.tvcm{text-align:left;}
.tvcm iframe{width:100%;max-width:800px;height:auto;aspect-ratio:16 / 9;margin:10px auto clamp(3.125rem, 1.786rem + 7.14vw, 6.25rem) 0;}
.performer{margin-bottom:30px;}
.performer img{width:100%;max-width:450px;height:auto;margin:20px auto;}
.performer div{width:100%;max-width:500px;}
.performer h3{font-size:var(--fontSz18-24);font-weight:700;text-align:left;}
.person div{width:calc(100% - 10px);color:#777;margin:0 auto;padding:20px 0;font-size:var(--fontSz12-14);text-align:left;border-top:2px dotted #ddd;}
.person dl{display:flex;flex-wrap:wrap;width:auto;margin:10px auto;padding:0 0 0 0.5rem;}
.person dl dt{width:5rem;}
.person dl dd{width:calc(100% - 5rem);}
@media(min-width:680px){
	.person div{width:calc(50% - 10px);}
}