@charset "utf-8";

/* ===================================================================
Style CSS
ウィンドウ幅[1024px～]の場合に適用
=================================================================== */

/* ===================================================================
汎用style
=================================================================== */
.pb1 {padding-bottom: 1em;}
.pb2 {padding-bottom: 2em;}
.pb3 {padding-bottom: 3em;}
.pb4 {padding-bottom: 4em;}
.pb5 {padding-bottom: 5em;}
.mb1 {margin-bottom: 1em;}
.mb2 {margin-bottom: 2em;}
.mb3 {margin-bottom: 3em;}
.mb4 {margin-bottom: 4em;}
.mb5 {margin-bottom: 5em;}
.f12 {font-size: 1.2rem;}
.f14 {font-size: 1.4rem;}
.f16 {font-size: 1.6rem;}
.f18 {font-size: 1.8rem;}

/* ===================================================================
共通
=================================================================== */

/*	h
--------------------------------------------------------------------*/
h3 {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-align: center;/* IE10 */
align-items: center;
position: relative;
width: 100%;
height: 60px;
margin-bottom: 2em;
padding: 0 1em;
font-size: 2rem;
font-weight: normal;
border: 1px solid #dd6565;
border-radius: 4px;
background: white;
}

h3::before {
content: '\f10c';
padding-right: .5em;
font-size: 3rem;
color: #dd6565;
}

.ind_news li h4 {
font-size: 1.6rem;
}

#sidebar h5 {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-align: center;/* IE10 */
align-items: center;
width: 100%;
height: 50px;
margin-bottom: 1.2em;
padding-left: 1em;
font-size: 1.6rem;
font-weight: normal;
color: white;
border-radius: 4px 4px 0 0;
background: #dd6565;
}

.side_news h6 {
padding-bottom: .4em;
font-size: 1.2rem;
}

/* ----- index以外 h2 ----- */
.lower_ttl_h2 {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-align: center;/* IE10 */
align-items: center;
width: 100%;
height: 90px;
margin-bottom: 2em;
padding: 0 1em;
font-size: 2rem;
font-weight: bold;
text-shadow: 0 0 3px white, 1px 1px 3px white, -1px -1px 3px white, 1px -1px 3px white, -1px 1px 3px white;
box-shadow: 0 2px 10px 0 rgba(50, 50, 50, .3);
background: #f2b6b6;
}

.sec_post {
overflow: hidden;
}

/* ----- 投稿詳細ページ h3 ----- */
.post_content h3 {
padding: 0;
font-weight: bold;
border: none;
border-bottom: 2px solid #dd6565;
border-radius: 0;
background: none;
}

.post_content h3::before {
content: none;
}

/* ----- 一覧ページ h4 ----- */
.list h4 {
padding-bottom: .4em;
font-size: 1.6rem;
}

/*	header
--------------------------------------------------------------------*/


/*	sidebar
--------------------------------------------------------------------*/
#sidebar section {
margin-bottom: 2em;
background: white;
}

/* ----- 検索入力フォーム ----- */
#sidebar .widget_search {
padding-bottom: 0;
background: none;
}

#searchform div {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
}

#searchform input[type="text"] {
width: 230px;
height: 40px;
padding: 0 .6em;
font-size: 1.6rem;
border: 1px solid #ccc;
}

#searchsubmit {
width: 40px;
height: 40px;
color: white;
border: none;
background: #dd6565;
cursor: pointer;
}

#searchsubmit:hover {
opacity: .7;
filter: alpha(opacity=30);
transition: .3s ease-in-out;
}

#searchsubmit i {
font-size: 2rem;
}

/* ----- バナーエリア(ウィジェット内で管理) ----- */
#sidebar .widget_text {
background: none;
}

.bnr_side li {
padding-bottom: 1.2em;
text-align: center;
}

.bnr_side li:last-child {
padding: 0;
}

/* ----- 新着リスト表示 ----- */
.side_news li {
margin-bottom: 1.2em;
padding-bottom: 1.2em;
border-bottom: 1px solid #ccc;
}

