a{
	text-decoration-line: none;
}
@media screen and (min-width:769px )
{

	#detail{
	   	width:100%;
        max-width:1280px;
		font-size: min(2.5vw, 32px);
        margin:0 auto;
        padding:2.25em 0 0 0;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	#detail .pg_logo{
		width:23%;
		background-image: url("../img/logo_sub.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:20.64%;
        margin:0 auto;
	}
	#detail .c_title{
		width: 90%;
		background: #f47ec6;
		outline: .05em solid rgb(255, 255, 255);
		outline-offset: -0.2em;
		border-radius: 1em;
		font-size: min(4vw, 52px);
		font-family: "dita", sans-serif;
		font-weight: 700;
		font-style: normal;
		color:#fff;
		padding:.15em 0;
		margin: .5em auto 0 auto;
	}
	#detail .c_title p{
		color: transparent;
		-webkit-text-stroke: .025em #fff;
		text-shadow: .05em -0.05em #fff;
		filter: drop-shadow(.05em .05em .05em rgba(0, 0, 0, 0.6));
		padding:0;
		margin:0;
	}
	#detail .read{
		font-size: min(2vw, 24px);
		font-weight: 600;
		color:#f47ec6;
		padding:0;
		margin: 1em 0 0 0;
		text-align: center;
	}	
	#detail .banner{
		width:400px;
		height:100px;
		margin: .5em  auto;
	}
	#detail .banner_c{
		width:320px;
		height:50px;
		margin: 1.25em  auto;
	}
	#detail .banner_sh{
		width:227px;
		height:100px;
		margin: 1.25em  auto;
	}
	#detail .w_title{
		width: 70%;
		background: #f47ec6;
		font-size: min(3vw, 38px);
		font-weight: 400;
		font-style: normal;
		color:#fff;
		padding:.5em 0;
		margin: 0 auto .5em auto;
	}
	#detail .w_title p{
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	#detail .w_title .date{
		font-size: min(1.75vw, 22px);
		font-weight: 400;
		font-style: normal;
		color:#fff;
		padding:0;
		margin: 0 auto .75em auto;
	}
	#detail .w_title .small{
		font-size: min(2vw, 24px);
		font-weight: 400;
		font-style: normal;
		color:#fff;
		margin: 0 auto;
	}
	#detail .w_photo{
		width: 70%;
		height: auto;
		margin: 0 auto 0 auto;
		position: relative;
	}
	#detail .w_photo img{
		width: 100%;
		height: auto;
		display: block;
	}
	#detail .w_photo p{
		position: absolute;
		width: 100%;
		padding-top:75%;
		background-image: url("../img/photo_cover.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		top:0;
		margin:0;
	}
	#detail .w_photo_fm{
		width: 40%;
		height: auto;
		margin: 0 auto 0 auto;
		position: relative;
	}
	#detail .w_photo_fm img{
		width: 60%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	#detail .w_photo_fm p{
		position: absolute;
		width: 100%;
		padding-top:59.5%;
		background-image: url("../img/photo_cover_fm.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		top:0;
		margin:0 0 0 0;
	}
	#detail .index{
		width: 70%;
		font-size: min(1.5vw, 18px);
		font-weight: bold;
		font-style: normal;
		color:#00b4ed;
		text-align: left;
		padding:0;
		margin: 2em auto 1em auto;
	}
	#detail .text{
		width: 70%;
		font-size: min(1.25vw, 16px);
		font-weight: 400;
		font-style: normal;
		color:#222;
		line-height: 1.75em;
		text-align: left;
		padding:0;
		margin: 1em auto 2.5em auto;
	}
	#detail .text p{
		margin: 1em auto;
	}
	#detail .song{
		font-size: min(1.5vw, 18px);
		font-weight: bold;
		font-style: normal;
		color:#00b4ed;
		text-align: center;
		padding:0;
		margin: 1em auto 2em auto;
	}
	#detail .song .small{
		font-size: min(1.25vw, 14px);
		font-weight: bold;
		font-style: normal;
		color:#00b4ed;
		text-align: center;
		padding:0;
		margin: 0 auto .25em auto;
	}
	#detail .icon{
		width:70%;
		display: flex;
		justify-content:center;
		align-items: center;
		gap: 10px; 
		margin:0 auto 2em auto;
	}
	#detail .icon .radiko{
		width:7%;
		background-image: url("../img/icon_radiko.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:7%;
	}
	#detail .text_i{
		font-size: min(1.5vw, 18px);
		font-weight: 600;
		color:#f47ec6;
		padding:0;
		margin: .0;
		text-align: left;
	}
	#detail .icon:hover{
		opacity: 0.7;
	}
	#detail .link, #detail .sns{
		width:70%;
		text-align: left;
		padding:0.5em 0;
		margin: 1em auto 1em auto;
	}
	#detail .link .text, #detail .sns .text{
		width: fit-content;
		font-size: min(1.25vw, 16px);
		font-weight: 600;
		font-style: normal;
		color:#fff;
		line-height: 1.75em;
		text-align: left;
		padding: 0 3em;
		margin: 0;
		background: #f47ec6;
	}
	#detail .link .text2{
		width: fit-content;
		font-size: min(1.25vw, 16px);
		font-weight: 400;
		font-style: normal;
		color:#f47ec6;
		line-height: 2.75em;
		text-align: left;
		padding: 0;
		margin:0;
	}
	#detail .text2:hover{
		opacity: .5;
 	}
	/*-- natural present --*/
	
	#detail .present{
	   	width:70%;
		max-width:896px;
		background: #e0e0e0;
		display: flex;
		justify-content:space-between;
		align-items:flex-start;
		margin:0 auto;
		position: relative;
	}
	#detail .present .pic{
		width:23%;
		background-image: url("../img/choya_present.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:23%;
		margin: 1%;
		position: relative;
	}
	#detail .present .text{
		width: 73%;
		font-size: min(1.15vw, 15px);
		font-weight: 400;
		line-height: 1.6em;
		font-style: normal;
		color:#222;
		padding:1em 0;
		margin:0 1%;
		text-align: left;
		position: relative;
	}
	#detail .present .text .blue{
		font-size: min(1vw, 12px);
		font-weight: bold;
		color:#00a0e9;
		margin:.5em 0 0 0;
		text-align: left;
	}
	#detail .present .btn{
		display: block;
		width: 73%;
		margin:0 0 0 26%;
		color:#fff;
		bottom:.5em;
		position: absolute;
	}
	#detail .present .btn a:link{
		display: block;
		width: 100%;
		background: #f47ec6;
		font-size: min(1.5vw, 18px);
		font-weight: bold;
		font-style: normal;
		color:#fff;
		text-align: center;
		padding:.75em 0;
	}
	#detail .present .btn a:hover{
		opacity: .5;
		color:#fff;
	}
	#detail .present .btn a:visited{
		color:#fff;
	}
	#detail .sns .inner{
		width: 70%;
		max-width: 896px;
		display: flex;
		justify-content:flex-start;
		align-items: center;
		gap:min(1.5vw,20px);
		margin:0 ;
	}
	#detail .sns .corner_f,
	#detail .sns .corner_x,
	#detail .sns .corner_i {
		width: 9.5%;
		max-width: 90px;
		margin: .5em 0;
	}
	#detail .sns .corner_f a,
	#detail .sns .corner_x a,
	#detail .sns .corner_i a {
		display: block;
		width: 100%;
		padding-top: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#detail .sns .corner_f a {
		background-image: url("../img/icon_fb.svg");
	}
	#detail .sns .corner_x a {
		background-image: url("../img/icon_x.svg");
	}
	#detail .sns .corner_i a {
		background-image: url("../img/icon_instagram.svg");
	}
	#detail .sns .corner_f a:hover,
	#detail .sns .corner_x a:hover,
	#detail .sns .corner_i a:hover {
		opacity: .7;
		cursor: pointer;
	}
}
	
	
/* スマートフォン用 */

