@charset "utf-8";

/* ----------------------------------------------------------------------
 下層 記事ページ
---------------------------------------------------------------------- */

body, input, textarea { font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif!important; font-weight: 500;}

.rich_font { font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif; font-weight: 500; }

input[type=text] {font-size: 16px; transform: scale(0.8);}

	#body #header {border-bottom: 1px solid #ccc;}
	#global_menu p {margin: 0;}

	@media only screen and (max-width: 1230px){#body #header {height: 70px;}}
	@media only screen and (max-width: 767px){
		#body #header {height: 60px!important; background-color: #fff;}
		#global_menu ul li a {color: #fff;}
	}

	.clearfix-menu-special a {color:#fff!important;}
	li a.menu-ichiran {color: #fff!important;}

p {margin: 0;}


#post_title { font-size:32px; }
.post_content { font-size:16px; }

#related_post li a.image, .styled_post_list1 .image, .work_list_widget .image, .work_list .box .image, .blog_list .box .image {
  overflow: hidden;
}
#related_post li a.image img, .styled_post_list1 .image img, .work_list_widget .image img, .work_list .box .image img, .blog_list .box .image img {
  -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; transition: all 0.75s ease;
  -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);
  -webkit-backface-visibility:hidden; backface-visibility:hidden;
}
#related_post li a.image:hover img, .styled_post_list1 .image:hover img, .work_list_widget .image:hover img, .work_list .box .image:hover img, .blog_list .box .image:hover img {
  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}
