@charset "UTF-8";
/* CSS Document */


h3,
h4,
h5 {
	font-family: '游ゴシック体', 'Yu Gothic', YuGothic,'ヒラギノ角ゴシック','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic' ,sans-serif;
}

.fc_373f43{color: #373f43;}
.fc_fff{color: #FFFFFF;}


#content04 a{
	color: inherit;
}

#content04 a:hover{
	color: inherit;
	cursor: pointer !important;
	text-decoration: none;
}

.top_visu{
	padding-bottom: 3em;
	margin: 0;
}

.top_visu_box{
	position: relative;
	margin-bottom: 3rem;
}

.top_visu_box .tvb_inner{
	position: absolute;
	width: 90%;
	left: 5%;
	top: -2rem;
	margin-bottom: 2rem;
}

.top_visu_box .tvb_inner_tlt{
	padding: 1rem;
}

.top_visu_box .tvb_inner_tlt h3{
	font-size: 40px;
	font-weight: 600;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.top_visu_box .tvb_inner_tlt h3{
		padding-top: 3px;
		font-size: 2.2rem;
	}
}

.top_visu_box .tvb_inner_sub{
	padding: 1rem 1rem 2rem;
	border-bottom: solid #ddd 1px;
	line-height: 2.0rem;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.top_visu_box .tvb_inner_sub{
		padding: 0 0 2rem;
		font-size: 1.3rem;
	}
}

/* pc */
@media only screen 
and (min-width : 641px) {
	.top_visu_box .tvb_inner_sub p{
		font-size: 18px;
	}
}

.ai_top_visu{
	padding-bottom: 3em;
	margin: 0;
	position: relative;
}

.ai_top_visu_box{
	position: absolute;
	right: 8%;
	top: 8%;
	margin-bottom: 2rem;
}
.ai_top_visu_box h3{
	font-size: 35px;
	font-weight: 600;
	padding: .8rem .5rem;
}
.ai_top_visu_box p{
	display: inline-block;
	padding: .8rem 0;
	margin-left: .8rem;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.ai_top_visu_box {
		right: 5%;
	}
	.ai_top_visu_box h3{
		font-size: 14px;
	}
	.ai_top_visu_box p{
		font-size: 16px;
	}
}
/* tab */
@media only screen 
and (min-width : 641px) 
and (max-width : 960px) {
	.ai_top_visu_box {
		right: 5%;
	}
	.ai_top_visu_box h3{
		font-size: 20px;
	}
	.ai_top_visu_box p{
		font-size: 17px;
	}
}

/*article_indexのところ*/
.ai_box {
	margin-bottom: 70px;
}
.ai_box > div{
	margin: 25px 0;
}
.ai_box p{
	margin: 0;
	font-size: 18px;
	line-height: 2.5rem;
}
/* pc */
@media only screen 
and (min-width : 641px) {
	.ai_box_text {
		padding-left: 4rem;
	}
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.ai_box p{
		padding: 15px;
		font-size: 14px;
		line-height: 1.8;
	}
	.ai_box > div{
		margin: 10px 0;
	}
}


.tags span{
	display: inline-block;
	line-height: 1.2rem;
	color: #333333;
	border: solid 1px #333333;
	border-radius: 1em;
	padding: 0 1em 0;
	margin-right: .5em;
	font-size: .7em;
}

.tags span::before{
	content: "# ";
}


.article_inner{
	width: 80vw;
	margin: 0 auto;
	box-sizing: border-box;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_inner{
		width: 100vw;
		margin: 0 auto;
	}

}

/* tab */
@media only screen 
and (min-width : 640px) 
and (max-width : 960px) {

}

/* Large */
@media only screen 
and (min-width : 1200px) {
	.top_visu_box .tvb_inner_tlt{
		display: inline-block;
	}
	
}

.article_main{
	width: 80vw;
	box-sizing: border-box;
}

#content01 .article_main{
	margin: 252px auto 0;
}

#content02 .article_main{
	margin: 150px auto 0;
}

#content03 .article_main{
	margin: 240px auto 0;
}

