/* □□□□□□□□□□□□□□□□□□□□□□□□□□□□
mediaoba Common
□□□□□□□□□□□□□□□□□□□□□□□□□□□□ */
/*--------------------------------------------------------------
Content
Header & Title
Thumbnail
Gallery
Read More
Post Meta
Widgets
Tag Cloud
Product Button
Form Area & Privacy Check
Google Search
医療関係者確認画面
------------------------------------------------------------*/


/*--------------------------------------------------------------
Content
--------------------------------------------------------------*/
.post-content{
	overflow:hidden;
}
.blog-grid .post-content{
	display:inline-block;
	text-align:left;
}
.blog-classic-style:not(.top) .post-content{
	padding:0 50px;
}
.post-content a:hover,
.post-content a:focus,
.post-content a:active{
	color:#2595C7; /* 露草色 */
}
@media screen and (max-width:680px){
	.blog-classic-style:not(.top) .post-content{
		padding:0 30px;
	}
}
@media screen and (max-width:640px){
	.blog-list-style .post-content-wrap{
		float:none;
		width:100%;
		padding:0;
		text-align:center;
	}
}
@media screen and (max-width:420px){
	.blog-classic-style:not(.top) .post-content{
		padding:0 20px;
	}
}


/*--------------------------------------------------------------
Header & Title
--------------------------------------------------------------*/
/* header */
.archive-header,
.post-header{
	text-align:center;
}
.page .post-header,
.single .post-header{
	margin-top:23px;
}
.post-header{
	margin-bottom:17px;
}
.archive-header,
.page .post-header,
.single .post-header{
	margin-bottom:50px;
}
.blog-list-style .post-header,
.blog-classic-style:not(.top) .post-header{
	padding:0 50px;
}
@media screen and (max-width:680px){
	.blog-list-style .post-header,
	.blog-classic-style:not(.top) .post-header{
		padding:0 30px;
	}
}
@media screen and (max-width:420px){
	.blog-list-style .post-header,
	.blog-classic-style:not(.top) .post-header{
		padding:0 20px;
	}
}

/* title */
.archive-title{
	display:inline-block;
	padding:0.5em 1.5em;
	border:1px solid #DCDCDC;
	border-radius:5em;
	color:#7E7C73; /* スーリー */
}
.post-title,
.post-title a{
	display:inline-block;
	color:#6D6C69; /* ピジョン */
	line-height:1.3 !important; /* 28.6px */
}
.post-title a:hover{
	color:#9EA1A3; /* すず色 */
}
.post-title a:focus,
.post-title a:active{
	color:#6D6C69; /* ピジョン */
}
.blog-grid-style .post-title{
	margin-bottom:10px;
}
.blog-list-style .post-title{
	margin-bottom:5px;
	text-align:left;
}
.blog-classic-style .post-title{
	margin-bottom:8px;
}
.blog-list-style .post-title,
.blog-classic-style:not(.top) .post-title{
	font-family:'M PLUS Rounded 1c', sans-serif;
	font-weight:500;
	font-size:1.375rem; /* 22px */
}
.post-title::after{
	content:"";
	display:block;
	width:45px;
	height:1px;
	margin:8px auto 0;
	background-color:#DCDCDC; /* ゲインズボロ */
}
.post-title span{
	display:inline-block;
}
.post-title em{
	font-weight:700;
}


/*--------------------------------------------------------------
Thumbnail
--------------------------------------------------------------*/
.post-media{
	position:relative;
	margin-bottom:16px;
}
.page .post-media{
	margin-bottom:23px;
}
.blog-classic-style .post-media{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.blog-list-style .post-media{
	margin-bottom:0;
}
.post-media img{
	margin:0 auto;
	border-radius:3px;
}
.post-media > a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:10;
	-webkit-transition:background-color 0.3s ease 0s;
	transition:background-color 0.3s ease 0s;
}
.post-media > a:hover{
	background-color:rgba(255, 255, 255, 0.1);
}
.post-media a:hover + img{
	filter:alpha(opacity=80); opacity:.8;
}


/*--------------------------------------------------------------
Gallery
--------------------------------------------------------------*/
.gallery-item{
	vertical-align:top;
}


