/*
Theme Name: Striking MultiFlex Child Theme
Description:    Child theme for the Striking MultiFlex & Ecommerce Responsive WordPress Theme
Author:         <a href="http://themeforest.net/user/Kaptinlin">Kaptinlin</a>
Author URI:     http://themeforest.net/user/Kaptinlin
Template:       striking_r
Version:        2.1.5 date: 10 september 2020
*/


@media (min-width: 768px) {
.inner {width:1100px;}

.right_sidebar #main,
.right_sidebar #main .content {width:750px;}

.left_margin {margin-left:80px; font-size:85%;}
p.wp-caption-text {font-size:16px; line-height:20px;}

.postblock .posts_list li {min-height: 140px; border-bottom:1px solid #ddd;}

.full {margin: 0 calc(50% - 50vw); width: 100vw; background: #f6f6f6;}
.full_inner {width:1100px; margin: auto; padding:30px 0;}

/*
#media .posts_list {display: flex; flex-wrap: wrap;}
*/
#media .posts_list li { display: inline-block; width:48%; box-sizing: border-box;padding:5px 0 15px 0; border-bottom:1px solid #ddd;}

}




.alignCenter {text-align:center;}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}

.small,
.smaller {font-size:85%;}

.border {border:1px solid #ccc; box-sizing: border-box;}


.bold {font-weight:bold;}

.norwap {white-space:nowrap;}

.vMiddle {vertical-align:middle;}

p.indent1 {margin-left:80px;}
.content a:hover {text-decoration:underline;}

.indent20 {margin-left:20px;}
.indent40 {margin-left:40px;}

.noBullet {list-style:none;}

.block {display:block;}

.li_ul li {border-bottom:1px solid #ddd; padding-bottom:5px; margin-bottom:5px;}


.jqueryslidemenu ul li a {padding:8px;}

#feature h1.entry-title {line-height: 1.6em; margin: 1.5em 0;}
/* STRIKING PAGE LAYOUT ADJUST */

/*
.right_sidebar #main {
    float: left;
    width: 680px;
}

.right_sidebar #sidebar {
    float: right;
    width: 265px;
    margin: 0 0 .5em 15px;
}


.right_sidebar #main .content {width:680px;}
.right_sidebar #sidebar_content {padding-left:15px;}


*/

/*
.recent_posts_wrap.media .posts_list time {display: inline-block; float:left;}
*/

.mejs-overlay-button {background-color: rgba(109,109,109,0.63) !important; border-radius: 50%;}

ul.asterisk li {list-style:none; text-indent:2.0em; line-height: 1.3em; margin-bottom:5px;}
ul.asterisk li:before { content:"※"; margin-left:-3.0em; margin-right:0.5em;}

.strong, .bold {font-weight: bold;}
.nowrap {display: inline-block; white-space: nowrap;}
a img:hover {opacity: 0.8;}

.right_sidebar #sidebar_content.lessgap {padding-top:0;}

#page h3 a, #page h3 a:visited, #page h3 a:hover, #page h3 a:active {
color:none !important;}


.content h1 {display:block;border:1px solid #ccc; border-bottom:4px solid #4B8BD0; border-radius:4px 4px 0 0; padding:0.6em 1em; margin-bottom:2em; line-height: 1.5em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fcfcfc+65,f4f4f4+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #fcfcfc 65%, #f4f4f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#fcfcfc 65%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#fcfcfc 65%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
}
.content h1.imageTitle {border:none !important; background:none !important;}
.content h1.imageTitle:before {content:normal;}

/*.content h1:before {content: "\f04d"; font-family:"Font Awesome 6 Pro"; margin-right:0.6em; color:#4B8BD0;} */

.page h2,
.single h2 {border-bottom:2px solid #ddd; padding:12px 8px; ; margin:1.5em 0 1.5em 1.5em; ; line-height:1.5em;

/* background:#284C94; color:#fff !important; */}


.w3eden h2, .w3eden .h2 {font-size: 16px;}
.w3eden h3, .w3eden .h3 {font-size: 14px;}
.w3eden h4, .w3eden .h4 {font-size: 14px;}

.home h2, .home h3 {margin-top:0;}
h2:before {content: "\f04d"; font-family:"Font Awesome 6 Pro"; margin-right:0.6em; color:#F1C400; margin-left:-1.5em;}

h2 {margin-left:1.5em;}

.page h2 a,
.single h2 a {height:100%; text-decoration:none !important; border-radius: 4px;}


.entry_full h2.entry_title {font-size:16px; margin: 0;}
.entry_full h2.entry_title:before {content:none;}
.entry_full h2.entry_title a:hover {color:rgb(49,90,177) !important;}
.entry_full .entry_meta {border:none;}
.entry_full .image_styled {margin-bottom:10px; border:1px solid #ccc !important;}
.recent_posts_wrap .posts_list li {padding:2px 0;}
#medianews .recent_posts_wrap .posts_list li time {display: inline-block; float: left; margin-right: 1em;}


.archive.category-media .image_styled {width:130px !important;}

.wp-pagenavi a {font-size: 18px;
    display: inline-block;
    border: 1px solid #666;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;}
.wp-pagenavi a:hover {background: #DBDCFF;}

.recent_posts_wrap .posts_list li time {font-weight: bold; color:#666;}
.all_link {float:right; font-size:80%;}
.thumbnail img {border:1px solid #ccc !important;}

.content h3 {border-bottom:1px solid #ccc; padding-bottom:5px; clear:both; line-height:1.2em; padding:10px; margin:1em 0;}
.content h3:before {content: "\f111"; font-family:"Font Awesome 6 Pro"; margin-right:0.6em; color:#4B8BD0;}
h4 {line-height:1.2em; border-bottom:1px dotted #ccc; padding-bottom:5px;}
h5 {border-left:5px solid #005; padding:5px;clear:both;}

h1, h2, h3, h4 { font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	font-weight: bold;
}

h3.bookTitle:before {content: "\f02d"; font-family:"Font Awesome 6 Pro"; margin-right:0.5em;}



h3.dr_name {clear:none; padding:10px 0; border-top:1px solid #ccc; font-size:20px;}

h3.vtitle:before {content:normal;}

h3.vtitle {background:#4B8BD0; color:#fff !important; font-size:16px; border-radius:5px 5px 0 0; margin-bottom:0;}



.video_frame {border:2px solid #999; box-sizing: border-box;}
/*
.mejs-video {border:1px solid #999; box-sizing: border-box;}
*/

.atcl_date {float: right;}

.textbody {margin-left:3em; margin-right: 2em;}

.dl_button {display: inline-block; margin: auto; border:1px solid #ccc; font-weight: bold; padding: 20px; font-size:18px; text-align: center; border-radius: 6px; background: #ddd; letter-spacing: 0.1em;}

.dl_button:hover {background: #ccc; text-decoration: none !important; color:#083EAE !important;}

dl,dt,dd {
 margin: 0;
 padding: 3px;
}

dl.staff_list {
	overflow:hidden;
	clear:both;
}

dl.staff_list dt {
	float:left;
	clear:both;
	display:block;
	width:160px;
}

dl.staff_list dt img {
	vertical-align:top;
	margin-right:10px;}

dl.staff_list dd {
	float:left;
}

dl.book_list {
	overflow:hidden;
}

dl.book_list dt {
	float:left;
	clear:both;
	width:5em;
	font-weight:bold;
}

dl.book_list dd {
	margin-left:5em;

}


h1 .small {font-size:14px;}

/* SPACERS */

.spacer_h20 {height:20px; clear:both;}
.spacer_h30 {height:20px; clear:both;}

/* HEADER LINKS */

ul#header_links 	{list-style:none;}
ul#header_links li	{float:left;}
ul#header_links li:before {content: "\f0da"; font-family:"Font Awesome 6 Pro"; margin-right:0.4em; color:#F1C400;}
ul#header_links li a {color:#000;}
ul#header_links li a:hover {color:#F63; text-decoration:underline;}

.fa-twitter-square {color:#1DA1F2;}
.fa-twitter-square:hover {color:#AAB8C2;}

/* GLOBAL NAVI */

/* #navigation span {display:block;} */
#navigation .menu > li > a 
.menu-subtitle {bottom:0;}


#responsive-menu a div {display:inline;}
/* SIDE BAR */

#sidebar .widget_nav_menu {border:3px solid #ddd; border-radius:4px;}

#sidebar .widget_nav_menu li a {background:none;padding:5px;}
.left_sidebar #sidebar {width: 230px;}
.left_sidebar #main {width: 700px;}

#sidebar .widget_pages ul ul {
	margin:5px 0 -6px 1em;
}

#sidebar .widget_nav_menu li a:before {content: "\f0da";font-family:"Font Awesome 6 Pro"; color:#ccc;margin-right:0.5em; font-weight: bold;}

#sidebar .widget_nav_menu li.current_page_item a:before {content: "\f0d9";font-family:"Font Awesome 6 Pro"; color:#F1C400;margin-right:0.5em;}

.left_sidebar #sidebar_content.lessgap {
	padding-top:0;}
	
#sidebar li.page_item a {display:block;}
#sidebar .widget {margin-bottom:2em;}

#sidebar h3.widgettitle {background-color:#4B8BD0 !important; color:#fff; padding:10px 5px ; border-bottom:3px solid #ddd; margin-bottom:0;}
* html #sidebar h3.widgettitle {color:#000;}

#sidebar li:hover, #sidebar .current_page_item {background:#f1f1f1;}


/* PAGE */

#refecence a img {border:3px double #ccc;}
#refecence a img:hover {border:3px double #005;}


.wp-caption, 
.wp-caption.aligncenter {margin: 2em auto !important;}

/* Q & A */

ul#qa {list-style:none; margin-left:0px;}

.question {
	padding:10px;
/*	border-top:1px solid #ccc; */
	font-size:14px;
	background:rgba(231,236,248,1.00);
	border-radius:4px;
	margin-bottom:0.5em;
}

.answer {margin-bottom:1.5em;padding:10px;}

#qa li {padding-left:3em;}
.question:before {content:"Q"; margin-right:1em;margin-left:-1.6em; color:#3866BA; font-weight:bold; font-size:20px;}
.answer:before {content:"A"; margin-right:1em;margin-left:-1.6em; color:#55B1E7; font-weight:bold; font-size:20px;}

dl#qa dt.question {
	color:#c00;
}

.home #feature {background:url(whiteroom.png) center;}
.home #feature .inner {padding:0;}
.home .feature-introduce {padding:0;}
#top_feature_links {list-style:none;margin:0; width:100%;}
#top_feature_links li {margin-left:0 !important; display:block; background:rgba(56,102,186,1.00);margin-bottom:1px; opacity:0.9; border-left:6px solid #86AAEB;}
#top_feature_links li a {display:table-cell; vertical-align:middle;width:100%;height:50px; color:#fff; padding:0 10px; }
#top_feature_links li a:hover {color:#F1C400;}
#top_feature_links li a i {color:#F1C400;}

#feature {border-top:5px solid #4B8BD0; border-bottom:5px solid #4B8BD0;}

#feature.anything .inner,#feature.nivo .inner {padding-top:10px;}

.featurecmg {margin:20px 0 !important}

#nivo_slider_wrap {padding-bottom:25px;}

ul.bottom_navi li {float:left;}

.hr {border-top:1px solid #ddd;}

.clinic {background:#DEF9FA; padding:10px; border:1px solid #88E2F5;border-radius:7px; }
.keiocmg {background:#F4F2FF;  padding:10px;border:1px solid #C9BFFB; border-radius:5px;}
.center_arrow{width:35px; text-align:center;}
.maru_num {font-size:200%; font-weight:bold;color:#D15A5C; margin-right:5px;}

#footer .inner {padding-bottom:20px;}
#footer .widget {margin-bottom:1.5em;}
#footer .widget_nav_menu li {background:none;padding:0px; }

/* オリジナルCSS修正 */
/*
.framed_box_content {padding-bottom:20px !important;}
*/

/* 丸数字 */
ol.maru {
  counter-reset:number; /* 名前を付けたカウンターをリセット */
  list-style:none; /* olが数字を付けることをキャンセル */
  margin:0;
  padding:0;
  margin-left:2em;
}
o.marul li{
  /* リスト部分は好きに装飾！ */
  
}
ol.maru li:before{
  counter-increment: number; /* 任意の名前を付けて！ */
  content: counter(number); /* 名前を付けたカウンターを呼び出し */
  margin-left:-2em;
}

.maru li:before {
  float: left;
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  border:1px solid #444;
  text-align: center;
  line-height: 1.5;
  font-size:50%;
  margin-right:0.5em;
  margin-left:-2em;
}

ol.numlist {
  counter-reset:number; /* 名前を付けたカウンターをリセット */
  list-style:none; /* olが数字を付けることをキャンセル */
  margin:0;
  padding:0;
  margin-left:2em;
}
.numlist li:before {margin-left:-1.5em; margin-right:0.5em;}
.numlist li.maru1:before {content:"①"}
.numlist li.maru2:before {content:"②"}
.numlist li.maru3:before {content:"③"}
.numlist li.maru4:before {content:"④"}
.numlist li.maru5:before {content:"⑤"}


/*
ol.list_kakko_r{
  padding:0 0 0 2em;
  margin:0;
  margin-left:2em;
}
 
ol.list_kakko_r li{
  list-style-type:none;
  list-style-position:outside;
  counter-increment: cnt;
  margin-left:-4em;
}
ol.list_kakko_r li:before{
  display: marker;
  content: counter(cnt) ") ";

}
*/

ol.list_kakko_r {
	margin-left: 2.5em; /* サイトに合せて調整 */
}

ol.list_kakko_r li {
	list-style-type: none;
	counter-increment: cnt;
	margin-left:1.5em;
}

ol.list_kakko_r li::before {
	content: counter(cnt) ")";
	display:inline-block;
	margin-left:-2em; /* サイトに合せて調整 */
	width: 1.5em; /* サイトに合せて調整 */
}


#ips_list {width:99%;}
#ips_list th {border:1px solid #999; background:hsla(205,39%,83%,1.00);}
#ips_list td {width:25%; border:1px solid #999; padding:2px 3px;}
#ips_list td.gray {background:#f1f1f1;}

#ips_schedule {width:99%;}
#ips_schedule th {border:1px solid #999; background:hsla(205,39%,83%,1.00);}
#ips_schedule td {border:1px solid #999; width:25%; padding:2px 3px; text-align:center;}

.linkList {list-style:none;}
.linkList li:before {content:"\f0da"; font-family:"Font Awesome 6 Pro"; color:#F1C400; margin-right:0.5em;}

#sdrn_menu ul li a div {display:inline-block !important;}

#sdrn_bar .menu_title {font-size:14px;}

.event_table {width:100%;}
.event_table tr {border-bottom:1px solid #ccc;}
.event_table td {padding:3px 5px; vertical-align: top;}

.form10 .input_deactive {font-style: normal !important;}


.home .framed_box_content {margin:0;}
.framed_box h3 {margin-top:0;}
.home .framed_box_space {display: none;}

.home p.center {margin-bottom: 0;}

dl.mediaLink {
width: 100%;
}

dl.mediaLink dt{
display: block;
width: 25%;
clear: left;
float: left;
padding:0;
	font-weight: normal;
	margin-bottom:5px;
}

dl.mediaLink dd{
display: block;
width: 75%;
float: left;
padding:0;
margin-bottom:5px;
}

.mediaLink a {font-weight: bold;}

i.fas:before {color:#F1C400;}


/* FAで右/下シェブロンを表示（FA5/FA6 Freeを前提） */
.wprmenu_icon { font-family: "Font Awesome 6 Pro","Font Awesome 5 Free" !important; font-weight: 900; }
.wprmenu_icon:before { content: "\f105"; }          /* 右シェブロン */
.wprmenu-submenu-open .wprmenu_icon:before,
.wprmenu-item.open > .wprmenu_item_link .wprmenu_icon:before,
.wprmenu-submenu-toggle[aria-expanded="true"] .wprmenu_icon:before { content: "\f107"; } /* 下シェブロン */
.icon_default.wprmenu_icon_par:before { font-family: "Font Awesome 6 Pro" !important; content: "\f105";}



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

.inner {width:100%;}
p.wp-caption-text {font-size:12px !important; line-height:16px !important; text-align: left;}


#feature h1.entry-title {margin: 0 !important; font-size:20px;}

#page h1 {font-size:18px; padding:0.5em;}

}



