/* ===================================================================
CSS information
 file name  :  common.css
 style info :  基本共通cssの定義
=================================================================== */

/*--------------------------------------------------------------------

共通要素

--------------------------------------------------------------------*/
.pie {
    position: relative;
}

.bw,
a[href^="mailto:"]
{ 
    word-wrap: break-word;
}

#header {
    width: 100%;
    background: url(../images/common/header_bg.png) repeat-x 0px 0px;
}

#header_inner {
    max-width: 980px;
    height: 160px;
    margin: 0 auto;
    position: relative;
}

.header_nav {
    position: absolute;
    top: 8px;
    left: 0;
    color: #FFF;
    font-size: 85%;
}

.header_nav li {
    float: left;
}

.header_nav li a {
    color: #FFF;
}

.header_nav li:first-child {
    padding-right: 15px;
    padding-left: 0px;
    background: url(../images/common/line.png) no-repeat right center;
}

.header_nav li {
    padding-left: 15px;
}

.header_btn {
    background: url(../images/common/btn_apply.png) no-repeat;
    background-position: 0 0;
    height: 24px;
    width: 150px;
    position: absolute;
    top: 3px;
    right: 0;
    color: #FFF;
    font-size: 90%;
    padding-top: 4px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.3em;
}

.header_btn:hover {
    background-position: -150px 0;
    text-decoration: none;
}

.header_btn span {
    background: url(../images/common/arr.png) no-repeat left 3px;
    padding-left: 13px;
}

.logo {
    width: 260px;
    position: absolute;
    left: 0;
    top: 55px;
}

.logo a {
    height: 45px;
    padding-top: 45px;
    display: block;
    overflow: hidden;
    background: url(../images/common/header_logo.png) no-repeat;
    background-position: 0px 0px;
    background-size:contain;
    z-index:10;
}

.header_sns {
    height: 20px;
    position: absolute;
    right: 290px;
    top: 68px;
    line-height: 20px;
    font-size: 85%;
    font-weight: bold;
}

.header_sns li {
    height: 20px;
    float: left;
    margin-right: 15px;
}

.header_sns li:last-child {
    margin-right: 0px;
}

.header_sns li a {
    height: 20px;
    line-height: 20px;
    display: block;
}

.header_sns li.t_btn a,
.footer_sns li.t_btn a {
    background: url(../images/common/icon_tw.png) no-repeat;
    background-position: 0 center;
    padding-left: 27px;
    color: #000;
}

.header_sns li.f_btn a,
.footer_sns li.f_btn a {
    background: url(../images/common/icon_fb.png) no-repeat;
    background-position: 0 center;
    padding-left: 27px;
    color: #3b5b99;
}

.header_sns li.r_btn a,
.footer_sns li.r_btn a {
    background: url(../images/common/icon_rss.png) no-repeat;
    background-position: 0 center;
    padding-left: 27px;
    color: #ffa63e;
}

.search_box {
    width: 274px;
    position: absolute;
    top: 63px;
    right: 0;
}

.search_box > form {
    width: 274px;
    padding-right: 30px;
    position:relative;
}

.search_box .search_text {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    width: 245px;
    margin: 0px;
    padding: 6px 8px 6px 8px;
    border-top: 1px solid #d5d5d5;
    border-right: none;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    font-size: 100%;
    float: left;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.search_box .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/common/header.png) no-repeat;
    background-position: -593px 0px;
    height: 30px;
    width: 35px;
    margin: 0px;
    padding: 30px 0 0;
    overflow: hidden;
    border: medium none;
    display: block;
    cursor: pointer;
}

.search_box .search_btn:hover {
    background: url(../images/common/header.png) no-repeat;
    background-position: -628px 0px;
}

#nav {
    width: 100%;
    position:absolute;
    bottom:0;
    left:0;
}

#nav #nav_inner {
    max-width: 980px;
    height: 45px;
    margin: 0 auto;
    zoom: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top:1px #CCCBCB solid;
    border-left:1px #CCCBCB solid;
    border-radius:5px;
}

#nav #nav_inner:after {
    clear: both;
}

#nav #nav_inner>li {
    width:20%;
    position: relative;
    border-right:1px #CCCBCB solid;
    border-bottom:1px #CCCBCB solid;
}
#nav #nav_inner>li:first-child {
    border-radius:5px 0 0 5px;
}
#nav #nav_inner>li:last-child {
    border-radius:0 5px 5px 0;
}

#nav #nav_inner li a,
#nav #nav_inner li > span {
    padding: 13px 0 ;
    display: block;
    font-weight: bold;
    text-align: center;
    background: url(../images/common/nav_bg.png) repeat-x 0 0 #eee;
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.38);
    position: relative;
    z-index: 3;
}

#nav #nav_inner li a span {
    background: url(../images/common/nav_arr.png) no-repeat left 5px;
    padding-left: 17px;
    display: inline-block;
}


#nav #nav_inner li>a:hover {
    opacity:0.8;
    text-decoration: none;
}


#nav #nav_inner ul {
    width:100%;
    position: absolute;
    z-index: 2;
    top: 48px;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
}

#nav #nav_inner ul li {
    width:100%;
    border-bottom: solid 1px #d5d5d5;
}

#nav #nav_inner ul li:last-child {
    border-bottom: none;
}

#nav #nav_inner ul li a {
    background: #FFFFFF;
    color: #333;
    font-size: 90%;
}

#nav #nav_inner ul li a:hover, #nav #nav_inner ul li.current a {
    background: #f8f8f8;
    opacity:1;
}



/* grobal navigation (custom menu)
------------------------------------------*/



#toggle {
	display: none;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
#header{
margin-bottom:50px;
    background:none;
    border-bottom:1px #d5d5d5 solid;
}
#header_inner{
    height:55px;
    padding-top:10px;
}
.logo{
    position:relative;
    top:auto;
    left:auto;
    width:180px;
    margin:0 0 0 3%;
}
.logo a{
    height:35px;
background-position:0 1px;
}
.header_nav,
.header_sns{
    display:none;
}
.header_btn {
    background:#3D9C02;
    border:1px #338401 solid;
    border-radius:3px;
    height: 24px;
    width: 70px;
    top: 16px;
    right: calc(3% + 40px);
    font-size: 12px;
    padding-top: 2px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0;
}
.header_btn span {
    background:none;
    padding-left: 0;
}
.menu-grobal-menu-container{
    position:relative;
    display: none;
    z-index:20;
    background:#FFF;
}
.search_box{
    top:auto;
    right:auto;
    width:100%;
    padding:11px 3% 10px;
}
.search_box > form{
    width:100%;
    height:30px;
}
.search_box .search_text{
    width:100%;
}
#nav{
    position:relative;
    bottom:auto;
    left:auto;
    width:100%;
}
#nav #nav_inner{
    width:100%;
    height:auto;
}
#nav #nav_inner>li{
    width:100%;
}
#nav #nav_inner ul{
    position:relative;
    top:auto;
}
#nav #nav_inner,
#nav #nav_inner>li:first-child,
#nav #nav_inner>li:last-child {
    border-radius:0;
}


#toggle{
    display:block;
    position:absolute;
    top:18px;
    right:3%;
    cursor:pointer;
}
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.menu-trigger {
    position: relative;
    width: 25px;
    height: 19px;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #000;
    border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) {
    top: 0;
}
.menu-trigger span:nth-of-type(2) {
    top: 8px;
}
.menu-trigger span:nth-of-type(3) {
    bottom: 0;
}

#toggle.gnavon .menu-trigger span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
}
#toggle.gnavon .menu-trigger span:nth-of-type(2) {
    opacity: 0;
}
#toggle.gnavon .menu-trigger span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
}
}/* end 900px */




.page_list {
    max-width: 980px;
    margin: 20px auto 0;
    font-size: 90%;
    overflow:hidden;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
.page_list {
    margin: 20px 3% 0;
}
}
.page_list li {
    float: left;
    font-weight: bold;
    background: url(../images/common/pagelist_arr.png) no-repeat right center;
    padding-right: 15px;
    margin-right: 10px;
}

.page_list li:last-child {
    float: left;
    font-weight: bold;
    background: none;
    padding-right: 0px;
    margin-right: 0px;
}

.page_list li a {
    color: #666666;
    font-weight: normal;
}

#content {
    max-width: 980px;
    margin: 10px auto 0;
    zoom: 1;
}

#content_sub {
    max-width: 980px;
    margin: 20px auto 0;
    zoom: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
#content ,
#content_sub {
    margin: 20px 3% 0;
}
#content.top-content{
    margin: 0 0 0;
}
}


/*--
#content:before,
#content_sub:before,
#content:after,
#content_sub:after {
    content: "";
    display: block;
}

#content:after,
#content_sub:after {
    clear: both;
}
--*/

#content_left {
    width: 680px;
    width: 69.387%;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
#content_left{
    width: 100%;
    margin-bottom:40px;
}
}


.page_title {
    background-image: url(../images/common/bg_page_title.png),url(../images/common/bg_page_title.png);
    background-position: 0 0, 0 bottom;
    background-repeat:repeat-x;
    text-align: center;
    font-weight: bold;
    font-size: 160%;
    padding:17px 0;
    margin-bottom: 20px;
}

/*.page_title_emphasis-message {*/
    /*margin-left: 8px;*/
    /*color: #F92C2C;*/
/*}*/

#content_right {
    width: 270px;
    width: 27.551%;
}
.content_right_frm{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content_right_frm>div{
    width:100%;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
#content_right {
    width: 100%;
}
.content_right_frm>div:last-child{
    margin-top:-20px;
    margin-top:0px;
}
}
@media (max-width: 640px) {
.content_right_frm>div:last-child{
    margin-top:0;
}
}



.pagination {
    width: 100%;
    margin: 20px 0 0 0;
}