/*--------------------------------------------------------------
Read More
--------------------------------------------------------------*/
.read-more{
	margin-bottom:30px;
	text-align:center;
}
.read-more a{
	display:inline-block;
	font-weight:400;
	font-size:0.875rem;
	line-height:2em;
	cursor:pointer;
}
.read-more a{
	color:#4B474D; /* チャコールグレイ */
}
.read-more a:hover{
	color:#6D6C69; /* ピジョン */
}
.read-more a:focus,
.read-more a:active{
	color:#4B474D; /* チャコールグレイ */
}
.read-more svg{
	color:#999;
}


/*--------------------------------------------------------------
Post Meta
--------------------------------------------------------------*/
.post-meta{
	margin:10px 2px 0;
	color:#7E7C73; /* スーリー */
	font-size:13px;
}
.post-meta a:not(:hover){
	color:#7E7C73; /* スーリー */
}

/* post-date */
.post-date{
	color:#7E7C73; /* スーリー */
	font-size:1rem;
}
.blog-grid-style .post-date{
	float:right;
}

/* catマーク（post-target）*/
.post-target{
	display:inline-block;
	margin:0 5px 10px;
	padding:.5em 1em;
	border-radius:2em;
	color:#FFF;
	font-size:.875rem;
	line-height:1;
	letter-spacing:.2em
}
.post-target.cat-zoom{
	background:#006AB6; /* 青 */
}
.post-target.cat-vimeo{
	background:#008000; /* サリー */
}


/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/
.widget_block{
	margin-bottom:40px;
	overflow:hidden;
}
.widget_block:last-child{
	margin-bottom:0;
}
.widget_block li{
	line-height:1.2;
}
.widget_block a:not(:hover){
	color:#212222; /* 墨 */
}

/* Widget Title */
.widget-title{
	position:relative;
	z-index:0;
	clear:both;
}
.widget-title h4{
	margin-bottom:25px;
	padding:1em 0;
	border-top:1px solid #006AB6; /* 青 */
	border-bottom:1px solid #DCDCDC; /* ゲインズボロ */
	color:#6D6C69; /* ピジョン */
	line-height:1.2;
	text-align:center;
}
.widget_recent_entries .widget-title h4{
	margin-bottom:1em;
}
.widget_nav_menu .widget-title h4,
.widget_sns .widget-title h4{
	margin-bottom:0;
}

/* List Type */
.widget_recent_entries li:not(:last-child),
.widget_nav_menu li:not(:last-child),
.widget_sns li:not(:last-child){
	border-bottom:1px dotted #9EA1A3; /* すず色 */
}

/* Recent Widget */
.widget_recent_entries li{
	padding:1em 0 0;
}
.widget_recent_entries li:first-child{
	padding-top:0;
}
.widget_recent_entries li a{
	display:block;
	padding:10px 0 1em;
}
.widget_recent_entries li a > span::after{
	position:relative;
	top:-1px;
	content:"\00A0\f061"; /* 区切りなしスペース（ ）＝\00A0 */
	font-family:FontAwesome;
	color:#D3D3D3; /* ライトグレイ */
	line-height:1;
	white-space:pre; /* for 区切りなしスペース（ ） */
	filter:alpha(opacity=0); opacity:0;
}
.widget_recent_entries li a:hover > span::after{
	filter:alpha(opacity=100); opacity:1;
}
.widget_recent_entries dl{
	margin:0;
}
.widget_recent_entries .post-date span{
	display:inline-block;
}
.widget_recent_entries .post-date .post-cat{
	margin-left:5px;
	padding:4px 7px 3px 10px;
	border-radius:2em;
	font-size:0.75em;
	line-height:1;
	color:#FFF;
	letter-spacing:.2em;
}