.side_news li:last-child {
margin-bottom: .6em;
}

.side_news figure {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
-ms-flex-wrap:wrap;/* IE10 */
flex-wrap: wrap;
padding: 0 1em;
}

.side_news figcaption {
width: 70%;
}

.side_news time {
padding-bottom: 0;
}

#sidebar .more_list {
padding: 0 1em 1em;
text-align: right;
font-size: 1.2rem;
}

#sidebar .more_list::before {
content: '\f138';
padding-right: .6em;
color: #dd6565;
}

/* ----- ウィジェット関連一括指定 ----- */
#sidebar .widget_categories h5,
#sidebar .widget_meta h5,
#sidebar .widget_pages h5,
#sidebar .widget_recent_entries h5,
#sidebar .widget_nav_menu h5 {
margin-bottom: 0;
}

.widget_categories li a,
.widget_meta li a,
.widget_pages li a,
.widget_recent_entries li a,
.widget_nav_menu li a {
display: block;
padding: 1em;
border-bottom: 1px solid #ccc;
}

.widget_calendar a {
display: block;
}

.widget_categories li:last-child a,
.widget_meta li:last-child a,
.widget_pages li:last-child a,
.widget_recent_entries li:last-child a,
.widget_nav_menu li:last-child a {
border: none;
}

.widget_categories li a:hover,
.widget_meta li a:hover,
.widget_pages li a:hover,
.widget_calendar a:hover,
.widget_recent_entries a:hover,
.widget_nav_menu a:hover {
color: #000;
text-decoration: none;
background: rgba(221, 101, 101, .4);
opacity: .7;
filter: alpha(opacity=30);
transition: .3s ease-in-out;
}

/* ----- アーカイブ(ウィジェット) ----- */
.widget_archive ul {
padding-bottom: 1em;
padding-left: 2em;
}

.widget_archive li {
list-style-type: disc;
}

/* ----- カテゴリー(ウィジェット) ----- */
.widget_categories li a::before,
.widget_nav_menu li a::before {
content: '\f114';
padding-right: .6em;
}