.wp-pagenavi {
    font-weight: bold;
    text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last{
    display:none;
}

.pagination .current {
    text-decoration: none;
    width: 38px;
    height: 34px;
    border: solid 1px #d5d5d5;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 90%;
    letter-spacing: 0em;
    text-align: center;
    line-height: 28px;
    background: #000000;
    color: #FFF;
    margin-right: 4px;
}

.pagination a {
    background: #fff;
    text-decoration: none;
    width: 38px;
    height: 34px;
    border: solid 1px #d5d5d5;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 80%;
    letter-spacing: 0em;
    text-align: center;
    line-height: 28px;
    margin-right: 4px;
}

.pagination a:hover {
    background: #f8f8f8;
}

.pagination .prev, .pagination .next {
    background: #fff;
    width: 63px;
    height: 34px;
    border: solid 1px #d5d5d5;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 70%;
    letter-spacing: 0em;
    text-align: center;
    line-height: 28px;
    letter-spacing: -0.2em;
}

.pagination .prev {
    margin-right: 4px;
}

.pagination .next {
    margin-right: 0px;
}

.btn_area {
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    padding:20px 15px 0;
}

.btn_area li {
    width: 48%;
    margin:0 0 20px;
}
.btn_area li.full {
    width: 100%;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.btn_area li {
    width: 100%;
}
}
@media (max-width: 480px) {
.btn_area {
    padding:20px 15px 0;
}
}

.btn_area.btn_area_single {
    text-align: center;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.btn_area.btn_area_single .btn_red {
    display: inline-block;
    width: 315px;
    height: 50px;
    line-height: 48px;
    color: #fff;
    background: url(../images/common/parts.png) no-repeat;
    background-position: -315px -243px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    letter-spacing: 0.2em;
}

.btn_blue {
    display:block;
    line-height: 48px;
    background: url(../images/common/bn_g_bg.png) repeat-x;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2em;
    border:1px #4D9D03 solid;
    border-radius:5px;
}

.btn_blue:hover {
    opacity:0.8;
    text-decoration: none;
}

.btn_blue span {
    background: url(../images/common/arr.png) no-repeat left 17px;
    padding-left: 14px;
    color: #FFFFFF;
    font-size: 130%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    *vertical-align: auto;
    *display: inline;
}

.btn_grey {
    display:block;
    line-height: 48px;
    background: url(../images/common/bn_r_bg.png) repeat-x;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2em;
    border:1px #D45353 solid;
    border-radius:5px;
}

.btn_grey:hover {
    opacity:0.8;
    text-decoration: none;
}

.btn_grey span {
    background: url(../images/common/arr.png) no-repeat left 17px;
    padding-left: 14px;
    color: #FFFFFF;
    font-size: 130%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.btn_mini_grey {
    display:block;
    line-height: 47px;
    background: url(../images/common/bn_r_bg.png) repeat-x;
    text-decoration: none;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.2em;
    border:1px #D45353 solid;
    border-radius:5px;
}

.btn_mini_grey:hover {
    opacity:0.8;
    text-decoration: none;
}

.btn_mini_grey span {
    color: #FFFFFF;
    font-size: 116%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.btn_mini_grey.downl span {
    background: url(../images/common/parts.png) no-repeat -680px -703px;
    padding-left: 20px;
}

.btn_mini_grey.conform span {
    background: url(../images/common/parts.png) no-repeat -680px -916px;
    padding-left: 26px;
}

#footer {
    width: 100%;
    margin-top: 60px;
    border-top:1px #D5D5D5 solid;
}

.footer_top {
    min-height: 72px;
    background:#FFF;
}

.footer_bottom {
    padding:10px 0;
    background:#3c3b3b;
}


#footer_inner {
    max-width: 980px;
    margin: 0 auto;
    position: relative;
    zoom: 1;
}

#footer_inner:before,
#footer_inner:after {
    content: "";
    display: block;
}

#footer_inner:after {
    clear: both;
}

.footer_logo {
    width: 160px;
    height: 30px;
    position: absolute;
    top: 21px;
    left: 0;
}

.footer_text {
    height: 30px;
    position: absolute;
    top: 18px;
    left: 180px;
    letter-spacing: 0em;
    line-height: 150%;
}

.footer_nav {
    text-align: center;
    width: 100%;
    letter-spacing: 0em;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: #555 1px solid;
}

.footer_nav li {
    display: inline-block;
    vertical-align: middle;
    font-size: 85%;
    padding-right: 15px;
    padding-left: 15px;
    background: url(../images/common/line.png) no-repeat right center;
}

.footer_nav li:first-child {
    padding-left: 0px;
}

.footer_nav li:last-child {
    padding-left: 15px;
    background: none;
}

.footer_nav li a {
    color: #FFF;
}

.footer_nav li.current a {
    color: #FFF;
    text-decoration: underline;
}

.footer_sns {
    width: auto;
    height: 18px;
    float: right;
    padding: 27px 0 0 0;
    text-align: right;
}

.footer_sns,
.footer_nav {
    zoom: 1;
}

.footer_sns:before,
.footer_sns:after,
.footer_nav:before,
.footer_nav:after {
    content: "";
    display: block;
}

.footer_sns:after,
.footer_nav:after {
    clear: both;
}

.footer_sns li {
    display:inline-block;
    margin-left: 10px;
    font-weight: bold;
    font-size: 90%;
}
.footer_sns li:first-child {
    margin-left: 0;
}
.footer_sns li a {
    display: block;
    height: 20px;
    line-height: 20px;
}

.copyright {
    color: #777777;
    font-size: 85%;
    position: absolute;
    bottom: 0;
    right: 0;
}

.txt_ban {
    color: #777777;
    font-size: 85%;
}

.bn_top {
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    margin: 0 0 20px 0;
}


/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
.footer_top {
    padding:10px 0;
}

#footer_inner {
    margin: 0 3%;
}

.footer_logo{
    position:relative;
    top:auto;
    left:auto;
    display:block;
    margin:0 auto 10px;
}
.footer_text{
    position:relative;
    top:auto;
    left:auto;
    height:auto;
    text-align:center;
}
.footer_sns{
    float:none;
    width:100%;
    padding:0;
    margin:15px auto 0;
    text-align:center;
}
.copyright {
    position:relative;
    display:block;
    bottom:auto;
    right:auto;
}
}


.campaign_banner{
    margin-bottom: 15px;
}
.forum_banner img {
    width: 100%;
}
.side_nav {
    border: solid 1px #d5d5d5;
    background: #fff;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.side_nav h2 {
    background: #3aa501;
    border-bottom: solid 1px #d5d5d5;
    padding: 18px 19px;
    font-weight: bold;
    font-size: 115%;
    color: #FFF;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.side_nav ul {
    background: #FFF;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    position: relative
}

.side_nav li {
    border-bottom: solid 1px #d5d5d5;
}

.side_nav li:last-child {
    border-bottom: none;
}

.side_nav li a {
    padding: 18px 0 18px 29px;
    font-weight: bold;
    font-size: 115%;
    display: block;
}

.side_nav li a:hover {
    background: #f8f8f8;
    text-decoration: none;
}

.side_nav li.current a {
    background: #f8f8f8;
}

.side_nav li:last-child a {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    position: relative;
}

.side_nav li a span {
    background: url(../images/common/side_arr.png) no-repeat left 6px;
    padding-left: 13px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.right_ranking {
    width: 268px;
    border: solid 1px #d5d5d5;
    margin: 0;
    float: left;
    background: #f8f8f8;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.right_ranking h1 {
    height: 37px;
    border-bottom: solid 1px #d5d5d5;
    width: 230px;
    padding: 18px 19px 0;
    font-weight: bold;
    font-size: 115%;
}

.ranking_title {
    height: 20px;
    float: left;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -135px;
    padding-left: 30px;
}

.right_ranking dl {
    width: 230px;
    padding: 0 19px;
    border-bottom: solid 1px #d5d5d5;
    float: left;
    background: #ffffff;

}

.right_ranking dl:last-child {
    border-bottom: none;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    position: relative;
}

.right_ranking dl dt {
    width: 35px;
    height: 0px;
    margin: 20px 15px 20px 0;
    padding-top: 35px;
    overflow: hidden;
    float: left;
    background: url(../images/common/parts.png) no-repeat;
}

.right_ranking dl dd {
    width: 180px;
    margin: 20px 0;
    height: 35px;
    float: left;
    font-size: 90%;
}

.right_ranking dl dd a:hover {
    color: #3aa501;
}

.right_ranking dl dt.no_01 {
    background-position: 0px -1460px;
}

.right_ranking dl dt.no_02 {
    background-position: -35px -1460px;
}

.right_ranking dl dt.no_03 {
    background-position: -70px -1460px;
}

.right_ranking dl dt.no_04 {
    background-position: -105px -1460px;
}

.right_ranking dl dt.no_05 {
    background-position: -140px -1460px;
}

.right_ranking dl dt.no_06 {
    background-position: -175px -1460px;
}

.right_ranking dl dt.no_07 {
    background-position: -210px -1460px;
}

.right_ranking dl dt.no_08 {
    background-position: -245px -1460px;
}

.right_ranking dl dt.no_09 {
    background-position: -280px -1460px;
}

.right_ranking dl dt.no_10 {
    background-position: -315px -1460px;
}

.right_features {
    width: 268px;
    border: solid 1px #d5d5d5;
    margin: 0;
    float: left;
    background: #f8f8f8;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.right_features h1 {
    height: 37px;
    border-bottom: solid 1px #d5d5d5;
    width: 230px;
    padding: 18px 19px 0;
    font-weight: bold;
    font-size: 115%;
}

.features_title {
    height: 20px;
    float: left;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1640px;
    padding-left: 30px;
}

.right_features dl {
    width: 230px;
    padding: 0 19px;
    border-bottom: solid 1px #d5d5d5;
    float: left;
    background: #ffffff;

}

.right_features dl:last-child {
    border-bottom: none;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    position: relative;
}

.right_features dl dt {
    width: 80px;
    margin: 20px 0 20px 0;
    float: left;
}

.right_features dl dt img {
    width: 80px;
    height: auto;
}

.right_features dl dd {
    width: 140px;
    margin: 20px 0;
    float: right;
    font-size: 90%;
}

.right_features dl dd a:hover {
    color: #3aa501;
}

.bn_list {
    margin: 0 0 20px 0;
text-align:center;
}

.bn_list li {
    margin-bottom: 20px;
}

.bn_list li a {
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
}

.right_like_box {
    background: #fff;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    border: #ddd 1px solid;
}

.fb-like-box iframe {
}

.right_like_box{
    max-width:500px;
    height:282px;
    margin:0 auto;
}
 
.fb-page,
.fb-page span,
.right_like_box iframe{
    width: 100% !important;
    height: 500px !important;
}

.bn_bottom {
    width: 270px;
    height: 80px;
    margin-top: 20px;
    display: block;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
}

.box_sns_btns li {
    display: block;
    float: left;
    margin: 0 10px 0 0;
}

.page_sub_title {
    padding: 30px 30px 0 30px;
    float: left;
}

.page_sub_title span {
    width: 595px;
    height: 35px;
    float: left;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -408px;
    padding: 0 0 0 25px;
    font-weight: bold;
    font-size: 160%;
    line-height: 25px;
}

.page_sub_title02 {
    background: url(../images/common/mds_bullet01.png) no-repeat;
    background-position: 0 05px;
    padding: 0 0 10px 25px;
    font-weight: bold;
    font-size: 160%;
    margin-bottom: 30px;
    line-height: 25px;
    border-bottom:2px #D5D5D5 solid;
}



.page_sub_title02 span small {
    font-size: 75%;
}

.page_sub_title03 {
    width: 595px;
    height: 35px;
    float: left;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -801px;
    font-weight: bold;
    font-size: 160%;
    margin-bottom: 30px;
    line-height: 25px;
    text-align: center;
}

.list {
    float: left;
}

.list li {
    width: 600px;
    height: auto;
    line-height: 180%;
    float: left;
    margin-bottom: 10px;
    padding: 0 0 0 20px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1189px;
    font-size: 120%;
}

.pdf_link {
    color: #3aa501;
    background: url(../images/common/parts.png) no-repeat;
    background-position: -680px -717px;
    padding: 0 0 0 20px;
    line-height: 20px;
}

.txt_normal {
    font-size: 120%;
    line-height: 180%;
    margin-bottom: 30px;
}

.link_box {
    float: left;
    display: block;
}

.sample_nav.info_link {
    padding: 0;
    margin: 0 0 30px;
}

.sample_nav.info_link table {
    width: 100%;
}

/*--------------------------------------------------------------------

home

--------------------------------------------------------------------*/
#news-pick{
    max-width: 980px;
    margin: 15px auto;
background:#F1F8FE;
}
#menu-news-category-pickup{
padding:10px 0 0 10px
}
#menu-news-category-pickup li{
    display:inline-block;
    margin: 0 4px 10px 0;
}
#menu-news-category-pickup li a{
    display: block;
    border: #0F6FC6 1px solid;
    padding: 7px 12px;
    text-align: center;
    font-size: 123%;