#content04 .article_main{
	margin: 250px auto 0;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.article_main{
		width: 90vw;
	}
	#content01 .article_main{
		padding-top: 85%;
		margin: 0 auto;
	}
	#content02 .article_main{
		padding-top: 55%;
		margin: 0 auto;
	}
	#content03 .article_main{
		padding-top: 85%;
		margin: 0 auto;
	}
	#content04 .article_main{
		padding-top: 85%;
		margin: 0 auto;
	}
}

.article_container{
	width: 85%;
	margin: 0 auto;
	padding: 2rem;
	box-sizing: border-box;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_container{
		width: 100%;
		margin: 0;
		padding: 0;
	}
}

.article_tlt {
	font-size: 30px;
	border-top: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
	font-weight: 600;
	padding: 1rem;
	margin: 4rem 0;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_tlt {
		font-size: 2.0rem;
		border-top: solid #ddd 1px;
		border-bottom: solid #ddd 1px;
		font-weight: 600;
		padding: 1rem;
		margin: 3rem 0;
	}
}


#content02 .article_tlt {
	border-top: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
	font-weight: 600;
	padding: 1rem;
	margin: 4rem;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	#content02 .article_tlt {
		font-size: 2.0rem;
		border-top: solid #ddd 1px;
		border-bottom: solid #ddd 1px;
		font-weight: 600;
		padding: 1rem;
		margin: 3rem 0;
	}
}
#content03 .article_tlt {
	border-top: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
	font-weight: 600;
	padding: 1rem;
	margin: 4rem;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	#content03 .article_tlt {
		font-size: 2.0rem;
		border-top: solid #ddd 1px;
		border-bottom: solid #ddd 1px;
		font-weight: 600;
		padding: 1rem;
		margin: 3rem 0;
	}
}
#content04 .article_tlt {
	border-top: solid #ddd 1px;
	border-bottom: solid #ddd 1px;
	font-weight: 600;
	padding: 1rem;
	margin: 4rem;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	#content04 .article_tlt {
		font-size: 2.0rem;
		border-top: solid #ddd 1px;
		border-bottom: solid #ddd 1px;
		font-weight: 600;
		padding: 1rem;
		margin: 3rem 0;
	}
}

/*記事の中身*/
.article_section{
	margin-bottom: 220px;
	color: #333;
}
#content02 .article_section{
	margin-bottom: 130px;
}
#content03 .article_section{
	margin-bottom: 110px;
}
#content04 .article_section{
	margin-bottom: 130px;
}
.article_section_small{
	margin-bottom: 80px!important;
}

.article_section p{
	line-height: 2.5rem;
	margin-bottom: 50px;
}


.prescription_pc_img {
	width: 85%;
}
/* pc */
@media only screen 
and (min-width : 641px) {
	.article_section p{
		font-size: 18px;
	}
}
.article_section p span{
	font-size: 20px;
	font-weight: 600;
}

#content02 .article_section p span{
	font-size: 1.15rem;
	font-weight: 600;
}
#content04 .article_section p span{
	font-size: 1.15rem;
	font-weight: 600;
}

.article_section h4{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 50px;
}

.article_section img{
	margin-bottom: 50px;
}

.article_section > div{
	margin-bottom: 50px;
}

.advice_pc_img {
	width: 80%;
} 

.article_section a {
	text-decoration: underline;
}

#content03 .article_section hr {
	width: 50%;
	margin-top: 180px;
	margin-bottom: 110px;
	border-color: #ccc;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.article_section{
		margin-bottom: 80px;
		font-size: 1.3rem;
	}
	.article_section_small{
		margin-bottom: 50px!important;
	}
	.article_section h4{
		font-size: 1.6rem;
		margin-bottom: 30px;
	}
	.article_section img{
		margin-bottom: 30px;
	}
	.article_section > div{
		margin-bottom: 30px;
	}
	.article_section p span{
		font-size: 1.4rem;
	}
	
}


/*お悩みのボックス*/
.article_section_q{
	margin-bottom: 100px;
	color: #333;
	border-left: solid #1db1a1 5px;
	padding: 0 0 0 1.2rem;
}

.article_section_q p{
	font-size: 18px;
	line-height: 2.0rem;
	margin: 0!important;
}

.article_section_q h4{
	font-size: 24px;
	font-weight: 600;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_section_q{
		margin-bottom: 70px;
		font-size: 1.3rem;
		padding: 0 0 .5rem 1.2rem;
	}
	.article_section_q h4{
		font-size: 2.0rem;
	}
	.article_section_q p{
		font-size: 1.4rem;
	}
}

