@charset "UTF-8";

/* site common
**************************************************************************************************/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.header-container { width: 100%; padding: 10px 0px; border-bottom: 1px solid #cccccc; position:relative; }
.header-logo { text-align: center; float: none; }
.header-logo img { width: 142px; height: auto; max-width: none; }
.header-logo .img-table,
.header-logo .item-cell { width: 100%; height: auto; }
.header-body { display: none; }
#search_area{ padding: 0 10px; margin-top:10px; }
#search_area .form{ width: 100%; overflow: hidden; float: right;}
#search_area .position,
#search_area .genre,
#search_area .selectbox{ width: 38%; overflow: hidden; float: left;}
#search_area .genre a:hover { text-decoration: none!important;}
header.frame-header { z-index: 2010; position:relative; }
header.frame-header .name  { font-size:10px; background:#d9d9d9; text-align:right; padding:3px 5px; }
.header-container .toggle { position:absolute; top:17px; right:15px; }
.header-container .toggle img { width:25px; height:auto; }
#tap_menu_bg { display:none; background-color: rgba(0,0,0,0.7); position: fixed; top: 90px; bottom: 0; left: 0; right: 0; z-index: 1000; }
#tap_menu { display:none;  position: absolute; z-index: 2000; background-color: #fff; width: 100%; top: -1000px; }
#tap_menu p,
#tap_menu ul li { background: url(../../img/kanpo/common/top_link_bg.png) left center repeat-x; border-top: #eee dotted 1px; margin: 0; padding: 0; }
#tap_menu p,
#tap_menu ul li a { display: block; border-bottom: #ccc dotted 1px; margin: 0; padding:30px 10px 14px 10px; font-size: 12px; font-weight: normal; }
#tap_menu p { text-align: center; }
#tap_menu ul li a { background-size: 10px 22px; }
#tap_menu p.close { border: none; }
#tap_menu p.close span { padding-left: 2em; background: url(../../img/kanpo/common/top_link_icon_on.png) 20% center no-repeat; background-size: 14px 14px; }

.pagetop { text-align:right; padding:0 10px; margin-bottom:10px; }
.pagetop .sp img { width:100px; height:auto; }
.frame-wrapper-background_grey { display: none; }
#topicpath { display: none; }
.frame-footer { width: 100%; background: none; padding: 0 0px; }
.footer-container { width: 100%; }
.footer-upper { padding: 10px 10px; }
.footer-navi { }
.footer-navi .item-navi { display: inline-block; float: none; vertical-align: top; margin: 5px 15px 5px 0; }
.footer-logo { padding:0; width: 160px; }
.footer-logo a { display:block; top:0; bottom:0; display: inline-block; vertical-align: middle; margin-right: 5px}
.footer-logo img { width:50px; height:auto; margin:0 0px 8px 0; vertical-align:top; display:block; }
.footer-logo a:nth-of-type(2) img{ width: 30px; margin-left: 5px; }
.footer-copy { float: right; width: 160px; }
.footer-lower { padding: 10px; }
.pc { display: none; }
.sp { display: block; }
#wrap { padding: 0px 0px; width: 100%; overflow: hidden; position: relative; z-index: 1; top: -1px; }
#wrap .sitewidth { padding:0 10px; }
.fimg { width:100%; height:auto; }

/* site unique
**************************************************************************************************/

/* bg */
.bg01 { background: #e7e8df; }

/* block */
.wrapinner { padding: 0; }
.wrapinner .section { margin-bottom: 25px; }
.wrapinner .section .inner { padding: 0 10px; }
.wrapinner .section .more { text-align: right; }
.wrapinner .section .section-body { }
.wrapinner .section .section-body p { font-size: 12px; line-height: 1.7; margin-bottom: 2em; }
.wrapinner .section .section-body strong { font-weight: bold; }

/* pagetitle */
.pagetitle-category { border-top: 1px solid #1c3277; border-bottom: 1px solid #1c3277; padding: 25px 0; }
.pagetitle-category h1 { font-size: 20px; margin: 0 auto; padding: 0 20px; font-weight: normal; color: #1c3277; }

/* page */
.pagebody.dflt { padding-top: 18px; }
.pagebody.dflt .article { margin-bottom: 2em; }
.pagebody.dflt .article-inner { padding: 0px; }
.pagebody.dflt .article-inner p { line-height:1.7; margin-bottom: 1em;  }
.pagebody .next { max-width: 460px; margin: 0 auto; }
.pagebody .next a { color: #fff; border-radius: 4px; font-size: 12px; padding: 8px 10px; background: #0092d0 url(/sp/img/kanpo/common/arw-r02.png) 20px 50% no-repeat; font-weight: bold; display: block; text-align: center; background-size: 6px 10px; }
.pagebody .next a small { font-size: 10px; display: block; }

/* headline */
.hl01 { font-size: 14px; color: #1c3277; margin-bottom: 10px; border-top: 1px solid #1c3277; border-bottom: 1px solid #1c3277; padding-top: 0.8em; padding-bottom: 0.6em; text-align: center; font-weight: normal;}
.hl02 { font-size: 12px; color: #1c3277; margin-bottom: 10px; font-weight: normal; border-bottom: 1px solid #ddd; padding:1px 0 5px 18px ;background: url(../../img/kanpo/common/icn-clock.png) 2px 1px no-repeat; background-size: 12px 12px; }
.hl02 small { font-size: 8px; margin-left: 1em; }
.hl03 { font-size: 14px; color: #1c3277; text-align: center; font-weight: normal; margin-bottom: 1em; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; padding-top: 0.8em; padding-bottom: 0.6em; }
.hl04 { background: #1c3277; color: #fff; text-align: center; padding: 10px; font-size: 16px; font-weight: normal; border-top-left-radius: 5px; border-top-right-radius: 5px; margin-bottom: 12px; }
.hl04 small { display: block; font-size: 12px; margin-bottom: 4px;}
.hl05 { font-size: 17px; border-bottom: 1px solid #1c3277; border-left: 7px solid #1c3277; padding: 5px 0 5px 10px; margin-bottom: 1em; }
.hl06 { font-size: 15px; color: #ff0000; font-weight: normal; margin-bottom: 0.5em; }
.hl07 { font-size: 14px; border-bottom: 1px solid #1c3277; padding:0 0 10px 13px; background: url(/sp/img/kanpo/common/blt01.png) 0 2px no-repeat; background-size: 9px 9px;	font-weight: 600; line-height: 1.2; margin-bottom: 1em; margin-top: 1em; }

/* link */

/* WELBOX_btn */
#service-welfare .heading .btn {margin-bottom: 15px; padding: 0 10px; text-align: center;}

#service-health .checkup .lead {font-size: 12px; line-height: 1.8; margin-bottom: 10px;}


/* card */
.cards { }
.card-a { display: flex; flex-wrap: wrap; }
.card-a .card { flex-basis: 48.4%; margin: 0 3.2% 3.2% 0; border-radius: 4px; border: 2px solid #ddd; padding: 6px 6px 0 6px; }
.card-a .card:nth-of-type(2n) { margin-right: 0; }
.card-a .card a { display: block; }
.card-a .card .imgtxt { }
.card-a .card .imgtxt .img { }
.card-a .card .imgtxt .img img { width: 100%; height: auto; }
.card-a .card .imgtxt .txt {}
.card-a .card .imgtxt .txt .ttl { display: table; width: 100%; }
.card-a .card .imgtxt .txt .ttl h3 { text-align: center; color: #0092d0; font-size: 12px; height: 50px; display: table-cell; vertical-align: middle; }
.card-a .card .imgtxt .txt .ttl h3 small { display: block; font-size: 8px; margin-top: 4px;}
.card-a .card .imgtxt .txt p {display: none; }
.card-a .card.disabled { background: #f0f0f0; }
.card-a .card.disabled .txt * { color: #ccc!important; }
.card-b {  }
.card-b .card { margin: 0 0 3.2% 0; border-radius: 4px; border: 2px solid #ddd; padding: 6px; }
.card-b .card a { display: block; }
.card-b .card .imgtxt { display: flex; align-items: center;  }
.card-b .card .imgtxt .img { flex-basis: 136px; }
.card-b .card .imgtxt .img img { width: 100%; height: auto; }
.card-b .card .imgtxt .txt { flex-basis: calc(100% - 136px); padding: 0 15px;}
.card-b .card .imgtxt .txt .ttl { margin-bottom: 20px; }
.card-b .card .imgtxt .txt .ttl h3 { color: #0092d0; font-size: 12px; }
.card-b .card .imgtxt .txt .ttl h3 small { display: block; font-size: 8px; margin-top: 4px; font-weight: normal;}
.card-b .card .imgtxt .txt p {  }
.card-b .card.disabled { background: #f0f0f0; }
.card-b .card.disabled .txt * { color: #ccc!important; }
.card-c { }
.card-c .card { margin: 0 0 3.2% 0; border-radius: 4px; border: 2px solid #ddd; padding: 6px; }
.card-c .card a { display: block; }
.card-c .card h3 { margin-bottom: 4px; font-size: 12px; color: #0092d0; padding: 3px 0 2px 15px }
.card-c .card:nth-of-type(1) h3 {background: url(../../img/kanpo/common/icn-flight.png) 0 50% no-repeat; background-size: 13px 13px; }
.card-c .card:nth-of-type(2) h3 {background: url(../../img/kanpo/common/icn-child.png) 0 50% no-repeat; background-size: 12px 12px; }
.card-c .card:nth-of-type(3) h3 {background: url(../../img/kanpo/common/icn-music.png) 0 50% no-repeat; background-size: 9px 10px; }
.card-c .card:nth-of-type(4) h3 {background: url(../../img/kanpo/common/icn-care.png) 0 50% no-repeat; background-size: 10px 12px; }
.card-c .card:nth-of-type(5) h3 {background: url(../../img/kanpo/common/icn-shopping.png) 0 50% no-repeat; background-size: 12px 11px; }
.card-c .card:nth-of-type(6) h3 {background: url(../../img/kanpo/common/icn-develop.png) 0 50% no-repeat; background-size: 10px 10px; }
.card-c .card p { font-size: 12px; line-height: 1.6; }
.card-d {  }
.card-d .card { margin: 0 0 6px 0; border-radius: 4px; border: 1px solid #0092d0; padding: 0px; overflow: hidden; }
.card-d .card a { }
.card-d .card .imgtxt { display: table; width: 100%; }
.card-d .card .img,
.card-d .card .txt { display: table-cell; vertical-align: middle; }
.card-d .card .img { background: #0092d0; width: 35px; height: 55px; text-align: center; }
.card-d .card .img img { width: 17px; height: auto; }
.card-d .card .txt { padding: 10px 0; text-align: left; }
.card-d .card .txt p { font-size: 17px; color:#0092d0; font-weight: bold;  }
.card-d .card:nth-of-type(2) p { font-size: 15px; }
.card-d .card .txt p small { display: block; font-size: 10px; font-weight: normal; color: #333333; }
.card-e { margin-bottom: 1em;  }
.card-e .card { margin: 0 0 10px 0; border-radius: 4px; overflow: hidden; background: #ececec; }
.card-e .card:nth-of-type(3n) { margin-right: 0; }
.card-e .card a { display: block; }
.card-e .card .imgtxt { }
.card-e .card .imgtxt .img { }
.card-e .card .imgtxt .txt { padding: 10px; }
.card-e .card .imgtxt .txt { display: table; width: 100%; }
.card-e .card h3 { text-align: center; font-size: 17px; font-weight: normal; padding: 15px; background: #1c3277; color: #fff; }
.card-e .card .imgtxt .txt p { }
.card-e .card .imgtxt .txt .sub { font-size: 0.9em; }
.card-e .card .imgtxt .txt .sub h4 { color: #1c3277; margin-bottom: 0.3em; }
.card-e .card .imgtxt .txt .sub p {}
.card-e .card .imgtxt .txt img { width: 100%; height: auto; }

/* top
**************************************************************************************************/
#kv { position: relative; z-index: 1; background: #fafafa; border-bottom: 1px solid #dcdcdc; margin-bottom: 10px;  }
#kv .inner { padding: 7px 10px 15px 10px; }
#kv ul { margin: 0; padding: 0; }
#kv ul li { margin: 0 5px; padding: 0; }
#kv ul li a { display: block; }
#kv ul li img { width: 100%; height: auto; background-color: rgb(253, 253, 253); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2); border-radius: 5px;  }
#kv .slick-list { overflow: visible; }
#kv .slick-arrow { position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; width: 22px; height: 22px; border: 0; text-indent: -999px; text-align: left; overflow: hidden; outline: none; cursor: pointer; }
#kv .slick-prev { left: -7px; background: url(/sp/img/kanpo/common/arw-prev.png) 50% 50% no-repeat; background-size: cover; }
#kv .slick-next { right: -7px; background: url(/sp/img/kanpo/common/arw-next.png) 50% 50% no-repeat; background-size: cover; }
#kv .slick-dots { position:absolute; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -26px; }
#kv .slick-dots li { display: inline-block; width: 5px; height: 5px; background: #fff; border: 1px solid #0092d0; border-radius: 50%; text-indent: -9999px; margin: 0 2px; }
#kv .slick-dots li.slick-active { background: #0092d0; border: 1px solid #0092d0; }
#slogan { padding: 0 10px; margin-bottom: 10px; }
#slogan .inner { background: #e8eaf1; border-radius: 5px; }
#slogan .ttl { padding: 10px; position: relative; border-bottom: 1px solid #fff; }
#slogan .ttl h2 { font-size: 12px; color: #1c3277; font-weight: normal;  }
#slogan .ttl .more { position:absolute; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 10px; }
#slogan .ttl .more a { border: 1px solid #0092d0; color: #0092d0; border-radius: 8px; font-size: 9px; padding: 3px 5px 3px 15px; background: #fff url(../../img/kanpo/common/arw-r01.png) 6px 6px no-repeat; background-size: 5px 8px; }
#slogan .txt { padding: 10px; color: #1c3277; }
#slogan h1 { }
#service-health { padding: 0 10px; margin-bottom: 10px; }
#service-health .inner { margin: 0 auto; }
#service-health .heading { margin-bottom: 20px; }
#service-health .heading .lead { font-size: 12px; line-height: 1.8; padding: 0 5px; }
#service-health .heading .beginner { margin: 0 15px; padding: 15px; border-radius: 5px; background: #ececec; margin-top: 10px; position: relative; }
#service-health .heading .beginner p:nth-of-type(1) { margin-bottom: 8px; font-size: 12px; text-align: center;}
#service-health .heading .beginner p img { height: 12px; width: auto; margin-right: 5px;}
#service-health .heading .beginner .more { padding: 0 30px; }
#service-health .heading .beginner .more a { border: 1px solid #0092d0; color: #0092d0; border-radius: 8px; font-size: 12px; padding: 8px 8px 8px 16px; background: #fff url(../../img/kanpo/common/arw-r01.png) 18% 50% no-repeat; background-size: 5px 8px; font-weight: normal; display: block; text-align: center; }
#service-health .support { padding: 0 5px; margin-bottom: 10px; }
#service-health .support .lead { font-size: 12px; line-height: 1.8; margin-bottom: 10px; }
#service-health .checkup { padding: 0 5px; margin-bottom: 10px; }
#service-health .checkup .lead {  font-size: 12px; line-height: 1.8; margin-bottom: 10px; }
#service-health .checkup .ttl { margin-top: 15px;}
#service-welfare {  padding: 0 10px; margin-bottom: 10px; }
#service-welfare .inner { margin: 0 auto; }
#service-welfare .heading .lead { font-size: 12px; line-height: 1.8; margin-bottom: 10px; padding: 0 10px; }
#service-welfare .cards { padding: 0 10px; }
.list-news { margin-bottom: 20px; z-index: 2; position: relative; padding: 0 10px;  }
.list-news .inner {  margin: 0 auto; background: #fff; border: 2px solid #ededed; border-radius: 8px;  position: relative;}
.list-news .inner .top_news_ttl { padding: 10px;  position: relative; border-bottom: 1px solid #ededed; position: relative; margin-bottom: 10px;}
.list-news .inner .top_news_ttl h3 { font-size: 12px; color: #1c3277; font-weight: normal; }
.list-news .inner .top_news_ttl h3 img { }
.list-news .inner p { }
.list-news .inner p.top_news_link { position: absolute; top: 13px; right: 5px; }
.list-news .inner p.top_news_link a { border: 1px solid #0092d0; color: #0092d0; border-radius: 8px; font-size: 9px; padding: 3px 5px 3px 15px; background: #fff url(../../img/kanpo/common/arw-r01.png) 6px 6px no-repeat; background-size: 5px 8px; }
.list-news .bx-wrapper { padding: 10px 35px; }
.list-news .bx-wrapper .bx-controls-direction a { width: 7px!important; height: 13px!important; top: 50%!important; margin-top: -6px!important; }
.list-news .bx-wrapper .bx-controls-direction a.bx-prev { background: url(../../img/kanpo/common/arw-prev2.png) 50% 50% no-repeat!important; background-size: contain!important; left: 10px!important; }
.list-news .bx-wrapper .bx-controls-direction a.bx-next { background: url(../../img/kanpo/common/arw-next2.png) 50% 50% no-repeat!important; background-size: contain!important; right: 10px!important; }
.list-news .inner .content { padding: 0 35px; }
.list-news .inner .content li { font-size: 12px; padding: 0px; }
.list-news .inner .content li .date {  color: #0092d0; display: block; margin-bottom: 3px; }
.list-news .inner .content li a { line-height: 1.4; display: block; }
.list-news .inner .top_news_list { padding: 0 35px; }
.list-news .inner .top_news_list > div { font-size: 12px; padding: 0px; }
.list-news .inner .top_news_list > div span {  color: #0092d0; display: block; margin-bottom: 3px; }
.list-news .inner .top_news_list > div a { line-height: 1.4; display: block; }
.list-contact { padding: 0 10px; margin-bottom: 15px; }
.list-contact h3 { margin-bottom: 10px; text-align: center; }
.list-contact h3 img { height: 33px; width: auto; }
.list-contact p { font-size: 12px; padding: 0 10px; }
.list-link { padding: 40px 0; }
.list-link .inner { width: 960px; margin: 0 auto; }
.list-link .inner h3 { color: #0b419b; font-size: 16px; padding: 10px 18px; margin-bottom: 15px; background: #ebf6ff; }
.list-link .inner ul.link-bnr { text-align: center; font-size: 0; margin-bottom: 20px; }
.list-link .inner ul.link-bnr li { display: inline-block;  margin: 0 30px 10px 30px;}
.list-link .inner ul.link-list { padding:0; display: flex;  flex-wrap: wrap; }
.list-link .inner ul.link-list li { font-size: 13px; line-height: 1.4; flex-basis: 20%; max-width: 20%; padding-right: 15px; margin-bottom: 15px; }
.list-link .inner ul.link-list li:nth-of-type(4n) { margin-right: 0;}
.list-link .inner ul.link-list li a { background: url(/sp/img/kanpo/common/arw-r01.jpg) 0 1px no-repeat;  display: inline-block; position: relative; padding:0 0 0 14px; }
.related_link{margin-bottom:20px;}
.related_link h2{background:url(/sp/img/kanpo/top/top_link_bg.png) left center repeat-x;border-top:#ccc dotted 1px;margin:0;padding:0;}
.related_link h2 span{display:block;background:/*url(/sp/img/kanpo/top/top_link_icon_off.png)*/ 95% center no-repeat;background-size:15px 15px;border-bottom:#ccc dotted 1px;padding:14px 25px 14px 10px;font-size:12px;font-weight:normal;}
.related_link h2.active span{background:url(/sp/img/kanpo/top/top_link_icon_on.png) 95% center no-repeat;background-size:15px 15px;}
.related_link ul{margin:0;padding:0;display:none;}
.related_link ul li{background:url(/sp/img/kanpo/top/top_link_bg.png) left center repeat-x;border-top:#eee dotted 1px;}
.related_link ul li a{display:block;background:url(../../img/kanpo/top/top_link_icon.png) 6px center no-repeat;background-size:15px 15px;border-bottom:#ccc dotted 1px;margin:0;padding:14px 10px 14px 21px;font-size:12px;font-weight:normal;}
.related_link ul li span.link_close{display:block;background:url(../../img/kanpo/top/top_link_icon_on.png) 41% center no-repeat;background-size:15px 15px;border-bottom:#ccc dotted 1px;margin:0;padding:14px 10px 14px 10px;font-size:11px;font-weight:normal;text-align:center;}

/* kenpos
**************************************************************************************************/
.kenpos { }
.kenpos #app .imgtxt {  }
.kenpos #app .imgtxt .txt { margin-bottom: 15px; }
.kenpos #app .imgtxt .img {  }
.kenpos #app .imgtxt .img img { width: 100%; height: auto; }
.supplement { padding: 15px; border: 1px dashed #dddddd; border-radius: 10px; }
.supplement h4 { color: #1c3277; margin-bottom: 0.6em; }
.supplement *:last-child { margin-bottom: 0;}
.supplement li { margin: 0.5em 0; }

/* faq
**************************************************************************************************/
.list-faq { }
.list-faq .set { }
.list-faq h2 { border-bottom: 1px solid #ddd; padding-bottom: 8px; margin-bottom: 8px; }
.list-faq h2 span { display: block; }
.list-faq h2 span.number { border-radius: 4px; border: 1px solid #1c3277; color: #1c3277; width: 40px; flex-basis: 40px; text-align: center; font-size: 15px; font-weight: bold; padding: 5px 0; float: left; }
.list-faq h2 span.ttl { overflow: hidden; padding: 5px 10px; font-size: 15px; font-weight: bold; color: #1c3277;  }
.list-faq .txt { display: flex; clear: both; }
.list-faq .txt .number {  width: 40px; flex-basis: 40px; }
.list-faq .txt .number p { border-radius: 4px; border: 1px solid #1c3277; color: #fff; background: #1c3277; text-align: center; font-size: 15px; font-weight: bold; padding: 5px 0; width: 40px; }
.list-faq .txt .answer { width: calc(100% - 40px);  flex-basis: calc(100% - 40px); padding-top: 5px; padding-left: 10px; color: #333; font-size: 12px;}
.list-faq .txt .answer .lv01 { padding-left: 10px; }
.list-faq .txt .answer .lv02 { padding-left: 10px; }
.list-faq .txt .answer h3 { margin-bottom: 1em; line-height: 1.6; }
.list-faq .txt .answer p { margin-bottom: 0.8em; }
.list-faq .txt .answer p a { color: #0092d0; font-weight: bold; text-decoration: underline!important; }
.list-faq .txt .answer .link a { border: 1px solid #0092d0; color: #0092d0; border-radius: 8px; font-size: 14px; padding: 8px 30px 8px 45px; background: #fff url(../../img/kanpo/common/arw-r01.png) 25px 50% no-repeat; background-size: 5px 8px; font-weight: normal; display: block; text-align: center; display: inline-block; text-decoration: none!important; font-size: 10px;}
.list-faq .txt .answer strong { font-weight: bold; }
.list-faq .pagetop { padding-right: 0; }
.tocontact { text-align: center; padding-bottom: 30px;}
.tocontact h3 { text-align: center; margin-bottom: 10px; }
.tocontact h3 img { height: 33px; }
.tocontact p { text-align: center; margin-bottom: 1.5em; font-size: 12px; }
.tocontact p:first-of-type { text-align: left; }
.tocontact p.tel { font-size: 20px; font-weight: bold; color: #0092d0; margin-bottom: 0.5em; }
.tocontact p.tel small { display: block; font-size: 12px; font-weight: normal; }
.tocontact p small { font-size: 10px; }
.tocontact ul { display:block; text-align: center; margin: 0 auto; margin-top: -16px; padding: 0 20px; }
.tocontact ul li { font-size: 10px;  }

/* news
**************************************************************************************************/
.news .content { margin-bottom:20px; }
.news .content ul { }
.news .content ul li { font-size: 12px; background: url(../../img/kanpo/common/arw-r03.png) calc(100% - 10px) 50% no-repeat; background-size: 4px 8px;  border-bottom: 1px solid #ddd; line-height: 1.5; padding: 10px 20px 10px 10px; }
.news .content ul li span { color: #0092d0; display: block; margin-bottom: 4px; }
.news .content ul li a {   }
.news .retrieve { margin-bottom: 20px; text-align: center;}
.news .retrieve a { border: 1px solid #0092d0; color: #0092d0; border-radius: 4px; font-size: 10px; padding: 8px 60px 16px 60px; background: #fff url(../../img/kanpo/common/arw-d03.png) 50% calc(100% - 10px) no-repeat; background-size: 8px 4px; font-weight: normal; display: block; text-align: center; display: inline-block; }



/* ----------------------------------------------------
	�����p�[�c
---------------------------------------------------- */
.search_keyword,
.search_keyword_02{
	background: #d9d9d9;
	position: relative;
}
.search_keyword:after{
	content: "";
	display: block;
	width: 1px;
	height: 39px;
	background: #a6a6a6;
	position: absolute;
	top: 3px;
	right: 40px;
}

.search_keyword input[type="text"],
.search_keyword_02 input[type="text"],
.search_keyword input[type="search"],
.search_keyword_02 input[type="search"]{
	width: 100%;
	border: none;
	padding: 0px 10px;
	background: transparent;
	font-size: 13px;
	color: #333;
	height: 45px;
	outline:none;
}
.search_keyword input[type="text"].focused,
.search_keyword_02 input[type="text"].focused,
.search_keyword input[type="search"].focused{
	color: #333;
}
.search_keyword input[type="submit"],
.search_keyword input[type="button"]
{
	color: #f39a0d;
	border: none;
	background: transparent;
	width: 40px;
	font-size: 30px;
	line-height: 1.0;
	padding: 0 0 0 0;
	position: absolute;
	top: 3px;
	right: 0px;
}
.position,
.genre{
	background: #f39a0d;
	position: relative;
}
.position a,
.position span,
.genre a,
.genre span{
	color: #fff;
}
.position a,
.genre a{
	display: block;
	text-align: center;
	padding: 5px 0 0 10px;
	height: 45px
}
.position span{
	font-size: 25px;
	position: absolute;
	top: 10%;
	left: 15%;
}
.genre span{
	font-size: 15px;
	position: absolute;
	top: 30%;
	left: 10%;
}

.selectbox_style_nolink,
.selectbox_style a{
	display: block;
	width: 100%;
	background: #d9d9d9;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 13px;
	padding: 12px 28px 12px 10px;
	height: 44px;
	color: #8c8c8c;
}

.selectbox_style_2 a{
	display: block;
	width: 100%;
	background: #d9d9d9;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 13px;
	padding: 12px 28px 12px 10px;
	height: 44px;
	/*color: #8c8c8c;*/
}

.selectbox_style_2{
	margin-bottom: 10px;
	width: 40%;
	float: left;
}

.selectbox_style a:after{
	font-family: 'entypo';
	content: '\25BE';
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0 10px 0 0;
	font-size: 25px;
	color: #8c8c8c;
}

.selectbox_style_2 a:after{
	font-family: 'entypo';
	content: '\25BE';
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0 10px 0 0;
	font-size: 25px;
	color: #8c8c8c;
}



select{
	width: 100%;
	background: #d9d9d9;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 13px;
	padding: 12px 28px 12px 10px;
	height: 45px;
}

select.style{
	width: 80%;
	background: #d9d9d9;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 13px;
	padding: 12px 28px 12px 10px;
	height: 45px;
}

.selectbox{
	position: relative;
	overflow: hidden;
}
/*
select.style{
	position: relative;
	overflow: hidden;
}
*/
/*
.selectbox:after{
	font-family: 'entypo';
	content: '\25BE';
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0 10px 0 0;
	font-size: 25px;
	color: #8c8c8c;
}
*/
select.style:after{
	font-family: 'entypo';
	content: '\25BE';
	position: absolute;
	top: 4px;
	right: 0px;
	padding: 0 10px 0 0;
	font-size: 25px;
	color: #8c8c8c;
}



.checkbox{
	position: relative;
	padding: 0 0 0 25px;
}
.checkbox .font{
	position: absolute;
	top: -7px;
	left: -2px;
	font-size: 22px;
	z-index: 10;
}
.checkbox:after{
	content: "";
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	top: -2px;
	left: 0px;
	background: #d9d9d9;
}
.radio{position: relative;}
.radio .circle{
	position: absolute;
	bottom: 3px;
	left: 3px;
	font-size: 20px;
	z-index: 10;
	width: 14px;
	height: 14px;
	display: block;
	background: #000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	border-radius: 15px;
}


.radio:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #d9d9d9;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}

.textbox{
	position: relative;
	min-height:34px;
}



input[type="checkbox"]{
	border: 1px solid #737373;
	background: #d9d9d9;
	width: 21px;
	height: 21px;
	margin: 0 5px -5px 0;
	position: absolute;
	top: -2px;
	left: 0px;
	z-index: 100;
}
input[type="radio"]{
	border: 1px solid #737373;
	background: #d9d9d9;
	width: 20px;
	height: 20px;
	position: relative;
	margin: 0 5px -5px 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	position: relative;
	z-index: 100;
}

input[type="text"]{
	border: 1px solid #737373;
	background: #d9d9d9;
	width: 320px;
	height: 25px;
	margin: 0 5px 5px 0;
	position: absolute;
	top: -2px;
	left: 0px;
	z-index: 100;
}


input[type="checkbox"]:checked{
	background: transparent;
}
input[type="radio"]:checked{
	background: transparent;
}

.modal{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #fff;
	z-index: 100000;
}


.option_plus_minus{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 0 0;
	padding: 10px;
}
.option_plus_minus:first-child{
	border-top: 1px solid #ccc;
}

.option_plus_minus > p,
.option_plus_minus > div{
	display: table-cell;
	vertical-align: middle;
}
.option_plus_minus .kind{
	width: 20%;
	padding: 0 5px 0 0;
	font-weight: bold;
}
.option_plus_minus .kind span{
	display: block;
	font-size: 11px;
}
.option_plus_minus .txt{
	width: 50%;
}
.option_plus_minus .txt p{
	font-size: 15px;
	text-align: center;
	padding: 8px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.option_plus_minus .txt_none{
	width: auto;
}
.option_plus_minus .txt_none p{
	font-size: 15px;
	text-align: center;
	padding: 8px;
	color: #8c8c8c;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}


.option_plus_minus .plus_minus{
	padding: 0 0 0 15px;
}
.option_plus_minus .plus_minus .btns{
	padding: 0;
}

.option_plus_minus .plus_minus a{
	background: #d9d9d9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	height: 40px;
	overflow: hidden;
}
.option_plus_minus .plus_minus a .font{
	font-size: 20px;
	color: #737373;
	position: relative;
	top: -4px;
}

.help_link{
	margin: 0 0 20px 0;
}
.help_link p{
	float: left;
	position: relative;
}
.help_link p a{
	padding: 0 0 0 20px;
	color: #0088ff;
	text-decoration: underline;
}
.help_link p .font{
	position: absolute;
	top: -4px;
	left: 0;
	font-size: 17px;
}

.toggle_list{
}
.toggle_list > li{
	display:block;
	width:100%;
	border-top:1px solid #ccc;
	font-weight:normal;
	position:relative;
}
.toggle_list > li > a{
	display: block;
	padding: 10px;
}
.toggle_list > li > a .font{
	font-size: 25px;
	line-height: 1.0;
	position: absolute;
	top: 6px;
	right: 10px;
	color:#ccc;
}
.box_link{
	cursor: pointer;
}
hr.style02{
	border-top: 1px solid #f7b2d8;
}

span.k_tagu{
  margin: 0 0.25em;
  color: #e4007f;
  font-weight: bold;
}

.bgw em{
  color: #e4007f;
  font-style:normal;
  font-weight: bold;
}