@charset "UTF-8";

/* menu */
#prix{background-color:#f4f4f4;padding:70px;}
#prix .container{padding:70px;border:solid 1px #000;outline:solid 1px #000;outline-offset:5px;width:70%;margin:auto;text-align:center;}
#prix .menu_24,#prix .price{text-align:center;display:inline-block;margin:auto;}
#prix .price{margin-left:20px;}
#prix .price:before{content:'…';margin-right:10px;}
#prix h3{margin-top:10px;line-height:2rem;}
#prix ul{margin:auto;padding-top:50px;}
#prix ul:before{content:'';display:block;position:relative;left:50%;transform:translate(-50%);top:-20px;width:30px;height:3px;background-color:white;}

@media (max-width:1240px){
#prix .container{width:70%;}
}

@media (max-width:900px){
#prix .price{display:block;margin-left:auto;margin-top:7px;}
}

@media (max-width:799px){
#prix{padding:60px 20px;}
#prix .container{width:80%;}
#prix .price{margin-left:auto;}
#prix .container{padding:40px 20px;}
}


/* saison */
#saison{background-color:#f4f4f4;}

#saison .container{background-image:url("../img/bg_circle.svg");background-repeat:no-repeat;background-size:auto 130%;background-position:50% 50%;}

@media (max-width:1240px){
.container{background-size:70% 120%;}
}

@media (max-width:900px){
.container{background-size:40%;}
}

@media (max-width:799px){
.container{background-size:40%;}
}

article.program{
width:560px;
display:grid;grid-template-columns:1fr 3fr;grid-template-rows:auto auto;grid-gap:40px;
margin:auto;padding:40px 0 60px;
}

@media (max-width:1240px){
article.program{width:560px;}
}

@media (max-width:900px){
article.program{width:480px;}
}

@media (max-width:799px){
article.program{display:block;width:auto;}
}

.program .plate{grid-row:1/2;grid-column:1/span 2;}
.program .saison{grid-row:2/3;grid-column:1/2;}
.program .explain{grid-row:2/3;grid-column:2/3;}

@media (max-width:799px){
.program .plate{width:100%;height:auto;}
.program .saison{text-align:center;margin:40px auto;}
.program .explain{margin:40px 30px;}
}

ol.saison-calendar{margin-top:25px;}
#saison li{padding-top:10px;padding-bottom:10px;border-bottom:var(--solid);}
#saison li h4{display:inline-block;letter-spacing:0.4rem;font-size:18px;}
#saison li h4 .yomi{display:inline-block;font-size:12px;width:70px;letter-spacing:0;margin-left:8px;}
#saison li .start{display:inline-block;width:76px;font-size:14px;}
#saison li .comment{display:inline-block;margin-left:12px;font-size:14px;}

@media (max-width:799px){
#saison li{text-align:center;}
#saison li h4{display:block;text-align:center;}
#saison li h4 .yomi{display:inline-block;font-size:12px;width:80px;letter-spacing:0;text-align:left;}
#saison li .comment{display:inline-block;margin-left:20px;font-size:14px;text-align:left;}
}

/* 
h3.saison{writing-mode:vertical-rl;font-size:64px;padding-right:20px;}
h3.saison .fr{display:inline-block;font-size:14px;margin-top:24px;}
 */