color:#0F6FC6;
    text-decoration: none;
    background:#FFF;
    box-shadow: 0px 3px 0px 0px #f5f5f5;
    -webkit-transition: all 0.2s linear;
    border-radius:20px;
}
#menu-news-category-pickup li a:hover,
#menu-news-category-pickup li.current-menu-item a {
    color: #FFF;
    background:#0F6FC6;
    box-shadow: 0px 3px 0px 0px #eaf5e4;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
#news-pick{
    margin: 15px 3% 15px;
}
.top_topics #news-pick{
    margin: 0 3% 20px;
}
}

@media (max-width: 768px) {
#news-pick{
    max-width: auto;
    padding:5px 0 5px 6px;
    margin: 0 0 5px;
    border-top: 1px #d5d5d5 solid;
    border-bottom: 1px #d5d5d5 solid;
    overflow-x:scroll;
    -ms-overflow-style: none; /* IE, Edge 対応 */
    scrollbar-width: none;    /* Firefox 対応 */
}
.top_topics #news-pick{
    margin: 0 0 20px;
}
#news-pick::-webkit-scrollbar {
    display: none; /* Chrome, Safari 対応 */
}

#menu-news-category-pickup{
    white-space:nowrap;
    padding:0 0 0 6px;
}
#menu-news-category-pickup li{
    margin: 0 0 0 0;
}
#menu-news-category-pickup li:last-child{
    margin: 0 6px 0 0;
}

#menu-news-category-pickup li a {
    box-shadow: none;
}
#menu-news-category-pickup li a:hover,
#menu-news-category-pickup li.current-menu-item a {
    box-shadow: none;
}
}

/*-----------------*/



#main {
    max-width: 980px;
    margin: 15px auto 10px;
    position: relative;
    zoom: 1;
}

#main .campaign_img{
    max-width:980px;
    margin:0 auto;
    border: solid 1px #d5d5d5;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    border-radius: 4px;
}

#main .campaign_img a{
    position:relative;
    display:block;
}

#main .campaign_img img{
    border-radius: 4px;
    opacity:1;
    transition: opacity 0.5s 0s ease;
}
#ontoucharea:hover img{
    opacity:0.1;
}

#ontoucharea .mainbtn{
    width:100%;
    position:absolute;
    top:50%;
    left:0;
    text-align:center;
    transform: translate(0, -50%);
    opacity:0;
    transition: opacity 0.5s 0s ease;
}

#ontoucharea:hover .mainbtn{
    opacity:1;
}

#main .campaign_img a .mainbtn{
    color: #3D9D02;
    font-size: 140%;
    letter-spacing: 0.2em;
    font-weight: bold;
}

#main .campaign_img a .btn01 .main_btn_campaign-normal_title {
    font-size: 48px;
}

#main .campaign_img a .btn01 .main_btn_campaign-normal_title strong {
    color: #F92C2C;
}

#main .campaign_img a .btn01 .main_btn_campaign-normal_title_underline {
    text-decoration: underline;
}

#main .campaign_img a .btn01 .main_btn_campaign-normal_message {
    font-size: 30px;
    color: #2c39f9;
}

#main .campaign_img a .btn01 .main_btn_campaign-normal_text {
    display: inline-block;
    margin-top: 30px;
    font-size: 26px;
    color: #333;
}

#main .campaign_img a .btn01 .main_btn_campaign-normal_text_underline {
    text-decoration: underline;
}

#main .campaign_img a .btn01 .main_btn_campaign-normal_text strong {
    color: #F92C2C;
}

#main .campaign_img a .btn02 {
    line-height:2;
}

#main .campaign_img a .btn02 .icon {
    font-size: 26px;
    color: #F56565;
    background: url(../images/common/arr_r.png) no-repeat left 5px;
    padding-left: 17px;
    line-height: 24px;
    display: inline-block;
}

#main .campaign_img a .btn02 .normal {
    font-weight: normal;
    font-size: 20px;
    color: #F56565;
}

#main .campaign_img a .btn03 .main_btn_campaign-new_message {
    font-size: 48px;
}
#main .campaign_img a .btn03 .main_btn_campaign-new_text {
    font-size: 26px;
    color: #333;
    letter-spacing: 0.02em;
}
#main .campaign_img a .btn03 .main_btn_campaign-new_text-margin {
    display: inline-block;
    margin: 10px 0 15px -288px;
}
#main .campaign_img a .btn03 .main_btn_campaign-new_text-strong {
    font-size: 30px;
    color: #F92C2C;
}
#main .campaign_img a .btn03 .main_btn_campaign-new_link {
    display: inline-block;
    margin: 40px -350px 0 0;
    font-size: 26px;
    color: #333;
}

#main .campaign_img a .btn03 .main_btn_campaign-new_link_strong {
    color: #F92C2C;
    text-decoration: underline;
}
#main .caption{
    font-size: 130%;
    text-align:center;
    padding:10px 3% 0;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
#main {
    margin: 50px auto 10px;
}
    #main .campaign_img{
    margin:0 3%;
}

#main .campaign_img a .btn01 .main_btn_campaign-normal_title {
    font-size: 48px;
    font-size: 5vw;
}
#main .campaign_img a .btn01 .main_btn_campaign-normal_message {
    font-size: 30px;
    font-size: 3vw;
}
#main .campaign_img a .btn01 .main_btn_campaign-normal_text {
    font-size: 26px;
    font-size: 2.6vw;
}

#main .campaign_img a .btn03 .main_btn_campaign-new_message {
    font-size: 48px;
    font-size: 5vw;
}
#main .campaign_img a .btn03 .main_btn_campaign-new_text {
    font-size: 26px;
    font-size: 2.6vw;
}
#main .campaign_img a .btn03 .main_btn_campaign-new_text-margin {
    margin: 10px 0 10px 0;
}
#main .campaign_img a .btn03 .main_btn_campaign-new_text-strong {
    font-size: 30px;
    font-size: 3vw;
}
#main .campaign_img a .btn03 .main_btn_campaign-new_link {
    font-size: 26px;
    font-size: 2.6vw;
    margin: 10px 0 0 0;
}
}

@media (max-width: 768px) {
#ontoucharea:hover img{
    opacity:1;
}
#ontoucharea:hover .mainbtn{
    opacity:0;
}
}

@media (max-width: 480px) {

#main .campaign_img a .btn02 .icon {
    font-size: 26px;
    font-size: 5vw;
}

#main .campaign_img a .btn02 .normal {
    font-size: 20px;
    font-size: 4.2vw;
}
#main .caption{
    font-size: 110%;
}
}
/*-----------------*/

.home_page_nav {
    position: absolute;
    left: 20px;
    top: 7px;
    font-size: 95%;
    font-weight: bold;
}

.content_area {
    border: solid 1px #d5d5d5;
    background: #f8f8f8;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}
.content_area.content_area_no_bg {
    background: none;
}
.content_area.content_area_full {
    width: 100%;
}
.content_area.content_area_center {
    max-width: 670px;
    margin:30px auto 0;
}





/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
.content_area.content_area_center {
    max-width: 100%;
}
}

.content_area .title {
    border-bottom: solid 1px #d5d5d5;
    width: 100%;
    padding: 15px 30px 13px 30px;
    font-size: 140%;
}

.content_area02 {
    background: #fff;
    border: solid 1px #d5d5d5;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.content_area03 {
    position: relative;
}

.area_text {
    line-height: 250%;
    font-size: 120%;
    margin-bottom: 5px;
}
.area_note_text{
    font-size: 120%;
}
.area_note_text span{
    color:#0000ff;
    font-weight:bold;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.area_note_text span{
    display:block;;
}
}
@media (max-width: 480px) {
.content_area .title {
    padding: 15px 15px 13px 15px;
}
}
.area_note_dlist dt{
    width:5em;
    color:#FF0000;
    float:left;
}
.area_note_dlist dd{
    padding-left:5em;
}
.area_note_dlist dd span{
    color:#FF0000;
}

.page_inner {
    position: relative;
    padding: 30px;
    overflow:hidden;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 480px) {
.page_inner {
    padding: 30px 15px;
}
}

.topics_title {
    margin-top: 3px;
    height: 20px;
    padding-left: 30px;
    font-weight: bold;
    line-height: 1.4;
}

.content_area .title .title_btn01,
.content_area .title .title_btn02 {
    float: right;
    width: 154px;
    height: 30px;
    line-height: 1.4;
    background: url(../images/common/parts.png) no-repeat;
    background-position: -210px -182px;
    text-decoration: none;
    text-align: center;
}

.content_area .title .title_btn01:hover,
.content_area .title .title_btn02:hover {
    background-position: -210px -212px;
}