/* Urgent News for Recent Widget */
#urgent-news{
	background-color:#EB6EA0; /* チェリーピンク */
	margin-bottom:0;
	text-align:center;
}
#urgent-news ul{
	display:inline-block;
	margin:0 1.75em;
	text-align:left;
}
#urgent-news li{
	padding:.5em 0;
	border-bottom:none;
	line-height:1.2;
}
#urgent-news li a{
	padding:.5em 0;
	color:#FFF;
}
#urgent-news li a > span::after{
	color:#FFF;
	filter:alpha(opacity=100); opacity:1;
}
#urgent-news li a:hover > span::after{
	filter:alpha(opacity=50); opacity:.5;
}

/* NavMenu Widget */
.widget_nav_menu li{
	padding:0;
}
.widget_nav_menu li a{
	display:block;
	padding:1em 0;
}

/* NavMenu Widget for footer-menu */
.footer-menu .widget_nav_menu{
	break-inside:avoid-column;
	margin-bottom:0;
	padding-bottom:3.5em;
	padding-top:1em;
	border-top:1px solid rgba(255,255,255,0.7);
	color:#FFF;
	line-height:1.5;
}
.footer-menu .widget_nav_menu ul{
	display:inline-block;
	width:100%;
	margin-top:1em;
	border-top:1px solid rgba(255,255,255,0.7);
}
.footer-menu .widget_nav_menu li{
	border-bottom:1px solid rgba(255,255,255,0.2);
	line-height:1.5;
}
.footer-menu .widget_nav_menu li:last-of-type{
	border-bottom-color:rgba(255,255,255,0);
}
.footer-menu .widget_nav_menu li a{
	border-color:#DCDCDC; /* ゲインズボロ */
	color:#FFF;
	padding-left:1em;
	text-indent:-1em;
}
.footer-menu .widget_nav_menu li a::before{
	display:inline-block;
	width:1em;
	content:"\f105";
	font-family:FontAwesome;
	text-indent:0;
	text-align:center;
}
.footer-menu .widget_nav_menu li a:hover{
	text-decoration:none;
	color:#DCDCDC; /* ゲインズボロ */
}

/* Text Widget */
.textwidget{
	margin-bottom:40px;
}
.textwidget p:last-of-type{
	margin-bottom:0;
}
.textwidget img{
	margin:5px auto 10px;
	border-radius:3px;
}
.textwidget-title{
	margin-bottom:8px;
	text-align:center;
	color:#6D6C69; /* ピジョン */
	font-size:1.125rem;
	line-height:1.3;
}
.textwidget-title span{
	display:inline-block;
	text-align:left;
}
.textwidget-content{
	text-align:justify;
	text-justify:inter-ideograph;
}
@media screen and (max-width:979px){
	.textwidget-title{
		margin-bottom:17px;
		font-size:1.375rem;
	}
}

/* Text Widget 2col */
.widget_text.col-2{
	font-size:0;
}
.col-2 .textwidget{
	display:inline-block;
	width:calc((100% - 32px) /2 - 1px);
	width:-webkit-calc((100% - 32px) /2 - 1px);
	margin-right:32px;
	margin-bottom:35px;
	vertical-align:top;
}
.col-2 .textwidget:nth-of-type(2n+1){
	margin-right:0;
}
.col-2 .textwidget:nth-last-of-type(-n+2){
	margin-bottom:0;
}
.col-2 .textwidget .textwidget-title{
	font-size:1rem;
}

/* SNS Widget */
.widget-socials{
	display:table;
}
.widget-social a{
	display:block;
	padding:1em 0;
	line-height:40px
}
.widget-social span{
	display:table-cell;
	vertical-align:middle;
}
.widget-social .sns-icon{
	width:56px;
	height:40px;
	padding-right:13px;
	text-align:center;
}
.widget-social .sns-icon img{
	display:inline-block;
	width:auto;
	height:30px;
	vertical-align:middle;
}


/*--------------------------------------------------------------
Tag Cloud
--------------------------------------------------------------*/
.tagcloud,
.tagcloud span,
.tagcloud a,
.tagcloud button{
	display:inline-block;
}
.tagcloud{
	margin-bottom:30px;
}
.tagcloud a,
.tagcloud button{
	margin:0 10px 10px 0;
	padding:.5em 1em;
	border:1px solid #DCDCDC; /* ゲインズボロ */
	border-radius:5px;
	color:#7E7C73; /* スーリー */
	font-size:0.875rem;
	text-decoration:none !important;
}
.tagcloud a:hover,
.tagcloud button:hover{
	background-color:#F9F9F9;
	color:#7E7C73; /* スーリー */
}