/*相談中身*/
.answer_box {
	padding-left: 40px;
}
.answer_box p{
	margin-bottom: 40px;
}
/* pc */
@media only screen 
and (min-width : 641px) {
	.answer_box p{
		font-size: 18px;
	}
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.answer_box {
		padding: 0;
	}
	.answer_box h4{
		font-size: 2.0rem;
	}
	.answer_box h4.text-green{
		font-size: 1.65rem;
	}
	.answer_box p{
		line-height: 3rem;
	}
}

/*歌詞の部分*/
.gray_box {
	background-color: #f3f3f3;
	padding: 50px 50px 5px;
	margin-bottom: 20px;
}
.gray_box h5{
	font-weight: 600;
	margin-bottom: 40px;
}
.gray_box h5 span{
	font-size: 1.2rem;
}
.gray_box p{
	font-size: 0.95rem;
	line-height: 2rem;
	margin-bottom: 35px;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.gray_box {
		padding: 10% 5% 1px;
	}
	.gray_box h5{
		font-size: 1.3rem;
	margin-bottom: 35px;
	}
	.gray_box h5 span{
		font-size: 1.4rem;
	}
	.gray_box p{
		font-size: 1.25rem;
		margin-bottom: 30px;
	}
}

/*アマゾンリンクのところ*/
.music_link > div{
	padding: 0 15px;
}
.music_link img {
	margin: 0;
}
.music_link h5 {
	font-size: .9rem;
	font-weight: 600;
	margin-bottom: 10px;
}
.music_link p {
	margin-bottom: 0;
	margin-top: 10px;
	line-height: 1.3rem;
	font-size: .8rem;
}
.music_link a {
	text-decoration: underline;
}

/*記事04の自己紹介*/
.article_section_intro{
	margin-bottom: 80px;
	color: #333;
}
.article_section_intro p{
	font-size: 1.0rem;
	line-height: 1.6rem;
	margin-bottom: 60px;
}
.article_section_intro h4{
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 50px;
}
.article_section_intro h5{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 25px;
}
.article_section_intro img{
	padding-right: 25px;
	margin-bottom: 60px;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.article_section_intro{
		margin-bottom: 30px;
		font-size: 1.3rem;
	}
	.article_section_intro p{
		font-size: 1.4rem;
		line-height: 2.4rem;
	}
	.article_section_intro h4{
		font-size: 2.0rem;
		margin-bottom: 30px;
	}
	.article_section_intro h5{
		font-size: 1.6rem;
		margin-bottom: 20px;
	}
	.article_section_intro img{
		padding: 0;
		margin-bottom: 30px;
	}
}

/*ラジオトーク*/

.article_radio {
	margin-bottom: 70px;
}
.article_radio img{
	padding-right: 40px;
	width: 90%;
}
.article_radio p{
	font-size: 20px;
	margin: 0;
	padding: 0;
}
.article_radio > p{
	font-size: 20px;
	margin: 70px 0 0;
	padding: 0;
	text-decoration: underline;
}
.radio_img_r {
	flex-flow: row-reverse;
}
.radio_img_r img{
	padding-right: 0!important;
	padding-left: 40px;
}

.radio_tlt {
	margin: 150px 0 80px;
}
.radio_tlt img{
	width: 200px;
	margin: 0 auto;
	padding: 0;
}
.radio_tlt h3{
	padding: 0;
	margin: 15px 0 0;
	font-size: 30px;
}
.radio_tlt h4{
	font-size: 19px;
}
.mb-50 {
	margin-bottom: 50px;
}
.article_radio_cp p {
	font-size: 18px;
	line-height: 2rem;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_radio {
		margin-bottom: 60px;
	}
	.article_radio img{
		padding: 0;
	}
	.article_radio p{
		font-size: 15px;
		line-height: 1.6;
	}
	.article_radio > p{
		font-size: 16px;
		margin: 40px 0 0;
		padding: 0;
		text-decoration: underline;
	}
	.radio_img_r img{
		padding: 0;
	}
	.radio_tlt {
		margin: 90px 0 60px;
	}
	.radio_tlt img{
		width: 150px;
	}
	.radio_tlt h3{
		font-size: 24px;
	}
	.radio_tlt h4{
		font-size: 17px;
		margin-bottom: 15px;
	}
	.article_radio_cp p {
		font-size: 15px;
	}
	.fs-22 {
		font-size: 22px!important;
	} 
}

