a{
	text-decoration-line: none;
}
@media screen and (min-width:769px )
{
	#top{
	   	width:100%;
		font-size: min(2.5vw, 32px);
        margin:0 auto;
       /* padding-top: min(7vw, 88px);*/
		padding-top: 0;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	#top #cover{
	   	width:100%;
		max-width:1280px;
		display: flex;
		justify-content:space-between;
		align-items:center;
		margin:min(-.5vw, -6px) auto 0 auto;
	}
	#top #cover .pg_logo{
		width:60%;
		background-image: url("../img/logo_top.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:64.8%;
        margin-left:-5% ;
	}
	#top #cover .main_pic{
		width:48%;
		margin-left:-12%;
        margin-right:5%;
		margin-top:min(-1.5vw,-18px);
	}
	#top #cover .main_pic img{
		width: 100%;
		height: auto;
		margin:0 auto;
		padding:0;
	}
	#top #cover .main_pic .blank{
		width: 100%;
		background: #febee5;
		height:.5em;
		margin: 0;
		padding:0;
	}
	#top #cover .main_pic .text{
		width: 100%;
		background: #f47ec6;
		font-size: min(1.25vw, 16px);
		font-weight: 400;
		font-style: normal;
		color:#fff;
		padding:1em 0;
		margin: 0;
	}
	#top #sns{
	   	width:100%;
		margin:-3.5em auto 0 auto;
		border-top:5px solid #f47ec6;
		border-bottom:5px solid #f47ec6;
		position: relative;
		z-index: 2;
	}
	#top #sns .wrap{
	   	width:90%;
		max-width:1152px;
		display: flex;
		justify-content:center;
		align-items:center;
		gap:2em;
		margin:0 auto;
	}
/*	#top #sns .corner_x{
		width:5%;
		max-width: 80px;
		background-image: url("../img/icon_x.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:5%;
		margin: .5em .5vw .1em .5vw;
	}
	#top #sns .corner_i{
		width:5%;
		max-width: 80px;
		background-image: url("../img/icon_instagram.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:5%;
		margin: .5em .5vw .1em .5vw;
	}
	#top #sns .corner_m{
		width:5%;
		max-width: 80px;
		background-image: url("../img/icon_mail.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:5%;
		margin: .5em .5vw .1em .5vw;
	}
	#top #sns .corner_x:hover{
		opacity: .7;
		cursor: pointer;
	}
	#top #sns .corner_i:hover{
		opacity: .7;
		cursor: pointer;
	}
	#top #sns .corner_m:hover{
		opacity: .7;
		cursor: pointer;
	}
	*/
	
	#top #sns .corner_x,
	#top #sns .corner_i, 
	#top #sns .corner_m {
		width:5%;
		max-width: 80px;
		margin: .5em .5vw .1em .5vw;
	}
	#top #sns .corner_x a,
	#top #sns .corner_i a,
	#top #sns .corner_m a {
		display: block;
		width: 100%;
		padding-top: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#top #sns .corner_x a {
		background-image: url("../img/icon_x.svg");
	}
	#top #sns .corner_i a {
		background-image: url("../img/icon_instagram.svg");
	}
	#top #sns .corner_m a {
		background-image: url("../img/icon_mail.svg");
	}
	#top #sns  .corner_x a:hover,
	#top #sns  .corner_i a:hover,
	#top #sns  .corner_m a:hover {
		opacity: .7;
		cursor: pointer;
	}
	#top #sns .wrap2{
	   	width:90%;
		max-width:1152px;
		display: flex;
		justify-content:center;
		align-items:center;
		margin: 0 auto .25em auto;
	}
	#top #sns .id{
		width:11.9%;
		font-size: min(1vw, 12px);
		font-weight: 400;
		color:#f47ec6;
		padding:0;
		margin:0;
		text-align: center;
	}
	#navigator{
		margin: 2em auto 0 auto;
	}
	#top #topics, #navigator .inner{
	   	width:90%;
		max-width:1152px;
		display: flex;
		justify-content:center;
		align-items:center;
		margin: 1em auto;
	}
	#top #topics .deco1, #navigator .deco1{
		width:4%;
		background-image: url("../img/title_side_l.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:4.4487%;
	}
	#top #topics .deco2, #navigator .deco2{
		width:4%;
		background-image: url("../img/title_side_r.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:4.4487%;
	}
	#top #topics .text_c, #navigator .text_c{
		font-size: min(5vw, 64px);
		font-family: "dita-cd", sans-serif;
		font-weight: 700;
		font-style: normal;
		color:#00b4ed;
		padding:0 1.25%;
		margin:0;
	}
	