/*--------------------------------------------------------------
Product Button
--------------------------------------------------------------*/
.product-btn{
	text-align:center;
}
.product-btn .link_btn{
	display:inline-block;
	background:none;
	border-radius:5px;
	margin:10px;
	text-align:center;
}
.product-btn span,
.product-btn a{
	position:relative;
	display:inline-block;
	padding:.5em 1em;
	border-radius:5px;
	color:#6D6C69; /* ピジョン */
	text-decoration:none;
	text-indent:30px;
}
.product-btn span::before,
.product-btn span::after,
.product-btn a::before,
.product-btn a::after{
	white-space:pre; /* for 区切りなしスペース（ ） */
	font-family:FontAwesome;
	filter:alpha(opacity=60); opacity:.6;
}
.product-btn span::before,
.product-btn a::before{
	font-size:1.5rem;
	line-height:1;
	position:absolute;
	left:-15px;
}
.product-btn .login span::before,
.product-btn .login a::before{ /* お取引先ログイン */
	content:"\f090\00A0"; /* 区切りなしスペース（ ）＝\00A0 */
}

/* 医療関係者向けサイトbtn for sidebar-right */
.sidebar-right .product-btn{
	margin-bottom:30px;
}
.sidebar-right .product-btn .link_btn{
	display:block;
	margin:0;
}
.sidebar-right .product-btn .link_btn a{
	width:100%;
	padding:0;
	border:1px solid #B0E0E6; /* パウダーブルー */
	color:#006AB6; /* 青 */
}
.sidebar-right .product-btn .link_btn a:hover{
	background:#F0F8FF; /* アリスブルー */
}
.sidebar-right .product-btn .link_btn a::before{
	content:none;
	position:static;
	left:0;
}
.sidebar-right .product-btn .link_btn a span{
	border:none;
	padding-right:calc(1em + 30px);
	color:#006AB6; /* 青 */
}
.sidebar-right .product-btn .link_btn:not(:last-of-type){
	margin-bottom:20px;
}


/*--------------------------------------------------------------
Form Area & Privacy Check
--------------------------------------------------------------*/
.form-area .to-form,
.privacy-check-area{
	text-align:center;
}

/* form-area */
.form-area input[type="text"],
.form-area input[type="email"],
.form-area input[type="url"],
.form-area input[type="number"],
.form-area input[type="tel"],
.form-area input[type="date"],
.form-area select,
.form-area textarea{
	width:100%;
	margin-bottom:30px;
	padding:13px 5px;
	border-style:solid;
	border-width:1px;
}
.form-area select{
	height:52px;
}
.form-area textarea{
	max-width:100%;
	height:250px;
}
.form-area label input,
.form-area label select,
.form-area label textarea{
	margin-top:3px;
}
.form-area label{
	display:block;
}
.form-area [type="submit"]{
	padding:.75em 2em;
	border:none;
	width:auto;
	cursor:pointer;
	font-weight:normal;
	text-transform:none;
}
@media screen and (max-width: 768px){
	.form-area select{
		width:100%;
	}
}
.form-area hr{
	margin-top:10px !important;
}
.form-area span{
	display:block;
	margin-bottom:5px;
}
.form-area span.form-control-wrap{
	margin-bottom:0;
}
.form-area span.list-item,
.form-area span.list-item-label{
	display:inline-block;
}
.form-area .privacy-check span,
.form-area [data-name="privacy-check"] span{
	display:inline;
}
.form-area span.list-item{
	margin-right:3em;
	margin-left:0;
}
.form-area span.list-item.last,
.form-area span.list-item:last-of-type{
	margin-right:0;
}
.form-area input + span.list-item-label{
	padding-left:.5em;
}

