/*******************/
/***コンテンツTOP***/
/*******************/


/*****Webフォント設定*****/
.lst_title h2, .lst_wrap h3, #cnt_title > p, #cnt_info h2, #cnt_right h2{
font-family:'Noto Sans JP', sans-serif;
color:#5dab92;
font-weight:700;
}
#cnt_title h1{
font-family:Ryumin Bold KL;
font-size:3.2rem;
line-height:150%;
}


div#cnt_main{
text-align:center;
padding-top:50px;
}
#cnt_main > ul{margin-top:50px}
.lst_title h2, .lst_wrap h3, #cnt_title > p{
margin-bottom:10px;
}
.lst_title h2{font-size:2.4rem}
div.lst_title{background:#e6f4e9}
.lst_title > div{
max-width:780px;
text-align:left;
margin:0 auto;
}
.lst_title > div > p{width:560px}
.lst_wrap ul{
width:780px;
margin:30px auto;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
ul li.lst_wrap{margin-bottom:50px}
.lst_wrap ul li{
width:360px;
padding-left:20px;
line-height:240%;
text-align:left;
}
#lst_maiko ul li{width:720px}/*麻衣子先生のみ1行表示*/
#lst_maiko ul a li span:last-of-type{display:none}



/*リスト目次疑似アイコン（共通）*/
ul.cnv_list li:before{
content:">";
color:#5dab92;
font-weight:bold;
float:left;
margin-right:10px;
}
.cnv_list li img{
padding-left:10px;
width:40px;
}


.lst_wrap ul a{
color:#444;
font-weight:bold;
}
.lst_wrap ul a:hover li{text-decoration:underline}
.lst_wrap > div > div{padding:50px 0 50px 240px}
div.lst_author, .lst_wrap h3{
width:780px;
margin:0 auto;
}
.lst_author p{text-align:left}
.lst_author p a{
color:#444;
text-decoration:underline;
}
.lst_author p a:hover{text-decoration:none}
.lst_author p:first-of-type{float:left}


/*サムネイル写真丸抜き（共通）*/
img.round_photo{
width:100px;
border-radius:50px;
}
p.lst_name, #cnt_prof h1{
font-weight:bold;
font-size:1.8rem;
}
p.lst_name span, #cnt_prof h1 span{
font-size:1.4rem;
color:#aaa;
}
p.lst_name span{padding-left:10px}
.lst_author p.lst_name, .lst_author p:last-of-type{
margin-left:120px;
}
.lst_wrap h3{
font-size:2.0rem;
text-align:left;
padding:30px 0 20px;
}
#lst_column hr{
border-bottom:1px solid #ccc;
border-top:none;
border-left:none;
border-right:none;
width:1040px;
margin:30px auto 0 auto;
}

#lst_column h3{padding-bottom:0}
ul.col_old{margin-top:10px}
ul.col_old li a{font-weight:normal}


/*酒井先生*/
#lst_sakai > div > div{
background:url("../img/contents/symbl_sakai.png") 50px center no-repeat;
background-size:15% auto;
}
/*麻衣子先生*/
#lst_maiko > div > div{
background:url("../img/contents/symbl_maiko.png") 50px center no-repeat;
background-size:15% auto;
}
/*こころの問題*/
#lst_mondai > div > div{
background:url("../img/contents/symbl_mondai.png") 50px center no-repeat;
background-size:15% auto;
}
/*こころの風邪*/
#lst_kaze > div > div{
background:url("../img/contents/symbl_kaze.png") 50px center no-repeat;
background-size:15% auto;
}
/*対談*/
#lst_talk > div > div{
background:url("../img/contents/symbl_talk.png") 50px center no-repeat;
background-size:15% auto;
}
/*コラム*/
#lst_column > div > div{
background:url("../img/contents/symbl_column.png") 50px center no-repeat;
background-size:15% auto;
}

/****************************************/
/***こころの相談室（各コンテンツ基本）***/
/****************************************/

div#cnt_article{padding-top:30px}

/***左メニュー（本文）***/
div#cnt_left{
width:680px;
margin-right:40px;
}
#cnt_title > p{font-size:2.4rem}
#cnt_title hr{
width:340px;
border-bottom:5px solid #ddd;
border-top:none;
border-left:none;
border-right:none;
margin:0;
padding:0;
}
#cnt_title hr:first-of-type{border-color:#5dab92}
#cnt_title div{padding-bottom:30px}
#cnt_info{margin-bottom:30px}
#cnt_info h2{
font-size:2.0rem;
line-height:150%;
margin-top:20px;
margin-bottom:10px;
}
#cnt_info p{
padding-top:10px;
padding-bottom:10px;
}
#cnt_info p.preinfo{
padding:0;
margin-top:30px;
}
#cnt_info ul{margin:10px 0 10px 20px}
#cnt_info ul li{list-style:circle inside !important}