/*latest&next*/
	#top #topicsArea{
	   	width:90%;
		max-width:1152px;
		margin: 0 auto;
		text-align: left;
	}
	#top #topicsArea .wrap{
		width:100%;
		height:auto;
		margin:0 auto;
		padding:0;
	}
	
	#top #radiko{
	   	width:100%;
		background: #f47ec6;
		padding: .5em 0;
		margin: 1em auto;
		text-align: center;
	}
	#top #radiko .inner{
		width:90%;
		max-width:1152px;
		margin: 0 auto;
	}
	#navigator{
	   	width:100%;
		border-top:5px solid #f47ec6;
		border-bottom:5px solid #f47ec6;
	}
	#navigator .wrap{
	   	width:90%;
		max-width:1152px;
		display: flex;
		justify-content:center;
		align-items:flex-start;
		gap:3%;
		margin: 2em auto;
	}
	#navigator .navi_p{
		width:30%;
		background-image: url("../img/navi.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:30%;
        margin:0 auto;
	}
	#navigator .text{
		width: 67%;
		font-size: min(1.5vw, 21px);
		font-weight: 400;
		font-style: normal;
		color:#222;
		line-height: 1.75em;
		padding: 0;
		margin: 0 auto .5em auto;
	}
	#navigator h3{
		font-size: min(3vw, 36px);
		font-weight: 600;
		color:#e85298;
		padding:0;
		margin:0;
		text-align: left;
	}
	#navigator h2{
		font-size: min(2vw, 24px);
		font-weight: 600;
		color:#00b4ed;
		padding:0;
		margin:.25em 0 .75em 0;
		text-align: left;
	}
	#navigator .small{
		font-size: min(2vw, 24px);
		font-weight: 400;
	}
}
	
	
/* スマートフォン用 */

@media screen and (max-width:768px )
{
	#top{
	   	width:100%;
		font-size: 4vw;
        margin:0 auto;
        padding-top:2vw;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	#top #cover{
	   	width:100%;
		margin:3vw auto 0 auto;
	}
	#top #cover .pg_logo{
		width:95%;
		background-image: url("../img/logo_top_sp.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:107.875%;
	}
	#top #cover .main_pic{
		width:90%;
        margin:-8vw auto 0 auto;
	}
	#top #cover .main_pic img{
		width: 100%;
		height: auto;
		margin:0 auto;
		padding:0;
	}
	#top #cover .main_pic .text{
		width: 100%;
		background: #f47ec6;
		font-size: 2.5vw;
		font-weight: 400;
		font-style: normal;
		color:#fff;
		padding:.5em 0;
		margin: 0 auto .5em auto;
	}
	#top #sns{
	   	width:100%;
		margin:10px auto 0 auto;
		padding:0;
		border-top:5px solid #f47ec6;
		border-bottom:5px solid #f47ec6;
	}
	#top #sns .wrap{
	   	width:90%;
		display: flex;
		justify-content:center;
		align-items:center;
		gap:3em;
		margin:0 auto;
	}