@media screen and (max-width:768px )
{

	#detail{
	   	width:100%;
        min-width:300px;
		font-size: 4.5vw;
        margin:0 auto;
        padding:3em 0 0 0;
		text-align: center;
		position: relative;
		z-index: 1;
	}
	#detail .pg_logo{
		width:45%;
		background-image: url("../img/logo_sub.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:42%;
        margin:0 auto;
	}
	#detail .c_title{
		width: 95%;
		background: #f47ec6;
		outline: .05em solid rgb(255, 255, 255);
		outline-offset: -0.2em;
		border-radius: 1em;
		font-size: 7vw;
		font-family: "dita", sans-serif;
		font-weight: 700;
		font-style: normal;
		color:#fff;
		padding:.15em 0;
		margin: 0 auto;
	}
	#detail .c_title p{
		color: transparent;
		-webkit-text-stroke: .025em #fff;
		text-shadow: .05em -0.05em #fff;
		filter: drop-shadow(.05em .05em .05em rgba(0, 0, 0, 0.6));
		padding:0;
		margin:0;
	}
	#detail .read{
		font-size: 3.5vw;
		font-weight: 600;
		color:#f47ec6;
		padding:0;
		margin: 1em 0 0 0;
		text-align: center;
	}	
	#detail .banner{
		width:60%;
		height:auto;
		margin: .25em  auto;
	}
	#detail .banner_c{
		width:50%;
		height:auto;
		margin: 1em  auto;
	}
	#detail .banner_sh{
		width:40%;
		height:auto;
		margin: 1em  auto;
	}
	#detail .w_title{
		width: 80%;
		background: #f47ec6;
		font-size: 2.75vw;
		font-weight: bold;
		font-style: normal;
		color:#fff;
		padding:.5em 0;
		margin: 0 auto .5em auto;
	}
	#detail .w_title p{
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	#detail .w_title .date{
		font-size: 2.5vw;
		font-weight: 400;
		font-style: normal;
		color:#fff;
		padding:0;
		margin: 0 auto .75em auto;
	}
	#detail .w_title .small{
		font-size: 2vw;
		font-weight: 400;
		font-style: normal;
		color:#fff;
		margin: 0 auto;
	}
	#detail .w_photo{
		width: 80%;
		height: auto;
		margin: 0 auto 0 auto;
		position: relative;
	}
	#detail .w_photo img{
		width: 100%;
		height: auto;
		display: block;
	}
	#detail .w_photo p{
		position: absolute;
		width: 100%;
		padding-top:75%;
		background-image: url("../img/photo_cover.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		top:0;
		margin:0;
	}
	#detail .w_photo_fm{
		width: 40%;
		height: auto;
		margin: 0 auto 0 auto;
		position: relative;
	}
	#detail .w_photo_fm img{
		width: 80%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	#detail .w_photo_fm p{
		position: absolute;
		width: 132%;
		padding-top:80%;
		background-image: url("../img/photo_cover_fm.png");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		top:0;
		margin:0 0 0 -16%;
	}
	#detail .index{
		width: 80%;
		font-size: 2.75vw;
		font-weight: bold;
		font-style: normal;
		color:#00b4ed;
		text-align: left;
		padding:0;
		margin: 2em auto 1em auto;
	}
	#detail .text{
		width: 80%;
		font-size: 2.5vw;
		font-weight: 400;
		font-style: normal;
		color:#222;
		line-height: 1.75em;
		text-align: left;
		padding:0;
		margin: 1em auto 3em auto;
	}
	#detail .text p{
		margin: 1em auto;
	}
	#detail .song{
		font-size: 2.75vw;
		font-weight: bold;
		font-style: normal;
		color:#00b4ed;
		text-align: center;
		padding:0;
		margin: 1em auto 2em auto;
	}
	#detail .song .small{
		font-size: 2.5vw;
		margin: 0 auto .25em auto;
	}
	#detail .icon{
		width:80%;
		display: flex;
		justify-content:center;
		align-items: center;
		gap: 10px; 
		margin:0 auto 2em auto;
	}
	#detail .icon .radiko{
		width:14%;
		background-image: url("../img/icon_radiko.svg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:14%;
	}
	#detail .text_i{
		font-size: 2.5vw;
		font-weight: 600;
		color:#f47ec6;
		padding:0;
		margin: .0;
		text-align: left;
	}
	#detail .icon:hover{
		opacity: 0.7;
	}
	#detail .link, #detail .sns{
		width:80%;
		text-align: left;
		padding:0.5em 0;
		margin: 1em auto 1em auto;
	}
	#detail .link .text, #detail .sns .text{
		width: fit-content;
		font-size: 2.25vw;
		font-weight: 600;
		font-style: normal;
		color:#fff;
		line-height: 1.75em;
		text-align: left;
		padding: 0 3em;
		margin: 0;
		background: #f47ec6;
	}
	#detail .link .text2{
		width: fit-content;
		font-size: 2.25vw;
		font-weight: 400;
		font-style: normal;
		color:#f47ec6;
		line-height: 2.75em;
		text-align: left;
		padding: 0;
		margin:0;
	}
	#detail .text2:hover{
		opacity: .5;
 	}
	/*-- natural present --*/
	
	#detail .present{
	   	width:80%;
		background: #e0e0e0;
		margin:0 auto;
		padding: .5em 0;
		position: relative;
	}
	#detail .present .pic{
		width:40%;
		background-image: url("../img/choya_present.jpg");
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top center;
		padding-top:40%;
		margin: 0 auto;
		position: relative;
	}
	#detail .present .text{
		width: 95%;
		font-size: 2.25vw;
		font-weight: 400;
		font-style: normal;
		line-height: 1.5em;
		color:#222;
		padding:1em 0;
		margin:0 2.5%;
		text-align: left;
		position: relative;
	}
	#detail .present .text .blue{
		font-size: 2vw;
		font-weight:bold;
		color:#00a0e9;
		margin:.5em 0 0 0;
		text-align: left;
	}
	#detail .present .btn{
		display: block;
		width: 95%;
		margin:0 0 0  2.5%;
		bottom:.5em;
	}
	#detail .present .btn a:link{
		display: block;
		width: 100%;
		background: #f47ec6;
		font-size: 2.5vw;
		font-weight: bold;
		font-style: normal;
		color:#fff;
		text-align: center;
		padding:1em 0;
	}
	#detail .present .btn a:hover{
		opacity: .5;
	}
	#detail .present .btn a:visited{
		color:#fff;
	}
	#detail .sns .inner{
		width: 100%;
		display: flex;
		justify-content:flex-start;
		align-items: center;
		gap:2.5vw;
		margin:0 ;
	}
	#detail .sns .corner_f,
	#detail .sns .corner_x,
	#detail .sns .corner_i {
		width: 14%;
		margin: .5em 0;
	}
	#detail .sns .corner_f a,
	#detail .sns .corner_x a,
	#detail .sns .corner_i a {
		display: block;
		width: 100%;
		padding-top: 100%;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#detail .sns .corner_f a {
		background-image: url("../img/icon_fb.svg");
	}
	#detail .sns .corner_x a {
		background-image: url("../img/icon_x.svg");
	}
	#detail .sns .corner_i a {
		background-image: url("../img/icon_instagram.svg");
	}
	#detail .sns .corner_f a:hover,
	#detail .sns .corner_x a:hover,
	#detail .sns .corner_i a:hover {
		opacity: .7;
		cursor: pointer;
	}
}