p.listener{
background:#eff0ef;
border-radius:10px;
font-weight:bold;
font-size:1.6rem;
margin:10px 0;
padding-left:20px;
padding-right:20px;
}

p.cnt_app{
border:2px solid #5dab92;
border-radius:10px;
padding:20px;
margin:30px auto 50px auto;
}
p.cnt_app a{
color:#333;
text-decoration:underline;
font-weight:bold;
}
p.cnt_app a:hover{text-decoration:none}
p.prevbtn{
font-size:1.8rem;
background-size:8% auto;
background-position:15px center;
padding:10px 0 10px 60px;
margin:0 auto 20px auto;
border-radius:25px;
}
a p.prevbtn{width:300px}

/*コンテンツ囲み*/
div.solution{
border:1px solid #5dab92;/*基本色　緑*/
border-radius:15px;
padding:10px 20px;
margin:15px 0;
}
div.solution p.solution_title{
font-weight:bold;
padding:15px 0;
text-align:center;
}
div.solution p.solution_pickup{
border:1px solid #d2691e;
border-radius:3px;
font-weight:bold;
padding:5px 0 !important;
text-align:center;
color:#d2691e;
margin-top:10px;
}

div.tw_author{
width:650px !important;
border:1px solid #5dab92;
border-radius:15px;
padding:15px;
margin-bottom:30px;
}


/***右メニュー（目次）***/

/*プロフィール*/
div#cnt_right{
width:320px;
/*メニュー固定*/
position: -webkit-sticky;
position: sticky;
top:-20px;
z-index:1;
}
div.noprof{top:80px !important}
div#cnt_prof{
text-align:center;
margin-bottom:30px;
}
#cnt_prof h1{
line-height:130%;
padding:15px 0 10px;
}
#cnt_prof h1 span::before{
content:"\A";
white-space:pre;
}
#cnt_prof p{font-size:1.4rem}
#cnt_prof p a{
color:#333;
text-decoration:underline;
}
#cnt_prof p a:hover{text-decoration:none}

/*目次*/
#cnt_right h2{
color:#5dab92;
border-top:4px solid #5dab92;
border-bottom:1px solid #5dab92;
padding-left:40px;
background:url("../img/common/icon_list.png") left center no-repeat;
background-size:8% auto;
line-height:300%;
font-size:1.6rem;
}
#cnt_right h2:nth-of-type(2){margin-top:20px}
#cnt_right ul{margin-top:15px}
#cnt_right ul li{
font-size:1.4rem;
line-height:240%;
}
#cnt_right ul a{color:#333}
#cnt_right ul a:hover li{text-decoration:underline}

p.cnv_name{
font-weight:bold;
margin-top:15px;
margin-bottom:-15px;
}

/**************************/
/***カウンセリングルーム***/
/**************************/

#maiko #cnt_title h1{font-size:2.6rem}
#maiko #cnt_title > p, #maiko #cnt_info h2, #maiko #cnt_right h2{color:#ff66cc}
#maiko p.listener{background:#fce9ee}
#maiko #cnt_title hr:first-of-type{border-color:#f2a5d3}
#maiko #cnt_right h2{
color:#ff66cc;
border-top:4px solid #ff66cc;
border-bottom:1px solid #ff66cc;
background:url("../img/contents/icon_list_maiko.png") left center no-repeat;
background-size:8% auto;
}
#maiko .prevbtn{
background:#ff86d8 url("../img/common/icon_prev.png") no-repeat;
background-size: 8% auto;
background-position: 15px center;
}
#maiko ul.cnv_list li:before{color:#ff66cc}
#maiko a p.nextbtn{
border-color:#ff66cc;
color:#ff66cc;
}
#maiko div.solution{
border-color:#ff66cc !important;
}
#maiko p.solution_title{
padding-bottom:0 !important;
}


/**********************/
/***こころの問題特集***/
/**********************/

#mondai #cnt_info dl{margin-top:20px}
#mondai #cnt_info dl dt{
font-weight:bold;
color:#f4575e;
text-decoration:underline;
}
#mondai #cnt_info dl dd{margin-bottom:30px}


