@charset "utf-8";

body{
margin: 0;
padding: 0;
}

html {
overflow: auto;
}

:root {
	--main-color: #EB6EA5;
	--sub-color: #7ECEF4;
	--base-color: #00aad1;
	--accent-color1:  #000;
	--accent-color2: #fff;
}

ul{
margin:0;
padding:0;
list-style:none;
}

p{
margin:0;
padding:0;
}

img{
max-width:auto;
width:100%;
display:inline-block;
vertical-align:bottom;
}


@media print, screen and (min-width:769px) {
.sp {display : none;}
}
@media screen and (max-width:768px) {
.pc {display : none;}
}



/* パンくず */

#topicpath{
margin : 0;
padding : 0;
text-align: center;
background-color : var(--main-color);
}

#topicpath p{
margin : 0 auto;
padding : 8px;
font-size : .85rem;
line-height : 1.2rem;
max-width:1200px;
text-align: left;
color: var(--accent-color2);
}
#topicpath a{
color: var(--accent-color2);
}

/* ヘッダー */
header{
margin :0;
padding :0;
text-align: center;
background: linear-gradient(var(--main-color) 30%, var(--sub-color) 70%);}

header img{
max-width:1200px;
}
@media print, screen and (min-width:769px) {
header{padding :0 1.5rem;}
}

/* レイアウト */

main{
padding: 2rem 0;
}
.container{
margin: 1.5rem auto;
padding: 0 1.5rem;
box-sizing: border-box;
max-width:1280px;
}

.inner p{margin:0;padding : .2rem 0;}

.sm{font-size:.85em;}


/* POINT */
.point ul{margin :1rem 0;}

.point li{
text-align: center;
color: var(--accent-color2);
background: linear-gradient(#0868AC, #E182AB 70%);
border-radius: 100px;
margin :.8rem 1%;
}

.point li p{padding: .5rem 0;}

.point li h3{
margin :0;
padding: 0 0 .5rem 0;
line-height:1.2em;
font-size:1.05rem;
}

.point p{text-align: center;}

@media print, screen and (min-width:769px) {
.point ul{
margin :2rem 0;
display:flex;
}
.point li{
margin :0 1%;
width:31.333%;
}
}

/* ワイドFMを聴くには？ */

.lecture{
padding-bottom:2rem;
}

.lecture h2{
margin:1rem 0;
padding:.8rem 0;
font-size:1.2em;
color : var(--accent-color2);
background-color: var(--main-color);
text-align: center;
box-sizing: border-box;
}

.lecture p{
text-align: center;
padding:.5em 1em;
}

.lecture .jushin li{
margin-bottom:.8rem;
padding:0 0 1em 0;
border: solid 2px var(--sub-color);
border-radius: 6px;
background-color: #ffffff;
}


.lecture .jushin h3{
margin:0 0 .3rem 0;
padding:.2em;
font-size:1.3em;
background-color: var(--sub-color);
color : #fff;
text-align: center;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}


.lecture .jushin p{
margin:0;
padding:.5rem .8em;
font-size:1em;
color : #E50012;
text-align: center;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.lecture .jushin p img{
margin-top:10px;
width:85%;
}

.lecture .jushin p.kanou{
color : var(--base-color);
font-size:1em;
}

.mhz{margin :3rem 0;}

.mhz h4{
padding: 1.5rem .5rem;
border-top: 1px solid var(--main-color);
border-bottom: 1px solid var(--main-color);
color:var(--main-color);
font-size:1.4em;
}

/*.mhz h4{
padding: 1rem .5rem;
border-top: 1px solid var(--base-color);
border-bottom: 1px solid var(--base-color);
color:var(--base-color);
}*/


@media screen and (min-width: 768px) {
.lecture h2{font-size:1.6em;}
.lecture p{font-size:1.15em;}
.lecture .container{display:flex;max-width:1040px;}
.lecture .map{width :70%;margin:0;padding:0;}
.lecture .jushin{margin:0;padding:0;}
.jushin{flex: 1;}
.lecture .jushin p{font-size:1.2em;line-height : 1.2em;}
.lecture .jushin p img{width:100%;}
.mhz{text-align: center;}
}



/* 問い合わせ */
.toiawase{
text-align: center;}

/* radiko */
.radiko{
padding: 2rem 1rem;
background:#eaf6fd;
text-align: center;

}

.radiko img{
width:auto;
}
.radiko p{
padding-bottom: 1rem;
}


/*footer*/
.footer{
margin: 0;
padding: 2.5rem 0;
text-align: center;
justify-content: center;
background: var(--sub-color);
}
.copyright{
padding: .2rem;
font-size: .75rem;
color: var(--accent-color2);
}