/* チェック＆formへ移動 */
.privacy-check-area:not(.bg_block){
	margin-top:50px;
	padding-top:20px;
	border-top:1px solid #DCDCDC; /* ゲインズボロ */
}
.privacy-check-area p{
	text-align:center;
}
.privacy-check-area .privacy-txt{
	display:inline-block;
	margin-bottom:20px;
	text-align:left;
}
.privacy-check-area .privacy-acceptance .required{
	padding-left:.5em;
}
.privacy-check-area .privacy-acceptance .required::after{
	content:"必須";
	display:inline-block;
	margin-left:5px;
	padding:4px 5px 3px 8px;
	position:relative;
	top:-2px;
	border:1px solid;
	border-radius:5px;
	color:#E10041; /* カーマイン */
	font-size:.75em;
	line-height:1;
	letter-spacing:.2em;
}

/* btn */
.form-area .to-form a,
.privacy-check-area .to-form a{
	box-sizing:content-box;
	display:inline-block;
	min-width:7em;
	margin:1em 0;
	padding:.75em 2em;
	border:none;
	border-radius:5em;
	color:#FFF !important;
	text-align:center;
}
.form-area .to-form a.disabled,
.privacy-check-area .to-form .disabled{
	cursor:not-allowed;
}
.form-area .to-form a.bg_ao:not(.disabled):hover,
.privacy-check-area .to-form a.bg_ao:not(.disabled):hover{
	background:#2595C7 !important; /* 露草色 */
}
.form-area .to-form a.bg_cherry:not(.disabled):hover,
.privacy-check-area .to-form a.bg_cherry:not(.disabled):hover{
	background:#DE82A7 !important; /* ロータスピンク */
}


/*--------------------------------------------------------------
Google Search
--------------------------------------------------------------*/
/* 検索窓*/
.gsc-control-cse,
table.gsc-search-box table,
table.gsc-search-box tr,
table.gsc-search-box th,
table.gsc-search-box td,
table.gsc-search-box input,
table.gsc-search-box span,
table.gsc-search-box button,
table.gsc-search-box svg{
	border:none !important;
	margin:0 !important;
	padding:0 !important;
	vertical-align:middle !important;
	font-family:'Lucida Grande', Meiryo, 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Osaka, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif !important;
}
table.gsc-search-box .gsc-input-box{
	height:46px;
	padding:0;
	border-radius:5px 0 0 5px;
}
table.gsc-search-box input.gsc-input{
	padding:10px !important;
	background-position:10px center !important;
	background-color:rgba(255,255,255,0.3) !important;
	background-blend-mode:lighten;
	line-height:1.625;
}
table.gsc-search-box button{
	width:46px;
	height:46px;
	line-height:46px;
	background-color:#4B474D; /* チャコールグレイ */
	border-radius:0 5px 5px 0;
}
table.gsc-search-box button:hover{
	cursor:pointer;
	background-color:#6D6C69; /* ピジョン */
}
table.gsc-search-box svg{
	width:15px;
	height:15px;
}

/* 検索結果表示画面 */
table.gsc-above-wrapper-area-container{
	margin-bottom:15px;
}


/*--------------------------------------------------------------
医療関係者確認画面
--------------------------------------------------------------*/
#overlay-confirm{
	position:fixed;
	top:0;
	right:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	z-index:9001;
}
#overlay-confirm.hidden{
	display:none;
}
#overlay-confirm .btn_area{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:300px;
	padding:20px 20px 0;
	background:#FFF;
	border-radius:5px;
	text-align:center;
	z-index:9002;
}
#overlay-confirm .btn_area p{
	margin-bottom:30px;
}
#overlay-confirm .btn_area span{
	display:inline-block;
}
#overlay-confirm .yes{
	cursor:pointer;
}
#overlay-confirm .yes,
#overlay-confirm .no{
	display:block;
	width:150px;
	margin:30px auto;
	padding:20px 40px;
	background:#009D85; /* 青葉ロゴ色 */
	border-radius:5px;
	border:none;
	color:#FFF !important;
	font-size:1rem;
}
#overlay-confirm .yes:hover,
#overlay-confirm .no:hover{
	background:#00BB9E;
	
}

/*Cookie削除（検証用オプション）*/
.remove_cookie{
	text-align:center;
	margin:10px;
}
.remove_cookie button{
	cursor:pointer;
}