/************************/
/***対談・インタビュー***/
/************************/

.balloon{
position: relative;
margin:20px 0;
}
.balloon .faceicon img{
width: 64px;
border-radius: 50%;
}
.bal_left .faceicon img{border: solid 3px #d7ebfe}
.bal_right .faceicon img{border: solid 3px #d9ffd9}
.talk {
width:560px;
display: inline-block;
position: relative; 
padding: 18px 15px;
border-radius: 12px;
}
.bal_int1, .bal_int2{
font-weight:bold;
font-size:1.5rem;
}
.bal_int1 + div, .bal_int2 + div{margin-top:0}
.bal_int1{text-align:right}

.talk:after {
content: "";
display: inline-block;
position: absolute;
top: 18px; 
border: 12px solid transparent;
}
.bal_left .talk{background: #d7ebfe}
.bal_left .talk:after{
left: -24px;
border-right: 12px solid #d7ebfe;
}
.bal_right .talk{background: #d9ffd9}
.bal_right .talk:after{
right: -24px;
border-left: 12px solid #d9ffd9;
}
#interview #cnt_info p{padding:0}
#interview p a{
color:#333;
text-decoration:underline;
}
#interview p a:hover{text-decoration:none}

#tano .bal_right .faceicon img{border-color:#fbe1e9}
#tano .bal_right .talk{background: #fce9ee}
#tano .bal_right .talk:after{border-left: 12px solid #fce9ee}

/****************************/
/***こころの風邪の基礎知識***/
/****************************/

div#form_wrap{
border:1px solid #333;
padding:20px 40px;
width:480px;
margin:20px auto;
}
div.res{
display:none;
}
#form_wrap form p{
clear:both;
padding-top:20px;
padding-bottom:0;
}
#form_wrap ul li{
list-style:none !important;
float:left;
margin-right:25px;
}
div#chkbtn{
text-align:center;
padding:40px 0 20px;
}
#chkbtn input{margin-top:10px}
#cnt_info .res p:first-of-type{font-weight:bold}
#cnt_info .res p:nth-of-type(2){padding-top:0}
#result_3 p a{
color:#333;
text-decoration:underline;
}
#result_3 p a:hover{text-decoration:none}


/********************/
/***半田広宣コラム***/
/********************/

#cnt_info p a{
text-decoration:underline;
color:#333;
}
#cnt_info p a:hover{text-decoration:none}
p.columnbtn{padding-left:80px}


/*******************/
/***twitterコラム***/
/*******************/
p.twbtn{
text-indent:70px;
padding-left:0 !important;
}



/*****　タブレット用CSS(android10インチ基準)　*****/
@media screen and (max-device-width:800px) {

/*コンテンツ詳細幅調整*/
div#cnt_left, #cnt_title  p img{width:600px}
#cnt_title hr, div#cnt_right{width:320px}

/*対談吹き出し幅調整*/
.talk {width:480px}

}

/*****　スマホ用CSS(iPhone6plus横置き限定)　*****/
@media screen and (max-device-width:736px) and (orientation: landscape){

html{line-height:120%}

}

/*****　スマホ用CSS(iPhone6plus横幅対応)　*****/
@media screen and (max-device-width:414px) , screen and (max-device-width:736px) and (orientation: landscape){

body{width:auto}


/***コンテンツTOP***/

.lst_title div{
background-position:30px center !important;
background-size:20% auto !important;
padding:30px 0 30px 260px !important;
}
.lst_title > div > p{display:none}
.lst_title h2{
font-size:4.8rem;
margin-bottom:0;
}
/*改行タグ後で整理する*/
.lst_title h2 span::before, p.lst_name span::before, .lst_wrap h3 span::before{
content:"\A";
white-space:pre
}
.lst_wrap ul{
width:auto;
display:block;
}
/*リスト表示　コンテンツ詳細と共通*/
ul.cnv_list li{
font-size:4.2rem;
width:auto;
padding-left:50px;
padding-right:40px;
border-bottom:1px solid #333;
line-height:280%;
}
ul.cnv_list li:before{content:none}
ul.cnv_list li:after{
content:">";
color:#5dab92;
font-weight:bold;
font-size:6.0rem;
float:right;
margin-right:20px;
}
.cnv_list li img{
width:80px;
}

.lst_wrap ul a{font-weight:normal}
#lst_maiko ul li{width:auto}
#lst_maiko ul a li span:first-of-type{display:none}
#lst_maiko ul a li span:last-of-type{display:inline}

#lst_kaze > div, #lst_mondai > div, #lst_talk div{
padding-top:30px;
padding-bottom:30px;
}
div.lst_author{
width:auto;
padding:30px 50px;
}
.lst_author p.lst_name, .lst_author p:last-of-type{
line-height:150%;
}

