@charset "UTF-8";
@charset "utf-8";
@charset "UTF-8";

 @font-face {
font-family: 'design_plus';
src: url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.eot?v=1.2);
src: url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.eot?v=1.2#iefix) format('embedded-opentype'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.woff?v=1.2) format('woff'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.ttf?v=1.2) format('truetype'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.svg?v=1.2#design_plus) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] { font-family: "design_plus" !important;
line-height: 1; font-style: normal; font-variant: normal; font-weight: normal; speak: none; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-feedly:before { content: "\e907"; }
.icon-hatebu:before { content: "\e908"; }
.icon-line:before { content: "\e909"; }
.icon-pocket:before { content: "\e90a"; }
.icon-google-plus:before { content: "\e900"; }
.icon-google-plus2:before { content: "\e901"; }
.icon-facebook:before { content: "\e902"; }
.icon-facebook2:before { content: "\e903"; }
.icon-twitter:before { font-family: 'tiktok_x_icon'; content: "\e901"; }
.icon-rss:before { content: "\e90b"; }
.icon-rss2:before { content: "\e906"; }
.icon-pinterest:before { content: "\e905"; } .share-top { 
margin-bottom: 30px; 
}
.share-btm { margin-bottom: 50px; } .share-type1 { width: 100%; }
.share-type1 h2 { color: #666666; font-weight: 400; }
.share-type1 ul { list-style: none; margin: 0; padding: 0; }
.share-type1 li { display: inline-block; padding: 0; text-align: center; }
.share-type1 li > a:hover { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); }
.share-type1 a { min-width: 27px; text-decoration: none; display: inline-block; margin: 0 5px 5px 0; font-size: 12px; font-weight: 400; color: #fff !important; background: #fafafa; border-radius: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none; text-align: center; line-height: 25px; padding: 1px 5px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.share-type1 i { position: relative; top: 3px; color: #fff; font-size: 1.3em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); }
.share-type1 .ttl { margin: 0 3px 0 2px; text-align: center; line-height: 20px; }
.share-type1 .share-count { display: inline; font-size: 9px; color: #fff; padding: 0; line-height: 25px; margin: 0; border-radius: 0 1px 1px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 480px) {
.share-type1 { width: 100%; margin:0 0 30px; }
.share-type1 ul {}
.share-type1 li > a span { display: none; }
.share-type1 a { margin-right: 2px; }
.share-type1 i { left: 1px; }
.share-type1 .share-count { margin-left: 3px; }
} .share-type3 .sns { margin: 0 0 35px; text-align: center; }
#single_share_bottom .share-type3 .sns { margin:0 0 -15px; }
.share-type3 ul { margin: 0 -3% 3% 0; list-style: none; }
.share-type3 li { float: left; width: 47%; margin: 0 3% 1.5% 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.post .share-type3 ul li { list-style: none; background-image: none; padding: 0; }
.share-type3 ul li a { position: relative; display: block; top: 3px; font-size: 13px; padding: 10px 2px; color: #fff; border-radius: 2px; text-align: center; text-decoration: none; vertical-align: middle; }
.share-type3 ul li a i { position: relative; top: 3px; font-size: 140%; }
.share-type3 ul li a .ttl { margin: 0 3px 0 4px; display: inline-block; text-align: center; font-size: 12px; }
.share-type3 ul li a .share-count { position: absolute; bottom: -2px; right: 8px; font-size: 10px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.share-type3 ul li a:hover { -webkit-transform: translate3d(0px, 2px, 1px); -moz-transform: translate3d(0px, 2px, 1px); transform: translate3d(0px, 2px, 1px); }
@media only screen and (min-width: 480px) {
.share-type3 { width: 100%; margin: 20px 0 15px; }
.share-type3 ul { margin-right: -1%; list-style: none; overflow: hidden; }
.share-type3 li { width: 24%; margin: 0 1% 2% 0; }
.share-type3 li a { font-size: 12px; padding: 10px 2px; }
.share-type3 li:nth-child(4n) { margin-right: 0; }
}  .share-type1 .twitter a, .share-type3 .twitter a { background-color: #000; }
.share-type1 .twitter a:hover, .share-type3 .twitter a:hover { background-color: #222; }  .share-type1 ul li.facebook a, .share-type3 ul li.facebook a { background-color: #35629a; }
.share-type1 ul li.facebook a:hover, .share-type3 ul li.facebook a:hover { background-color: #1f3669; } .share-type1 ul li.googleplus a, .share-type3 ul li.googleplus a { background-color: #dd4b39; }
.share-type1 ul li.googleplus a:hover, .share-type3 ul li.googleplus a:hover { background-color: #b94031; }
.share-type1 ul li.googleplus a i { top: 4px; } .share-type1 ul li.hatebu > a, .share-type3 ul li.hatebu a { background-color: #3c7dd1; }
.share-type1 ul li.hatebu > a:hover, .share-type3 ul li.hatebu a:hover { background-color: #0270ac; } .share-type1 ul li.pocket a, .share-type3 ul li.pocket a { background-color: #ee4056; }
.share-type1 ul li.pocket a:hover, .share-type3 ul li.pocket a:hover { background-color: #c53648; } .share-type1 ul li.rss a, .share-type3 ul li.rss a { background-color: #ffb53c; }
.share-type1 ul li.rss a:hover, .share-type3 ul li.rss a:hover { background-color: #e09900; } .share-type1 ul li.feedly a, .share-type3 ul li.feedly a { background-color: #6cc655; }
.share-type1 ul li.feedly > a:hover, .share-type3 ul li.feedly > a:hover { background-color: #5ca449; } .share-type1 ul li.pinterest a, .share-type3 ul li.pinterest a { background-color: #d4121c; }
.share-type1 ul li.pinterest a:hover, .share-type3 ul li.pinterest a:hover { background-color: #a42f35; } .share-type2 { width: 100%; }
.share-type2 h2 { color: #444; font-weight: 400; }
.share-type2 ul.type2 { margin: 0; padding: 0; list-style: none; }
.share-type2 ul.type2 li { display: inline-block; padding: 0; text-align: center; }
.share-type2 ul.type2 li a { text-decoration: none; display: inline-block; margin: 0 5px 5px 0; font-size: 12px; font-weight: 400; border-radius: 2px; color: #222 !important; text-align: center; background: #fafafa !important; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none; line-height: 25px; padding: 1px 5px 0; }
.share-type2 ul.type2 li a i { position: relative; top: 3px; color: #222; font-size: 1.3em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); }
.share-type2 ul.type2 li a .ttl { margin: 0 3px 0 2px; text-align: center; line-height: 20px; }
.share-type2 ul.type2 li a .share-count { color: #444; font-size: 9px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.share-type2 ul.type2 li a:hover, .share-type2 ul.type2 li a:hover i, .share-type2 ul.type2 li a:hover .share-count { color: #fff !important; }
.share-type2 ul.type2 li a:hover { border-color: rgba(255, 255, 255, 0.1); }
@media screen and (max-width: 480px) {
.share-type2 { width:100%; margin:0 0 30px; }
.share-type2 ul.type2 { margin-bottom: 15px; }
.share-type2 ul.type2 li a { margin-right: 2px; }
.share-type2 ul.type2 li a i { left: 1px; }
.share-type2 ul.type2 li > a span.ttl { display: none; }
.share-type2 ul.type2 li a .share-count { margin-left: 3px; }
} .share-type4 .sns { margin: 0 0 35px; text-align: center; }
#single_share_bottom .share-type4 .sns { margin:0 0 -15px; }
.share-type4 ul.type4 { margin: 0 -3% 2% 0; list-style: none; }
.share-type4 ul.type4 li { float: left; width: 47%; margin: 0 3% 1.5% 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.post .share-type4 ul li { list-style: none; background-image: none; padding: 0; }
.share-type4 ul.type4 li a { position: relative; display: block; top: 5px; font-size: 13px; padding: 10px 2px; text-decoration: none; border-radius: 2px; color: #222 !important; text-align: center; background: #fafafa !important; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none; }
.share-type4 ul.type4 li a i { position: relative; top: 3px; font-size: 140%; color: #222 !important; }
.share-type4 ul.type4 li a .ttl { margin: 0 3px 0 4px; display: inline-block; text-align: center; font-size: 12px; }
.share-type4 ul.type4 li a .share-count {  position: absolute; bottom: -2px; right: 8px; font-size: 10px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #222 !important; }
.share-type4 ul.type4 li a:hover, .share-type4 ul.type4 li a:hover i, .share-type4 ul.type4 li a:hover .share-count { color: #fff !important; }
@media only screen and (min-width: 480px) {
.share-type4 { width: 100%; margin: 20px 0 15px; }
.share-type4 ul.type4 { margin-right: -1%; list-style: none; overflow: hidden; }
.share-type4 ul.type4 li { width: 24%; margin: 0 1% 2% 0; }
.share-type4 ul.type4 li a { font-size: 12px; padding: 10px 2px; }
.share-type4 ul.type4 li:nth-child(4n) { margin-right: 0; }
}  .share-type2 ul.type2 li.twitter a, .share-type4 ul.type4 li.twitter a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.twitter a:hover, .share-type4 ul.type4 li.twitter a:hover { color: #fff !important; background-color: #000 !important; } .share-type2 ul.type2 li.facebook a, .share-type4 ul.type4 li.facebook a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.facebook a:hover, .share-type4 ul.type4 li.facebook a:hover { color: #fff !important; background-color: #35629a !important; } .share-type2 ul.type2 li.googleplus a, .share-type4 ul.type4 li.googleplus a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.googleplus a:hover, .share-type4 ul.type4 li.googleplus a:hover { color: #fff !important; background-color: #dd4b39 !important; }
.share-type2 ul.type2 li.googleplus a i, .share-type4 ul.type4 li.googleplus a i { top: 4px; } .share-type2 ul.type2 li.hatebu a, .share-type4 ul.type4 li.hatebu a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.hatebu a:hover, .share-type4 ul.type4 li.hatebu a:hover { color: #fff !important; background-color: #3c7dd1 !important; } .share-type2 ul.type2 li.pocket a, .share-type4 ul.type4 li.pocket a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.pocket a:hover, .share-type4 ul.type4 li.pocket a:hover { color: #fff !important; background-color: #ee4056 !important; } .share-type2 ul.type2 li.rss a, .share-type4 ul.type4 li.rss a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.rss a:hover, .share-type4 ul.type4 li.rss a:hover { color: #fff !important; background-color: #ff8c00 !important; } .share-type2 ul.type2 li.feedly a, .share-type4 ul.type4 li.feedly a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.feedly a:hover, .share-type4 ul.type4 li.feedly a:hover { color: #fff !important; background-color: #6cc655 !important; } .share-type2 ul.type2 li.pinterest a, .share-type4 ul.type4 li.pinterest a { color: #222 !important; background-color: #fafafa !important; }
.share-type2 ul.type2 li.pinterest a:hover, .share-type4 ul.type4 li.pinterest a:hover { color: #fff !important; background-color: #d4121c !important; } .sns_default_top { padding: 0; overflow: hidden; list-style: none; }
.sns_default_top ul li { display: inline-block; margin: 0 5px 3px 0; line-height: 1 !important; overflow: hidden; vertical-align: top; }
.sns_default_top ul li.twitter_button { width: 77px; }
.sns_default_top ul li.fbshare_button:hover { text-decoration: none; }
.sns_default_top ul li.google_button { width: 58px; }
.sns_default_top ul li.pocket_button { width: 88px; }
@media only screen and (max-width: 480px) {
#single_share_top .share-type5 { margin-top:10px; }
#single_share_bottom .share-type5 { margin-bottom:25px; }
.single-info #single_share_top .share-type5 { margin-bottom:0; }
.single-event #single_share_top .share-type5 { margin:50px 0 0; }
.sns_default_top ul li { margin-bottom: 6px; }
.sns_default_top ul li.twitter_button { margin-left: 0; }
}
 @media only screen and (max-width:1279px) {
body { min-width:320px; }
#left_col { width:-webkit-calc(100% - 4.3478% - 300px); width:-moz-calc(100% - 4.3478% - 300px); width:calc(100% - 4.3478% - 300px); }
#side_col { width:300px; }
#main_col, .header_inner, #bread_crumb ul, #header_slider, #header_image,
#footer_top .footer_inner, #footer_bottom .footer_inner, #footer_widget .footer_inner { width:89.84375%; }
}
@media only screen and (max-width:991px) {
#left_col, #side_col, #header_slider, #header_image,
#footer_top .footer_inner, #footer_bottom .footer_inner { width:100%; }
#left_col, #side_col { float:none !important; }
#main_col, .header_inner, #bread_crumb ul, #footer_widget .footer_inner { width:initial; width: auto; padding:0 22px; }
#main_col { margin-bottom:50px; }
}
@media only screen and (max-width:767px) {
#main_col { margin-bottom:0; }
} @media only screen and (max-width:767px) { .headline_bg_l { padding:15px; font-size:16.5px; }
.headline_bg_l span { font-size:12px; position:relative; top:-1.5px; margin-left:7.5px; }
.headline_bg_l a { font-size:12px; margin-top:3px; }
.headline_bg_l a:after { font-size:12px; }
.headline_bg { padding:16.25px 22px; font-size:14px; }
.headline_bg a { font-size:12px; margin-top:2px; padding:0 18px 0 0; }
.headline_bg a:after { font-size:12px; }
} @media only screen and (max-width:1279px) {
.header_fix.fix_top #header { width:100%; min-width:initial; min-width: auto; }
}
@media only screen and (max-width:991px) {
#header { position:relative; border-top:0!important; }
.header_inner { height:60px; min-height:initial; min-height: auto; } a.menu_button {
position:absolute; right:0px; z-index:9; text-align: center;
display:inline-block; font-size:11px; color:#000; width:60px; height:60px; line-height:60px; text-decoration:none;
}
a.menu_button span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
a.menu_button:before {
font-family:'design_plus'; color:#000; display:block; position:absolute; top:17px; left:19px;
font-size:18px; width:24px; height:24px; line-height:24px;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
a.menu_button:before { content:'\f0c9'; }
a.menu_button.active { background:rgba(226,190,166,.8); } #header_logo img { max-height:50px; } #global_menu { display:none; clear:both; width:100%; margin:0; top:60px; left:0; position:absolute; z-index:9; background:#e3d0c3; -webkit-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); -moz-box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); box-shadow:1px 2px 1.5px rgba(0, 0, 0, 0.1); }
#global_menu ul { margin:0; width:100%; text-align:left; }
#global_menu li, #global_menu > ul > li { display:block; width:100%; border-bottom:1px solid rgba(255,255,255,.5); }
#global_menu ul li:last-child { border-bottom:none; }
#global_menu ul ul { display:none; }
#global_menu a, #global_menu > ul > li > a {
position:relative; display:block; margin:0; padding:0px 14px; height:50px; line-height:50px; overflow:hidden; text-decoration:none;
color:#fff !important; font-size:13px;
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#global_menu a:hover { color:#fff; background:#c2aa99; }
#global_menu ul ul a { padding-left:28px; background:rgba(255,255,255,.15); }
#global_menu ul ul ul a { padding-left:42px; background:rgba(255,255,255,.3); }
#global_menu ul ul ul ul a { padding-left:55px; background:rgba(255,255,255,.45); }
#global_menu li.menu-item-has-children { position:relative; }
#global_menu .child_menu_button { display:block; position:absolute; text-align:center; width:60px; height:49px; right:0px; top:1px; z-index:5; cursor:pointer; }
#global_menu .child_menu_button .icon:before {
content:'+'; font-size:13px; color:#fff; text-align:center;
display:block; width:20px; height:20px; line-height:20px; border:1px solid #eee; border-radius:100%;
position:absolute; left:20px; top:15px;
}
#global_menu .child_menu_button.active .icon:before, #global_menu .child_menu_button:hover .icon:before { color:#fff; border-color:#fff; }
#global_menu li.menu-item-has-children.open > .child_menu_button .icon:before { content:'-'; }
#global_menu li.menu-item-has-children.open > ul { display:block; } .mobile_fix_top.header_fix #header {
position:fixed; width:100%; top:0px; left:0px; z-index:200; background:rgba(226,190,166,.8);  border-top:none !important;
-webkit-transform:translateY(0%); -moz-transform:translateY(0%); -ms-transform:translateY(0%); -o-transform:translateY(0%); transform:translateY(0%);
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
animation:slideDown 0.5s ease; -ms-animation:slideDown 0.5s ease; -webkit-animation:slideDown 0.5s ease; -moz-animation:slideDown 0.5s ease; 
}
.mobile_fix_top.header_fix #header_logo #logo_image_fixed, .mobile_fix_top.header_fix #header_logo #logo_text_fixed { display:block; }
.mobile_fix_top.header_fix #header_logo #logo_image, .mobile_fix_top.header_fix #header_logo #logo_text { display:none; }
.mobile_fix_top.header_fix #header_logo .logo a { color:#fff; text-decoration:none; }
.mobile_fix_top.header_fix #header a.menu_button.active { background-color:transparent !important; }
.mobile_fix_top.header_fix a.menu_button:before { color:#fff; }
.mobile_fix_top.header_fix #global_menu a { color:#fff; } #bread_crumb { margin:10px 0 15px 0; height:initial; height: auto; font-size:11px; line-height:1.6; }
#bread_crumb li.home a:before { font-size:11px; }
#bread_crumb li { font-size:11px; }
#bread_crumb li:after { font-size:9px; bottom:0; }
} @media only screen and (max-width:991px) {
.side_widget { margin:0 0 30px 0; font-size:12px; }
.side_headline { margin:0 0 18px 0; padding:15px 22px; }
.side_widget ul { margin:0 0 0 14px; }
.side_widget li ul { margin:8px 0 0 10px; }  .styled_post_list1 .image { float:left; width:80px; height:80px; overflow:hidden; }
.styled_post_list1 .info { margin:0 0 0 90px; padding:10px 0 0 0; height:70px; }
.styled_post_list1 .date { color:inherit; }
.styled_post_list1_tabs li { background:#f7f7f7; }  .collapse_category_list { margin:0 !important; }  .collapse_category_list li a { padding:10px 10px 10px 14px; }
.collapse_category_list ul { margin:0 !important; }
.collapse_category_list .children a { padding-left:24px; }
.collapse_category_list .children .children a { padding-left:34px; } .tcdw_course_list_widget .course_list { margin:0 !important; }
.tcdw_course_list_widget .course_list li .caption { padding:7px 20px; font-size:16.5px; } .side_widget.tcdw_banner_list_widget .side_headline { font-size:16.5px; }
.side_widget.tcdw_banner_list_widget .desc { line-height:2; }
.side_widget.tcdw_banner_list_widget .desc p { margin:0 0 1em 0; }
ul.banner_list { margin:0 !important; }
.side_widget.tcdw_banner_list_widget ul.banner_list { margin-top:18px; }
ul.banner_list li .caption { font-size:16.5px; }
} @media only screen and (max-width:991px) { #footer_logo .logo { font-size:24px; } #footer_address { font-size:12px; }
#footer_address span { display:block; margin:0 !important; } #footer_social_link { position:static; margin:20px 0; }
#footer_social_link li a { width:22px; height:22px; }
#footer_social_link li:before { color:#000; font-size:15px; top:4px; left:3px; } #copyright { padding:15px 10px; font-size:10px; }
#copyright span { display:none; } #return_top a { width:45px; height:45px; }
#return_top a:before { font-size:14px; } #footer_widget .footer_inner { padding-top:30px; padding-bottom:1px; text-align:left; }
.footer_headline { margin:0 0 12px 0; }
.footer_widget { width:46%; margin:0 2% 30px 2%; }
.footer_widget.widget_nav_menu { width:23%; margin:0 0 30px 2%; }
}
@media only screen and (max-width:767px) { .footer_widget { width:100%; margin:0 0 30px 0; }
.footer_widget.widget_nav_menu { width:49%; margin:0 0 30px 1%; }
.footer_widget .collapse_category_list { border-top:none; }
} @media only screen and (max-width:991px) { #header_slider .slick-dots { bottom:14px !important; }
#header_slider .slick-arrow { display:none!important; }
#header_slider .caption .button { margin-top:2px; } #index_topics { margin:0 -22px 30px -22px; height:60px; overflow:hidden; }
#index_topics .headline { display:none; }
#index_topics ol li { margin:0 22px; height:60px; line-height:1.6; font-size:12px; }
#index_topics ol li a { display:block; height:60px; position:relative; }
#index_topics ol li a span { display:block; max-height:3.2em; overflow:hidden; position:absolute; top:50%;
-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
}
#index_topics ol .entry-date { margin-right:1em; } #index_content1 .caption .headline { font-size:20px; line-height:1.4; }
#index_content1 .caption { font-size:12px; line-height:2; }
}  @media only screen and (max-width:767px) {
.home #main_col { margin-top:0; margin-bottom:0; } #index_content1 { margin:30px 0; }
#index_content1.columns-2, #index_content1.columns-3 { display:block; }
#index_content1.columns-2 .box { width:100%; }
#index_content1.columns-3 .box { width:100%; }
#index_content1 .box { margin-bottom:20px; }
#index_content1 .caption { font-size:12px !important; line-height:2; }
#index_content1 .image .caption { width:60%; height:72%; padding:12px 16px; overflow:hidden; background:rgba(255,255,255,0.8); position:absolute; top:14%; left:8%; }
#index_content1 .noimage .caption { width:100%; height:auto; padding:0; position:static; }
#index_content1 .caption .headline { font-size:20px !important; line-height:1.4; }
#index_content1 .caption p { margin:0 0 2em 0; } #index_content2 { margin:30px 0; text-align:center; }
#index_content2 .headline { margin:0 0 8px 0; font-size:20px !important; line-height:1.5; }
#index_content2 .desc { font-size:12px; line-height:2; }
#index_content2 .desc p { margin:0 0 2em 0; } #index_course { margin:30px 0; }
#index_course li { margin:0 0 5px 0; padding:0; width:100%; }
#index_course li.noimage .image:after { font-size:12px; }
#index_course li .caption { padding:7px 20px; font-size:16.5px; } #index_news { margin:30px 0; }
#index_news.columns-2 { display:block; }
#index_news.columns-2 .index_news { width:100%; }
#index_news ol { margin:0 0 18px 0; }
#index_news li { line-height:1.6; }
#index_news .date { display:block; padding:12px 15px 6px; font-size:10px; font-weight:300; position:static;
-webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;
}
#index_news .title a { display:block; padding:0 15px 12px; text-decoration:none; position:relative; }
#index_news .no_date .title a { padding-top:12px; } #index_voice { margin:30px 0; }
#index_voice li { display:block; width:100%; }
#index_voice li a { padding:15px 18px; min-height:100px; }
#index_voice li .image { margin:0 18px 15px 0; }
#index_voice li .info { height:auto; overflow:initial; }
#index_voice li .info p { margin:0; clear:left; max-height:6em; overflow:hidden; }
#index_voice li .info .voice_name { margin-top:50px;
-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
}
#index_voice li .info .voice_name span { display:block; }
#index_voice li.has_post_thumbnail .info { margin-left:0; width:initial; width: auto; float:none; } #index_blog { margin:30px 0; padding:0 22px 90px 22px; position:relative; }
#index_blog .headline { margin:0; padding:30px 0; font-size:24px; font-weight:400; line-height:1.4; text-align:center; }
a.index_blog_button { float:none; padding:15px 22px; min-width:120px; line-height:1; font-size:12px; text-align:center; position:absolute; bottom:30px; left:50%;
-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);
}
a.index_blog_button span { position:relative; }
a.index_blog_button span:after { font-size:12px; margin:-0.45em 0 0 0; }
#index_blog_list { margin:0; padding:0; }
#index_blog_list > li { width:100%; margin:0 0 25px 0; }
#index_blog_list > li:nth-child(3n+1) { margin-left:0; }
#index_blog_list li .info { padding:15px 15px 22px; }
#index_blog_list li .title { font-size:14px; line-height:2; height:auto }
#index_blog_list li .meta { margin-top:8px; }
#index_blog_list li .meta li { margin:0 10px 0 0; font-size:10px; }
#index_blog_list li .meta .category span { min-width:60px; padding:0 10px; }
#index_blog_list li .meta .date { font-size:10px; } #index_business_day { margin:30px 0; }
} @media only screen and (max-width:767px) { .page_content_header { margin:0 0 30px 0; }
.page_content_header img { display:block; width:100%; height:auto; }
.content_header { margin-bottom:1px; }
} @media only screen and (max-width:767px) { #archive_headline { margin:0 -22px; padding:15px 22px; } #archive_wrapper { margin:0 -22px 50px -22px; padding:0 22px 25px 22px; }
#post_list { padding:5px 0; }
#post_list > li { width:100%; margin:25px 0; display:block; }
#post_list li .info { padding:15px 18px 22px; background:#fff; }
#post_list li .title { font-size:14px; line-height:2; height:auto; }
#post_list li .meta li { font-size:10px; }
#post_list li .meta .category span { padding:0 10px; min-width:60px; }
#post_list li .meta .date { font-size:10px; } #archive_wrapper .page_navi { margin:0; padding-bottom:5px; }
} @media only screen and (max-width:767px) {
#article { margin:0 0 30px 0; } #post_image { padding:0; margin:0 0 27px 0; } #post_meta_top li.category a { min-width:60px; min-height:28px; padding:0 10px; font-size:10px; }
#post_meta_top li.date { font-size:10px; } #post_title { margin:0 0 20px; font-size:20px; line-height:1.5; } .post_content { font-size:14px; }
.post_content table { margin-bottom:20px; } #post_pagination { margin:20px 0; clear:both; } #post_meta_bottom { margin:0 0 30px; padding:0; background:transparent; }
#post_meta_bottom li { display:block; margin:0 0 5px 0; padding:0 0 0 20px; border-right:none; } #previous_next_post { margin:0 0 30px 0; }
#previous_next_post a { padding:15px 0; height:auto; text-align:center; background:transparent; }
#previous_next_post a .title { display:none; }
#previous_next_post .prev_post, #previous_next_post .next_post { width:50%; border:1px solid #eee; box-sizing:border-box; }
#previous_next_post .prev_post a { padding-left:12%; }
#previous_next_post .prev_post + .next_post { border-left:0; }
#previous_next_post .next_post a { padding-right:12%; }
#previous_next_post .prev_post a:before { content:'\e90f'; left:4%; text-align:left; }
#previous_next_post .next_post a:before { content:'\e910'; right:4%; text-align:right; }
#previous_next_post .prev_post a:after { content:attr(data-mobile-title); font-size:12px; }
#previous_next_post .next_post a:after { content:attr(data-mobile-title); font-size:12px; }
#previous_next_post2 { margin:30px 0 0 0; text-align:center; }
#previous_next_post2 a { display:inline-block; margin:0 2px 4px 2px; padding:0 30px; min-width:150px; line-height:40px; } #single_banner_area { margin:0 0 20px 0; text-align:center; }
#single_banner_area .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
#single_banner_area .single_banner_right { float:none; padding:0 0 15px 0; margin:0 auto; }
#single_banner_area img { max-width:100%; height:auto; display:inline; } #single_banner_area_bottom { margin:0 0 20px 0; text-align:center; }
#single_banner_area_bottom .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
#single_banner_area_bottom .single_banner_right { float:none; padding:0; margin:0 auto; }
#single_banner_area_bottom img { max-width:100%; height:auto; display:inline; } #single_banner_area2 { margin:0 0 20px 0; text-align:center; }
#single_banner_area2 .single_banner_left { float:none; padding:0 0 15px 0; margin:0 auto; }
#single_banner_area2 .single_banner_right { float:none; padding:0 0 5px 0; margin:0 auto; }
#single_banner_area2 img { max-width:100%; height:auto; display:inline; } #related_post { margin:0 -22px 30px -22px; }
#related_post ol { margin:0; padding:25px 4px 5px 4px; }
#related_post li { width:45%; margin:0 0 16px 3.33%; }
#related_post li .image { margin:0 0 8px 0; }
#related_post li .title { font-size:12px; line-height:1.6; max-height:3.2em; }
} @media only screen and (max-width:767px) { #recent_news { margin:0 0 30px 0; }
#recent_news ol { border-left:none; border-right:none; }
#recent_news li { margin:10px 0; }
#recent_news li a { display:block; min-height:initial; min-height: auto; }
#recent_news .image { width:100%; margin:0; }
#recent_news .info { padding:14px 15px 14px; font-size:12px; line-height:1.6; border:1px solid #ddd; border-bottom:0; }
#recent_news .has_post_thumbnail .info { padding-left:15px; width:initial; width: auto; box-sizing:border-box; border-top:0; }
#recent_news .info .date { font-size:10px; }
#recent_news .info .title { font-size:14px; } .single-news #post_meta_top .date, .single-campaign #post_meta_top .date { min-width:60px; padding:0 10px; }
} @media only screen and (max-width:767px) { .course_categories { margin:0 0 20px 0; } .course_categories a li { padding:15px 10px; font-size:12.5px; }
.course_category { margin:30px 0; }
.course_category .course_category_headline { margin:0 0 28px 0; font-size:24px; font-weight:400; text-align:center; line-height:1.4; }
.course_category .course_category_headline span { display:block; margin-left:0; font-size:12.5px; font-weight:300; text-align:center; position:static; }
.course_category li { margin:0 0 20px 0; }
.course_category li a { display:block; min-height:initial; min-height: auto; }
.course_category .image { width:initial; width: auto; margin:0 0 8px 0; }
.course_category .info { width:initial; width: auto; margin:0; padding:15px 20px 21px; }
.course_category .info .headline { margin:0 0 6px 0; font-size:20px; }
.course_category .info .headline span { display:inline-block; margin-left:12px; font-size:12.5px; position:relative; top:-3px; }
.course_category .info .desc { font-size:12px; line-height:2; }  .single-course .content_header { margin-bottom:12px!important; }
} @media only screen and (max-width:767px) { ol#voice_list { margin:0 0 30px 0; }
ol#voice_list li { min-height:initial; min-height: auto; }
ol#voice_list .voice_image { width:100px; height:100px; margin:15px 18px; }
ol#voice_list .info { padding:15px 15px 15px 18px; }
ol#voice_list .info p { margin:0 0 1em 0; clear:left; }
ol#voice_list .voice_name span { display:block; }
ol#voice_list .has_post_thumbnail .info { width:initial; width: auto; float:none; }
ol#voice_list .has_post_thumbnail .voice_name { margin-top:50px;
-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);
}
ol#voice_list .info .voice_button { text-align:center; }
ol#voice_list .info .voice_button a { min-width:150px; } .single-voice #article > .headline { margin-bottom:0; }
.voice_header { margin:0 0 30px 0; padding:20px 0 0 0; border:1px solid #ddd; border-top:none; }
.voice_header #post_title, .voice_header > p { padding:0 20px; }
.voice_info { margin:30px 0 0 0; }
.voice_info .voice_image img { display:block; margin:30px auto; width:initial; width: auto; max-width:100%; height:auto; }
.voice_info.has_image .voice_image { width:100%; float:none; }
.voice_info.has_image .voice_user { width:100%; float:none; }
.voice_info .voice_user .voice_name { font-size:1em; }
.voice_info .voice_user table th, .voice_info .voice_user table td { border-width:1px 0 0 0; }
.voice_info .voice_user table th + td { border-left-width:1px; }
dl.interview dt { margin:30px 0 0 0; font-size:1em; }
.voice_course { margin:30px 0 0 0; padding:18px 30px 30px 30px; }
.voice_course .course_button a { padding:12px 38px; }
} @media only screen and (max-width:767px) { ol#staff_list { margin:0 0 30px 0;  }
ol#staff_list li a { min-height:initial; min-height: auto; }
ol#staff_list .image { margin:16px 19px; width:50%; max-width:130px; float:left; }
ol#staff_list .info { padding:16px 19px; }
ol#staff_list .has_post_thumbnail .info { width:initial; width: auto; float:none; }
ol#staff_list .info .staff_name { display: block; margin:0; font-size:16px; }
ol#staff_list .info .staff_position { display:block; margin:0 0 1em 0; font-size:12px; }
ol#staff_list .info p { margin:0; clear:left; } .single-staff #article > .headline { margin-bottom:0; }
.staff_info { margin:0 0 30px 0; padding:0; border:1px solid #ddd; border-top:none; }
.staff_info.has_image .staff_image { margin:18px 16px; width:50%; max-width:180px; float:left; }
.staff_info.has_image .staff_detail { width:initial; width: auto; float:none; }
.staff_info .staff_detail .staff_name { display:block; margin:0; padding:18px 16px; font-size:16px; clear:none; }
.staff_info .staff_detail .staff_social_link { display:block; margin:0; padding:0 16px 18px 16px; width:initial; width: auto; }
.staff_info.has_image .staff_name, .staff_info.has_image .staff_social_link {padding-left:0; }
.staff_info .staff_detail .staff_social_link li a { display:block; overflow:hidden; width:14px; height:14px; position:relative; }
.staff_info .staff_detail .staff_social_link li a span { display:none; }
.staff_info .staff_detail .staff_social_link li a:before { font-size:14px; }
.staff_info .staff_detail table { clear:left; }
.staff_info .staff_detail table th, .staff_info .staff_detail table td { border-width:1px 0 0 0; }
.staff_info .staff_detail table th + td { border-left-width:1px; }
.single-staff #related_post { margin-top: 30px; }
.single-staff #previous_next_post2 { display:-webkit-flex; display:flex; }
.single-staff #previous_next_post2 a { width:50%; min-width:140px; margin:0; padding:0; line-height:48px; color:inherit; background:transparent; border:1px solid #ddd; font-size:12px; }
.single-staff #previous_next_post2 a:before { color:inherit; }
.single-staff #previous_next_post2 a + a { border-left:none; }
.staff_info .staff_detail table th { vertical-align:middle; }
.staff_info .staff_detail table th, .staff_info .staff_detail table td { line-height:1.5; }
} @media only screen and (max-width:767px) {
#comment_headline { margin:30px 0 15px 0; }
#comment_area, #trackback_area { margin:15px 0px 0; } #comment_header { position:relative; margin:0 0 15px; }
#comment_header ul { margin:0; }
#comment_header ul li { float:none; text-align:center; margin:0; width:100%; }
#comment_header ul li a, #comment_header ul li p { padding:7px; }
#comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after { display:none; } .comment { padding:10px 10px 0; } .comment_form_wrapper { border:1px solid #ccc; margin:0 0 25px; padding:15px; background:#fff; }
} @media only screen and (max-width:767px) {
.post_content p { line-height:2; margin:0 0 2em 0; }
} @media only screen and (max-width:767px) {
.post_content .pb_catchcopy { font-size:20px; line-height:1.5; }
.post_content .pb_headline { font-size:20px; line-height:1.5; }
}
 @font-face {
font-family: 'design_plus';
src: url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.eot?v=1.3);
src: url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.eot?v=1.3#iefix) format('embedded-opentype'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.woff?v=1.3) format('woff'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.ttf?v=1.3) format('truetype'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/design_plus.svg?v=1.3#design_plus) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'tiktok_x_icon';
src: url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/tiktok_x_icon.eot?v=1.0);
src: url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/tiktok_x_icon.eot?v=1.0#iefix) format('embedded-opentype'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/tiktok_x_icon.woff?v=1.0) format('woff'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/tiktok_x_icon.ttf?v=1.0) format('truetype'),
url(//yuan-b.com/wp-content/themes/skin_tcd046/fonts/tiktok_x_icon.svg?v=1.0#tiktok_x_icon) format('svg');
font-weight: normal;
font-style: normal;
}
.icon-file-text:before { content: "\f15c"; }
.icon-share-alt:before { content: "\f1e0"; }
.icon-phone:before { content: "\f095"; }
.icon-envelope:before { content: "\f0e0"; }
.icon-tag:before { content: "\f02b"; }
.icon-pencil:before { content: "\f040"; }
.icon-close:before { content: "\e91a"; }
.dp-footer-bar {
background: #ffffff;
border-top: 1px solid #ddd;
display: flex;
flex-wrap: wrap;
font-size: 10px;
position: fixed;
bottom: 0;
table-layout: fixed;
text-align: center;
width: 100%;
z-index: 9998;
}
.dp-footer-bar a {
display: block;
padding: 10px 0;
}
.dp-footer-bar-item {
flex: 1;
}
.dp-footer-bar-item + .dp-footer-bar-item {
border-left: 1px solid #ddd;
}
.dp-footer-bar-item:only-child .dp-footer-bar-icon {
display: block;
position: relative;
}
.dp-footer-bar-item:only-child .dp-footer-bar-icon:before {
position: absolute;
right: 15px;
}
.dp-footer-bar-icon:before {
display: block;
font-family: "design_plus";
font-size: 16px;
margin-bottom: .5em;
}
.modal-overlay {
background: rgba(0, 0, 0, 0.5);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
}
.modal-content {
margin: auto;
position: fixed;
bottom: 20%;
left: 0;
right: 0;
width: 209px;
z-index: 9999;
}
.modal-close:before {
color: #fff;
font-size: 32px;
position: absolute;
bottom: 20%;
right: 0;
text-align: center;
width: 50px;
}
.share { text-align: center; }
.share-button {
float: left;
vertical-align: center;
width: 50px;
height: 50px;
}
.share-button--rounded-square { 
border-radius: 2px;
overflow: hidden;
}
.share-button + .share-button { margin-left: 3px; }
.share-button a {
display: block;
position: relative;
width: 100%;
height: 100%;
}
.share-button a img { width:100%; height:auto; }
.hatena-bookmark-button{ background: #00A4DE; border-radius: 4px; }