/*	#top #sns .corner_x{
		width:12%;
		background-image: url("../img/icon_x.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:12%;
		margin: .5em 0 .1em 0;
	}
	#top #sns .corner_i{
		width:12%;
		background-image: url("../img/icon_instagram.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:12%;
		margin: .5em 0 .1em 0;
	}
	#top #sns .corner_m{
		width:12%;
		background-image: url("../img/icon_mail.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:12%;
		margin: .5em 0 .1em 0;
	}
	#top #sns .corner_x:hover{
		opacity: .7;
		cursor: pointer;
	}
	#top #sns .corner_i:hover{
		opacity: .7;
		cursor: pointer;
	}
	#top #sns .corner_m:hover{
		opacity: .7;
		cursor: pointer;
	}
*/
	#top #sns .corner_x,
	#top #sns .corner_i, 
	#top #sns .corner_m {
		width:12%;
		margin: .5em 0 .1em 0;
	}
	#top #sns .corner_x a,
	#top #sns .corner_i a,
	#top #sns .corner_m a {
		display: block;
		width: 100%;
		padding-top: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#top #sns .corner_x a {
		background-image: url("../img/icon_x.svg");
	}
	#top #sns .corner_i a {
		background-image: url("../img/icon_instagram.svg");
	}
	#top #sns .corner_m a {
		background-image: url("../img/icon_mail.svg");
	}
	#top #sns  .corner_x a:hover,
	#top #sns  .corner_i a:hover,
	#top #sns  .corner_m a:hover {
		opacity: .7;
		cursor: pointer;
	}
	#top #sns .wrap2{
	   	width:90%;
		max-width:1152px;
		display: flex;
		justify-content:center;
		align-items:center;
		gap:.6em;
		margin: 0 auto .25em auto;
	}
	#top #sns .id{
		width:23%;
		font-size: 2vw;
		font-weight: 400;
		color:#f47ec6;
		padding:0;
		margin:0;
		text-align: center;
	}
	#top #topics, #navigator .inner{
	   	width:90%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 1em auto;
	}
	#top #topics .deco1, #navigator .deco1{
		width:6%;
		background-image: url("../img/title_side_l.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:6.673%;
	}
	#top #topics .deco2, #navigator .deco2{
		width:6%;
		background-image: url("../img/title_side_r.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:6.673%;
	}
	#top #topics .text_c, #navigator .text_c{
		font-size: 8vw;
		font-family: "dita-cd", sans-serif;
		font-weight: 700;
		font-style: normal;
		color:#00b4ed;
		padding:0 2.5%;
		margin:0;
	}
	
/*latest&next*/	
	#top #topicsArea{
	   	width:90%;
		margin: 0 auto;
		padding: 0;
	}
	#top #topicsArea .wrap{
		width:100%;
		min-width: 300px;
		height:auto;
		margin:0 auto;
		padding:0;
		text-align: left;
	}
	
	#top #radiko{
	   	width:100%;
		background: #f47ec6;
		padding: .5em 0;
		margin: 1.75em auto 1em auto;
	}
	#top #radiko .inner{
		width:90%;
		margin: 0 auto;
	}
	#navigator{
	   	width:100%;
		border-top:5px solid #f47ec6;
		border-bottom:5px solid #f47ec6;
	}
	#navigator .wrap{
	   	width:90%;
		max-width:1152px;
		margin: 2em auto;
	}
	#navigator .navi_p{
		width:60%;
		background-image: url("../img/navi.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:60%;
        margin:0 auto;
	}
	#navigator .text{
		width: 100%;
		font-size: 2.5vw;
		font-weight: 400;
		font-style: normal;
		color:#222;
		line-height: 1.75em;
		padding: 0;
		margin: 2em auto .5em auto;
	}
	#navigator h3{
		font-size: 5vw;
		font-weight: 600;
		color:#e85298;
		padding:0;
		margin:0;
		text-align: center;
	}
	#navigator h2{
		font-size: 4vw;
		font-weight: 600;
		color:#00b4ed;
		line-height: 1.5em;
		padding:0;
		margin:.25em 0 .5em 0;
		text-align: center;
	}
	#navigator .small{
		font-size: 3vw;
		font-weight: 400;
	}
}