/*サムネイル写真丸抜き（共通）*/
img.round_photo{
width:200px;
border-radius:100px;
}

div.lst_author, .lst_wrap h3{width:auto !important}
.lst_author h3{font-size:4.4rem}
.lst_author p.lst_name{
font-size:5.4rem;
margin-left:250px;
}
.lst_author p.lst_name span{font-size:4.0rem}
.lst_author p:last-of-type{
font-size:4.0rem;
margin-top:50px;
margin-left:0;
}
#lst_column hr{display:none}
#lst_column h3{
padding-left:30px;
font-size:4.0rem;
}

/***こころの相談室他***/
div#cnt_article{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
div#cnt_left{
width:auto;
margin:0 auto;
padding:0 50px;
}
#cnt_title h1{
font-size:5.4rem;
}
#cnt_title > p{
font-size:3.6rem;
}
#cnt_title hr{
width:calc(90vw / 2);
}
#cnt_title p img{
width:94vw;
text-align:center;
}
div#cnt_info p{
font-size:4.2rem;
line-height:150%;
padding-top:30px;
padding-bottom:30px;
}
#cnt_info ul li{font-size:3.4rem}
#cnt_info dl dt,#cnt_info dl dd{font-size:3.8rem}
#cnt_info h2{
font-size:4.4rem;
padding-top:40px;
line-height:140%;
}
p.listener{
font-weight:normal;
padding:10px 30px;
margin-top:20px;
margin-bottom:20px;
}
p.cnt_app{
font-size:4.0rem;
padding:30px;
line-height:150%;
}
p.cnt_app a{font-weight:normal}
/*
a p.nextbtn{
border-width:4px;
font-size:3.6rem;
width:90%;
margin-top:80px;
margin-bottom:80px;
}
*/
p.prevbtn{
font-size:4.0rem;
padding:20px 0 20px 100px;
border-radius:35px;
}
a p.prevbtn{width:75%}
div.tw_author{
width:auto;
}


/***右メニュー（目次）***/
div#cnt_right{
width:1040px;
margin-top:80px;
}
div#cnt_prof{
padding:0 50px;
}
#cnt_prof h1{
font-size:4.8rem;
text-align:left;
margin-left:250px;
padding:50px 0;
}
#cnt_prof h1 span{font-size:3.6rem}
#cnt_prof p:first-of-type{
float:left;
}
#cnt_prof p{
font-size:4.0rem;
line-height:160%;
}
/*
#cnt_prof p img{
width:200px;
border-radius:100px;
}
*/
#cnt_prof p:last-of-type{clear:both}
#cnt_right h2{
font-size:4.2rem;
padding-left:130px;
border-width:6px 0 3px;
background-position:30px center;
}
#cnt_right ul li{font-size:4.0rem}
#cnt_right h2:nth-of-type(2){margin-top:100px}
p.cnv_name{
font-size:4.0rem;
padding-left:30px;
}

/*カウンセリングルーム*/
#maiko #cnt_title h1{font-size:5.2rem}
#maiko #cnt_right h2{background-position:30px center}
#maiko ul.cnv_list li:after{color:#ff66cc}


/*対談・インタビュー*/
#interview #cnt_title h1{font-size:4.8rem}
#interview .talk{
width:85%;
padding-left:30px;
padding-right:30px;
}
.balloon .faceicon img{width:75%}
.balloon{margin:30px 0}
.bal_int1, .bal_int2{font-size:3.2rem !important}


/*こころの風邪の基礎知識*/
div#form_wrap{width:85%}
#form_wrap ul li input[type="radio"]{
-webkit-transform: scale(2.0);
transform: scale(2.0);
margin-right: 1.0em;
}
div#chkbtn{padding-top:100px}
#chkbtn input{
font-size:3.6rem;
padding:10px 0;
}

/*社長コラム*/
#cnt_left p.right{font-size:3.2rem}
p.columnbtn{padding-left:120px}
a p.columnbtn{width:60%}


.reduce{font-size:3.6rem !important}


}