.index_archive_link, #work_navigation a, .page_navi p.back a
  { background-color:#BBBBBB; }

#header, .pc #global_menu ul ul a, #footer_bottom, .mobile #copyright, .mobile .home #header
  { background-color:#ffffff; }

.header_fix #header, .pc .header_fix #global_menu ul ul a, .mobile .header_fix #header
  { background-color:rgba(255,255,255,1.0); }

/*#header a, mobile a.menu_button:before
  { color:#FFFFFF; }*/
	
#footer_bottom {color: #191919; font-weight: 500;}

.pc #global_menu ul ul li.menu-item-has-children > a:before
  { border-color:transparent transparent transparent #FFFFFF; }

.pc #global_menu ul ul a:hover
  { color:#fff; }

.pc #global_menu ul ul li.menu-item-has-children > a:hover:before
  { border-color:transparent transparent transparent #fff; }

#post_title, #page_header .headline, #work_category_list .current_category .name, #work_footer_data .link, .blog_list .box .title a:hover, #footer_menu a:hover, #related_post li .title a:hover, .side_widget .styled_post_list1 .title:hover
  { color:#7fa9d6; }

a:hover, .pc #header .logo a:hover, #comment_header ul li a:hover, #header_logo .logo a:hover, #bread_crumb li.home a:hover:before, #bread_crumb li a:hover, .color_headline, #footer_bottom a:hover { color:#7fa9d6; }

/*	a img:hover {opacity: 0.4;}*/

/*#return_top a:hover,*/ .next_page_link a:hover, .collapse_category_list li a:hover .count, .slick-arrow:hover, .page_navi a:hover, .page_navi p.back a:hover,
  #wp-calendar td a:hover, #wp-calendar #prev a:hover, #wp-calendar #next a:hover, .widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .side_widget.google_search #searchsubmit:hover,
    #submit_comment:hover, #comment_header ul li a:hover, #comment_header ul li.comment_switch_active a, #comment_header #comment_closed p, #post_pagination a:hover,
      #header_slider .slick-dots button:hover::before, #header_slider .slick-dots .slick-active button::before,
        .work_list .box .title a:hover, #work_navigation a:hover, #work_side_content a:hover, #work_button a:hover, #blog_list .category a:hover, #post_meta_top .category a:hover, .box_list .link_button:hover
          { background-color:#7fa9d6 !important; }

.pc #global_menu ul ul a:hover, .news_list .category a:hover, .work_list .category a:hover, .blog_list .category a:hover, #related_post .headline, #comment_headline, .side_headline,
   .mobile #global_menu li a:hover, .index_archive_link:hover
    { background-color:#000000 !important; }
	
.news_notice .category a:hover{background-color: #f6f6f6!important;}

.mobile a.menu_button:hover {opacity: 0.5}

#comment_textarea textarea:focus, #guest_info input:focus, #comment_header ul li a:hover, #comment_header ul li.comment_switch_active a, #comment_header #comment_closed p, .page_navi a:hover, .page_navi p.back a:hover
  { border-color:#7fa9d6; }

#comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after
  { border-color:#7fa9d6 transparent transparent transparent; }

.collapse_category_list li a:before
  { border-color: transparent transparent transparent #000000; }

@media screen and (min-width:600px) {
  #header_slider_nav .slick-current .label { background-color:#7fa9d6 !important; }
}

.post_content a, .post_content a:hover { color:#D90000; }

#footer_image .button { background-color:#FFFFFF; color:#000000; }
#footer_image .button:hover { background-color:#000000; color:#FFFFFF; }
#index_3box_list .icon.num1 span:before { color:#BDDAEA; }
#index_3box_list .icon.num2 span:before { color:#FEDB73; }
#index_3box_list .icon.num3 span:before { color:#FFB399; }
#site_loader_spinner { border:4px solid rgba(216,1,0,0.2); border-top-color:#7fa9d6; }

/* Footer bar */

img.s_shot { -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid #d2d2d2; -webkit-box-shadow:0 6px 6px -6px #cccccc; -moz-box-shadow:0 6px 6px -6px #cccccc; box-shadow:0 6px 6px -6px #cccccc; }
.no_sz { -moz-box-sizing:content-box !important; box-sizing:content-box !important; }
.img_ttl { display:inline-block; position:relative; text-align:center; font-size:12px; color:#fff; background-color:#444444; margin:0 !important; padding:0 10px; border-radius:0 4px 0 0; }

.single-work .row2 { padding-bottom:20px; border-bottom:1px solid #ddd; }
.single-work .row3 { margin-top:47px; }
@media screen and (max-width: 767px) {
.single-work .row2 { padding-bottom:0; border-bottom:1px solid #ddd; }
.single-work .row3 { margin-top:17px; }

}

	.pc .header_fix #global_menu li.current-menu-item > a, .pc .header_fix #global_menu > ul > li > a:hover { color:#000 !important; }

/* 90%バージョン追加css */
	#header .container {height: 72px;}
	.container {max-width: 1035px;}
	.header-col-3 {height: 72px;}
	.header-col-75 {height: 72px;}
	.pc #global_menu > ul {height: 72px;}
	.pc #global_menu > ul > li {height: 72px;}
	.pc #global_menu > ul > li > a {font-size: 14px;}
	.pc #global_menu ul li a {padding: 16px;}
	.pc #global_menu ul ul {top: 72px; line-height: 1.5;}
	.menu-span {font-size: 12px;}
	.megamenu_search_list {width: 1035px!important; left: -251px!important; background-color: #000;}
	.megamenu_know_list {width: 1035px!important; left: -469px!important; background-color: #000;}
	.megamenu_post_list {width: 1035px!important; left: -395px!important; background-color: #000;}
	.megamenu_land_list {width: 1035px!important; left: -585px!important; background-color: #000;}
	.megamenu_dic_list {width: 1035px!important; left: -687px!important; background-color: #000;}

	@media only screen and (max-width:1199px){
		.megamenu_search_list {width: 972px!important; left: -234px!important;}
		.megamenu_know_list {width: 972px!important; left: -452px!important;}
		.megamenu_post_list {width: 972px!important; left: -378px!important;}
		.megamenu_land_list {width: 972px!important; left: -568px!important;}
		.megamenu_dic_list {width: 972px!important; left: -670px!important;}
	}

	@media only screen and (max-width:991px){
		.megamenu_search_list {width: 720px!important; left: -154px!important;}
		.megamenu_know_list {width: 720px!important; left: -320px!important;}
		.megamenu_post_list {width: 720px!important; left: -272px!important;}
		.megamenu_land_list {width: 720px!important; left: -410px!important;}
		.megamenu_dic_list {width: 720px!important; left: -486px!important;}
	}
	
	.clearfix-menu-special .image {width: 117px!important; height: 117px!important;}
	.clearfix-menu-special .pref_title_area {width: calc(100% - 117px)!important; height: 117px!important;}
	.clearfix-menu-special .title-search {font-size: 15px!important;}
	.header-col-15 {height: 72px; padding: 20px 0 12px;;}
	.button_maru {width: 32px; height: 32px;}
	#pankz ul li {font-size: 14px;}
	#pankz.pb10 {padding-bottom: 10px!important;}
	.title_area p.know_detail {padding-right: 18px;}
	article {padding-top: 36px;}
	.footer_text04 {font-size: 13px;}
	.footer-space-area {padding-left: 9px;}
	.footer-space-area p a {font-size: 13px;}
	.footer-space {height: 90px; margin-bottom: 9px; padding-left: 16px;}
	.footer-space a .img-exp-news {width: 90px; height: 90px;}
	.footer-info h4 {left: 100px; font-size: 13px;}
	#footer_bb {height: 33px;}
	#footer_bb #copyright {font-size: 13px; line-height: 33px; max-width: 1035px; margin: 0 auto!important;}
	
	
	@media only screen and (max-width:1199px){
		.header-col-15 .button_maru {width: 24px; height: 24px;}
		.header-col-75 {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
		.header-col-15 {ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;}
		.clearfix-menu-special .image {width: 107px!important; height: 107px!important;}
		.clearfix-menu-special .pref_title_area {width: calc(100% - 107px)!important; height: 107px!important;}
	}

	@media only screen and (max-width:991px){
		.header-col-75 {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%;}
		.header-col-15 {ms-flex: 0 0 10%; flex: 0 0 10%; max-width: 10%;}
		.pc #global_menu ul li a {padding: 18px 3px 12px;}
		.clearfix-menu-special .image {width: 97px!important; height: 97px!important;}
		.clearfix-menu-special .pref_title_area {width: calc(100% - 97px)!important; height: 97px!important;}
	}

	@media only screen and (max-width:767px){
		#header .container {height: 60px;}
		.header-col-3 {height: 60px;}
		.header-col-75 {height: 60px;}
		.tourokusuu-ban {margin-right: auto!important;}
		#pankz.pb10 {padding-bottom: 0!important;}
	}

	@media only screen and (max-width: 600px){
		.header-col-3 {-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
		.header-col-75 {-ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;}
	}
	
	@media only screen and (max-width: 429px) {
		.header-col-3 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
		.header-col-75 {-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;}
	}


	#kasou_top {width: 100%; position: relative; display: block;}
	#kasou_top_image {width: 100%; height: 360px; margin: 0; position: relative; overflow: hidden;}
	#kasou_top_image img.topimg-pc {display: block; width: 100%; height: auto;}
	#kasou_top_image img.topimg-sp {display: none;}
	#kasou_top_image img.topimg-sp2 {display: none;}
	#kasou_top_image .kasou_top_midashi {margin: 0; padding: 72px 10px; width: 100%; line-height: 72px;	text-align: center; font-size: 36px; color: #fff; position: absolute; top: 20%; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}
	#kasou_top_image .kasou_top_midashi p {font-size: 18px; line-height: 1; font-weight: 500;}
	#kasou_top_image .kasou_top_midashi span {font-weight: bold; letter-spacing: 6px;}
	
	#pankz .row-ar .col-12 {padding: 10px 0 0;}
	hr {max-width: 100%;}
	
	.know-headline {position: absolute; z-index: 10; top: 85px; left: 0; text-align: center; width: 100%;}
	.know-headline img {width: 46px; height: auto; display: block; margin: 0 auto 10px;}
	.know-headline h3 {display: inline-block; line-height: 1.4; font-size: 16px; color: #fff;}
	.know-headline h3 span.sub_title {font-size: 28px;}
	.know-headline p {font-weight: 500; color: #fff; margin-top: 15px;}

	@media only screen and (max-width:991px){
		#kasou_top_image img.topimg-pc {display: none;}
		#kasou_top_image img.topimg-sp {display: block; width: 100%; height: auto;}
		#kasou_top_image .know-headline h3 {background-color: inherit; margin: 0; padding: 0;}
	}
	@media only screen and (max-width:767px){
		#kasou_top_image {height: 280px;}
		#pankz {padding: 5px 10px 0;}
		#pankz .row-ar .col-12 {padding: 0;}
		#pankz .row-ar .col-12 ul {overflow: hidden;}
		#pankz .row-ar .col-12 ul li {font-size: 12px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
		hr {margin-top: 5px;}
	}
	@media only screen and (max-width:429px){
		#kasou_top_image {height: 240px;}
		#kasou_top_image img.topimg-sp {display: none;}
		#kasou_top_image img.topimg-sp2 {display: block; width: 100%; height: auto;}
		.know-headline p {margin-top: 5px;}
	}
	
	.drop-shadow {text-shadow: 0px 0px 1px #1e2930, 0px 0px 4px #1e2930, 0px 0px 8px #1e2930, 0px 0px 12px #1e2930, 0px 0px 16px #1e2930, 0px 0px 20px #1e2930, 0px 0px 24px #1e2930, 0px 0px 28px #1e2930, 0px 0px 32px #1e2930;}
		


	@media only screen and (max-width: 991px) {.pref_topimage .pref_midashi h3 {font-size: 46px;}}
	@media only screen and (max-width: 767px) {.pref_topimage .pref_midashi h3 {font-size: 30px;}}
	@media only screen and (max-width: 429px) {.pref_topimage .pref_midashi h3 {line-height: 1.6; margin-top: -20px;}}
	
	.all-list {float: right!important;}
	#pankz ul li a.but-ichiran {width: auto; line-height: 24px; color: #fff; padding: 0 20px; font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;}
	#pankz ul li a:hover.but-ichiran {color: #000;}
	#pankz ul li a.but-ichiran span {font-size: 6px; vertical-align: top;}



/*-- 旧サイトコード02 --*/
	
	#old-pc a {color: #0070C0!important;}
	#old-sp a {color: #0070C0!important;}
	.top_tera3 {padding: 10px;}
	#content_left a:hover {text-decoration: underline!important;}
	#content_left .cat_box a {color: #0070C0!important; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif !important;}
	#content_right .map_box img {width: 100%;}
	.top_side_box .top_side_con_box a {color: #0070c0!important;}
	
	.contents-inbox {border-bottom: solid 1px #ccc; height: auto; clear: left; padding: 10px 0 10px 10px;}
	.contents-inbox table tr td {padding-right: 7px; vertical-align: top;}
	.contents-inbox span {color: #0070c0; text-decoration: underline; font-size: small;}
	#old-sp div.line_grey {margin: 20px 0px;}

.midashi_page_top {font-size: 20px!important; padding: 0!important;}
section h6.orange {font-size: 18px;}
.kanren_title {margin-top: 20px;}

.footer_af {height: auto; width: 645px; margin-top: 10px;}

.contents_bg .decimal h2 {margin-top: 10px!important; font-size: 18px!important; margin-left: 0!important;}



@media only screen and (max-width: 767px){
	.title_box img {max-width: 645px!important; width: 100%!important; height: auto!important;}
	.landmark-text {width: 100%!important;}
	.landmark-text .inbox .image_left {float: none; text-align: center; margin: 0!important;}
	.landmark-text .inbox iframe {width: 100%!important;}
	.top_tera3 {display: none;}
	.scroll {width: 100%!important;}
	.side_picup iframe {width: 100%;}
	.landmark-text .inbox h7 {overflow-wrap: break-word;}
	
	section .decimal .ft_left {float: none;}
	section .decimal .ml20 {margin-left: 0;}
	section .decimal .w300 {margin: 0 auto; width: 100%; max-width: 300px;}
}


/* ------------------------------------------------------------------------------------
 歯医者 style_kasoutop.css より
------------------------------------------------------------------------------------ */
	#whatsnew {padding: 40px 0 20px;}
	#whatsnew .container {width: 1030px; margin: 0 auto;}
	#whatsnew .container .shintyaku-waku {box-shadow: rgb(48 98 104 / 8%) 0px 6px 16px 0px, rgb(48 98 104 / 4%) 0px 0px 0px 1px; padding: 20px 20px 0;}
	#whatsnew a.but-ichiran {width: auto; line-height: 24px; color: #fff; padding: 0 20px; font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size: 14px;}
	#whatsnew a:hover.but-ichiran {color: #000;}
	#whatsnew a.but-ichiran span {font-size: 6px; vertical-align: top;}
	#whatsnew .shintyaku {position: relative; border-left: solid 20px #7e2b23; padding-left: 20px; margin-bottom: 20px; padding-bottom: 8px;}
	#whatsnew .shintyaku h2 {font-size: 36px; font-weight: 500;}
	#whatsnew .shintyaku p {font-size: 20px; font-weight: 500;}
	#whatsnew .shintyaku p.all-list {position: absolute; bottom: 6px; right: 0;}
	.aside-left .know-item {padding: 20px; border: solid 1px #ddd;}
	.aside-left .know-item a .title_area {border: none; padding: 18px 0 0; height: 120px;}
	.aside-left .know-item a .title_area h4 {font-size: 18px; word-wrap: break-word; word-break: break-all; visibility: visible;}
	.aside-left .know-item a .title_area h4 span {-webkit-line-clamp: 1; position: relative; z-index: 1;}
	.aside-left .know-item a .title_area h4 span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #306268; z-index: -1; transition: all 0.4s;}
	.aside-left .know-item a:hover .title_area h4 span::after {width: 100%;}
	.aside-left .know-item a .title_area p.know_detail {top: 60px; left: 0; font-size: 16px; line-height: 2; word-wrap: break-word; word-break: break-all; padding: 0;}
	.aside-left .know-item a .title_area p.know_detail span {-webkit-line-clamp: 2;}
	.aside-right {padding-left: 20px;}
	.aside-right .know-item {margin: 0 0 20px; padding: 0; border-bottom: solid 1px #ddd;}
	.aside-right .know-item a .img-exp-news {z-index: 99; border: solid 1px #ddd; margin: 0;}
	.aside-right .know-item a:hover .img-exp-news img {-webkit-transform: scale(1.2); transform: scale(1.2);}
	.aside-right .know-item a .title_area {padding: 0; border: none; height: 120px;}
	.aside-right .know-item a .title_area h4 {font-size: 18px; word-wrap: break-word; word-break: break-all; visibility: visible; padding: 4px 20px 0;}
	.aside-right .know-item a .title_area h4 span {-webkit-line-clamp: 1; position: relative; z-index: 1;}
	.aside-right .know-item a .title_area h4 span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #306268; z-index: -1; transition: all 0.4s;}
	.aside-right .know-item a:hover .title_area h4 span::after {width: 100%;}
	.aside-right .know-item a .title_area p.know_detail {top: 46px; left: 120px; line-height: 1.8; padding-right: 0; font-size: 16px;}
	.aside-right .know-item a .title_area p.know_detail span {-webkit-line-clamp: 2;}
	.osusume-article {margin-bottom: 38px;}
	.osusume-article h2 {font-size: 20px; position: relative; padding: 12px 20px 16px; background-color: #fff; border: solid 1px #333; border-radius: 6px; display: inline-block;}
	.osusume-article h2::before, .osusume-article h2::after {position: absolute; top: 100%; left: 30px; content: ''; width: 0; height: 0; border: solid 10px transparent;}
	.osusume-article h2::before {border-top: solid 15px #333;}
	.osusume-article h2::after {margin-top: -2px; border-top: solid 15px #fff;}
	
	@media only screen and (max-width:991px){
		#whatsnew .container {width: 100%; max-width: 980px;}
		#whatsnew .col-4 {flex: 0 0 40%; max-width: 40%;}
		#whatsnew .col-8 {flex: 0 0 60%; max-width: 60%;}
		.aside-left .know-item a .img-expansion {width: 100%; height: auto; float: none; display: flex;}
		.aside-left .know-item {height: calc(100% - 20px);}
	}
	@media only screen and (max-width:767px){
		#whatsnew {padding: 10px 0 20px;}
		#whatsnew .container .shintyaku-waku {padding: 10px 10px 0;}
		#whatsnew .shintyaku h2 {font-size: 24px;}
		#whatsnew .shintyaku p {font-size: 16px;}
		#whatsnew .shintyaku p.all-list {width: 100px;}
		#whatsnew .shintyaku {border-left: solid 10px #7e2b23; padding-left: 10px; margin-bottom: 10px;}
		#whatsnew .col-4 {flex: 0 0 100%; max-width: 100%;}
		#whatsnew .col-8 {flex: 0 0 100%; max-width: 100%;}
		.osusume-article {margin-bottom: 22px;}
		.osusume-article h2 {font-size: 16px; padding: 5px 20px 7px;}
		.aside-left {border-bottom: solid 1px #ddd; margin-bottom: 20px;}
		.aside-left .know-item {border: none; padding: 20px 0px; margin-bottom: 20px;}
		.aside-left .know-item a .img-expansion {width: 100px; height: 100px; float: left;}
		.aside-left .know-item a .title_area {float: right; width: calc(100% - 110px); padding: 0;}
		.aside-left .know-item a .title_area p.know_detail {top: 40px; font-size: 14px;}
		.aside-right {padding-left: 0;}
		.aside-right .know-item a .title_area h4 {padding: 0 0 0 10px;}
		.aside-right .know-item a .title_area p.know_detail {left: 110px; font-size: 14px;}
	}
	
	
	#osusume-pickup {padding: 14px 0 0;}
#osusume-pickup .kousinday p {right: 90px;}
	#osusume-pickup .col-7 {-ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%;}
	#osusume-pickup .col-5 {-ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%;}
	#osusume-pickup .row-ar {box-shadow: rgb(48 98 104 / 8%) 0px 6px 16px 0px, rgb(48 98 104 / 4%) 0px 0px 0px 1px; border: solid 1px #ddd;}
	#osusume-pickup .recom-left {padding: 18px 0 18px 18px;}
	#osusume-pickup .recom-right {padding: 18px;}
	#osusume-pickup .recom-title {text-align: left; padding: 5px 0 18px;}
	#osusume-pickup .recom-title h2 {font-size: 27px; float: left;}
	#osusume-pickup .recom-title p {font-size: 16px; font-weight: 500;}
	#osusume-pickup .recom-title p span.lr-line {display: flex; justify-content: left; align-items: center; padding-left: 10px; line-height: 2.3;}
/*	#osusume-pickup .recom-title p span.lr-line::before {content: ''; width: 15px; height: 2px; background-color: #286601;}
	#osusume-pickup .recom-title p span.lr-line::after {content: ''; width: 15px; height: 2px; background-color: #286601;}*/
	.recom-left .title_area {height: 171px; padding: 13px 18px 18px; border: none;}
	.recom-left .title_area h4 {font-size: 16px; font-weight: 600;}
	.recom-left .title_area h4 span {-webkit-line-clamp: 1;}
	.recom-left .last-update {position: absolute; top: 50px; left: 18px; font-size: 13px;}
	.last-update img {width: 16px; height: 16px;}
	.recom-left .icon-tag {top: 46px; left: 132px;}
	.recom-left .title_area p.know_detail {top: 83px; left: 18px; font-size: 14px;}
	.recom-left a:hover {text-decoration: underline;}
	.recom-left a:hover .title_area h4 {color: #3271b8;}
	.knowle-pickup {position: absolute; z-index: 99; top: 72px; left: 13px; width: 155px;}
	
	.last-update span {position: absolute; bottom: 0; color: #666; font-weight: 500; line-height: 1.6;}
	.icon-tag {position: absolute; font-size: 13px; color: #fff; font-weight: 500;}
	
	.recom-right .well-read {margin: 0 0 18px; padding: 0; position: relative; display: block;}
	.recom-right .well-read .image_wrap {z-index: 9; border: solid 1px #ddd; margin: 0; width: 180px; height: 180px; float: left;}
	.recom-right .well-read .title_area {border: none;; padding: 9px; height: 180px; border-left: none;}
	.recom-right .well-read .title_area h4 {font-size: 16px; font-weight: 600; padding-left: 14px;}
	.recom-right .last-update {position: absolute; top: 70px; left: 194px; font-size: 14px;}
	.recom-right .icon-tag {top: 68px; left: 315px;}
	.recom-right .well-read .title_area p.know_detail {top: 97px; left: 194px; font-size: 14px;}
	.recom-right a:hover {text-decoration: underline;}
	.recom-right a:hover .title_area h4 {color: #3271b8;}
	
	.short-waku {margin: 0 0 18px; padding: 0; position: relative; display: block;}
	.sigoban {flex: 0 0 50%; max-width: 50%; width: 100%;}
	.sigo-left {float: left;}
	.sigo-right {float: right;}
	.short-waku .image_wrap {z-index: 9; width: 180px; height: 110px; float: left;}
	.sigoban .image_wrap {z-index: 9; width: 72px; height: 72px; float: left;}
	.short-waku .title_area {border: none; padding: 9px; height: 110px;}
	.sigoban .title_area {border: none; padding: 9px; height: 72px;}
	.sigoban .title_area h4 {padding-left: 5px!important;}
	.sigoban .title_area p.know_detail {top: 40px!important; left: 78px!important; padding-right: 0;}
	.sigoban .title_area p.know_detail span {-webkit-line-clamp: 1!important;}
	.sigoban .title_area .last-update {display: none;}
	.sigoban .title_area .icon-tag {display: none;}
	.short-waku.niban .title_area h4 {font-size: 16px; font-weight: 600; padding-left: 14px;}
	.short-waku.sigoban .title_area h4 {font-size: 16px; font-weight: 600; padding-left: 14px;}
	.short-waku .title_area h4 span {-webkit-line-clamp: 1;}
	.short-waku .last-update {position: absolute; top: 42px; left: 194px; font-size: 13px;}
	.short-waku .icon-tag {top: 42px; left: 315px;}
	.short-waku .title_area p.know_detail {top: 68px; left: 194px; font-size: 14px;}
	.short-waku .title_area p.know_detail span {-webkit-line-clamp: 2;}
	.short-waku a:hover {text-decoration: underline;}
	.short-waku a:hover .title_area h4 {color: #3271b8;}
	.well-read-rank01 {position: absolute; z-index: 99; top: -15px; left: -10px; width: 58px;}
	.well-read-rank0203 {position: absolute; z-index: 99; top: -15px; left: -10px; width: 52px;}
	.well-read-rank0405 {position: absolute; z-index: 99; top: -10px; left: -5px; width: 32px;}
	
	.short-waku-text {display: block; clear: both; padding-top: 5px;}
	.short-waku-text .title_area {border: none; padding: 0 10px 10px 0; height: inherit;}
	.short-waku-text .title_area h4 {font-size: 18px; font-weight: 600;}
	.short-waku-text .title_area h4 span {-webkit-line-clamp: 1; padding-left: 15px;}
	.short-waku-text .title_area h4 span b {color: #58ae21;}
	.short-waku-text a:hover {text-decoration: underline;}
	.short-waku-text a:hover .title_area h4 {color: #3271b8;}
	
	.short-waku-text img {width: 45px; float: left; margin-top: 4px;}
	
	.lr-line::before {margin-right: 15px;}
	.lr-line::after {margin-left: 15px;}
	
	.icon-tag span.tag-base {width: 66px; display: inline-block; text-align: center; border-radius: 10px; margin: 0 2px;}
	.icon-tag span.tag-new {background-color: #fca404;}
	.icon-tag span.tag-popular {background-color: #2bb4c4;}
	.icon-tag span.tag-recom {background-color: #318d2f;}
	
	#osusume-pickup a .image_wrap {display: block; overflow: hidden; position: relative;}
	#osusume-pickup a .image_wrap img {display: block; width: 100%; height: 100%; object-fit: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; transition: all 0.5s ease;}
	#osusume-pickup a .image_wrap img.innerimg {border: solid 1px #ddd; margin: 0;}
	#osusume-pickup a:hover .image_wrap img.innerimg {-webkit-transform: scale(1.2); transform: scale(1.2);}
	
	.know-book-waku {position: absolute; max-width: 1035px; margin: 0 auto; top: 22px; right: 5px;}
	.know-book {position: relative; font-size: 16px; font-weight: 600; text-align: right; padding: 18px 0; width: 144px; margin-left: auto; text-shadow: 2px  2px 0px #ffffff, -2px  2px 0px #ffffff, 2px -2px 0px #ffffff, -2px -2px 0px #ffffff, 2px  0px 0px #ffffff, 0px  2px 0px #ffffff, -2px  0px 0px #ffffff, 0px -2px 0px #ffffff;}
	.know-book img {width: 72px;}
	.know-book a img.m-off {position: absolute; display: block; top: -14px; right: 26px; z-index: -1;}
	.know-book a img.m-on {position: absolute; display: none; top: -14px; right: 26px; z-index: -2;}
	.know-book a:hover img.m-off {position: absolute; display: none; top: -14px; right: 26px; z-index: -1;}
	.know-book a:hover img.m-on {position: absolute; display: block; top: -14px; right: 26px; z-index: -2;}
	.know-book-text {font-size: 16px; font-weight: 600;}
	.know-book a:hover {text-decoration: none;}
	.know-book a .know-book-text {opacity: 1; transition: 0.3s;}
	.know-book a:hover .know-book-text {color: #3271b8;}
	
	@media only screen and (max-width:1203px){
		#osusume-pickup .container {max-width: 1000px;}
		#osusume-pickup .recom-title h2 {float: none;}
		.recom-left .icon-tag {top: 88px; left: 15px;}
		.recom-left .title_area p.know_detail {top: 120px; padding-right: 0;}
		.recom-left .title_area p.know_detail span {-webkit-line-clamp: 2;}
		.recom-right .icon-tag {top: 104px; left: 192px;}
		.recom-right .well-read .title_area p.know_detail {top: 136px;}
		.recom-right .title_area p.know_detail {padding-right: 0;}
		.recom-right .title_area p.know_detail span {-webkit-line-clamp: 2;}
		.short-waku .icon-tag {top: 75px;}
		.short-waku .title_area p.know_detail {top: 104px;}
		.short-waku .title_area p.know_detail span {-webkit-line-clamp: 1;}
		.knowle-pickup {top: 112px; width: 158px;}
	}
	@media only screen and (max-width:991px){
		.icon-tag span.tag-base {margin: 0 2px;}
		#osusume-pickup .recom-title {text-align: center;}
		#osusume-pickup .recom-title p span.lr-line {justify-content: center;}
		#osusume-pickup .recom-left {padding: 20px 10px 20px;}
		.recom-left .image_wrap {max-width: 400px; margin: 0 auto;}
		.recom-left .title_area {text-align: center;}
		.recom-left .title_area p.know_detail {padding-right: 20px;}
		.recom-right .well-read .title_area h4 span {-webkit-line-clamp: 1;}
		.recom-right .last-update {top: 50px;}
		.recom-right .icon-tag {top: 76px; left: 192px;}
		.recom-right .icon-tag span {margin: 4px 2px;}
		.short-waku .image_wrap {margin-left: 0;}
		.short-waku .last-update {left: 74px;}
		.short-waku .icon-tag {left: 74px;}
		.short-waku .title_area {margin-left: 120px;}
		.short-waku .title_area p.know_detail {left: 74px;}
		.pager .all-ichiran {left: calc(50% / 1 + 180px);}
		#osusume-pickup .col-5 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		#osusume-pickup .col-7 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		.know-book {padding-right: 10px;}
		.sigoban .title_area {margin-left: 0!important;}
		.knowle-pickup {left: calc(50% / 1 - 204px);}
	}
	@media only screen and (max-width:767px){
		#osusume-pickup .recom-title h2 {font-size: 24px;}
		#osusume-pickup .recom-title p {font-size: 14px;}
		#osusume-pickup .row-ar {box-shadow: none;}
		#osusume-pickup .recom-left {padding: 20px 0;}
		#osusume-pickup .recom-right {padding: 20px 0 20px 10px;}
		.niban a .image_wrap {margin-left: 0;}
		.sigoban a .image_wrap {margin-left: 0;}
		.recom-left .image_wrap {padding: 0 10px;}
		.recom-right .well-read {margin: 0 0 10px;}
		.recom-right .well-read .image_wrap {width: 100px; height: 100px;}
		.recom-right .well-read .title_area {height: 100px; padding: 4px 8px;}
		.recom-right .well-read .title_area h4 {font-size: 16px; padding-left: 10px;}
		.recom-right .last-update {top: 36px; left: 110px; font-size: 13px;}
		.icon-tag {font-size: 13px;}
		.recom-right .icon-tag {top: 60px; left: 110px;}
		.recom-right .well-read .title_area p.know_detail {display: none;}
		.short-waku {margin: 0 0 10px;}
		.short-waku .image_wrap {width: 100px; height: 100px;}
		.short-waku .title_area {height: 100px; padding: 4px 8px; margin-left: 0;}
		.short-waku .title_area h4 {font-size: 16px; padding-left: 10px;}
		.short-waku .last-update {top: 36px; left: 110px; font-size: 13px;}
		.short-waku .icon-tag {top: 60px; left: 110px;}
		.short-waku .icon-tag span.tag-base {margin: 0 2px;}
		.short-waku .title_area p.know_detail {display: none;}
		.short-waku-text .title_area h4 {font-size: 16px;}
		.pager .all-ichiran {position: initial!important; text-align: center; font-size: 16px;}
		.know-list .item.small .num_area {display: none;}
		.know-list .item.small .image_wrap {width: 100px; height: 100px; overflow: hidden; float: left;}
		.well-read-rank {display: none;}
		.sigoban {flex: 0 0 100%; max-width: 100%; width: 100%;}
		.sigoban .title_area .last-update {display: block;}
		.sigoban .title_area .icon-tag {display: block;}
		.knowle-pickup {left: calc(50% / 1 - 195px); top: 100px;}
		.well-read-rank01 {width: 40px; top: -10px; left: -5px;}
		.well-read-rank0203 {width: 40px; top: -10px; left: -5px;}
	}
	@media only screen and (max-width:579px){
		.know-book-waku {position: relative;}
		.know-book {padding: 0 10px 40px 0;}
		.know-book a img {display: none!important;}
		.knowle-pickup {top: 160px;}
		#osusume-pickup .recom-title p span.lr-line {padding-left: 0;}
		#osusume-pickup .recom-title p span.lr-line {padding-left: 0;}
	}

	@media only screen and (max-width:538px){
		.recom-right .icon-tag {top: 60px; left: 110px;}
}

	@media only screen and (max-width:420px){.knowle-pickup {left: calc(0% / 1 + 6px); width: 130px;}}
	
	@media only screen and (max-width:379px){
		.recom-left .title_area {padding: 4px 8px 10px; height: 100px;}
		.recom-left .title_area h4 {font-size: 16px; left: 10px;}
		.recom-left .last-update {top: 36px;}
		.recom-left .icon-tag {top: 65px; left: 10px;}
		.recom-left .title_area p.know_detail {display: none;}
		.recom-right .well-read .image_wrap {width: 75px; height: 75px;}
		.recom-right .well-read .title_area {height: 75px;}
		.recom-right .last-update {top: 28px; left: 86px;}
		.icon-tag {font-size: 12px;}
		.icon-tag span.tag-base {width: 62px;}
		.recom-right .icon-tag {top: 46px; left: 86px;}
		.short-waku .image_wrap {width: 75px; height: 75px;}
		.short-waku .title_area {height: 75px;}
		.short-waku .last-update {top: 28px; left: 86px;}
		.short-waku .icon-tag {top: 50px; left: 86px;}
	}


/************************/


	#knowlege {background-color: #fff;}
	
	.know-list {font-size: 0;}
	.know-list a {display: block;width: 100%; height: auto; position: relative; background: #fff; color: #000; box-shadow: rgb(48 98 104 / 8%) 0px 6px 16px 0px, rgb(48 98 104 / 4%) 0px 0px 0px 1px;}
	.know-list a:hover .image {-webkit-transform: scale(1.2); transform: scale(1.2);}
	.know-list .image_wrap {display: block; position: relative; width: 100%; height: 176px; z-index: 1;overflow: hidden;}
	.know-list .image_wrap .image {width: 100%; height: auto; -webkit-transition: transform 0.5s ease; transition: transform 0.5s ease; -webkit-transform: scale(1);
    transform: scale(1);}
	.know-list .item {display: inline-block; font-size: 14px; vertical-align: top; position: relative;}
	.know-list .image {width: 100%; height: 100%!important; display: block; overflow: hidden; position: relative; z-index: 2;}
	.know-list .item .num_area {margin: 0 0 10px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; -ms-align-items: flex-end; -webkit-align-items: flex-end; align-items: flex-end;}
	.know-list .item .sub_title {font-size: 20px; margin-right: 10px; color: #306268; position: relative;}
	.know-list .item .post_num {font-size: 30px; margin-bottom: -2px; font-weight: 600; color: #306268;}
	.know-list a:hover h3.title {color: #666;}
	.know-list .item.small {width: calc(100% / 3 - 20px); height: 372px; margin: 0 30px 0px 0;}
	.know-list .item.small:nth-child(3n + 3) {margin-right: 0;}
	.know-list .item.small .title_area {border: none; margin: 0; position: initial; height: 135px; padding: 0 27px; text-align: justify; text-justify: inter-ideograph;}
	.know-list .item.small .num_area {margin: 0; padding: 0 9px 9px 0; width: 54px; height: 54px; text-align: center; background: #fff; position: absolute; top: 13px; left: 0; z-index: 1; border-radius: 0 50% 50% 0; -ms-justify-content: center; -webkit-justify-content: center; justify-content: center; -ms-align-items: center; -webkit-align-items: center; align-items: center;}
	.know-list .item.small .sub_title {font-size: 10px; margin: 0; width: 100%;}
	.know-list .item.small .post_num {-ms-align-self: start; -webkit-align-self: start; align-self: start; font-size: 21px; margin: 0; line-height: 0.1;}
	.know-list .item.small h3.title {height: 54px; font-size: 16px; margin: 22px 0 0 0; font-weight: 600; line-height: 1.6; max-height: 3em; overflow: hidden; visibility: visible; word-wrap: break-word; word-break: break-all;}
	.know-list .item.small a:hover h3.title {color: #3271b8;}
	.know-list .item.small a:hover h3.title span {text-decoration: underline;}
	.know-list .item.small h3.title span {display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; position: relative; z-index: 1;}
/*	.know-list .item.small h3.title span::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: #306268; z-index: -1; transition: all 0.4s;}*/
	.know-list .item.small a:hover h3.title span::after {width: 100%;}
	.know-list .item.small p.desc {margin: 13px 0 0 0; color: #000; font-size: 14px; line-height: 2; max-height: 3.6em; overflow: hidden; visibility: visible; word-wrap: break-word; word-break: break-all;}
	.know-list .item.small p.desc span {display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	
	.snip {position: relative; overflow: hidden; width: 100%; background-color: #000;}
	.snip figcaption {position: absolute; bottom: 0px; right: 25px;}
	.snip figcaption::before {bottom: 40px; right: -30px; position: absolute; content: ''; width: 750px; height: 2px; background-color: #fff; -webkit-transform: translateX(100%); transform: translateX(100%);}
	.snip figcaption div::before {bottom: 0px; right: 20px; position: absolute; content: ''; width: 10px; height: 420px; background-color: #fff; -webkit-transform: translateY(100%); transform: translateY(100%);}
	a:hover .snip figcaption::before {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 20;}
	a:hover .snip figcaption div::before {-webkit-transition-delay: 0.15s; transition-delay: 0.15s; -webkit-transform: translate(0, 0); transform: translate(0, 0); z-index: 20;}
	.snip *::before {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.55s ease; transition: all 0.55s ease; text-align: center;}
	

	
	@media only screen and (max-width:991px){
		#knowlege .container {width: auto; padding: 60px 20px 20px;}
		.know-list .item.small {width: calc(50% - 10px); margin: 0 33px 0px 0;}
		.know-list .item.small:nth-of-type(even) {margin-right: 0px!important;}
		.know-list .item.small:nth-of-type(odd) {margin-right: 20px;}
	}

	@media only screen and (max-width:767px){
		#knowlege {padding: 0;}
		#knowlege .container {padding: 20px 10px;}
		.know-list {margin: 0;}
		.know-list .item.small {width: 100%; height: 100px; margin: 0 0 20px!important; padding: 0; box-sizing: border-box;}
		.know-list .item.small .title_area {padding: 0; height: 100px;}
		.know-list .item.small h3.title {font-size: 16px; margin: 0; height: 40px; max-height: 100%;}
		.know-list .item.small h3.title span {width: 100%; padding: 5px 15px; background-color: #306268; border: solid 1px #306268; color: #fff; -webkit-line-clamp: 1; overflow: hidden;}
		.know-list .item.small p.desc {font-size: 14px; margin: 0; padding: 4px 15px; max-height: 100px; box-shadow: none;}
		.know-list .item.small p.desc span {overflow: hidden;}
		.know-list .item.small:nth-of-type(even) {margin-right: 0px!important;}
	}

	@media only screen and (max-width:475px){
		.know-list .item.small {padding: 0;}
		.know-list .item.small h3.title span {padding: 4px 10px;}
		.know-list .item.small p.desc {padding: 0 10px;}
	}

	
.title_area_kasou {
	border: 1px solid #ddd;
    border-top: none;
    background: #fff;
    display: block;
    height: 126px;
    padding: 10px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.title_area_kasou h4 {
	font-size: 20px;
    line-height: 1.2;
    color: #222;
    max-height: 24px;
    overflow: hidden;
    font-weight: bold;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
.title_area_kasou h4 span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.title_area_kasou h4 d {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f8cb90 0%) repeat scroll 0 0;}
.title_area_kasou p.know_detail {
	position: absolute;
    top: 46px;
    left: 10px;
    font-size: 14px;
	color: #222;
    padding-right: 10px;
    line-height: 1.6;
    overflow: hidden;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
    transition-property: color;
    transition-duration: 0.2s;
    transition-timing-function: ease;
}
.title_area_kasou p.know_detail span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.know-item .img-expansion {border-top: solid 1px #ddd; border-bottom: solid 1px #ddd;}
.know-item a:hover .title_area_kasou h4 {text-decoration: underline; color: #999;}

@media only screen and (max-width:991px){
	.img-expansion {display: block; width: 100px; height: 100px; float: left; border: 1px solid #ddd;}
	.title_area_kasou {display: block; height: 100px; border-top: 1px solid #ddd;}
	.title_area_kasou h4 {padding-left: 10px; font-size: 16px;}
	.title_area_kasou p.know_detail {left: 110px;}
	.title_area_kasou p.know_detail span {-webkit-line-clamp: 2;}
	}

.post_container {line-height: 2.4;}
.post_row {margin-top: 30px;}
.post_container .post_row::after {clear: both;}
.post_container .post_row::before, .post_container .post_row::after {content: ""; display: table;}
.post_col-12 {
	width: 100%;
	position: relative;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.post_col-6 {
	width: 50%;
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 15px;
}
.post_col-6 h2 {margin: 0 0 8px 0; padding: 0; font-size: 18px; font-weight: 700; line-height: 1.7; color: #48704b;}
.post_col-6 p {margin: 0; line-height: 2.2;}

.col-9-post {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-9-post a .img-expansion {border: none;}
.col-3-post {-ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; position: absolute; top: 50%; right: 0; background-color: #fff; padding: 20px; z-index: 4; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%);}

.col-3-post h2 {margin: 0 0 16px 0; padding: 0; font-size: 24px; font-weight: 700; line-height: 1.2; color: #7e2b23; position: relative; padding-left: 46px;}
.col-3-post h2::before {background:url("../images/knowlege/midashi-title01.png")no-repeat; background-size: 36px; content: ''; display: block; width: 36px; height: 36px; position: absolute; top: 0; left: 0;}
.col-3-post p {margin: 0; line-height: 2.2;}
.col-3-post h2 d {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f8cb90 0%) repeat scroll 0 0;}

.post-mr24 {margin-right: 24px;}
.post-mt24 {margin-top: 24px;}

@media only screen and (max-width:991px){
	.post_container {font-size: 14px;}
	.col-9-post a .img-expansion {display: flex; width: 100%; height: auto; float: none; border: none;}
	}
@media only screen and (max-width:767px){
	.post_col-6 {width: 100%; margin-bottom: 30px;}
	.post_col-6 h2 {margin: 0 0 7px 0; font-size: 16px; line-height: 1.4;}
	.col-9-post {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.col-3-post {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%);}
	.post-mr24 {margin-right: 0px;}
	}
@media only screen and (max-width:429px){
	.col-3-post h2 {font-size: 18px; padding-left: 30px;}
	.col-3-post h2::before {background-size: 24px; width: 24px; height: 24px;}
	}

	.kasou_sp_midashi {
		margin: 0;
		padding: 14px 20px 0;
		width: 100%;
		line-height: 1.2;
		text-align: center;
		font-size: 24px;
		color: #1c3b1e;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

.pager {position: relative;}
.pager .pagination li {width: 40px!important; height: 40px!important;}
.pager {margin: 36px 0 54px;}
.pager .pagination li a.active {border-radius: initial!important; background: #000!important; color: #fff!important;}
.pager .pagination li a {border-radius: initial; background: #efefef; color: #000;}
.pager .pagination li a:hover {border-radius: initial!important; background: #7e2b23!important; color: #fff!important;}
.pager .pagination li a:hover.active {background: #000!important;}
.pager-top {margin-bottom: 0;}
	
	.pager .all-ichiran {font-size:16px; font-weight: 600; position: absolute; top: 0; left: calc(50% / 1 + 216px);}
	.pager .all-ichiran a {transition: 0.3s;}
	.pager .all-ichiran a span {display: inline-block;}
	.pager .all-ichiran a:hover {text-decoration: none;}
	.pager .all-ichiran a:hover span {-webkit-transform: rotateY(360deg); transform: rotateY(360deg); transition: .6s;}
	.pager .all-ichiran a:hover span:nth-of-type(1) {-webkit-transition-delay: .02s; transition-delay: .02s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(2) {-webkit-transition-delay: .04s; transition-delay: .04s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(3) {-webkit-transition-delay: .06s; transition-delay: .06s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(4) {-webkit-transition-delay: .08s; transition-delay: .08s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(5) {-webkit-transition-delay: .10s; transition-delay: .10s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(6) {-webkit-transition-delay: .12s; transition-delay: .12s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(7) {-webkit-transition-delay: .14s; transition-delay: .14s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(8) {-webkit-transition-delay: .16s; transition-delay: .16s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(9) {-webkit-transition-delay: .18s; transition-delay: .18s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(10) {-webkit-transition-delay: .20s; transition-delay: .20s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(11) {-webkit-transition-delay: .22s; transition-delay: .22s; color: #3271b8;}
	.pager .all-ichiran a:hover span:nth-of-type(12) {-webkit-transition-delay: .24s; transition-delay: .24s; color: #3271b8;}
	
/*	#knowlege .pager ul.pagination {position: relative;}
	#knowlege ul li.but-ichiran {position: absolute; top: 0; right: 0; border-radius: 4px; width: 180px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;}
	#knowlege ul li.but-ichiran a {background-color: #fdab00;}
	#knowlege ul li.but-ichiran a:hover {background-color: #2f7802;}
	#knowlege ul li.but-ichiran a img {vertical-align: middle; margin-bottom: 8px;}
	#knowlege .pager .pagination li a:hover, #knowlege .pager .pagination li a.active {animation: none;}*/

@media only screen and (max-width:767px){
	.pager .pagination li {width: 40px; height: 40px;}
	.pager .pagination li.pre, .pager .pagination li.next {width: 40px; height: 40px;}
	.pager-top {margin-bottom: 30px; margin-top: 0;}
	.pager-bottom {margin-top: 0;}
	}

@media only screen and (max-width:429px){
	.pager .pagination li {width: 32px; height: 32px;}
	.pager .pagination li.pre, .pager .pagination li.next {width: 32px; height: 32px;}
	}


/************************/


	.a-order {text-align: left; padding: 36px 10px 5px; font-size: 14px;}
	.a-order h2 {transition: 0.3s; display: inline-block; letter-spacing: 0.1em; background-color: #ddd; padding: 0px 10px; float: left;}
	.a-order h2 span {display: inline-block;}
	.a-order h2:hover {text-decoration: none; cursor: pointer;}
	.a-order h2:hover span {-webkit-transform: rotateY(360deg); transform: rotateY(360deg); transition: .6s;}
	.a-order h2:hover span:nth-of-type(1) {-webkit-transition-delay: .02s; transition-delay: .02s; color: #333;}
	.a-order h2:hover span:nth-of-type(2) {-webkit-transition-delay: .04s; transition-delay: .04s; color: #333;}
	.a-order h2:hover span:nth-of-type(3) {-webkit-transition-delay: .06s; transition-delay: .06s; color: #333;}
	.a-order p {display: inline-block; padding-left: 10px; font-size: 14px; font-weight: 600;}
	.zenichiran-link {float: right; font-weight: 600;}
	.zenichiran-link a {color: #3271b8!important;}
	.zenichiran-link a:hover {text-decoration: underline;}
	
	.col-6-al {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
	
	.aside-lr:nth-of-type(even) {padding-left: 5px;}
	.aside-lr:nth-of-type(odd) {padding-right: 5px;}
	.aside-lr .know-item {margin: 0 0 10px; padding: 0; border-bottom: none;}
	.aside-lr .know-item a .img-exp-news {z-index: 99; border: solid 1px #bbb; margin: 0; width: 125px; height: 125px;}
	.aside-lr .know-item a:hover .img-exp-news img {-webkit-transform: scale(1.2); transform: scale(1.2);}
	.aside-lr .know-item a .title_area {padding: 10px; height: 125px; border: solid 1px #bbb;}
	.aside-lr .know-item a .title_area h4 {font-size: 18px; word-wrap: break-word; word-break: break-all; visibility: visible; padding-left: 6px; line-height: 1.4;}
	.aside-lr .know-item a .title_area h4 span {-webkit-line-clamp: 2; position: relative; z-index: 1;}
	.aside-lr .know-item a:hover .title_area h4 span::after {width: 100%;}
	.aside-lr .know-item a .title_area p.know_detail {top: 92px; left: 130px; line-height: 1.4; padding-right: 0; font-size: 16px;}
	.aside-lr .know-item a .title_area p.know_detail span {-webkit-line-clamp: 1;}
	
	.title_area .underline {clear: both; padding-top: 5px; border-bottom: solid 1px #ccc; width: calc(100% - 130px); margin-left: auto;}
	

	.all-ichiran a {transition: 0.3s;}
	.all-ichiran a span {display: inline-block;}
	.all-ichiran a:hover {text-decoration: none;}
	.all-ichiran a:hover span {-webkit-transform: rotateY(360deg); transform: rotateY(360deg); transition: .6s;}
	.all-ichiran a:hover span:nth-of-type(1) {-webkit-transition-delay: .02s; transition-delay: .02s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(2) {-webkit-transition-delay: .04s; transition-delay: .04s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(3) {-webkit-transition-delay: .06s; transition-delay: .06s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(4) {-webkit-transition-delay: .08s; transition-delay: .08s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(5) {-webkit-transition-delay: .10s; transition-delay: .10s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(6) {-webkit-transition-delay: .12s; transition-delay: .12s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(7) {-webkit-transition-delay: .14s; transition-delay: .14s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(8) {-webkit-transition-delay: .16s; transition-delay: .16s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(9) {-webkit-transition-delay: .18s; transition-delay: .18s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(10) {-webkit-transition-delay: .20s; transition-delay: .20s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(11) {-webkit-transition-delay: .22s; transition-delay: .22s; color: #3271b8;}
	.all-ichiran a:hover span:nth-of-type(12) {-webkit-transition-delay: .24s; transition-delay: .24s; color: #3271b8;}
	
#all-list .title_area .last-update {position: absolute; top: 66px; left: 130px;}
#all-list .title_area .icon-tag {top: 66px; right: 10px;}

h2.orange {font-size: 18px!important; margin: 20px 0;}
	
	@media only screen and (max-width:991px){
		#all-list .container {width: 100%; max-width: 980px;}
		#all-list .col-4 {flex: 0 0 40%; max-width: 40%;}
		#all-list .col-8 {flex: 0 0 60%; max-width: 60%;}
		.col-6-al {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		.aside-lr .know-item a .title_area p.know_detail {top: 90px;}
		.aside-lr .know-item a .title_area {height: 126px;}
		.all-ichiran {text-align: center;}
		.aside-lr:nth-of-type(even) {padding-left: 0;}
		.aside-lr:nth-of-type(odd) {padding-right: 0;}
	}
	@media only screen and (max-width:767px){
		.a-order {padding-top: 28px; display: flow-root;}
		#all-list .col-4 {flex: 0 0 100%; max-width: 100%;}
		#all-list .col-8 {flex: 0 0 100%; max-width: 100%;}
		.aside-lr {padding-left: 0;}
		.aside-lr .know-item a .title_area {height: 126px;}
		.aside-lr .know-item a .title_area p.know_detail {top: 90px; left: 132px;}
		#all-list .title_area .last-update {top: 66px; left: 132px; font-size: 13px;}
		.icon-tag span.tag-base {margin: 0 2px;}
		.a-order p {display: none;}
	}
	@media only screen and (max-width:538px){
		.aside-lr .know-item a .img-exp-news {width: 80px; height: 80px;}
		.aside-lr .know-item a .title_area {height: 80px; padding: 0 10px;}
		.aside-lr .know-item a .title_area h4 {font-size: 15px;}
		.aside-lr .know-item a .title_area p.know_detail {display: none;}
		.aside-lr .know-item a .title_area p.know_detail span {-webkit-line-clamp: 1;}
		/*.last-update {left: 112px!important; top: 40px!important; font-size: 10px;}*/
		.last-update img {width: 14px; height: 14px;}
		#all-list .title_area .icon-tag {top: 44px; left: 86px; right: inherit; font-size: 10px;}
		#all-list .title_area .last-update {top: 60px; left: 87px; font-size: 12px;}
		.col-5 .icon-tag {top: 68px!important;}
		.icon-tag span.tag-base {margin: 0 2px; padding: 1px 2px;}
		.title_area .underline {width: calc(100% - 85px);}
	}
	@media only screen and (max-width:429px){
		/*.last-update span {left: 42px;}*/
		.last-update img {width: 16px; height: 16px;}
	}		
	

.awaseteyomitai h4 {font-size: 18px;}
.awaseteyomitai p {font-size: 16px; overflow: hidden; max-height: 4.8em;}
.awaseteyomitai p span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}


/************************************
** 目次
************************************/
	.content-mokuji {margin: 20px 10px;}
	.content-mokuji-midasi {color: #fff; font-weight: bold; font-size: 18px; text-align: center; padding: 10px;}
	.content-mokuji-inner {padding: 20px; font-size: 18px;}
	.content-mokuji-inner ol {padding-left: 40px;}
	.content-mokuji-inner ol li a span {color: #121212; padding-right: 10px;}
	.content-mokuji.shrine .content-mokuji-midasi {background-color: #fd7879; border: 2px solid #fd7879;}
	.content-mokuji.shrine .content-mokuji-inner {border: 2px solid #fd7879; background-color: #ffe4e4;}
	.content-mokuji.temple .content-mokuji-midasi {background-color: #2664d3; border: 2px solid #2664d3;}
	.content-mokuji.temple .content-mokuji-inner {border: 2px solid #2664d3; background-color: #e4ecff;}
	
.special section .mokuji2 p {line-height: 1.4; font-size: 15px;}

	@media only screen and (max-width: 767px){
		.content-mokuji-inner ol {padding-left: 10px;}
		.mokuji2 ol {padding-left: 10px;}
		.midashi_page_top {font-size: 18px!important;}
		.special .col-6 img {max-width: 440px;}
		.special .col-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
		.special .gorieki table tr td {display: block; font-size: 16px;}
		.l-list-inbox-hatumoude {float: none; text-align: center; width: 100%;}
		.l-list-inbox-hatumoude img {width: 100%; height: auto; max-width: 330px;}
		.info_box-j .syobtn span a {display: inline-block;}
		.special #item3 .col-6.mt20 {padding: 5px;}
	}

@media only screen and (max-width: 480px){
    .special .amazon-af2 .col-6 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
}


/************************************
** アンカー設定
************************************/
a.anchor {display: block; padding-top: 70px; margin-top: -70px;}


/************************************
** こんなページも読まれています
************************************/
	.kanren .kanren_box {position: relative;}
	.kanren .kanren_box .kanren_midashi {position: absolute; top: 5px; left: 75px; overflow: hidden; margin: 0; padding-right: 5px;}
	.kanren .kanren_box .kanren_midashi span {font-size: 14px; font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
	.kanren .kanren_box .kanren_text {margin: 0; position: absolute; top: 28px; left: 75px; padding-right: 5px; color: #121212; overflow: hidden;}
	.kanren .kanren_box .kanren_text span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}



/************************************
** A8アフィリエイト
************************************/
	.a8-program {margin: 40px 0;}
	.col-6-a8 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 5px;}
	.a8-program-box {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; padding: 5px; height: 100%;}
	.a8-program-img {display: flex; text-align: center;}
	.a8-program-img a img {width: 100%; height: 100%;}
	.a8-program-text {position: relative; height: 86px;}
	.a8-program-text p {position: absolute; top: 15px; left: 0; overflow: hidden;}
	.a8-program-text p span {display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
	
	@media only screen and (max-width: 498px){
		.col-6-a8 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
		.a8-program-img {max-width: 300px; margin: 0 auto;}
	}


/* ------------------------ */
/* 寺院・神社にある美しい庭園10選
/*------------------------- */
.teien-item {}
.teien-item h3 {font-size: 1.2em; font-weight: 600; position: relative;}
.teien-item h3 span {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 18px; line-height: 24px; height: 28px; color: #fff; padding: 2px 12px;}
.teien-jinjya {}
.teien-jinjya h3 {background-color: #fd7879; color: #fff;}
.teien-jinjya h3 span {background-color: #df4041;}
.teien-jiin {}
.teien-jiin h3 {background-color: #5b8cd1; color: #fff;}
.teien-jiin h3 span {background-color: #2f66b4;}
.teien-photo {position: relative;}
.teien-photo img {width: 100%; height: auto;}
.teien-photo span {position: absolute; bottom: 20px; left: 0; background-color: #fff; padding: 5px 20px 5px 15px; border-radius: 0 8px 8px 0; font-weight: 600;}
.jisya-data {margin-top: 20px; padding: 10px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.jisya-data img {width: 100%; height: auto; max-width: 330px;}
.data-inner {padding-left: 10px;}
.data-inner dl {font-size: 16px;}
.data-inner dl dt {background-color: #999; padding: 0 10px; margin-bottom: 5px; color: #fff;}
.data-inner dl dd {padding: 0 10px; font-size: 15px;}
.data-inner dl dd.buildimage-thumb {float: left; padding: 5px 5px 5px 0;}
.data-inner dl dd.buildimage-thumb img {max-width: 75px;}
.data-inner dl dd span {margin-right: 8px; padding: 0 10px; border: solid 1px #666; border-radius: 3px; font-size: 12px;}
.keisai-url {position: relative; height: 26px; clear: both;}
.keisai-url a.keisai {position: absolute; top: 0; left: 10px; font-size: 14px; border-bottom: solid 2px #0070c0; line-height: 1.4; transition: 0.4s;}
.keisai-url a.kousiki {position: absolute; top: 0; left: 100px; font-size: 14px; border-bottom: solid 2px #0070c0; line-height: 1.4; transition: 0.4s;}
#old-pc .keisai-url a:hover.keisai, #old-pc .keisai-url a:hover.kousiki {border-bottom: solid 2px #ec7a00; color: #ec7a00!important; text-decoration: none!important;}
.data-inner p {font-size: 12px;}


	h3.orange {background-color: initial; padding: 0; margin: 20px 0 0; font-size: 18px; font-weight: bold; line-height: 1.4;}
	.midashi_page_top {margin: 20px 0 0;}
	.special .col-6 img {width: 100%; height: auto; max-width: 330px;}
	.special section p {margin: 0;}
	.special table {margin-top: 20px;}
	.special table tr th, .special table tr td {border: solid 1px #ccc; padding: 5px 10px;}
	.special table tr th {text-align: left; background-color: #e56262; color: #fff;}
	.special table tr td {background-color: #ffffe6;}
	.special .gorieki table tr td {background-color: #ffe7e6;}
	.gorieki p {text-align: right;}
	.hosoku {margin: 1em 10px; padding: 24px 14px 16px; position: relative; border: 1px solid #f42e2e;}
	.hosoku-title {position: absolute; top: -0.8em; left: 20px; font-weight: bold; font-size: 1.1em; color: #f42e2e; background: #fff; padding: 0 0.5em;}
	.hosoku p {font-size: 16px; line-height: 1.4;}
	.special #item3 .col-6.mt20 {padding: 10px;}
	.special #item3 .col-6.mt20 p {text-align: center; font-size: 13px;}
	
	.houwa-table tr th {width: 180px; text-align: left; vertical-align: middle;}
	.houwa-table tr td {line-height: 1.4;}
	.houwa-table tr td p {font-size: 15px; line-height: 1.2; margin-top: 10px;}
	
	.houwa-eikyou {margin-top: 20px; padding: 0 0 20px;}
	.houwa-eikyou ul li {margin: 0 0 20px;}
	.houwa-eikyou ul li h4 {margin: 0; border-bottom: dotted 2px #333;}
	
	#touhyou iframe {width: 100%; max-height: 720px;}
	
	.af-program {}

	@media only screen and (max-width:767px){
		#touhyou iframe {max-height: 900px;}
		.houwa-table tr th {width: 100%; display: block;}
		.houwa-table tr td {width: 100%; display: block;}
		.jisya-data img.sp-none {display: none;}
		.data-inner {padding-left: 0;}
		.special section .data-inner p {font-size: 12px;}
	}

	@media only screen and (max-width:532px){
		#touhyou iframe {height: 2200px; max-height: 1120px;}
	}

	@media only screen and (max-width:376px){
		#touhyou iframe {max-height: 2100px;}
	}


/* ------------------------ */
/* 厄年早見表
/*------------------------- */
.yaku-year {margin-bottom: 10px;}
.yaku-year img.desktop {width: 100%; height: auto; max-width: 645px;}

@media only screen and (max-width:767px){
	.yaku-year img.smartphone {max-width: 240px; margin-bottom: 10px;}
}


/* ------------------------ */
/* 神仏習合とは？神道と仏教が共存してきた日本の宗教史
/*------------------------- */
.houwa-eikyou {margin-top: 20px; padding: 0 0 20px;}
.houwa-eikyou ul li {margin: 0 0 20px;}
.houwa-eikyou ul li h4 {margin: 0; border-bottom: dotted 2px #333;}

@media only screen and (max-width:480px){
	.special .memo .memo-title {font-size: 16px;}
	.special section .memo p {font-size: 15px;}
}


/* ------------------------ */
/* お賽銭のマナーと豆知識｜リスト枠
/*------------------------- */
.point-list-wrap {background-color: #fcefcc; margin: 20px 0 0; border-radius: 12px; padding: 3px;}
.point-list-inner {border: solid 2px #fccd4c; border-radius: 8px; padding: 10px;}
.point-list-point {text-align: center; background-color: #fdf9ee; font-weight: bold; border-radius: 6px 6px 0 0;}
.point-list-inner ul {margin: 10px 0 0;}
.point-list-inner ul li {position: relative; padding: 0 0 0 20px;}
.point-list-inner ul li::before {content: '●'; position: absolute; top: 50%; left: 5px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 14px; color: #c39925;}

.houwa-table h4 {margin: 20px 0 0;}
.houwa-table table.wayofthinking tr th, .houwa-table table tr td {vertical-align: middle;}
.special table.margin-none {margin: 0;}
.special table.margin-none.nagare-jiin {}
.special table.margin-none.nagare-jinjya {}
.special .memo table tr td.price {text-align: right;}
.special .memo table {margin: 0; font-size: 16px;}

.special .midashi_page_top {border-bottom: dashed 1px #24446d;}


/************************************
** お役立ち情報ベース
************************************/
#oyakudachi {}
.orange {background-color: initial; padding: 0; margin: 20px 0 0; font-size: 20px; font-weight: bold;}
h4.midashi_h4 {position: relative; border-bottom: solid 3px #ddd; margin: 20px 0 10px;}
h4.midashi_h4::after {position: absolute; content: ''; display: block; border-bottom: solid 3px #5472cd; bottom: -3px; width: 20%;}


/* SNSボタン
/*------------------------- */
.sns-but-wrap {display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 10px;}
.sns-insta-but, .sns-fb-but, .sns-iine-but, .sns-x-but, .sns-hatena-but {height: 20px;}
.sns-insta-but a img {width: 83px; height: 20px; vertical-align: top;}
.sns-fb-but iframe {width: 101px; height: 20px; border: none; overflow: hidden; vertical-align: top;}
.sns-iine-but iframe {width: 91px; height: 20px; border: none; overflow: hidden; vertical-align: top;}
.sns-x-but iframe {vertical-align: top;}
.sns-hatena-but iframe {vertical-align: top;}


@media only screen and (max-width:767px){
    .sns-but-wrap {display: none;}
}


/* ------------------------ */
/* 各年の厄年早見表、干支
/*------------------------- */
.sec-criticalage {}
.sec-criticalage .bg {padding-top: 30px; background-color: #f1fffe; background-image: radial-gradient(circle at 100% 150%, #f1fffe 24%, white 25%, white 28%, #f1fffe 29%, #f1fffe 36%, white 36%, white 40%, transparent 40%, transparent),
	 radial-gradient(circle at 0    150%, #f1fffe 24%, white 25%, white 28%, #f1fffe 29%, #f1fffe 36%, white 36%, white 40%, transparent 40%, transparent),
	 radial-gradient(circle at 50%  100%, white 10%, #f1fffe 11%, #f1fffe 23%, white 24%, white 30%, #f1fffe 31%, #f1fffe 43%, white 44%, white 50%, #f1fffe 51%, #f1fffe 63%, white 64%, white 71%, transparent 71%, transparent),
	 radial-gradient(circle at 100% 50%, white 5%, #f1fffe 6%, #f1fffe 15%, white 16%, white 20%, #f1fffe 21%, #f1fffe 30%, white 31%, white 35%, #f1fffe 36%, #f1fffe 45%, white 46%, white 49%, transparent 50%, transparent),
	 radial-gradient(circle at 0    50%, white 5%, #f1fffe 6%, #f1fffe 15%, white 16%, white 20%, #f1fffe 21%, #f1fffe 30%, white 31%, white 35%, #f1fffe 36%, #f1fffe 45%, white 46%, white 49%, transparent 50%, transparent); background-size: 100px 50px;}
.sec-criticalage .midashi_4 {color: #3da098; border: solid 1px #3da098; border-left: solid 20px #3da098;}
.cushion-year-wrap {border: solid 1px #ccc; padding: 20px; background-color: #fff;}
.cushion-year-wrap table {font-size: 13px; line-height: 2.8em;}
.border-b_ccc {margin: 50px 0 30px; border-bottom: solid 1px #ccc;}