/* ----- カレンダー(ウィジェット) ----- */
.widget_calendar table {
width: 100%;
border-spacing: 0;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.widget_calendar caption {
padding: .6em 0;
}

.widget_calendar th,
.widget_calendar td {
padding: .4em .6em;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.widget_calendar thead th {
text-align: center;
}

.widget_calendar tbody td {
text-align: right;
}

/*	other
--------------------------------------------------------------------*/
time {
display: block;
position: relative;
padding: 0 0 0 1.6em;
font-size: 1.2rem;
}

time::before {
content: '\f133';
position: absolute;
top: -.1em;
left: 0;
}

.lst_info {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
padding-bottom: 1em;
list-style-type: none;
}

.lst_info li {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: center;/* IE10 */
justify-content: center;
-ms-flex-align: center;/* IE10 */
align-items: center;
height: 30px;
}

.lst_info li:last-child a {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-align: center;/* IE10 */
align-items: center;
height: 100%;
padding: 1em;
color: white;
border-radius: 4px;
transition: .3s ease-in-out;
}

.lst_info li:last-child a:hover {
color: white;
text-decoration: none;
opacity: .7;
filter: alpha(opacity=30);
}

.lst_info li:last-child a::before {
content: '\f114';
padding-right: .6em;
}

.lst_info_news a {background: #FFA491;}
.lst_info_patient a {background: #9DBBE0;}
.lst_info_qa a {background: #FFCA7F;}
.lst_info_mailmagazine a {background: #DDA0DD;}
.lst_info_cure a {background: #A5DDF8;}
.lst_info_transplant a {background: #A2F09D;}
.lst_info_faga a {background: #DD6565;}
.lst_info_haircare a {background: #C8B504;}
.lst_info_improve a {background: #0080FF;}
.lst_info_symptom a {background: #5C7D57;}
.lst_info_tom a {background: #D1884B;}

.list time,

.list li:last-child {
font-size: 1.4rem;
}

.ind_news .lst_info time,
.ind_news li:last-child {
font-size: 1.2rem;
}

/*	navigation
--------------------------------------------------------------------*/
.post-navigation {
padding-bottom: 4em;
}

.post-navigation .nav-links {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
width: 50%;
}

.post-navigation .nav-next {
text-align: right;
}

.post-navigation .nav-previous i {
padding-right: 1em;
}

.post-navigation .nav-next i {
padding-left: 1em;
}

/*	pagination
--------------------------------------------------------------------*/
.pagination .nav-links {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: center;/* IE10 */
justify-content: center;
font-size: 2rem;
}

.pagination .nav-links .page-numbers {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: center;/* IE10 */
justify-content: center;
-ms-flex-align: center;/* IE10 */
align-items: center;
width: 40px;
height: 40px;
margin: 0 .2em;
}

.pagination .nav-links a {
color: #dd6565;
text-decoration: none;
border: 1px solid #dd6565;
}

.pagination .nav-links a:hover,
.pagination .current {
color: white;
background: #dd6565;
}

/* ===================================================================
index
=================================================================== */
.ind_img_main {
max-width: 980px;
width: 100%;
margin: 0 auto;
padding-bottom: 3em;
}

.ind_link ul {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
padding-bottom: 3em;
}

.ind_link li a {
position: relative;
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: center;/* IE10 */
justify-content: center;
-ms-flex-align: center;/* IE10 */
align-items: center;
width: 200px;
height: 200px;
font-size: 2rem;
font-weight: bold;
color: white;
text-align: center;
border-radius: 100px;
}

.ind_link li a:hover {
text-decoration: none;
opacity: .7;
filter: alpha(opacity=30);
transition: .3s ease-in-out;
}

.ind_link li a::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 180px;
margin: auto;
font-size: 10.5rem;
font-weight: normal;
color: rgba(255, 255, 255, .2);
}

.ind_link li:nth-of-type(1) a::before {
content: '\f1ea';
width: 120px;
height: 170px;
}
.ind_link li:nth-of-type(2) a::before {
content: '\f0f8';
width: 82px;
}
.ind_link li:nth-of-type(3) a::before {
content: '\f086';
width: 105px;
}

.ind_list > p {
padding-bottom: 1em;
}

.ind_list div {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
padding-bottom: 3em;
}

.ind_list dl {
width: 48%;
border-bottom: 1px dotted #e93e66;
}

.ind_list dt {
margin: 0 0 1em;
padding: .5em 0;
font-size: 1.6rem;
border-top: 3px solid #e93e66;
border-bottom: 1px dotted #e93e66;
}

.ind_list dd {
padding-bottom: 1em;
}

.ind_list li {
position: relative;
margin-left: 1.4em;
font-size: 1.4rem;
}

.ind_list li::before {
content: '\f00c';
position: absolute;
left: -1.4em;
}

.ind_news > ul > li {
margin-bottom: 2em;
padding-bottom: 2em;
border-bottom: 1px solid #ccc;
}

.ind_news li figure {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
-ms-flex-wrap:wrap;/* IE10 */
flex-wrap: wrap;
-webkit-box-direction: reverse;/* Androidブラウザ用 */
-webkit-flex-direction: row-reverse;/* safari PC 用 */
flex-direction: row-reverse;
}

.ind_news li figcaption {
width: 61%;
}

.ind_news li p {
margin: 0 !important;
font-size: 1.4rem !important;
}

.more {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: end;/* IE10 */
justify-content: flex-end;
}

.more span a {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: center;/* IE10 */
justify-content: center;
-ms-flex-align: center;/* IE10 */
align-items: center;
width: 140px;
height: 40px;
color: white;
text-decoration: none;
background: #dd6565;
border-radius: 4px;
transition: .3s ease-in-out;
}

.more span a:hover {
opacity: .7;
filter: alpha(opacity=30);
}

.more span a::before {
content: '\f0da';
padding-right: 1em;
}

.ind_news .more_list{
font-size: 1.6rem;
}

.ind_news .more_list:before{
content: '\f138';
padding-right: .6em;
color: #dd6565;
}

/* ===================================================================
post/single
=================================================================== */
.sec_post .lst_info time,
.sec_post .lst_info li,
.sec_post ul {
font-size: 1.6rem;
}

.sec_post article {
max-width: 640px;
width: 100%;
margin: 0 auto 4em;
padding-bottom: 4em;
border-bottom: 1px solid #ccc;
}

.sec_post .lst_info {
padding-bottom: 2em;
}

.post_content p img {
width: auto;
}

.post_content ul li::before {
content: '\f046';
padding-right: .5em;
color: #ee2e44;
}

.post_content ol li {
margin-left: 1.5em;
font-size: 1.6rem;
list-style-type: decimal;
}

.post_content p {
padding-bottom: 1em;
}

.post_content p a:hover {
text-decoration: none;
}

.post_content p a::before {
content: '\f138';
padding-right: .5em;
color: #dd6565;
}

.bnr_list_post figure {
text-align: center;
}

.sns ul {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
width: 35%;
margin: 0 auto;
}

.sns li {
font-size: 4.8rem;
}

.sns li:nth-of-type(1) a {color: #315096;}
.sns li:nth-of-type(2) a {color: #55acee;}
.sns li:nth-of-type(3) a {color: #dd4b39;}

.sns li a:hover {
opacity: .7;
filter: alpha(opacity=30);
transition: .3s ease-in-out;
}

.sns .fa {
padding-right: 0;
}

#page_contact3 {
width: 620px;
height: 259px;
background-size: contain;
}

#page_contact3 ul,
#page_contact3 .btn {
position: static;
top: 0;
left: 0;
}

#page_contact3 li,
#page_contact3 li:first-child {
float: none;
margin-right: 0;
}

#page_contact3 li img {
position: absolute;
top: 99px;
}

#page_contact3 li:nth-of-type(1) img {left: 68px; max-width: 28%;}
#page_contact3 li:nth-of-type(2) img {left: 316px; max-width: 22%;}
#page_contact3 li:nth-of-type(3) img {left: 465px; max-width: 22%;}

#page_contact3 .btn img {
position: absolute;
top: 192px;
left: 20px;
max-width: 94%;
}

/* ===================================================================
固定ページ/page
=================================================================== */
.sec_page article {
max-width: 620px;
width: 100%;
margin: 0 auto;
padding-bottom: 8em;
}

.sec_page ul {
font-size: 1.6rem;
}

.page_content ul li::before {
content: '\f046';
padding-right: .5em;
color: #dd6565;
}

.page_content ol li {
margin-left: 1.5em;
font-size: 1.6rem;
list-style-type: decimal;
}

.page_content p a:hover {
text-decoration: none;
}

.page_content p a::before {
content: '\f138';
padding-right: .5em;
color: #dd6565;
}

/* ===================================================================
list/category
=================================================================== */
.box_if p {
text-align: center;
}

.box_if p:not(:last-child) {
padding-bottom: 2em;
}

.box_if img {
width: auto;
}

.list > li {
margin-bottom: 2em;
padding-bottom: 2em;
border-bottom: 1px solid #ccc;
}

.list figure {
-js-display: flex;/* IE8-9 */
display: -ms-flexbox;/* IE10 */
display: flex;
-ms-flex-pack: justify;/* IE10 */
justify-content: space-between;
}

.list figcaption {
width: 82%;
}

/* ===================================================================
404
=================================================================== */
.notfound p {
padding: 0 0 1em;
}

.notfound .sttl_txt {
font-size: 1.8rem;
font-weight: bold;
}

.notfound .more a {
width: 35%;
padding: .8em 1em;
text-align: center;
color: white;
background: #dd6565;
border-radius: 4px;
transition: .3s ease-in-out;
}

.notfound .more a:hover {
text-decoration: none;
opacity: .7;
filter: alpha(opacity=30);
}

.notfound .more a::before {
content: '\f0da';
padding-right: 1em;
}