.content_area .title .title_btn01 span,
.content_area .title .title_btn02 span {
    background: url(../images/common/arr.png) no-repeat left 3px;
    padding-left: 14px;
    color: #FFFFFF;
    font-size: 65%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.feature_title {
    margin-top: 3px;
    height: 20px;
    float: left;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -75px;
    padding-left: 30px;
    font-weight: bold;
    line-height: 1.4;
}

.books_title {
    margin-top: 3px;
    height: 20px;
    float: left;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -105px;
    padding-left: 30px;
    font-weight: bold;
    line-height: 1.4;
}

a:hover .topics_list {
    background: #f8f8f8;
}

.topics_list {
    padding: 30px;
    border-bottom: solid 1px #d5d5d5;
    background: #FFF;
    float: left;
}

a:last-child .topics_list {
    border-bottom: none;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    position: relative;
}

.topics_list figure {
    width: 210px;
    height: 140px;
    float: left;
}

.topics_list .time {
    width: 100px;
    padding: 14px 0;
    background: #3D9D02;
    color: #FFF;
    text-align: center;
    font-size: 85%;
    letter-spacing: 0em;
    line-height: 220%;
    display: table-cell;
    vertical-align: middle;
}

.topics_list .time span {
    font-size: 145%;
}

.topics_list .topics_subtitle {
    width: 390px;
    min-height: 80px;
    max-height: 102px;
    padding-bottom: 10px;
    border-bottom: dotted 1px #000000;
    float: right;
    display: table;
}

.topics_list .topics_subtitle h1 {
    width: 270px;
    padding: 0 0 0 20px;
    font-weight: bold;
    font-size: 140%;
    line-height: 180%;
    display: table-cell;
    vertical-align: middle;
    min-height: 80px;
    max-height: 102px;
}

a:hover .topics_list .topics_subtitle h1 {
    color: #3aa501;
    text-decoration: underline;
}

.topics_list .topics_text {
    width: 390px;
    float: right;
    margin-top: 15px;
    color: #666666;
    line-height: 160%;
    font-size: 90%;
    letter-spacing: 0em;
}

.feature_list {
    padding: 30px;
    background: #FFF;
    float: left;
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    position: relative;
}

.feature_list figure {
    width: 194px;
    height: 150px;
    float: left;
}

.feature_left {
    width: 194px;
    float: left;
    margin-right: 18px;
}

.feature_center {
    width: 194px;
    float: left;
    margin-right: 18px;
}

.feature_right {
    width: 194px;
    float: left;
}

.feature_list .time {
    width: 194px;
    float: left;
    font-size: 85%;
    letter-spacing: 0em;
    line-height: 100%;
    margin-top: 15px;
}

.feature_list .time span {
    font-size: 130%;
}

.feature_list h1 {
    width: 194px;
    margin-top: 8px;
    font-weight: bold;
    font-size: 100%;
    float: left;
}

.books_list_frame {
    float: left;
    padding: 30px 29px;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
}

.books_list {
    width: 620px;
    height: 153px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: -175px 0px;
    position: relative;
    float: left;
    padding: 30px 0 0;
}

.flex-viewport {
    width: 500px;
    height: 105px;
    padding: 5px;
    position: absolute;
    left: 5px;
    top: 30px;
    overflow: hidden;
}

.bxslider li {
    float: left;
}

.bxslider li:last-child {
    margin-right: 0px;
}

.bxslider li a {
    float: left;
    width: 100%;
    display: block;
    text-align: center;
}

.bxslider li a img {
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    border: #ddd 1px solid;
}

.bx-controls {
    text-align: center;
}

.bx-pager-item {
    width: 10px;
    height: 10px;
    margin-right: 8px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.bx-controls .bx-pager-item:last-child {
    margin-right: 0px;
}

.bx-controls a {
    width: 10px;
    height: 10px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: -10px -155px;
    display: block;
    text-indent: -9999px;
}

.bx-controls a.active {
    background-position: 0px -155px;
}

.bx-controls-direction a {
    background-image: url(../images/common/parts.png);
    background-repeat: no-repeat;
    display: block;
    padding-top: 25px;
    width: 25px;
    height: 0px;
    overflow: hidden;
}

.bx-controls-direction a.bx-prev {
    background-position: -20px -155px;
    position: absolute;
    top: 40px;
    left: -65px;
}

.bx-controls-direction a.bx-prev:hover {
    background-position: -45px -155px;
}

.bx-controls-direction a.bx-next {
    background-position: -70px -155px;
    position: absolute;
    top: 40px;
    right: -65px;
}

.bx-controls-direction a.bx-next:hover {
    background-position: -95px -155px;
}

/*--------------------------------------------------------------------

detail

--------------------------------------------------------------------*/
.detail_title .time {
    float: left;
    color: #666;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1520px;
    padding: 1px 0 0 25px;
}

.detail_title .writer {
    float: right;
    color: #666;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1550px;
    padding: 1px 0 0 25px;
}

.detail_title {
    padding-bottom: 10px;
    border-bottom: solid 1px #d5d5d5;
    padding: 30px 30px 25px;
}

.detail_title h1 {
    font-weight: bold;
    font-size: 220%;
    line-height: 140%;
    margin: 0 0 15px 0;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 640px) {
.detail_title h1 {
    font-size: 160%;
}
}
@media (max-width: 480px) {
.detail_title {
    padding: 30px 15px 25px;
}
.detail_title .time {
    float: none;
    display:block;
}
.detail_title .time{
    margin-bottom:10px;
}
}

.related_title {
    margin: 40px 0 20px 0;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -494px;
    padding-left: 30px;
    font-weight: bold;
    line-height: 1.4;
    display: block;
}

.detail_area {
    border: solid 1px #d5d5d5;
/*    float: left;   */
    background: #FFF;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.detail_area_inner {
    padding: 0 29px 15px;
    overflow:hidden;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 480px) {
.detail_area_inner {
    padding: 0 15px 15px;
}
}


.detail_top_sns {
    margin: 20px 0 40px;
}

.detail_bottom .detail_top_sns {
padding:0 30px;
}
.comment-box{
padding:0 30px;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 480px) {
.detail_bottom .detail_top_sns {
padding:0 15px;
}
}
.sns_btns {
    float: right;
    margin-left: 15px;
}
.sns_btns:last-child {
    margin-left: 0;
}


.bn_fbshare,
.bn_twshare,
.bn_bsshare{
    display:block;
    width:90px;
    text-align:center;
    border-radius:20px;
}
.bn_fbshare{
    background:#3b5b99;
}
.bn_twshare{
    background:#000;
}
.bn_bsshare{
	background:#0285FF;
}

.bn_fbshare span,
.bn_twshare span,
.bn_bsshare span{
    display:inline-block;
    font-size:12px;
    color:#FFF;
    line-height:1;
    padding:6px 0 6px 18px;
    background-position:0 center;
    background-repeat:no-repeat;
}

.bn_fbshare span{
    background-image:url(../images/common/icon_bn_fb.png);
    background-size:14px 14px;
}
.bn_twshare span{
    background-image:url(../images/common/icon_bn_tw.png);
    background-size:14px 12px;
}
.bn_bsshare span{
    background-image:url(../images/common/icon_bn_bluesky.png);
    background-size:14px 14px;
}

.edit_area .detail_img {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

.edit_area .detail_img img {
    vertical-align: bottom;
}

.edit_area .detail_img figcaption {
    font-size: 85%;
    margin-top: 8px;
}

.edit_area .detail_img
.edit_area h2 {
    background: url(../images/common/mds_bg01.png) 0 0 repeat;
    padding: 20px 0 20px 15px;
    font-weight: bold;
    color: #FFF;
    font-size: 160%;
    margin-bottom: 30px;
}
.edit_area .detail_img.detail_img_full img {
    width: 100%;
}

.edit_area h3 {
    background: url(../images/common/mds_bullet01.png) no-repeat;
    background-position: 0 05px;
    padding: 0 0 10px 25px;
    font-weight: bold;
    font-size: 160%;
    margin-top: 60px;
    margin-bottom: 30px;
    line-height: 25px;
    border-bottom:2px #D5D5D5 solid;
}


.edit_area h4 {
    background: url(../images/common/mds_line01.png) repeat-x;
    background-position: 0px bottom;
    font-weight: bold;
    font-size: 160%;
    padding-bottom:5px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.edit_area p {
/*    float: left;   */
    font-size: 120%;
    line-height: 180%;
    width: 100%;
	margin-bottom: 20px;
}

.edit_area ul {
    margin-top: 30px;
/*    float: left;   */
}

.edit_area ul li {
    width: 600px;
    height: 16px;
    line-height: 16px;
/*    float: left;   */
    margin-bottom: 20px;
    padding: 0 0 0 20px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -478px;
    font-size: 120%;
}

/* #2815 for amazlet-box
*/
.edit_area .amazlet-box {
    clear: both;
}

.detail_inner_img {
    margin-top: 60px;
/*    float: left;   */
    width: 100%;
    text-align: center;
}

.detail_bottom {
    padding: 0 0 20px;
}

.detail_bottom_sns {
    margin: 6px 0 0 0;
    height: 18px;
    letter-spacing: 0em;
    float: right;
    padding: 0 30px;
}

.detail_bottom_sns li {
    float: left;
    margin-right: 15px;
}

.detail_bottom_sns li:last-child {
    float: left;
    margin-right: 0px;
    width: 100px;
}

.pagination_detail {
    width: 618px;
    height: 30px;
    float: left;
    padding: 20px 30px 0;
    border-top: solid 1px #d5d5d5;
    margin-top: 20px;
}

.wp-pagenavi {
    width: 100%;
    font-weight: bold;
    text-align: center;
}

.pagination_detail a,
.pagination_detail span {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
}

.pagination_detail .current {
    text-decoration: none;
    width: 28px;
    height: 28px;
    border: solid 1px #d5d5d5;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 90%;
    letter-spacing: 0em;
    text-align: center;
    line-height: 28px;
    background: #000000;
    color: #FFF;
    margin-right: 4px;
}

.pagination_detail a {
    background: #fff;
    text-decoration: none;
    width: 28px;
    height: 28px;
    border: solid 1px #d5d5d5;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 80%;
    letter-spacing: 0em;
    text-align: center;
    line-height: 28px;
    margin-right: 4px;
}

.pagination_detail a:hover {
    background: #f8f8f8;
}

.pagination_detail .prev, .pagination_detail .next {
    background: #fff;
    width: 53px;
    height: 28px;
    border: solid 1px #d5d5d5;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 70%;
    letter-spacing: 0em;
    text-align: center;
    line-height: 28px;
    letter-spacing: -0.2em;
}

.pagination_detail .prev {
    margin-right: 4px;
}

.pagination_detail .next {
    margin-right: 0px;
}

.tab_title {
    height: 60px;
    border-bottom: solid 1px #d5d5d5;
    position: relative;
    margin-bottom: 30px;
}

.tab_title .tab_arr {
    width: 45px;
    height: 20px;
    position: absolute;
    top: -20px;
    left: 315px;
}

.tab_title ul {
    position: absolute;
    bottom: -1px;
    left: 30px;
    font-size: 85%;
    font-weight: bold;
}

.tab_title ul li {
    float: left;
}

.tab_title ul li a.select {
    height: 26px;
    float: left;
    border-top: solid 1px #d5d5d5;
    border-left: solid 1px #d5d5d5;
    border-right: solid 1px #d5d5d5;
    border-bottom: solid 1px #FFFFFF;
    padding: 14px 20px 0px 20px;
}

.tab_title ul li a {
    height: 26px;
    float: left;
    border: solid 1px #d5d5d5;
    padding: 14px 20px 0px 20px;
    display: block;
}

.tab_title ul li.t_btn a span {
    background: url(../images/common/header.png) no-repeat;
    background-position: 0px -133px;
    padding-left: 27px;
    color: #000;
    line-height: 20px;
    display: inline-block;
}

.tab_title ul li.f_btn {
    margin-right: 10px;
}

.tab_title ul li.f_btn a span {
    background: url(../images/common/header.png) no-repeat;
    background-position: 0px -153px;
    padding-left: 27px;
    color: #3b5b99;
    line-height: 20px;
    display: inline-block;
}

.tab_f, .tab_t {
    padding: 30px;
}

.tab_t {
    display: none;
}

.fb-comments {
}

#area_tw > iframe {
    width: 620px !important;
}

/*--------------------------------------------------------------------

shimen

--------------------------------------------------------------------*/
.pdf_area_left {
    width: 420px;
    float: left;
}

.pdf_area_left p {
    width: 420px;
    float: left;
    font-size: 120%;
    line-height: 180%;
    margin-bottom: 40px;
}

.pdf_area_right {
    display: block;
    float: right;
    width: 220px;
    background: #fff;
    moz-box-shadow: 0px 0px 4px 0px #d9d9d9;
    -webkit-box-shadow: 0px 0px 4px 0px #d9d9d9;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    -moz-border-radius: 4px;
    margin-left: 30px;
    padding: 4px;
}

.pdf_area_right > div {
    float: left;
    width: 220px;
}

.pdf_area_right .pdf_img {
    width: 220px;
    float: left;
    margin-bottom: 10px;
}

.pdf_area_right .pdf_img img {
    float: left;
}

.pdf_area_right .pdf_s {
    color: #3aa501;
    font-weight: bold;
    background: url(../images/common/parts.png) no-repeat;
    background-position: -680px -717px;
    padding: 0 0 0 20px;
    float: left
}

.pdf_area_right .pdf_time {
    float: right;
    color: #666666;
    font-size: 90%;
}


/*キャプション---------*/
.wp-caption {
    margin: auto;
    clear: both;
    overflow: hidden;
}

/*----------------*/
.sample_nav {
    margin-top: 30px;
    padding: 0 30px;
}

.sample_nav table {
    width: 100%;
    border-top: #d5d5d5 1px solid;
    border-left: #d5d5d5 1px solid;
}

.sample_nav td {
    border-right: #d5d5d5 1px solid;
    border-bottom: #d5d5d5 1px solid;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
}

.sample_nav td a {
    background: #fff;
    width: 100%;
    height: 47px;
    line-height: 47px;
    display: block;
    font-size: 108%;
}

.sample_nav td a:hover {
    background: #3D9D02;
    text-decoration: none;
    color: #fff;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 640px) {
.sample_nav tr,
.sample_nav td {
    display:block;
}

}

.shimen_list {
    padding: 30px 30px 30px 30px;
    border-bottom: solid 1px #d5d5d5;
    float: left;
}

.shimen_list:last-child {
    border-bottom: none;
}

.shimen_cat_left {
    width: 210px;
    height: 140px;
    float: left;
    margin-right: 18px;
}

.shimen_cat_left img {
    float: left;
}

.shimen_cat {
    width: 210px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    float: left;
    background: #3D9D02;
    color: #FFF;
    font-weight: bold;
    font-size: 108%;
}

.shimen_cat_right {
    width: 390px;
    float: right;
    border-top: dotted 1px #000000;
}

.shimen_cat_right li {
    width: 390px;
    float: left;
    border-bottom: dotted 1px #000000;
    padding: 13px 0 13px 0;
}

.shimen_cat_right li a {
    width: 363px;
    float: left;
    background: url(../images/common/parts.png) no-repeat;
    background-position: -680px -1420px;
    padding: 0 0 0 27px;
    font-size: 130%;
    font-weight: bold;
    line-height: 120%;
}

.shimen_cat_right li a:hover {
    color: #3aa501;
}

/*--------------------------------------------------------------------

shimen

--------------------------------------------------------------------*/
.btn_blue_b {
display:block;
    max-width: 620px;
    line-height: 50px;
    background: url(../images/common/bn_g_bg.png) repeat-x;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.2em;
    border:1px #4D9D03 solid;
    border-radius:5px;
}



.btn_blue_b:hover {
    opacity:0.8;
    text-decoration: none;
}

.btn_blue_b span {
    background: url(../images/common/arr.png) no-repeat left 18px;
    padding-left: 14px;
    color: #FFFFFF;
    font-size: 130%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.subscription_text {
    width: 620px;
    background: #FFF;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    padding: 13px 0;
    float: left;
    margin-top: 15px;
    font-size: 195%;
    font-weight: bold;
    position: relative;
    color: #ff0000;
}

.subscription_text a {
    color: #3aa501;
}

/*--------------------------------------------------------------------

edit

--------------------------------------------------------------------*/
.contact_area {
    width: 100%;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    float: left;
    font-size: 130%;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    display:flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact_area li {
    width: 49.8%;
    padding: 20px 0;
    margin-bottom:2px;
    font-size: 140%;
    background: #FFF;
}


/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.contact_area li {
    width: 100%;
}
}


.contact_tel01 {
    color: #3d9d02;
    font-size: 75%;
    margin-right: 5px;
}

.contact_tel02 {
    color: #3d9d02;
    letter-spacing: 0.1em;
}

.contact_fax01,
a.contact_fax01 {
    color: #0a96fd;
    font-size: 75%;
    margin-right: 5px;
}

.contact_fax02,
a.contact_fax02 {
    color: #0a96fd;
    letter-spacing: 0.1em;
}

/*--------------------------------------------------------------------

faq

--------------------------------------------------------------------*/
.question_area {
    border-top: dotted 1px #000000;
}

.question_area li {
    border-bottom: dotted 1px #000000;
    padding: 10px 0 10px 0;
}

.question_area li a {
    background: url(../images/common/parts.png) no-repeat;
    background-position: -680px -197px;
    padding: 0 0 0 30px;
    font-size: 130%;
    font-weight: bold;
    line-height: 200%;
}

.question_area li a:hover {
    color: #3d9d02;
}

.question_title {
    background: url(../images/common/parts.png) no-repeat;
    background-position: -680px -199px;
    padding-left: 30px;
    font-weight: bold;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    line-height: 1.8;
}

.answer_text {
    background: url(../images/common/parts.png) #FFF -745px -373px no-repeat;
    padding: 30px 30px 30px 60px;
    line-height: 200%;
    font-size: 130%;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    position: relative;
}

.answer_text a {
    color: #3d9d02;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 480px) {
.answer_text {
    background: url(../images/common/parts.png) #FFF -760px -373px no-repeat;
    padding: 30px 15px 30px 45px;
    line-height: 200%;
    font-size: 130%;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    position: relative;
}
}

/*--------------------------------------------------------------------

kokoku

--------------------------------------------------------------------*/
.bg_white {
    background-color: #fff;
}

.spns_list {
    float: left;
    width: 50%;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.spns_list {
    float: none;
    width: 100%;
}
}


.spns_list li {
    width: 100%;
    height: 16px;
    line-height: 16px;
    float: left;
    margin-bottom: 20px;
    padding: 0 0 0 20px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -478px;
    font-size: 120%;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.txt_etc {
    text-align: right;
    float: right;
    width: 100%;
    line-height: 1;
}

.sample_img {
    width: 100%;
    float: left;
    margin: 22px 0 30px;
}

.sample_img img {
    float: left;
}


.mini_btns {
    display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
    padding:30px 30px 0;
}

.mini_btns>div {
    width: 48%;
    text-align: center;
    margin-bottom:30px;
}

/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
.mini_btns>div {
    width: 100%;
}
}
@media (max-width: 480px) {
.mini_btns {
    padding:30px 15px 0;
}

}


.mini_btns p {
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 1;
    margin-bottom: 18px;
}

.mini_btnl > .pie,
.mini_btnr > .pie {
    background: #ffffff;
    padding: 13px 16px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

/*--------------------------------------------------------------------

kokoku

--------------------------------------------------------------------*/
.info_sect {
    width: 100%;
    float: left;
    margin-bottom: 47px;
}

.info_sect > h1 {
    position: relative;
}

.info_sect .btn_toform {
display:block;
    position: absolute;
    right: -6px;
    bottom: 6px;
    width: 189px;
    height: 34px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0 -1100px;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    padding-top: 4px;
}

@media screen and (max-device-width: 1024px) {
    .page_inner .info_sect .btn_toform {
        background-position: 0 -1098px;
    }
}
@media (max-width: 640px) {
    .info_sect > h1 {
        margin-bottom:50px;
    }
    .info_sect .btn_toform {
        bottom:-40px;
    }
}

.info_sect .btn_toform:hover {
    background-position: 0 -1134px;
    text-decoration: none;
}

.info_sect .btn_toform span {
    background: url(../images/common/parts.png) -680px -1299px no-repeat;
    padding: 3px 0 0 22px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.info_sect > .list {
    margin: 16px 0 18px;
}

.info_sect > p {
    width: 100%;
    float: left;
    font-size: 120%;
    line-height: 180%;
    margin-bottom: 16px;
}

.info_sect > dl {
    width: 100%;
    float: left;
    line-height: 180%;
    font-size: 120%;
}

.info_sect > dl dt {
    width: 100%;
    float: left;
    font-weight: bold;
}

.info_sect > dl dd {
    width: 100%;
    float: left;
    margin-bottom: 24px;
}

/*--------------------------------------------------------------------

book

--------------------------------------------------------------------*/
.se_ca_box {
    width: 608px;
    font-size: 124%;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.se_ca_box dt {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    height: 32px;
    line-height: 32px;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.se_ca_box dd {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    width: 456px;
    position: relative;
    text-align: left !important;
}

span.customSelect {
    font-size: 100%;
    line-height: 30px;
    height: 30px;
    padding: 0 0 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 456px;
    top: 0;
    left: 0;
}

.se_ca_box select {
    -webkit-appearance: none;
    appearance: none;
}

.fmselect {
    cursor: pointer;
    z-index: 2000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    line-height: 18px;
    width: 456px;
    margin: 0px;
    padding: 5px 8px 4px;
    border-top: 1px solid #d5d5d5;
    border-right: none;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    font-size: 100%;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url(../images/common/parts.png) right -1100px no-repeat;
    top: 0;
    left: 0;
}

.bookshelf {
    width: 100%;
    float: left;
    margin: 30px 0 0;
    padding-bottom: 16px;
}

.bookshelf li {
    float: left;
    width: 33.3%;
    text-align: center;
    margin-bottom: 35px;
}

.bookshelf li > div {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

/* #2781
 */
.bookshelf h3 {
    text-align: left;
    margin-left: 1.2em;
    margin-right: 1.2em;
}

.bookshelf .sor {
    clear: both;
}

/*--------------------------------------------------------------------

company

--------------------------------------------------------------------*/
.cmpy_data {
    width: 100%;
    margin: 0 0 30px;
}

.cmpy_data th,
.cmpy_data td {
    line-height: 180%;
    vertical-align: top;
    border-bottom: dotted 1px #000;
    text-align: left;
    font-size: 120%;
}

.cmpy_data th {
    width: 140px;
    padding: 9px 20px;
    background: #f8f8f8;
    font-weight: normal;
}

.cmpy_data td {
    padding: 9px 30px;
    background: #fff;
}

.cmpy_data td a {
    color: #3d9d02;
}

.cmpy_map {
    width: 100%;
    line-height: 180%;
    font-size: 120%;
}

.cmpy_map iframe {
    width: 620px;
    height: 300px;
    margin-bottom: 15px;
}

.cmpy_map p {
    width: 100%;
    padding-bottom: 16px;
}

.cmpy_map p a {
    color: #3d9d02;
    padding-left: 22px;
    background: url(../images/common/parts.png) -680px -1192px no-repeat;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
}

.cmpy_map address {
    width: 100%;
}

.google_map {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 0;
	padding-bottom: 56.6%;
	overflow: hidden;
}
.google_map iframe {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	border:1px #FFF solid;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 640px) {
.cmpy_data th,
.cmpy_data td {
    display:block;
    width:100%;
    border:none;
}
}

/*--------------------------------------------------------------------

message

--------------------------------------------------------------------*/
.message_box > figure {
    width: 100%;
    float: left;
    padding: 10px 0 0;
    margin-bottom: 22px;
}

.message_box > figure img {
    float: left;
}

.message_box > p {
    width: 100%;
    float: left;
    line-height: 180%;
    font-size: 120%;
    margin-bottom: 31px;
}

/*--------------------------------------------------------------------

privacy

--------------------------------------------------------------------*/
.prvcy_sect {
    width: 100%;
    margin-bottom: 47px;
}

.prvcy_sect > p {
    width: 100%;
    font-size: 120%;
    line-height: 180%;
    margin-bottom: 16px;
}

.prvcy_sect > ol {
    padding-left: 32px;
    font-size: 120%;
    line-height: 180%;
    margin-bottom: 16px;
}

.prvcy_sect > ol > li {
    width: 100%;
    list-style: decimal;
}

.prvcy_sect > ul {
    width: 100%;
    font-size: 120%;
    line-height: 180%;
    margin-bottom: 16px;
}

.prvcy_sect > ul > li {
    width: 100%;
    padding: 0 0 0 20px;
    background: url(../images/common/mds_bullet02.png) no-repeat;
    background-position: 0px 10px;
}

.contact_title {
    margin-top: 3px;
    height: 20px;
    font-weight: bold;
}

/*--------------------------------------------------------------------

sitemap

--------------------------------------------------------------------*/
.sitemap_frm {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sitemap_box {
    width: 48%;
}

.sitemap_box > p {
    line-height: 180%;
    margin-bottom: 10px;
    padding-left: 20px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1189px;
    font-size: 120%;
}

.sitemap_box > ul {
}

.sitemap_box > ul > li {
    line-height: 180%;
    margin: 10px 0 0 20px;
    padding: 0 0 0 20px;
    background: url(../images/common/side_arr.png) no-repeat left 9px;
    padding-left: 13px;
    font-size: 120%;
}

.sitemap_box > ul > li:first-child {
    margin-top: 0;
}

.sitemap_line {
    border-bottom: dotted 1px #000000;
    padding-bottom: 20px !important;
    margin-bottom: 20px !important;
}

.sitemap_box a {
    text-decoration: underline;
}

.sitemap_box a:hover {
    text-decoration: none;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 640px) {
.sitemap_box {
    width: 100%;
}
}

/*--------------------------------------------------------------------

subscription/apply

--------------------------------------------------------------------*/
/*.apply_form {
	float: left;
	}
.apply_form th,
.apply_form td {
	line-height: 180%;
	vertical-align: top;
	border-bottom: dotted 1px #000;
	text-align: left;
	font-size: 120%;
	}
.apply_form th {
	width: 140px;
	padding: 9px 20px;
	background: #f8f8f8;
	font-weight: normal;
	}
.apply_form td {
	width: 380px;
	padding: 9px 30px;
	background: #fff;
	font-size:90%;
	}
.apply_form th span{
	color:#3aa501;
	font-weight:bold;
	margin-left:5px;
	}
.apply_form td > div{
	float:left;
	width:100%;
	display:table;
	}
.apply_form td > div p{
	display:table-cell;
	width:25%;
	}
.apply_form select {
	cursor:pointer;
	z-index: 2000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	line-height: 18px;
	margin: 0px;
	padding: 5px 8px 4px;
	font-size: 100%;
	float: left;
}
.apply_form span.customSelect {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: url(../images/common/parts.png) right -1100px no-repeat;
	border-top: 1px solid #d5d5d5;
	border-right: none;
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	font-size: 100%;
	line-height: 30px;
	height: 30px;
	padding: 0 0 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: auto;
	top: 0;
	left: 0;
	}
.apselect1{
	width:120px;
	}*/

/*--------------------------------------------------------------------

404

--------------------------------------------------------------------*/
.search_box_404 {
    width: 274px;
    float: left;
}

.search_box_404 .search_text {
    width: 222px;
    margin: 0px;
    padding: 6px 8px 6px 8px;
    border-top: 1px solid #d5d5d5;
    border-right: none;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    font-size: 100%;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.search_box_404 .search_btn {
    float: right;
    background: url(../images/common/header.png) no-repeat;
    background-position: -593px 0px;
    height: 30px;
    width: 35px;
    margin: 0px;
    padding: 30px 0 0;
    overflow: hidden;
    border: medium none;
    display: block;
    cursor: pointer;
}

p.wp-caption-text {
    text-align: center;
    font-size: 85%;
    margin-top: 8px;
}

/*--------------------------------------------------------------------

検索結果0件

--------------------------------------------------------------------*/
.results {
    padding-left: 10px;
}

.box_inr {
    background: #fff;
    padding: 30px;
    line-height: 200%;
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
}

.box_inr p {
    font-size: 130%;
    margin-bottom: 30px;
}

.box_inr .search_box {
    position: relative;
    top: 0;
    left: 0;
}

/*--------------------------------------------------------------------

2014/12/10 追加

--------------------------------------------------------------------*/
.ad_bottom{
	margin: 10px 0;
	padding: 0 15px;
	text-align:center;
}


.single_btn_more {
    padding: 0 15px;
    text-align:center;
}


.single_btn_more a {
    display: block;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    border: #3d9d02 2px solid;
    color: #3d9d02;
    font-weight: bold;
    font-size: 130%;
    padding: 10px 0 9px 0;
    moz-box-shadow: 0px 3px 0px 0px #ebf5e5;
    -webkit-box-shadow: 0px 3px 0px 0px #ebf5e5;
    box-shadow: 0px 3px 0px 0px #ebf5e5;
    -webkit-transition: all 0.2s linear;
}

.single_btn_more a:hover {
    background: #e4fad7;
    text-decoration: none;
}

.btn_facebook {
    display:block;
    line-height: 130%;
    background: url(../images/common/bn_fb_bg.png) repeat-x;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 130%;
    text-shadow: 0px 1px 0px #1a3773;
    border:1px #223C74 solid;
    border-radius:5px;
}

.btn_facebook:hover {
    opacity:0.8;
    text-decoration: none;
}

.btn_facebook span {
    display: inline-block;
    padding: 15px 0 15px 50px;
    background: url(../images/common/icon_bn_fb.png) 0 center no-repeat;
}

.btn_twitter {
    display:block;
    line-height: 130%;
    background: url(../images/common/bn_tw_bg.png) repeat-x;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: #fff;
    font-size: 130%;
    text-shadow: 0px 1px 0px #007faf;
    border:1px #007EAD solid;
    border-radius:5px;
}

.btn_twitter:hover {
    opacity:0.8;
    text-decoration: none;
}

.btn_twitter span {
    display: inline-block;
    padding: 15px 0 15px 40px;
    background: url(../images/common/icon_bn_tw.png) 0 center no-repeat;
}

/*--------------------------------------------------------------------

2025/04/08 追加

--------------------------------------------------------------------*/
.top_topics{
display:flex;
    justify-content: space-between;
    flex-wrap:wrap;
}

.top_topics .top_list_box{
width:74.66%;
}
.top_topics .top_list_box02{
width:100%;
margin-top:60px;
}
.top_topics .top_topics_sub{
width:24%;
margin-top:44px;
}
.top_topics+.top_list_box{
margin-top:60px;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
.top_topics .top_list_box{
width:100%;
margin:0 3%;
}
.top_topics .top_topics_sub{
width:100%;
margin:20px 3% 0;
}
.top_topics .top_list_box02{
width:100%;
margin-top:60px;
}
}
@media (max-width: 600px) {
.top_topics #news-pick{
order:1;
}
.top_topics .top_list_box{
order:2;
margin-bottom:20px;
}
.top_topics #ad_banner_box01{
order:3;
margin-top:20px!important;
}
.top_topics .top_list_box02{
order:4;
margin-top:20px;
}
.top_topics .top_topics_sub{
order:5;
margin-bottom:40px;
}
}


/*--------------------------------------------------------------------

top_list

--------------------------------------------------------------------*/

.top_list_box {
}
.top_list_box+.top_list_box{
margin-top:40px;
}
.top_list_title {
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1860px;
    padding-left: 30px;
    font-weight: bold;
    line-height: 1.4;
    font-size: 130%;
    margin: 0 0 20px 0;
}
.top_list_title.-recommend {
    color:#0F6FC6;
}

.top_list_cat li {
    float: left;
    margin: 0 10px 10px 0;
}

.top_list_cat li.first {
    margin: 0;
}

.top_list_cat li a {
    display: block;
    border: #ccc 1px solid;
    padding: 13px;
    text-align: center;
    font-size: 120%;
    moz-box-shadow: 0px 3px 0px 0px #f5f5f5;
    -webkit-box-shadow: 0px 3px 0px 0px #f5f5f5;
    box-shadow: 0px 3px 0px 0px #f5f5f5;
    -webkit-transition: all 0.2s linear;
}

.top_list_cat li a:hover {
    border: #3d9d02 1px solid;
    color: #3d9d02;
    moz-box-shadow: 0px 3px 0px 0px #eaf5e4;
    -webkit-box-shadow: 0px 3px 0px 0px #eaf5e4;
    box-shadow: 0px 3px 0px 0px #eaf5e4;
    text-decoration: none;
}

.top_list_cat_select {
    outline:none;
    width:100%;
    font-size: 120%;
    padding: 10px;
    border: #ccc 1px solid;
    border-radius:3px;
}



.top_list {
    margin: 15px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.top_list::after{
    content:"";
    display: block;
    width: 24%;
}
.top_list.new_related::after{
    content:"";
    display: block;
    width: 32.44%;
}
.top_list::before{
    content:"";
    display: block;
    width: 24%;
    order: 1;
}
.top_topics .top_list::after{
    width: 32.44%;
}
.top_topics .top_list_box02 .top_list::after{
    width: 24%;
}

.top_list.top_list_search {
    padding:0 15px;
}

.top_list .title {
    width:100%;
}

.top_list .first {
}

.top_list_article {
    width: 32.44%;
    width: 24%;
    margin-bottom:13px;
    border: 1px solid #ccc;
    moz-box-shadow: 0 0 3px 0 #f5f5f5;
    -webkit-box-shadow: 0px 3px 0px 0px #f5f5f5;
    box-shadow: 0px 3px 0px 0px #f5f5f5;
    -webkit-transition: all 0.2s linear;
    position: relative;
    letter-spacing: 0;
}
.top_topics .top_list_article{
width: 32.44%;
}
.top_list_box02 .top_list_article{
width: 24%;
}


.top_list.top_list_search .top_list_article {
    width: 49%;
    background:#FFF;
}
.top_list.new_related .top_list_article {
    width: 32.44%;
}


.top_list_article a {
    display: block;
padding-bottom: 35px;
}

.top_list_article img {
    display: block;
}

.top_list_article a:hover {
    text-decoration: none;
}

.top_list_article:hover {
    border: 1px solid #3d9d02;
}

.top_list_article:hover h1,
.top_list_article:hover .time,
.top_list_article:hover .writer {
    color: #3d9d02;
}

.top_list_article .cat_sns {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 80%;
}

.top_list_article .cat {
    float: right;
    background: #3d9d02;
    background: rgba(61, 157, 2, 0.9);
    color: #fff;
    padding: 3px 5px 2px;
}

.top_list_article .sns {
    float: right;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    font-weight: bold;
    padding: 5px 10px 5px 12px;
}

.top_list_article .sns .fb {
    padding: 0 0 0 20px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1610px;
    margin: 0 5px 0 0;
}

.top_list_article .sns .tw {
    padding: 0 0 0 20px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1580px;
}
.top_list_article figure {
    margin:0;
    position:relative;
}

.top_list_article .head {
    padding: 13px 20px 0;
}

.top_list_article .data_box {
    font-size: 90%;
}

.top_list_article .pickup {
    background: #e8eb04;
    font-weight: bold;
    padding: 3px 5px 2px;
    margin: 0;
    position:absolute;
    bottom:15px;
    right:20px;
}
.top_list_article .new_article {
    background: #ff3963;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px 2px;
    margin: 0;
    position:absolute;
    bottom:15px;
    right:20px;
}
.top_list_article .ad_article {
    padding: 3px 5px 2px;
    margin: 0;
    border:1px #CCC solid;
    position:absolute;
    bottom:15px;
    right:20px;
}

.top_list_article .time {
    padding: 3px 0 2px;
    -webkit-transition: all 0.2s linear;
    position:absolute;
    bottom:15px;
    left:20px;
}

.top_list_article .writer {
    float: right;
    padding: 3px 0 2px;
    -webkit-transition: all 0.2s linear;
}
.top_list_article .writer{
    display:none;
}

.top_list_article h1 {
    font-weight: bold;
    font-size: 110%;
    margin: 0 0 8px 0;
    -webkit-transition: all 0.2s linear;
}

.top_list_more {
    margin: 20px 0 0 0;
}

.top_list_more a {
    margin: 0 auto;
    display: block;
    float: none;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
.top_list.top_list_search .top_list_article{
    width: 32.44%;
    width: 24%;
}
}
@media (max-width: 768px) {
.top_list_article .head{
    padding: 5px 10px 0 10px;
}
.top_list_article .time {
    bottom:5px;
    left:10px;
}
.top_list_article .pickup {
    padding: 3px 5px 2px;
    bottom:5px;
    right:10px;
}
.top_list_article .new_article {
    bottom:5px;
    right:10px;
}
.top_list_article .ad_article {
    bottom:5px;
    right:10px;
}
.top_list_article figure{
    width:100%;
}

}
@media (max-width: 600px) {
.top_list_article,
.top_topics .top_list_article,
.top_list.top_list_search .top_list_article,
.top_list.new_related .top_list_article{
    width:49.1%;
}
.top_list_article .head br{
    display:none;
}
.top_list_article .cat_sns {
}
.top_list_article .cat_sns .cat {
    padding: 3px 5px 2px
}
.top_list_article h1 {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

}
@media (max-width: 480px) {
.top_list_article h1 {
    font-weight:normal;
}
}
/*--------------------------------------------------------------------

top_sub

--------------------------------------------------------------------*/

/*--------------------------------------------------------------------
column
--------------------------------------------------------------------*/
.column_box {
}

.column_panel {
    display: none;
}

.column_panel.show {
    display: block;
  animation-name: fadein;
  animation-duration: 0.5s;
  animation-timing-function: linear;
}
@keyframes .column_panel.show {
  0% {
     opacity: 0;
  }
  100% {
     opacity: 1;
  }
}

.column_tab_list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    border-bottom: 2px solid #0F6FC6;
}
.column_tab {
    width: 32.8%;
    padding: 0.25em 0;
    cursor: pointer;
    border-bottom 0.2s;
    text-align: center;
    font-size: 110%;
    font-weight:bold;
    letter-spacing: 0;
    line-height:1.4;
    background:#EEEEEE;
    -webkit-transition: all 0.2s linear;
}

.column_tab:hover,
.column_tab.selected {
    color:#FFF;
    background:#0F6FC6;
    opacity:1!important;
}

.column_tab:not(.selected):hover {
    opacity: 0.6;
}

.column_list{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:20px;
}
.column_list li{
    width:100%;
    border-bottom:1px #ccc solid;
}
.column_list li a{
    display:block;
    letter-spacing: 0;
    padding:10px 15px;
    background: url(../images/common/arr_g.png) no-repeat 5px 13px;
    -webkit-transition: all 0.2s linear;
}
.column_list li a:hover{
    color:#3d9d02;
    text-decoration:none;
    border-color:#3d9d02;
}
.column_list li a h2{
    font-size: 110%;
    font-weight:bold;
}
.column_list li a time{
    font-size: 90%;
    font-weight:normal;
}
.column_btn {
    display:block;
    width: 160px;
    line-height: 34px;
    margin:0 auto;
    background-image: url(../images/common/bn_g_bg.png);
    background-repeat: repeat-x;
    background-size: 7px 35px;
    text-decoration: none;
    text-align: center;
    letter-spacing: 0;
    font-weight: bold;
    border:1px #4D9D03 solid;
    border-radius:3px;
}

.column_btn:hover {
    opacity:0.8;
    text-decoration: none;
}

.column_btn span {
    background: url(../images/common/arr.png) no-repeat left 12px;
    padding-left: 14px;
    color: #FFFFFF;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
}

@media (max-width: 600px) {
.column_tab_list {
    margin-bottom:10px;
}
.column_list li{
    width:49%;
    margin-bottom:10px;
    border:none;
    border:1px #ccc solid;
}
.column_list li a h2{
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
}
@media (max-width: 480px) {
.column_list li a h2{
    font-weight:normal;
}
}

/*--------------------------------------------------------------------
banner01
--------------------------------------------------------------------*/
#ad_banner_box01{
max-width: 980px;
margin: 15px auto 15px;
}
.top_topics #ad_banner_box01{
width:100%;
margin: 0 auto;
}
.ad_banner_list01{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ad_banner_list01 li{
width:49%;
text-align:center;
}
.ad_banner_list01 li a{
display:inline-block;
max-width:390px;
}
.ad_banner_list01 li a:hover{
opacity:0.9;
}

@media (max-width: 980px) {
#ad_banner_box01{
margin: 0 3% 20px;
}
.top_topics #ad_banner_box01{
margin: 0 3% 10px;
}

}
@media (max-width: 600px) {
.ad_banner_list01{
display:block;
}
.ad_banner_list01 li{
width:auto;
text-align:center;
margin:0 auto 10px;
}
.ad_banner_list01 li a{
max-width:100%;
}
}

/*--------------------------------------------------------------------
banner02
--------------------------------------------------------------------*/
#ad_banner_box02{
}
.ad_banner_list02{
margin: 0 0 30px;
}
.ad_banner_list02 li{
margin-bottom:10px;
}
.ad_banner_list02 li a:hover{
opacity:0.9;
}

@media (max-width: 980px) {
.ad_banner_list02{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.ad_banner_list02 li{
width:49%;
text-align:center;
}
.ad_banner_list02 li a{
display:inline-block;
max-width:390px;
}
}
@media (max-width: 600px) {
.ad_banner_list02{
display:block;
}
.ad_banner_list02 li{
width:auto;
text-align:center;
margin:0 auto 10px;
}
.content_right_frm .ad_banner_list02 li{
width:auto;
}
.ad_banner_list02 li a{
max-width:100%;
}
}


/*--------------------------------------------------------------------

side_list

--------------------------------------------------------------------*/

.content_right_frm>div.side_list_box {
max-width:500px;
margin:0 auto 20px;
}
.side_list_box+.side_list_box{
margin-top:40px;
}
.side_list_title {
    height: 20px;
    font-weight: bold;
    line-height: 1.4;
    font-size: 120%;
    margin: 0 0 10px 0;
    text-align:center;
}

.side_list_cat li {
    float: left;
    margin: 0 10px 10px 0;
}

.side_list_cat li.first {
    margin: 0;
}

.side_list_cat li a {
    display: block;
    border: #ccc 1px solid;
    padding: 13px;
    text-align: center;
    font-size: 120%;
    moz-box-shadow: 0px 3px 0px 0px #f5f5f5;
    -webkit-box-shadow: 0px 3px 0px 0px #f5f5f5;
    box-shadow: 0px 3px 0px 0px #f5f5f5;
    -webkit-transition: all 0.2s linear;
}

.side_list_cat li a:hover {
    border: #3d9d02 1px solid;
    color: #3d9d02;
    moz-box-shadow: 0px 3px 0px 0px #eaf5e4;
    -webkit-box-shadow: 0px 3px 0px 0px #eaf5e4;
    box-shadow: 0px 3px 0px 0px #eaf5e4;
    text-decoration: none;
}

.side_list_cat_select {
    outline:none;
    width:100%;
    font-size: 120%;
    padding: 10px;
    border: #ccc 1px solid;
    border-radius:3px;
}



.side_list {
    margin: 15px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.side_list::after{
    content:"";
    display: block;
    width: 32.44%;
}

.side_list.side_list_search {
    padding:0 15px;
}

.side_list .title {
    width:100%;
}

.side_list .first {
}

.side_list .top_list_article {
    width: 32.44%;
    width: 100%;
    margin-bottom:13px;
    border: 1px solid #ccc;
    moz-box-shadow: 0 0 3px 0 #f5f5f5;
    -webkit-box-shadow: 0px 3px 0px 0px #f5f5f5;
    box-shadow: 0px 3px 0px 0px #f5f5f5;
    -webkit-transition: all 0.2s linear;
    position: relative;
    letter-spacing: 0;
}
.side_list.side_list_search .side_list .top_list_article {
    width: 49%;
    width: 100%;
    background:#FFF;
}


.side_list .top_list_article a {
    display: block;
padding-bottom:35px;
    display:flex;
    padding-bottom:0;
}

.side_list .top_list_article figure{
    width:120px;
}
.side_list .top_list_article img {
    display: block;
}

.side_list .top_list_article a:hover {
    text-decoration: none;
}

.side_list .top_list_article:hover {
    border: 1px solid #3d9d02;
}

.side_list .top_list_article:hover h1,
.side_list .top_list_article:hover .time,
.side_list .top_list_article:hover .writer {
    color: #3d9d02;
}

.side_list .top_list_article .cat_sns {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 80%;
}

.side_list .top_list_article .cat {
    float: right;
    background: #3d9d02;
    background: rgba(61, 157, 2, 0.9);
    color: #fff;
    padding: 3px 5px 2px;
}

.side_list .top_list_article .sns {
    float: right;
    background: #fff;
    background: rgba(255, 255, 255, 0.9);
    color: #000;
    font-weight: bold;
    padding: 5px 10px 5px 12px;
}
.side_list .top_list_article .cat_sns .cat {
    padding: 3px 5px 2px
}

.side_list .top_list_article .sns .fb {
    padding: 0 0 0 20px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1610px;
    margin: 0 5px 0 0;
}

.side_list .top_list_article .sns .tw {
    padding: 0 0 0 20px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1580px;
}
.side_list .top_list_article figure {
    margin:0;
    position:relative;
}

.side_list .top_list_article .head {
    padding: 13px 20px 0px;
    width:calc(100% - 120px);
    padding: 5px 10px 25px 10px;
    position:relative;
}
.side_list .top_list_article .head br{
    display:none;
}

.side_list .top_list_article .data_box {
    font-size: 80%;
}

.side_list .top_list_article .pickup {
    background: #e8eb04;
    font-weight: bold;
    padding: 3px 5px 2px;
    margin: 0;
    position:absolute;
    bottom:15px;
    right:20px;
    bottom:5px;
    right:10px;
}
.side_list .top_list_article .new_article {
    background: #ff3963;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px 2px;
    margin: 0;
    position:absolute;
    bottom:15px;
    right:20px;
    bottom:5px;
    right:10px;
}

.side_list .top_list_article .time {
    padding: 3px 0 2px;
    -webkit-transition: all 0.2s linear;
    position:absolute;
    bottom:15px;
    left:20px;
    bottom:5px;
    left:10px;
}

.side_list .top_list_article .writer {
    float: right;
    padding: 3px 0 2px;
    -webkit-transition: all 0.2s linear;
}
.side_list .top_list_article .writer{
    display:none;
}

.side_list .top_list_article h1 {
    font-weight: bold;
    font-size: 110%;
    font-size: 90%;
    margin: 0 0 8px 0;
    margin: 5px 0 0 0;
    -webkit-transition: all 0.2s linear;
}

.side_list_more {
    margin: 20px 0 0 0;
}

.side_list_more a {
    margin: 0 auto;
    display: block;
    float: none;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 980px) {
.content_right_frm>div.side_list_box {
}

}
@media (max-width: 768px) {
.content_right_frm>div.side_list_box {
width:100%;
}

}
@media (max-width: 480px) {
.side_list .top_list_article h1 {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
    }
}



/*--------------------------------------------------------------------

new_related

--------------------------------------------------------------------*/

.new_related .related_title {
    margin: 0 0 20px 0;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -494px;
    padding-left: 30px;
    font-weight: bold;
    line-height: 1.4;
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 120%;
}

.new_related {
    clear: both;
    padding: 40px 0 0 0 !important;
}

.new_related .top_list_article {
}

.new_related .top_list_article img {
}

.new_related .pickup {
}

.new_related .top_list_article .head {
}

.new_related .top_list_article h1 {
    margin: 3px 0 0 0 !important;
}

.wp-pagenavi span.extend {
    width: 38px;
    height: 34px;
    box-shadow: 0px 0px 4px 0px #d9d9d9;
    border-radius: 4px;
    line-height: 28px;
    font-size:80%;
    line-height:24px;
}

.share_fbbtn:hover {
    opacity: 0.7;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}


.new_related .new_article {
    padding: 5px 10px 5px 12px !important;
    float: right !important;
    margin: 0 !important;
    background: #ff3963;
    color: #fff;
}

.yad_area {
    text-align:center;
}
.yad_area .yad_left,
.yad_area .yad_right{
    width:300px;
    display:inline-block;
}

.contents_inner {
    padding: 30px 30px 30px 30px;
    overflow: hidden;
}
@media (max-width: 768px) {
.new_related .top_list_article .head {
    padding: 10px 10px 0 10px !important;
}
}


@media (max-width: 480px) {
.new_related .top_list_article .head{
    width:100%;
    padding: 5px 10px 25px 10px !important;
}
.new_related .top_list_article h1 {
        font-weight: normal;
        margin: 0 !important;
    }
.new_related .pickup {
    padding: 3px 5px 2px !important;
    float: right !important;
    margin: 0 !important;
    background: rgba(232, 235, 4, 0.9);
}

}
/*--------------------------------------------------------------------

mailform

--------------------------------------------------------------------*/
.form_title{
    font-size:140%;
    font-weight:bold;
    margin-bottom:10px;
    }
.form_table+.form_title{
    margin-top:30px;
    }

.form_title{
    background: url(../images/common/mds_bullet01.png) no-repeat;
    background-position: 0 5px;
    padding: 0 0 10px 25px;
    font-weight: bold;
    font-size:140%;
    margin-bottom: 30px;
    line-height: 25px;
    border-bottom: 2px #D5D5D5 solid;
}
.form_caption{
    font-size: 126%;
    font-weight: bold;
    margin-bottom: 8px;
}
.form_caption span {
    color: #f66666;
}
.form_table {
    width:100%;
    border-top: dotted 1px #000;
}
.form_table th,
.form_table td {
    line-height: 180%;
    vertical-align: top;
    border-bottom: dotted 1px #000;
    text-align: left;
    font-size: 120%;
}
.form_table th {
    width: 180px;
    padding: 9px 20px;
    background: #f8f8f8;
    font-weight: normal;
}
.form_table td {
    padding: 15px 30px 8px 30px;
    background: #fff;
    font-size:105%;
    overflow:hidden;
}


.form_table th span{
    color:#f66666;
    font-weight:bold;
    margin-left:5px;
}
.form_table td  > p{
    position:relative;
    margin-bottom:8px;
}

.form_mds01{
    padding: 0 0 0 20px;
    margin:0;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -1191px;
}


.form_table input[type="text"],
.form_table input[type="email"]{
    width:100%;
    border-radius: 3px;
    height: 30px;
    padding: 5px 10px;
    border: 1px solid #d5d5d5;
    font-size:105%;
    background-color:#fff;
}
.form_table input[type="text"].required,
.form_table input[type="email"].required,
.form_table textarea.required{
    background-color:#ffefef;
}
.form_table input[type="text"].nowrite{
    background-color:#eee;
}

.form_table input[type="radio"]{
    margin-right:5px;
}
.form_table input[type="checkbox"]{
    margin-right:10px;
}
.form_table textarea{
    border:1px solid #d5d5d5;
    background:#fff;
    -webkit-appearance:none;
    border-radius:3px;
    padding:8px;
    width:100%;
    height:120px;
    font-size:105%;
}

.form_note {
    font-size:105%;
    text-indent:-1em;
    padding-left:1em;
    margin-top:10px;
}
.form_note::before{
    content:"※";
}

/*button*/
form .btn_area{
    position:relative;
    text-align:center;
    display:block;
    overflow:hidden;
}
.btn_area_form_top .btn_blue {
    float:none;
}

input.btn_blue{
    display:inline-block;
    width:315px;
    padding:15px;
    margin-bottom:20px;
    float:right;
    color:#FFFFFF;
    font-size: 130%;
    line-height:100%;
    cursor:pointer;
}
input.btn_grey{
    float:left;
    display:inline-block;
    width:315px;
    padding:15px;
    margin-bottom:20px;
    color:#FFFFFF;
    font-size: 130%;
    line-height:100%;
    border:none;
    cursor:pointer;
}

input.btn_green{
    color:#FFFFFF;
    font-size: 130%;
    line-height:1;
    margin:0 auto;
    margin:0 auto 20px;
    padding-top:-5px;
    width:315px;
    height:50px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -243px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    letter-spacing:0.2em;
    cursor:pointer;
    border:0;
}
input.btn_green:hover{
    background-position: 0px -293px;
    text-decoration:none;
}


a.btn_green{
    display:block;
    color:#FFFFFF;
    font-size: 130%;
    line-height:1;
    margin:0 auto;
    padding-top:13px;
    width:315px;
    height:37px;
    background: url(../images/common/parts.png) no-repeat;
    background-position: 0px -243px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    letter-spacing:0.2em;
    cursor:pointer;
    border:0;
}
a.btn_green:hover{
    background-position: 0px -293px;
    text-decoration:none;
}


.thanks_box {
    text-align:center;
}

.thanks_box .text{
    font-size:105%;
    margin-bottom:20px;
}
.thanks_box .btn_blue {
    max-width:250px;
    text-align:center;
    margin:0 auto;
}
.wpcf7-spinner{
    position:absolute!important;
}
/*-- ■ Media Queries ■ --*/
@media (max-width: 768px) {
    .form_table tr,
    .form_table th,
    .form_table td {
    display:block;
    width: 100%;
}
.form_table th {
    padding: 9px 10px;
}
.form_table td {
    padding: 15px 10px;
}
input.btn_blue,
input.btn_grey{
    float:none;
    width:260px;
}
}