.uk-width-5-6 {
	max-width: calc(100% * 5 / 6.001);
}


.border_l {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background: #FFF;
	border: solid #cddae2 2px;
	border-radius: 10px;
	margin-top: 10px;
	padding: 20px 30px;
	width: fit-content;
}

.border_l:before {
	content: "";
	position: absolute;
	top: 30px;
	left: -23px;
	margin-top: -12px;
	border: 8px solid transparent;
	border-right: 15px solid #fff;
	z-index: 2;
}

.border_l:after {
	content: "";
	position: absolute;
	top: 30px;
	left: -29px;
	margin-top: -14px;
	border: 10px solid transparent;
	border-right: 18px solid #cddae2;
	z-index: 1;
}

.border_r {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	background: #FFF;
	border: solid #cddae2 2px;
	border-radius: 10px;
	margin-top: 10px;
	padding: 20px 30px;
	width: fit-content;
}

.border_r:before {
	content: "";
	position: absolute;
	top: 30px;
	right: -23px;
	margin-top: -12px;
	border: 8px solid transparent;
	border-left: 15px solid #fff;
	z-index: 2;
}

.border_r:after {
	content: "";
	position: absolute;
	top: 30px;
	right: -29px;
	margin-top: -14px;
	border: 10px solid transparent;
	border-left: 18px solid #cddae2;
	z-index: 1;
}

/* sp */
@media only screen 
and (max-width : 640px) {
	.uk-width-1-6 {
		min-width: calc(100% * 1 / 6.001);
	}
	.border_l {
		margin-top: 2px;
		padding: 10px 15px;
		margin-left: 25px;
	}

	.border_l:before {
		top: 21px;
		left: -19px;
		margin-top: -12px;
		border: 7px solid transparent;
		border-right: 14px solid #fff;
	}

	.border_l:after {
		top: 22px;
		left: -24px;
		margin-top: -14px;
		border: 8px solid transparent;
		border-right: 14px solid #cddae2;
	}

	.border_r {
		margin-top: 2px;
		padding: 10px 15px;
		margin-right: 25px;
	}

	.border_r:before {
		top: 21px;
		right: -19px;
		margin-top: -12px;
		border: 7px solid transparent;
		border-left: 14px solid #fff;
	}

	.border_r:after {
		top: 22px;
		right: -24px;
		margin-top: -14px;
		border: 8px solid transparent;
		border-left: 14px solid #cddae2;
	}
}


.b-orange {
	border-color: #ecc5ae;
}
.border_l.b-orange:after {
	border-right-color: #ecc5ae;
}
.border_r.b-orange:after {
	border-left-color: #ecc5ae;
}

.b-green {
	border-color: #c4cc91;
}
.border_l.b-green:after{
	border-right-color: #c4cc91;
}
.border_r.b-green:after {
	border-left-color: #c4cc91;
}

.b-gray {
	border-color: #cddae2;
}
.border_l.b-gray:after{
	border-right-color: #cddae2;
}
.border_r.b-gray:after {
	border-left-color: #cddae2;
}

/*aタグの色*/
.music_link a:link, .music_link a:visited, .music_link a:hover, .music_link a:active {
	color: #666;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.music_link > div{
		padding: 0 10px;
	}
	.music_link h5 {
		font-size: 1.15rem;
		margin-bottom: 7px;
		line-height: 1.7rem;
	}
	.music_link p {
		margin-bottom: 0;
		margin-top: 7px;
		line-height: 1.3rem;
		font-size: .8rem;
	}
}

/*文字色オレンジ*/
.text-orange {
 color: orange!important;
}

/*文字色グリーン*/
.text-green {
 color: #1db1a1!important;
}

/*文字色レッド*/
.text-red {
 color: #ef5673!important;
}

/*文字色レッド2*/
.text-red2 {
 color: #eb4256!important;
}

/*aタグの色*/
#content03 a:link, #content03 a:visited, #content03 a:hover, #content03 a:active {
	color: #333;
}

/*文字横のアイコン*/
.left_icon {
	height: 1.6rem;
	margin: 0 12px 0 0;
	vertical-align: text-bottom;
}
#content03 .left_icon {
	height: 1.4rem;
	margin: 0 5px 0 0;
	vertical-align: text-bottom;
}
@media only screen 
and (max-width : 640px) {
	.left_icon {
		height: 2.0rem;
		margin: 0 7px 0 0px;
	}
}


/*マージン*/
/* pc */
@media only screen 
and (min-width : 641px) {
	.mb-100 {
		margin-bottom: 100px!important;
	}
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.mb-60 {
		margin-bottom: 60px!important;
	}
}



/*記事のコピーライト*/
.article_cp {
	margin-bottom: 80px;
}
.article_cp h4{
	font-weight: 300;
	margin-bottom: 10px;
}
#content02 .article_cp h4{
	font-size: 1.4rem;
}
.article_cp div{
	color: #333;
}
#content02 .article_cp div{
	line-height: 1.8rem;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	#content02 .article_cp h4{
		font-size: 1.8rem;
	}
	#content02 .article_cp div{
		font-size: 1.3rem;
		line-height: 2.5rem;
	}
}

/*READ MORE*/
.article_more{
	margin-bottom: 150px;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.article_more .uk-h2{
		font-size: 2.0rem;
	}
	.article_more p{
		font-size: 1.4rem;
	}
}


/*動画レスポンシブ対応*/
.video{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/*MOREのアロー*/

a.arrow2{
	text-decoration:none;
	color:#373f43;
	display:inline-block;
	padding-right:86px;
	position:relative;
}
a.arrow2:before, a.arrow2:after{
	content:"";
	display:block;
	-webkit-transform:skewX(45deg);
	transform:skewX(45deg);
	position:absolute;
	right:0;
	bottom:14px;
}
a.arrow2:before{
	width:70px;
	height:2px;
	background:#373f43;
	position: absolute;
	right: -2px;
}
a.arrow2:after{
	width:3px;
	height:12px;
	background:#373f43;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	a.arrow2{
		padding-right:50px;
		font-size: 1.5rem;
		padding-top: 20px;
	}
	a.arrow2:before, a.arrow2:after{
		bottom:9px;
	}
	a.arrow2:before{
		width: 40px;
		right: 0px;
		height:1px;
	}
	a.arrow2:after{
		width: 2px;
		height: 10px;
		right: 4px;
	}
}

/*赤色のアロー*/

a.arrow2_red{
	text-decoration:none;
	color:#ef5673;
	display:inline-block;
	padding-right:60px;
	position:relative;
	font-size: 1.2rem;
}
a.arrow2_red:before, a.arrow2_red:after{
	content:"";
	display:block;
	-webkit-transform:skewX(45deg);
	transform:skewX(45deg);
	position:absolute;
	right:0;
	bottom:14px;
}
a.arrow2_red:before{
	width: 55px;
	height: 1px;
	background: #ef5673;
	position: absolute;
	right: -4px;
}
a.arrow2_red:after{
	width:2px;
	height:12px;
	background:#ef5673;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	a.arrow2_red{
		padding-right:50px;
		font-size: 14px;
		font-weight: 600;
		padding-top: 20px;
	}
	a.arrow2_red:before, a.arrow2_red:after{
		bottom:9px;
	}
	a.arrow2_red:before{
		width: 40px;
		right: 0px;
	}
	a.arrow2_red:after{
		width: 2px;
		height: 10px;
		right: 4px;
	}
}

/*フッターのナブ*/
/* sp */
@media only screen 
and (max-width : 640px) {
	footer .uk-navbar-nav>li:last-child>a {
		padding-right: 25px!important;
	}
}


footer{
	background-color: #373f43;
	height: 200px;
	position: relative;
	margin: 0;
	padding-top: 50px;
}

#footer_nav.uk-navbar-nav>li>a{
	color: #FFFFFF !important;
}

.copy{
	background-color: #1e2325;
	color: #CCCCCC;
	margin: 0;
	padding: 1rem 0;
}
.ss_small {
	font-size: .8em;
	line-height: 1.5;
}

.aiyado_white {
	width: 200px;
	margin: 0 auto;
}
/* sp */
@media only screen 
and (max-width : 640px) {
	.aiyado_white {
		width: 130px;
		margin: 0 auto;
	}
}