@charset "utf-8";

/*
#load_block{
  display: none !important;
}*/

/* ==========================================================
        parts
========================================================== */
/* clearfix */
clearfix {
    zoom: 1;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    font-size: 0.1em;
    line-height: 0;
}
* html .clearfix {
    height: 1%;
}

/*
.font_bold{
  font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
}*/

/* ==================================
font_color
===================================*/


/* 青系 */
.font_blue01{
    color: #162143 !important;
}

.font_blue02{
    color: #2e3192 !important;
}

.font_blue03{
    color: #0071BC !important;
}

/* 赤系 */

.font_red01{
    color: #ed1e79 !important;
}

/* 黒系 */
.font_black01{
    color: #040000 !important;
}

/* 白系 */

.font_white{
    color: #ffffff !important;
}

/* 灰色*/
.font_gray01{
    color: #808080 !important;
}

/* ==================================
.category_list
===================================*/

.category_list{
    letter-spacing: -0.4em;
}

.category_list li{
    letter-spacing: normal;
}

.category_list li a{
    text-decoration: none;
}

.category_list li a:hover{
    text-decoration: underline;
}

/*  .category_list.type_quality */

.category_list.type_quality {
    margin: 0 auto;
    position: relative;
}
.category_list.type_quality li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 18%;
    margin: 0 2% 1% 0;
    padding: 0.47em 0.58em;
    text-align: center;
    font-size: 16px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    white-space: nowrap;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
}

@media all and (min-width: 1001px){
    .category_list.type_quality li:nth-child(5n){
        margin-right: 0;
    }
}

.category_list.type_quality li.on {
    color:#162143;
    border:solid 1px #162143;
    background:#fff;
}
.category_list.type_quality li.off {
    color:#b3b3b3;
    border:solid 1px #f2f2f2;
    background:#f2f2f2
}

@media all and (max-width: 1000px) {
    .category_list.type_quality{
        margin: 0 -10px -10px 0;
    }
    .category_list.type_quality li {
        width: auto;
        margin: 0 10px 10px 0;
        font-size: 15px;
    }
}

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

    .category_list.type_quality li {
        font-size: 12px;
    }
}

/*  .category_list.type03 */

.category_list.type_maker{
    font-size: 19px;
    margin: 0 0 -0.5em 0;
}

.category_list.type_maker li{
    display: inline-block;
    vertical-align:  top;
    margin: 0 0.5em 0.5em 0;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    color: #162143;
    
}

.category_list.type_maker li:after{
    content: "/";
    margin: 0 0 0 0.5em;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
}

.category_list.type_maker li:last-child:after{
    display: none;
}

@media screen and (max-width: 900px) {
    .category_list.type_maker{ font-size: 15px; }
}

@media screen and (max-width: 700px) {
    .category_list.type_maker{
        font-size: 10px;
    }
    .category_list.type_maker li{
        color: #fff;
        padding: 0.25em 1.25em;
        border-radius: 5px;
        background: #888;
        font-family: "UD Shin Go Light",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        
    }
    .category_list.type_maker li:after{
        display: none;
    }
}

/* .category_list.type_keyword */

.category_list.type_keyword{
    /*font-size: 23px;*/
    font-size: 16px;
    letter-spacing: -0.4em;
    margin: 0 -0.86em -0.86em 0;
}

.category_list.type_keyword li {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    /*width: 15%;
    margin: 0 2% 2% 0;*/
    margin: 0 0.86em 0.86em 0;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
}

/*
#history_01 .category_list.type_keyword{
  font-size: 16px;
}

#history_01  .category_list.type_keyword li {
  font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  color: #162143;
}
#history_01  .category_list.type_keyword li a {
  border: solid 1px #162143;
  padding: 0.25em 2.6em;
}*/

/*
.category_list.type_keyword li:nth-child(6n) {
        margin: 0;
}*/

.category_list.type_keyword li a {
    display: block;
    text-align: center;
    /*padding: 0.25em 1em;
    border: solid 1px #c5c5c5;*/
    border: solid 1px #162143;
    padding: 0.25em 2.6em;
    background-color: #ffffff;
    color: #162143;
	text-decoration: none !important;
    -webkit-transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    -moz-transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    -o-transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    -ms-transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
    transition: background-color 0.4s ease 0s, color 0.4s ease 0s;
}

.category_list.type_keyword li a:hover,
.category_list.type_keyword li a.active{
    background-color: #162143;
    color: #ffffff;
}

/*
 #history_01 .category_list.type_keyword{ font-size: 13px; }
*/

@media screen and (max-width: 900px) {
    /*.category_list.type_keyword{ font-size: 18px; }*/
    .category_list.type_keyword{ font-size: 15px; }
}

@media screen and (max-width: 700px) {
    /*.category_list.type_keyword{ font-size: 15px; }*/
    .category_list.type_keyword{ font-size: 13px; }
}



/*  .category_list.type03 */

.category_list.type03{
    margin: 0 -10px 0px 0;
}

.category_list.type03 li {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    color: #fff;
    padding: 0.4em 1.5em;
    margin: 0 10px 10px 0;
    -moz-border-radius: 1.6em;
    -webkit-border-radius: 1.6em;
    border-radius: 1.6em;
    background: #2f708b;
}

@media all and (max-width: 1000px) {
    .category_list.type03 li { font-size: 15px;}
}

@media screen and (max-width: 700px) {
    .category_list.type03 li { font-size: 12px;}
}

/*  .category_list.type_circle */

.category_list.type_circle{
    text-align: right;
}

.category_list.type_circle{
    margin: 0 -10px 0px 0;
}

.category_list.type_circle li {
    display: inline-table;
    letter-spacing: middle;
    font-size:14px;
    line-height: 1.25;
    width: 3.72em;
    height: 3.72em;
    vertical-align:top;
    margin: 0 10px 0 0;
    text-align: center;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: #ffff00;
}

.category_list.type_circle li span{
    display: table-cell;
    vertical-align:  middle;
    text-align: center;
}

.category_list.type_circle li.negotiation{
    background: #f2f2f2;
    border: 2px solid #727272;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    color: #727272;
    height: 3.72em;
    width: 12em;
    line-height: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.category_list.type_circle li.soldout{
    background: #ff0000;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    color: #ffffff;
    height: 3.72em;
    width: 12em;
    line-height: 1;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.category_list.type_circle li.old{
    background-color :#FFFF00;
}
.category_list.type_circle li.new{
    background-color :#AFE9F9;
}

@media all and (max-width: 1000px) {
    .category_list.type_circle li { font-size: 12px;}
}

@media screen and (max-width: 700px) {
    .category_list.type_circle li { font-size: 10px; }
    .category_list.type_circle li.negotiation,
    .category_list.type_circle li.soldout{
        width: 6em;
    }
}

/*
 .category_list.type_circle li.yellow {
        line-height:44px;
        background:#ffff00;
}
.tag_wrap ul li.green {
        line-height:44px;
        background:#d9e021;
}
.tag_wrap ul li.light_blue {
        padding:7px 0 0 0;
        line-height:15px;
        background:#96d2dc;
}*/

/*  .category_list.type_rectangle */

.category_list.type_rectangle{
    font-size: 12px;
    margin: 0 -10px -10px 0;
}

.detail_main_wrap .category_list.type_rectangle{
    margin-bottom: 0;
}

.category_list.type_rectangle li{
    display:inline-block;
    padding:0 10px;
    margin: 0 10px 10px 0;
    color: #2f708b;
    border:solid 1px #2f708b;
}

@media all and (max-width: 1000px) {
    .category_list.type_rectangle{ font-size: 11px; }
}


@media screen and (max-width: 700px) {
    .category_list.type_rectangle{ font-size: 10px; }
}

/*  .category_list.type_text */

.category_list.type_text{
    font-size: 12px;
    margin: 0 0 -10px 0;
}

.category_list.type_text li{
    display: inline-block;
    vertical-align:  top;
    margin: 0 10px 10px 0;
}

/*
@media all and (max-width: 1000px) {
  .category_list.type_text{ font-size: 11px; }
}


@media screen and (max-width: 700px) {
  .category_list.type_text{ font-size: 10px; }
}*/

/* ==================================
.list
===================================*/
.list.type01{
    margin: 1.5em 0;
}

.list.type01:first-child{
    margin-top: 0;
}

.list.type01:last-child{
    margin-bottom: 0;
}

.list > li > .list{
    margin: 1em 0 0 0;
}

.list.type01 > li{
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.list.type01 > li:before{
    content: "※";
}

.list.type02{
    margin: 1.5em 0;
}

.list.type02:first-child{
    margin-top: 0;
}

.list.type02:last-child{
    margin-bottom: 0;
}

.list.type02 > li{
    padding: 0 0 0 1em;
    text-indent: -1em;
}

.list.type02 > li:before{
    content: "・";
}

.list.type_arrow{
    margin: 1.5em 0;
}

.list.type_arrow:first-child{
    margin-top: 0;
}

.list.type_arrow:last-child{
    margin-bottom: 0;
}

.list.type_arrow > li{
    position: relative;
    padding: 0 0 0 1em;
}

.list.type_arrow > li:before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.45em;
    width: 0.5em;
    height: 0.5em;
    display: block;
    border-top: 2px solid #162143;
    border-right: 2px solid #162143;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list.type_arrow > li{
    margin: 0 0 0.5em 0;
}

.list.type_arrow > li > .list.type_arrow{
    margin: 0.5em 0 0.5em 0;
}

.list.type_arrow > li:last-child{
    margin-bottom: 0;
}

/* ==================================
.star_list_zone
===================================*/

.star_list_zone{
    display: inline-block;
    vertical-align:  middle;
    font-size: 25px;
    line-height: 1;
    text-align: center;
}

.star_list_zone .star_list_wrap{
    position: relative;
    display: inline-block;
}

.star_list_zone .star_list{
    white-space: nowrap;
    letter-spacing: -0.4em;
}

.star_list_zone .star_list .icon_star{
    display: inline-block;
    letter-spacing: normal;
    vertical-align:  top;
    margin: 0 0.4em 0 0;
    width: 1em;
    height: 1em;
    background: url(/common/img/icon/icon_point_star.svg) no-repeat;
}


.star_list_zone .star_list .icon_star:last-child{
    margin: 0;
}

/* ==================================
.img_cover
===================================*/

.img_cover{
    background-color: #eeeeee;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}


.img_cover.delay_load{
  position: relative;
}

.img_cover.delay_load:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-image: url(../img/loading01.svg);
  background-size: 10% auto;
  background-repeat: no-repeat;
  background-position:  center center;
  background-color: #eeeeee;
}

.img_cover.delay_load.img_none:after{
  background-image: url(../img/image_none.svg);
  background-size: 30% auto;
  background-color: #eeeeee !important;
}

.img_cover.delay_load.load_img:after{
  display: none;
  background: none !important;
}

.img_cover.delay_load img{
  display: none;
}

/* ==================================
.main_content
===================================*/

.main_content{
    position: relative;
    padding: 50px 20px 0 20px;
}

.main_content:first-child{
    padding-top: 0px;
}

/*
.main_content:last-child{
  margin-bottom: 0;
}*/

#main > .main_content:last-child{
    padding-bottom: 100px;
}

#main > .main_content.bg_gray:last-child{
    padding-bottom: 50px;
}


.main_content .main_content_in{
    position: relative;
    max-width: 1000px;
    margin: 0 auto 50px auto;
}


.main_content .main_content_in:first-child{
    margin-top: 0;
}

.main_content .main_content_in:last-child{
    margin-bottom: 0;
}

.main_content.bg_gray{
    padding: 50px 20px;
    margin-top: 50px;
}


.main_content.bg_gray:first-child{
    margin-top: 0px;
}


@media screen and (min-width: 701px) and (max-width: 900px) {
    .main_content.pad_bg_gray{
        padding: 50px 20px;
    }
}

@media screen and (max-width: 700px) {
    .main_content{ padding: 30px 15px 0 15px; }
    .main_content .main_content_in{ margin: 15px 0; }
    .main_content.bg_gray{
        margin-top: 30px;
        padding: 30px 15px 30px 15px;
    }
    .main_content.sp_bg_gray{
        margin-top: 30px;
        padding: 30px 15px;
    }
    .main_content.bg_gray:first-child{
        margin-top: 0px;
    }
    .main_content.sp_bg_gray:first-child{
        margin-top: 0px;
    }
    #main > .main_content:last-child{
        padding-bottom: 30px;
    }
    #main > .main_content.bg_gray:last-child{
        padding-bottom: 30px;
    }
}


/* .main_content_child01  */

.main_content_child01,
.main_content_child02,
.main_content_child03,
.main_content_child04,
.main_content_child05,
.main_content_child06{
    position: relative;
    margin: 45px 0;
}

.main_content_child01:first-child,
.main_content_child02:first-child,
.main_content_child03:first-child,
.main_content_child04:first-child,
.main_content_child05:first-child,
.main_content_child06:first-child{
    margin-top: 0;
}

.main_content_child01:last-child,
.main_content_child02:last-child,
.main_content_child03:last-child,
.main_content_child04:last-child,
.main_content_child05:last-child,
.main_content_child06:last-child{
    margin-bottom: 0;
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .main_content_child01,
    .main_content_child02,
    .main_content_child03,
    .main_content_child04,
    .main_content_child05,
    .main_content_child06{
        position: relative;
        margin: 30px 0;
    }
}

@media screen and (max-width: 700px) {
    .main_content_child01,
    .main_content_child02,
    .main_content_child03,
    .main_content_child04,
    .main_content_child05,
    .main_content_child06{
        position: relative;
        margin: 20px 0;
    }
}


/* ==================================
.title
===================================*/

/*  タイトルにアイコンがつく場合 */

.title.icon_type{
    position: relative;
}

.black_type .title.icon_type{
    color: #ffffff;
}

.black_type a{
    color: #ffffff;
}

.title.icon_type:after{
    content: "";
    position: absolute;
    top: 0.7em;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left top;
}


.title.icon_type.icon_bike{
    padding-left: 2.7em;
}

.title.icon_type.icon_bike:after{
    width: 2.3em;
    height: 1.37em;
    background-image: url(../img/icon/icon_bike.svg);
    margin-top: -0.69em;
}

.black_type .title.icon_type.icon_bike:after{
    background-image: url(../img/icon/icon_bike_white.svg);
}

.title.icon_type.icon_shop{
    padding-left: 2.4em;
}

.title.icon_type.icon_shop:after{
    width: 1.97em;
    height: 1.59em;
    background-image: url(../img/icon/icon_shop.svg);
    margin-top: -0.8em;
}

.black_type .title.icon_type.icon_shop:after{
    background-image: url(../img/icon/icon_shop_white.svg);
}

.title.icon_type.icon_double_circle{
    padding-left: 1em;
}

.title.icon_type.icon_double_circle:after{
    content: "\0025CE";
    margin-top: -0.4em;
    line-height: 1;
}

.black_type .title.icon_type.icon_double_circle:after{
    color: #ffffff;
}

.title.icon_type.icon_heart{
    padding-left: 2.2em;
}

.title.icon_type.icon_heart:after{
    width: 1.74em;
    height: 1.39em;
    background-image: url(../img/icon/icon_heart.svg);
    margin-top: -0.6em;
}

.black_type .title.icon_type.icon_heart:after{
    background-image: url(../img/icon/icon_heart_white.svg);
}

.title.icon_type.icon_magazine{
    padding-left: 2em;
}

.title.icon_type.icon_magazine:after{
    width: 1.53em;
    height: 1.79em;
    background-image: url(../img/icon/icon_magazine.svg);
    margin-top: -0.9em;
}

.black_type .title.icon_type.icon_magazine:after{
    background-image: url(../img/icon/icon_magazine_white.svg);
}

.title.icon_type.icon_parts{
    padding-left: 2.1em;
}

.title.icon_type.icon_parts:after{
    width: 1.76em;
    height: 1.76em;
    background-image: url(../img/icon/icon_parts.svg);
    margin-top: -0.8em;
}

.black_type .title.icon_type.icon_parts:after{
    background-image: url(../img/icon/icon_parts_white.svg);
}

.title.icon_type.icon_new{
    padding-left: 1.97em;
}

.title.icon_type.icon_new:after{
    width: 1.47em;
    height: 1.47em;
    background-image: url(../img/icon/icon_new.svg);
    margin-top: -0.7em;
}

.black_type .title.icon_type.icon_new:after{
    background-image: url(../img/icon/icon_new_white.svg);
}

.title.icon_type.icon_old{
    padding-left: 1.97em;
}

.title.icon_type.icon_old:after{
    width: 1.47em;
    height: 1.47em;
    background-image: url(../img/icon/icon_old.svg);
    margin-top: -0.7em;
}

.black_type .title.icon_type.icon_old:after{
    background-image: url(../img/icon/icon_old_white.svg);
}

.title.icon_type.icon_searchmark{
    padding-left: 1.97em;
}

.title.icon_type.icon_searchmark:after{
    width: 1.5em;
    height: 1.56em;
    background-image: url(../img/icon/icon_searchmark.svg);
    margin-top: -0.7em;
}

.black_type .title.icon_type.icon_searchmark:after{
    background-image: url(../img/icon/icon_searchmark_white.svg);
}

.title.icon_type.icon_ranking{
    padding-left: 1.97em;
}

.title.icon_type.icon_ranking:after{
    width: 1.62em;
    height: 1.65em;
    background-image: url(../img/icon/icon_ranking.svg);
    margin-top: -0.8em;
}

.black_type .title.icon_type.icon_ranking:after{
    background-image: url(../img/icon/icon_ranking_white.svg);
}

.title.icon_type.icon_crown{
    padding-left: 2.3em;
}

.title.icon_type.icon_crown:after{
    width: 1.794em;
    height: 1.62em;
    background-image: url(../img/icon/icon_crown.svg);
    margin-top: -0.9em;
}

.black_type .title.icon_type.icon_crown:after{
    background-image: url(../img/icon/icon_crown_white.svg);
}

.title.icon_type.icon_question{
    padding-left: 1.6em;
}

.title.icon_type.icon_question:after{
    width: 1em;
    height: 1.471em;
    background-image: url(../img/icon/icon_question.svg);
    margin-top: -0.7em;
}

.black_type .title.icon_type.icon_question:after{
    background-image: url(../img/icon/icon_question_white.svg);
}

.title.icon_type.icon_star{
    padding-left: 2em;
}

.title.icon_type.icon_star:after{
    width: 1.4em;
    height: 1.4em;
    background-image: url(../img/icon/icon_star.svg);
    margin-top: -0.75em;
}

.black_type .title.icon_type.icon_star:after{
    background-image: url(../img/icon/icon_star_white.svg);
}

/* .title.border_type */

.title.border_type{
    position: relative;
    padding-bottom: 0.3em;
}

.title.border_type:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #b2b2b2;
}

@media screen and (min-width: 701px) and (max-width: 900px) {

}

@media screen and (max-width: 700px) {
    /*.title.border_type:before{ left: -15px; width: calc(100% + 30px);}*/
}

/* .title.d_border_type */

.title.d_border_type{
    position: relative;
    margin-top: 0 !important;
    padding: 0.3em 0.6em;
    border-top: 1px solid #162143;
    border-bottom: 1px solid #162143;
}

/*  .title.left_border_type  */

.title.left_border_type{
    border-left: 6px solid #003246;
    padding-left: 0.5em;
}


/*  */

.title{
    color:#162143;
    line-height: 1.4;
}

.title a{
    color:#162143;
}

.title.type01{
    margin: -0.2em auto 0.88em auto;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    font-size:34px;
}

.title.type01:last-child{
    margin-bottom: 0;
}

.title.type01 .text01{
    vertical-align:  middle;
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .title.type01{ font-size: 27px; }
}

@media screen and (max-width: 700px) {
    .title.type01{
        font-size: 20px;
    }
}

@media all and  (min-width: 901px) {
    .title.pc_type01{
        font-size:34px;
    }
    .title.pc_type01{
        margin: -0.2em auto 0.88em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
        
    }

    .title.pc_type01:last-child{
        margin-bottom: 0;
    }

    .title.pc_type01 .text01{
        vertical-align:  middle;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .title.pad_type01{
        font-size:27px;
    }
    .title.pad_type01{
        margin: -0.2em auto 0.88em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
        
    }

    .title.pad_type01:last-child{
        margin-bottom: 0;
    }

    .title.pad_type01 .text01{
        vertical-align:  middle;
    }
}

@media screen and (max-width: 700px) {
    .title.sp_type01{
        font-size: 20px;
    }

    .title.sp_type01{
        margin: -0.2em auto 0.88em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
        
    }

    .title.sp_type01:last-child{
        margin-bottom: 0;
    }

    .title.sp_type01 .text01{
        vertical-align:  middle;
    }
}

/* .title.type02 */

.title.type02{
    margin: -0.2em auto 0.5em auto;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    font-size:30px;
    color:#162143;
}

.title.type01:last-child{
    margin-bottom: 0;
}

.title.type02 .text01{
    vertical-align:  middle;
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .title.type02{
        font-size: 24px;
    }
}

@media screen and (max-width: 700px) {
    .title.type02{
        font-size: 18px;
    }
}

@media all and  (min-width: 901px) {
    .title.pc_type02{
        font-size:30px;
    }
    .title.pc_type02{
        margin: -0.2em auto 0.5em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
        
    }

    .title.pc_type02:last-child{
        margin-bottom: 0;
    }

    .title.pc_type02 .text01{
        vertical-align:  middle;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .title.pad_type02{
        font-size:24px;
    }
    .title.pad_type02{
        margin: -0.2em auto 0.5em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
        
    }

    .title.pad_type02:last-child{
        margin-bottom: 0;
    }

    .title.pad_type02 .text01{
    }
}

@media screen and (max-width: 700px) {
    .title.sp_type02{
        font-size: 18px;
    }

    .title.sp_type02{
        margin: -0.2em auto 0.5em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
        
    }

    .title.sp_type02:last-child{
        margin-bottom: 0;
    }

    .title.sp_type02 .text01{
        vertical-align:  middle;
    }
}


/* .title.type03 */
.title.type03{
    font-size: 24px;
    /*margin: -0.1em auto 1.15em auto;*/
    margin: -0.2em auto 0.65em auto;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    color:#162143;
}


.title.type03:last-child{
    margin-bottom: 0;
}

@media screen and (max-width: 700px) {
    .title.type03{ font-size: 17px; }
}

@media all and  (min-width: 901px) {
    .title.pc_type03{
        font-size: 24px;
        color: #2e3192;
        line-height: 1.4;
        /*margin: -0.1em auto 1.15em auto;*/
        margin: -0.2em auto 0.65em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
        
    }


    .title.pc_type03:last-child{
        margin-bottom: 0;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .title.pad_type03{
        font-size: 24px;
        color: #2e3192;
        /*margin: -0.1em auto 1.15em auto;*/
        margin: -0.2em auto 0.65em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
    }


    .title.pad_type03:last-child{
        margin-bottom: 0;
    }
}

@media screen and (max-width: 700px) {
    .title.sp_type03{
        font-size: 17px;
        color: #2e3192;
        /*margin: -0.1em auto 1.15em auto;*/
        margin: -0.2em auto 0.65em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
    }
    .title.sp_type03:last-child{
        margin-bottom: 0;
    }
}

/* .title.type04 */
.title.type04{
    font-size: 20px;
    /*margin: -0.1em auto 1.15em auto;*/
    margin: -0.2em auto 0.65em auto;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
    color:#162143;
}


.title.type04:last-child{
    margin-bottom: 0;
}


@media all and  (min-width: 901px) {
    .title.pc_type04{
        font-size: 20px;
        color: #2e3192;
        /*margin: -0.1em auto 1.15em auto;*/
        margin: -0.2em auto 0.65em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
    }


    .title.pc_type04:last-child{
        margin-bottom: 0;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {

    .title.type04{
        font-size: 18px;
    }

    .title.pad_type04{
        font-size: 16px;
        color: #2e3192;
        /*margin: -0.1em auto 1.15em auto;*/
        margin: -0.2em auto 0.65em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
    }

    .title.pad_type04:last-child{
        margin-bottom: 0;
    }
}

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

    .title.type04{
        font-size: 16px;
    }

    .title.sp_type04{
        font-size: 16px;
        color: #2e3192;
        /*margin: -0.1em auto 1.15em auto;*/
        margin: -0.2em auto 0.65em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
    }
    .title.sp_type04:last-child{
        margin-bottom: 0;
    }

}


/* .title.type06 */
.title.type06{
    font-size: 16px;
    /*margin: -0.1em auto 1.15em auto;*/
    margin: -0.2em auto 0.45em auto;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
}


.title.type06:last-child{
    margin-bottom: 0;
}

/* .title.type07 */
.title.type07{
    font-size: 14px;
    margin: -0.2em auto 0.4em auto;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
    color: #040000;
}

.title.type07:last-child{
    margin-bottom: 0;
}

/* .title.type08 */
.title.type08{
    font-size: 20px;
    line-height: 1;
    margin: 0 auto 1em auto;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
    color: #ffffff;
}


.title.type08:last-child{
    margin-bottom: 0;
}

.title.type08 .text01{
    display: inline-block;
    vertical-align:  bottom;
    padding: 0.5em 1em;
    background: #ED1E79;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

@media all and  (min-width: 901px) {
    .title.pc_type08{
        font-size:20px;
    }
    .title.pc_type08{
        line-height: 1;
        margin: 0 auto 1em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
        color: #ffffff;
    }

    .title.pc_type08 .text01{
        display: inline-block;
        vertical-align:  bottom;
        padding: 0.5em 1em;
        background: #ED1E79;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {

    .title.type08{
        font-size: 15px;
    }

    .title.pad_type08{
        font-size:15px;
    }
    .title.pad_type08{
        line-height: 1;
        margin: 0 auto 1em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
        color: #ffffff;
        font-size: 12px;
    }

    .title.pad_type08 .text01{
        display: inline-block;
        vertical-align:  bottom;
        padding: 0.5em 1em;
        background: #ED1E79;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
}


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

    .title.type08{
        font-size: 12px;
    }

    .title.sp_type08{
        font-size: 12px;
    }
    .title.sp_type08{
        line-height: 1;
        margin: 0 auto 1em auto;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
        color: #ffffff;
        font-size: 12px;
    }
    .title.sp_type08 .text01{
        display: inline-block;
        vertical-align:  bottom;
        padding: 0.5em 1em;
        background: #ED1E79;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
}

/* ==================================
.btn_area
===================================*/

.btn_area{
    margin: 30px -20px -20px 0;
    /*letter-spacing: -0.4em;*/
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.btn_area.tac{
    justify-content: center;
    -webkit-justify-content: center;
}

.btn_area:first-child{
    margin-top: 0;
}

/*
.btn_area:last-child{
  margin-bottom: -20px;
}*/

.btn_area .btn_wrap{
    position: relative;
    margin: 0 20px 20px 0;
}

.contact_table .btn_area{
    margin: 0 !important;
}

.btn_area .btn{
    display: flex;
    display: -webkit-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    -webkit-justify-content: center;
    align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -webkit-align-items: center;
    cursor: pointer;
    color: #ffffff;
    letter-spacing: normal;
    text-decoration: none !important;
}

.btn_area .btn{
    transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    -ms-transition: opacity 0.4s ease 0s;
}
.normal .btn_area .btn:hover{
    -ms-filter: "alpha(opacity=70)" ;
    -khtml-opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}


.btn_area .btn_text{
    position: relative;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
}

@media screen and (max-width: 700px) {
    .btn_area{
        margin: 15px 0;
    }
    .btn_area .btn_wrap{
        width: 100%;
        margin: 0 0 15px 0;
    }
    .btn_area .btn_wrap:last-child{
        margin: 0 0 0 0;
    }

    .btn_area .btn{
        width: 100%;
    }

}

/* .btn_area .btn_wrap.type_link_arrow */

.btn_area .btn_wrap.type_link_arrow{
    margin: 0 20px 20px 0;
}

.btn_area .btn_wrap.type_link_arrow .btn{
    font-size: 17px;
    line-height: 1;
    color: #ffffff;
    padding: 0.8em 1em;
    background: #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.btn_area .btn_wrap.type_link_arrow .btn_text{
    padding: 0 2em 0 0;
}


.btn_area .btn_wrap.type_link_arrow .btn_text:after{
    content: "";
    display: block;
    width: 1.352em;
    height: 1.352em;
    position: absolute;
    top: 0.5em;
    right: 0;
    margin: -0.67em 0 0 0;
    background: url(/common/img/icon_arrow_01.png) no-repeat;
    background-size: 100% auto;
}

.btn_area .btn_wrap.type_link_arrow .btn_text.icon_down:after{
    -moz-transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -o-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.btn_area .btn_wrap.type_link_arrow .active .btn_text.icon_down:after{
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}


@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.type_link_arrow{
        margin: 0 0 10px 0;
        display: block;
    }
    .btn_area .btn_wrap.type_link_arrow .btn{
        font-size: 12px;
        min-width: none;

    }
    .btn_area .btn_wrap.type_link_arrow:last-child{
        margin-bottom: 0;
    }

}

/* .btn_area .btn_wrap.type01*/



/* .btn_area .btn_wrap.type01（縦が長め）**/

.btn_area .btn_wrap.type01{
    /*margin: 0 20px 20px 0;*/
}

.btn_area .btn_wrap.type01 .btn{
    font-size: 20px;
    padding: 0.7em 1em;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #f15a24;
}

@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.type01 .btn{
        font-size: 16px;
    }
}

@media all and  (min-width: 901px) {
    .btn_area .btn_wrap.pc_type01{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.pc_type01 .btn{
        font-size: 20px;
        padding: 0.7em 1em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-color: #f15a24;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .btn_area .btn_wrap.pad_type01{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.pad_type01 .btn{
        font-size: 20px;
        padding: 0.7em 1em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-color: #f15a24;
    }
}


@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.sp_type01{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.sp_type01 .btn{
        font-size: 20px;
        padding: 0.7em 1em;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        background-color: #f15a24;
    }
}


/* .btn_area .btn_wrap.type02（縦が短め フォントがノーマル）*/

.btn_area .btn_wrap.type02{
    /*margin: 0 20px 20px 0;*/
}

.btn_area .btn_wrap.type02 .btn{
    font-size: 20px;
    padding: 0.3em 1em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f15a24;
}


.btn_area .btn_wrap.type02 .btn_text{
    font-family: "UD Shin Go Light",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    
}

@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.type02 .btn{
        font-size: 16px;
    }
}

@media all and  (min-width: 901px) {
    .btn_area .btn_wrap.pc_type02{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.pc_type02 .btn{
        font-size: 20px;
        padding: 0.3em 1em;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #f15a24;
    }


    .btn_area .btn_wrap.pc_type02 .btn_text{
        font-family: "UD Shin Go Light",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .btn_area .btn_wrap.pad_type02{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.pad_type02 .btn{
        font-size: 20px;
        padding: 0.3em 1em;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #f15a24;
    }


    .btn_area .btn_wrap.pad_type02 .btn_text{
        font-family: "UD Shin Go Light",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
         
    }
}


@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.sp_type02{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.sp_type02 .btn{
        font-size: 20px;
        padding: 0.3em 1em;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background-color: #f15a24;
    }


    .btn_area .btn_wrap.sp_type02 .btn_text{
        font-family: "UD Shin Go Light",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        
    }
}


/* .btn_area .btn_wrap.type02（縦が四角 フォントがボールド）*/

.btn_area .btn_wrap.type03{
    /*margin: 0 20px 20px 0;*/
}

.btn_area .btn_wrap.type03 .btn{
    font-size: 20px;
    padding: 0.4em 1em;
    background-color: #f15a24;
}

@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.type03 .btn{
        font-size: 16px;
    }
}

@media all and  (min-width: 901px) {
    .btn_area .btn_wrap.pc_type03{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.pc_type03 .btn{
        font-size: 20px;
        padding: 0.3em 1em;
        background-color: #f15a24;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .btn_area .btn_wrap.pad_type03{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.pad_type03 .btn{
        font-size: 20px;
        padding: 0.3em 1em;
        background-color: #f15a24;
    }
}


@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.sp_type03{
        /*margin: 0 20px 20px 0;*/
    }

    .btn_area .btn_wrap.sp_type03 .btn{
        font-size: 20px;
        padding: 0.3em 1em;
        background-color: #f15a24;
    }
}

/* ボタンカラーなど */

.btn_area .btn_wrap.color_white01 .btn{
    border: solid 1px #666;
    background: #fff;
    color: #666;
}

.btn_area .btn_wrap.color_white02 .btn{
    border: solid 1px #333;
    background: #fff;
    color: #333;
}

.btn_area .btn_wrap.color_gray01 .btn{
    background: #999;
    /*background: #a1c399;*/
    color: #ffffff;
}

.shop_info_btn .btn_area .btn_wrap.color_gray01 .btn{
    background: #a1c399;
}

.btn_area .btn_wrap.color_gray02 .btn{
    background: #F2F2F2;
    color: #808080;
    border: 1px solid #B3B3B3;
}

.btn_area .btn_wrap.color_orange01 .btn{
    background-color: #f15a24;
    color: #ffffff;
}

.btn_area .btn_wrap.color_blue01 .btn{
    background-color: #162143;
    color: #ffffff;
}

.btn_area .btn_wrap.color_blue02 .btn{
    background-color: #0071bc;
    color: #ffffff;
}
.btn_area .btn_wrap.color_blue03 .btn{
    background-color: #30748a;
    color: #ffffff;
}

.btn_area .btn_wrap.color_green01 .btn{
    background-color: #00828c;
    color: #ffffff;
}

.btn_area .btn_wrap.color_green02 .btn{
    background-color: #39b54a;
    color: #ffffff;
}

.btn_area .btn_wrap.color_green03 .btn{
    background-color: #a1c399;
    color: #ffffff;
}

/* favoriteボタン */

.btn_area .btn_wrap.type_favorite .btn{
    border: solid 1px #666;
    background: #fff;
    color: #666;
}

.btn_area .btn_wrap.type_favorite .btn_text {
    position:relative;
    padding: 0 0 0 1.6em;
    white-space: nowrap;
}
.btn_area .btn_wrap.type_favorite .btn_text:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin: -0.45em 0 0 0;
    width: 1.17em;
    height: 1em;
    background-image: url(/common/img/icon/icon_favorite_off.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.btn_area .btn_wrap.type_favorite.active .btn_text:after{
    background-image: url(/common/img/icon/icon_favorite_on.svg);
}

@media all and  (min-width: 901px) {
    .btn_area .btn_wrap.pc_type_favorite .btn{
        border: solid 1px #666;
        background: #fff;
        color: #666;
    }

    .btn_area .btn_wrap.pc_type_favorite .btn_text {
        position:relative;
        padding: 0 0 0 1.6em;
        white-space: nowrap;
    }
    .btn_area .btn_wrap.pc_type_favorite .btn_text:after{
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin: -0.45em 0 0 0;
        width: 1.17em;
        height: 1em;
        background-image: url(/common/img/icon/icon_favorite_off.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .btn_area .btn_wrap.pc_type_favorite.active .btn_text:after{
        background-image: url(/common/img/icon/icon_favorite_on.svg);
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .btn_area .btn_wrap.pad_type_favorite .btn{
        border: solid 1px #666;
        background: #fff;
        color: #666;
    }

    .btn_area .btn_wrap.pad_type_favorite .btn_text {
        position:relative;
        padding: 0 0 0 1.6em;
        white-space: nowrap;
    }
    .btn_area .btn_wrap.pad_type_favorite .btn_text:after{
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin: -0.45em 0 0 0;
        width: 1.17em;
        height: 1em;
        background-image: url(/common/img/icon/icon_favorite_off.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .btn_area .btn_wrap.pad_type_favorite.active .btn_text:after{
        background-image: url(/common/img/icon/icon_favorite_on.svg);
    }
}


@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.sp_type_favorite .btn{
        border: solid 1px #666;
        background: #fff;
        color: #666;
    }

    .btn_area .btn_wrap.sp_type_favorite .btn_text {
        position:relative;
        padding: 0 0 0 1.6em;
        white-space: nowrap;
    }
    .btn_area .btn_wrap.sp_type_favorite .btn_text:after{
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        margin: -0.45em 0 0 0;
        width: 1.17em;
        height: 1em;
        background-image: url(/common/img/icon/icon_favorite_off.svg);
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .btn_area .btn_wrap.sp_type_favorite.active .btn_text:after{
        background-image: url(/common/img/icon/icon_favorite_on.svg);
    }
}

/* telボタン */

.btn_area .btn_wrap.type_tel .btn{
    background: #39b54a;
}

.btn_area .btn_wrap.type_tel .btn .btn_text{
    padding: 0 0 0 2em;
}

.btn_area .btn_wrap.type_tel .btn .btn_text:after{
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    margin: -0.32em 0 0 0;
    width: 1.5em;
    height: 1.1em;
    background: url(/common/img/icon/icon_tel_white.svg) no-repeat;
}

@media all and  (min-width: 901px) {
    .btn_area .btn_wrap.pc_type_tel .btn{
        background: #39b54a;
    }

    .btn_area .btn_wrap.pc_type_tel .btn .btn_text{
        padding: 0 0 0 2em;
    }

    .btn_area .btn_wrap.pc_type_tel .btn .btn_text:after{
        content: "";
        position: absolute;
        top: 0.5em;
        left: 0;
        margin: -0.32em 0 0 0;
        width: 1.5em;
        height: 1.1em;
        background: url(/common/img/icon/icon_tel_white.svg) no-repeat;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .btn_area .btn_wrap.pad_type_tel .btn{
        background: #39b54a;
    }

    .btn_area .btn_wrap.pad_type_tel .btn .btn_text{
        padding: 0 0 0 2em;
    }

    .btn_area .btn_wrap.pad_type_tel .btn .btn_text:after{
        content: "";
        position: absolute;
        top: 0.5em;
        left: 0;
        margin: -0.32em 0 0 0;
        width: 1.5em;
        height: 1.1em;
        background: url(/common/img/icon/icon_tel_white.svg) no-repeat;
    }
}


@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.sp_type_tel .btn{
        background: #39b54a;
    }

    .btn_area .btn_wrap.sp_type_tel .btn .btn_text{
        padding: 0 0 0 2em;
    }

    .btn_area .btn_wrap.sp_type_tel .btn .btn_text:after{
        content: "";
        position: absolute;
        top: 0.5em;
        left: 0;
        margin: -0.32em 0 0 0;
        width: 1.5em;
        height: 1.1em;
        background: url(/common/img/icon/icon_tel_white.svg) no-repeat;
    }
}

/* mailアイコン */

.btn_area .btn_wrap.type_mail .btn{
    background: #f15a24;
}

.btn_area .btn_wrap.type_mail .btn .btn_text{
    padding: 0 0 0 2.4em;
}

.btn_area .btn_wrap.type_mail .btn .btn_text:after{
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    margin: -0.25em 0 0 0;
    width: 1.8em;
    height: 1.08em;
    background: url(/common/img/icon/icon_mail.svg) no-repeat;
}

@media all and  (min-width: 901px) {
    .btn_area .btn_wrap.pc_type_mail .btn{
        background: #f15a24;
    }

    .btn_area .btn_wrap.pc_type_mail .btn .btn_text{
        padding: 0 0 0 2.4em;
    }

    .btn_area .btn_wrap.pc_type_mail .btn .btn_text:after{
        content: "";
        position: absolute;
        top: 0.5em;
        left: 0;
        margin: -0.25em 0 0 0;
        width: 1.8em;
        height: 1.08em;
        background: url(/common/img/icon/icon_mail.svg) no-repeat;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .btn_area .btn_wrap.pad_type_mail .btn{
        background: #f15a24;
    }

    .btn_area .btn_wrap.pad_type_mail .btn .btn_text{
        padding: 0 0 0 2.4em;
    }

    .btn_area .btn_wrap.pad_type_mail .btn .btn_text:after{
        content: "";
        position: absolute;
        top: 0.5em;
        left: 0;
        margin: -0.25em 0 0 0;
        width: 1.8em;
        height: 1.08em;
        background: url(/common/img/icon/icon_mail.svg) no-repeat;
    }
}


@media screen and (max-width: 700px) {
    .btn_area .btn_wrap.sp_type_mail .btn{
        background: #f15a24;
    }

    .btn_area .btn_wrap.sp_type_mail .btn .btn_text{
        padding: 0 0 0 2.4em;
    }

    .btn_area .btn_wrap.sp_type_mail .btn .btn_text:after{
        content: "";
        position: absolute;
        top: 0.5em;
        left: 0;
        margin: -0.25em 0 0 0;
        width: 1.8em;
        height: 1.08em;
        background: url(/common/img/icon/icon_mail.svg) no-repeat;
    }
}


/* +ボタン */

.btn_area .btn_wrap.type_plus .btn .btn_text {
    position: relative;
    padding: 0 0 0 1.2em;
    line-height: 1;
}

.btn_area .btn_wrap.type_plus .btn.active .btn_text:before,
.btn_area .btn_wrap.type_plus .btn.active .btn_text:after{
    display: none;
}

.btn_area .btn_wrap.type_plus .btn .btn_text:after {
    width: 0.8em;
    height: 1px;
    margin: 0.5em 0 0 0;
}

.btn_area .btn_wrap.type_plus .btn .btn_text:before {
    width: 1px;
    height: 0.8em;
    margin: 0.1em 0 0 0.4em;
}


.btn_area .btn_wrap.type_plus .btn .btn_text:before,.btn_area .btn_wrap.type_plus .btn .btn_text:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: #000000;
    display: block;
}

/* ==================================
.accodion_switch
===================================*/

.accodion_switch{
    cursor: pointer;
}

.accodion_content{
    display: none;
}

/* ==================================
.list_block_wrap
===================================*/

.list_block_zone{
    border-top: 3px solid #989898;
}

.list_block_wrap.type01{
    margin: 30px 0;
}

.list_block_wrap.type01:first-child{
    margin-top: 0;
}

.list_block_wrap.type01:last-child{
    margin-bottom: 0;
}

.list_block_wrap.type01 .list_block{
    padding: 30px 0;
    border-bottom: 3px solid #989898;
}

.list_block_wrap.type01 .list_block:first-child{
    /*border-top: none;
    padding-top: 0;*/
}

.list_block_wrap.type01 .list_block:last-child{
    /*padding-bottom: 0;*/
}

@media screen and (max-width: 700px) {
    .list_block_wrap.type01{
        margin: 0 0;
    }
    .list_block_zone{
        border-top: 1px solid  #989898;
    }
    .list_block_wrap.type01 .list_block{
        padding: 15px;
        border-top: none;
        border-bottom: 1px solid  #989898;
    }

}

/* ==================================
.price_text
===================================*/

.price_text_wrap{
    display: inline-block;
    vertical-align:  top;
    font-size: 18px;
}

@media all and (max-width: 1000px) {
    .price_text_wrap{ font-size: 16px; }
}

@media screen and (max-width: 700px) {
    .price_text_wrap{ font-size: 14px; }
}

@media screen and (max-width: 700px) {
    .price_text_wrap{ font-size: 13px; }
}

@media all and (max-width: 500px) {
    .price_text_wrap{ font-size: 12px; }
}

@media all and (max-width: 400px) {
    .price_text_wrap{ font-size: 10px; }
}


.price_text_wrap .price_text {
    display: inline-block;
    white-space: nowrap;
    line-height:1;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    vertical-align: baseline;
}

/*
.price_text_wrap .price_text:before{
  content: "¥";
  font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  font-size: 100%;
}*/

.price_text_wrap .price_text .price_mark {
    font-size: 100%;
}

.price_text_wrap .price_text .price_unit {
    font-size: 111%;
}

.price_text_wrap .price_text .price01 {
    font-size: 278%;
}
.price_text_wrap .price_text .price02 {
    font-size: 211%;
}

/*
.price_text_wrap .price_text:after {
  content: "円";
  font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
        font-size: 111%;
}*/

/*  .price_text_wrap.type01 */

.price_text_wrap.type01 .price_text{
}

/*
.price_text_wrap.type01 .price_text:after {
  content: "円";
}*/

/*  .price_text_wrap.type02 */

.price_text_wrap.type02 .price_text .price01 {
    color:#ed1e79;
}

.price_text_wrap.type02 .price_text .price02 {
    color:#ed1e79;
}

/* -------------------------------------------------------------
　sns_wrap
--------------------------------------------------------------*/
.sns_wrap {
    font-size: 37px;
    line-height: 0;
}
.sns_wrap ul {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    text-align: right;
}
.sns_wrap ul li {
    margin: 0 0.27em 0 0;
}

.sns_wrap ul li a{
    display: block;
    width: 1em;
    height: 1em;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    overflow:  hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.sns_wrap ul li.facebook a {
    width: 1em;
    height: 1em;
    background-image: url(../img/icon/icon_sns_facebook.svg);
}

.sns_wrap ul li.twitter a {
    width: 1em;
    height: 1em;
    background-image: url(../img/icon/icon_sns_twitter.svg);
}

.sns_wrap ul li.google a {
    width: 1em;
    height: 0.637em;
    background-image: url(../img/icon/icon_sns_googleplus.svg);
}

.sns_wrap ul li:last-child{
    margin: 0;
}

.black_type .sns_wrap ul li.facebook a {
    background-image: url(../img/icon/icon_sns_facebook_white.svg);
}

.black_type .sns_wrap ul li.twitter a {
    background-image: url(../img/icon/icon_sns_twitter_white.svg);
}

.black_type .sns_wrap ul li.google a {
    background-image: url(../img/icon/icon_sns_googleplus_white.svg);
}
/* -------------------------------------------------------------
　sns_wrap_shop
--------------------------------------------------------------*/
.sns_wrap_shop {
    font-size: 37px;
    line-height: 0;
    margin-bottom: 15px;
}
.sns_wrap_shop ul {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    text-align: right;
}
.sns_wrap_shop ul li {
    margin: 0 0.27em 0 0;
}

.sns_wrap_shop ul li a{
    display: block;
    width: 1em;
    height: 1em;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: left top;
    overflow:  hidden;
    text-indent: 200%;
    white-space: nowrap;
}

.sns_wrap_shop ul li.facebook a {
    width: 1em;
    height: 1em;
    background-image: url(../img/icon/icon_sns_facebook.svg);
}

.sns_wrap_shop ul li.twitter a {
    width: 1em;
    height: 1em;
    background-image: url(../img/icon/icon_sns_twitter.svg);
}

.sns_wrap_shop ul li.google a {
    width: 1em;
    height: 1em;
    background-image: url(../img/icon/icon_sns_insta.svg);
}

.sns_wrap_shop ul li:last-child{
    margin: 0;
}

.black_type .sns_wrap_shop ul li.facebook a {
    background-image: url(../img/icon/icon_sns_facebook_white.svg);
}

.black_type .sns_wrap_shop ul li.twitter a {
    background-image: url(../img/icon/icon_sns_twitter_white.svg);
}

.black_type .sns_wrap_shop ul li.google a {
    background-image: url(../img/icon/icon_sns_googleplus_white.svg);
}

@media screen and (max-width: 700px) {
    .sns_wrap { font-size: 25px; }
}


/*
.price_text_wrap.type02 .price_text:after {
  content: "万円";
}*/
/* ==================================
.spec_wrap
===================================*/

.spec_wrap {
    margin: 0px 0 -10px 0;
}
.spec_wrap ul {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
}
.spec_wrap ul li {
    font-size: 14px;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    width: 25%;
    text-align: center;
    margin: 0 0 10px 0;
    white-space: nowrap;
}

.spec_wrap ul li .spec_wrap_spec {
    font-size: 1.29em;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
}

@media screen and (max-width: 700px) {
    .spec_wrap ul li { font-size: 12px; }
}

/* ==================================
.phone_num（電話番号共通）
===================================*/

.phone_num {
    text-align:center;
    line-height: 1;
}
.phone_num a {
    display: inline-block;
    font-size: 46px;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    color: #f15a24;
    text-decoration: none !important;
    cursor: default;
}
@media screen and (min-width: 701px) and (max-width: 900px) {
    .phone_num a{
        font-size: 33px;
    }
}

@media screen and (max-width: 700px) {
    .phone_num a{
        font-size: 15px;
        color: #006837;
    }
}

/* ==================================
.pager_wrap
===================================*/

.pager_wrap {
    text-align:right;
    /*position:absolute;
    right:0;*/
    font-size:14px;
    display: flex;
    display: -webkit-flex;
}

/*
.pager_wrap.top {
        top:30px;
}
.pager_wrap.bottom {
        top:0;
}*/

.pager_wrap .pager {
    vertical-align:  top;
    display: flex;
    display: -webkit-flex;
}
.pager_wrap a,
.pager_wrap span{
    display: block;
    position: relative;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    line-height:1;
    text-align:center;
    /*padding: 0.357em 0.571em;*/
    padding: 0 0.571em;
    height: 1.71em;
    min-width: 1.71em;
    line-height: 1.6em;
    margin:0 2px;
    text-decoration: none !important;
}
.pager_wrap .pager a,
.pager_wrap .pager span{
    border: solid 1px #bbb;
}

.pager_wrap .pager span.current_page {
    color: #fff;
    /*padding: 7px 10px;*/
    background: #bbb;
}
.pager_wrap .pager span.sep {
    padding: 0;
    min-width: 0;
    border: none;
}

.pager_wrap .pager a:hover{

}

.pager_wrap .pager a{
    transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
    -webkit-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
    -moz-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
    -o-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
    -ms-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
}
.normal .pager_wrap .pager a:hover{
    background-color: #30a0d2;
    border-color: #30a0d2;
    color: #ffffff;
}

.pager_wrap .pager_btn {
    margin:0 0 0 5px;
    position:relative;
    display: flex;
    display: -webkit-flex;
}

.pager_wrap .pager_btn a {
    background:#30a0d2;
    overflow:  hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 1.71em;
    min-width: 0;
}

.pager_wrap .pager_btn a{
    transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
    -webkit-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
    -moz-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
    -o-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
    -ms-transition: background-color 0.4s ease 0s, color 0.4s ease 0s, border-color 0.4s ease 0s;
}
.normal .pager_wrap .pager_btn a:hover{
    background-color: #162143;
    border-color: #162143;
    color: #ffffff;
}

.pager_wrap .pager_btn a:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.69em;
    height: 0.69em;
    -moz-transform-origin: 50%;
    -webkit-transform-origin: 50%;
    -o-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
}

.pager_wrap .pager_btn .btn_next:after{
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-right: 0.143em solid #ffffff;
    border-bottom: 0.143em solid #ffffff;
    margin: -0.4em 0 0 -0.6em;
}
.pager_wrap .pager_btn .btn_prev:after {
    border-left: 0.143em solid #ffffff;
    border-bottom: 0.143em solid #ffffff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: -0.4em 0 0 -0.2em;
}


.pager_wrap .pager_btn a:after{
    transition: margin-left 0.4s ease 0s;
    -webkit-transition: margin-left 0.4s ease 0s;
    -moz-transition: margin-left 0.4s ease 0s;
    -o-transition: margin-left 0.4s ease 0s;
    -ms-transition: margin-left 0.4s ease 0s;
}
.normal .pager_wrap .pager_btn .btn_next:hover:after{
    margin-left: -0.4em;
}

.normal .pager_wrap .pager_btn .btn_prev:hover:after{
    margin-left: -0.4em;
}


/* ==================================
.table
===================================*/

.table{
    display: table;
    width: 100%;
}

.table .table_tr{
    display: table-row;
}

.table .table_th,
.table .table_td{
    display: table-cell;
    vertical-align:  top;
    padding: 15px;
}

.table .table_th{
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    padding-left: 0;
    white-space: nowrap;
}

/* PCのみ
--------------------------------------------------------------*/
@media all and (min-width: 901px) {
    .pcnone {
        display: none !important;
    }
}

/* PADのみ
--------------------------------------------------------------*/
@media all and (min-width: 601px) and (max-width: 900px) {
    .padnone {
        display: none !important;
    }
}

/* スマホのみ
--------------------------------------------------------------*/
@media screen and (max-width: 700px) {
    .spnone {
        display: none !important;
    }
}

/* -------------------------------------------------------------
　link style
--------------------------------------------------------------*/
a.link_type01 {
    color: #0071bc;
}
a.link_type01:hover {
    text-decoration: underline;
}
.iconLink {
    color: #2a438c;
    outline: 0;
}
a.iconLink:hover {
    text-decoration: underline;
}
.arrowRight {
    position: relative;
    padding-left: 18px;
}
.arrowRight:before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 1;
    color: #2a438c;
    font-size: 15px;
    background: url(/common/img/icon_arrow_02.png) no-repeat;
    background-size: 12px 12px;
}

/*  select
--------------------------------------------------------------*/
.select_wrap select {
    width:100%;
    outline: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    z-index: 1;
    padding: 5px 40px 5px 15px;
    border-radius: 5px;
    border: 1px solid #162143;
    background:#fff;
}
.select_wrap select::-ms-expand {
    display: none;
}
.select_wrap{
    position: relative;
    display: inline-block;
}
.select_wrap::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 9px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 8px 0 8px;
    border-color: #162143 transparent transparent transparent;
}
.select_wrap select::-ms-expand {
    display: none;
}
.select_wrap select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #333;
}

/*  checkbox
--------------------------------------------------------------*/
.select_box{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    /*font-size: 18px;*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #162143;
    background:#fff;
    text-align: center;
    padding: 0 2.2em 0 1.78em;
}

.select_box select{
    position: absolute;
    top: 0;
    left: 0;
    width :100%;
    height: 100%;
    z-index: 2;
    -ms-filter: "alpha(opacity=0)" ;
    -khtml-opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.select_box .select_text{
    z-index: 1;
    padding: 0.28em 0 0.28em 0;
    overflow: hidden;
    white-space: nowrap;
}

.select_box::after{
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0.5em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 1em 0.44em 0 0.44em;
    border-color: #162143 transparent transparent transparent;
}



/*  checkbox
--------------------------------------------------------------*/

/* .checkbox_list_wrap */

.checkbox_list_wrap {
    font-size: 19px;
    letter-spacing: -0.4em;
    margin: 0 -1.58em -0.79em 0;
}

.checkbox_list_wrap .checkbox_list {
    display: inline-block;
    letter-spacing: normal;
    vertical-align:  top;
    margin: 0 1.58em 0.79em 0;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    line-height: 1.4;
}


.checkbox_list_wrap .checkbox_list input{
    display: none;
}

.checkbox_list_wrap .checkbox_list label {
    cursor: pointer;
}

.checkbox_list_wrap .checkbox_list .checkbox_content {
    display: block;
    position: relative;
    padding: 0 0 0 1.9em;
}

.checkbox_list_wrap .checkbox_list .checkbox_content::before {
    content: '';
    display: block;
    position: absolute;
    top: 0.7em;
    left: 0;
    width: 1.3em;
    height: 1.3em;
    margin: -0.7em 0 0 0;
    background: #fff;
    border: 1px solid #666;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.checkbox_list_wrap .checkbox_list input[type="radio"] + .checkbox_content::before {
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}


.checkbox_list_wrap .checkbox_list .checkbox_content{
    display: inline-block;
    vertical-align:  middle;
}

.checkbox_list_wrap .checkbox_list input[type="checkbox"]:checked + .checkbox_content::after {
    position: absolute;
    content: '';
    top: 0.263em;
    left:0.21em;
    width: 0.84em;
    height: 0.53em;
    border-left: 0.16em solid #000;
    border-bottom: 0.16em solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.checkbox_list_wrap .checkbox_list input[type="radio"]:checked + .checkbox_content::after {
    position: absolute;
    content: '';
    top: 0.23em;
    left:0.23em;
    width: 0.84em;
    height: 0.84em;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #000000;
}



/* -------------------------------------------------------------
　bg style
--------------------------------------------------------------*/
.bg_gray {
    background: #e6e6e6;
}

@media all and (min-width: 901px) {
    .pc_bg_gray {
        background: #e6e6e6 !important;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
    .pad_bg_gray {
        background: #e6e6e6 !important;
    }
}
@media screen and (max-width: 700px) {
    .sp_bg_gray {
        background: #e6e6e6 !important;
    }
}

/* -------------------------------------------------------------
　slick-slider style
--------------------------------------------------------------*/
.slick-slider {
    position: relative;
    display: block;
}
.slick-list {
    position: relative;
    overflow: hidden;
}
#histry_slide .slick-arrow,
#shop_news_slide .slick-arrow {
    display: block;
    width: 54px;
    height: 54px;
    margin: -21px 0 0;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    top: 50%;
    white-space: nowrap;
    z-index:1000;
}
#histry_slide .slick-prev,
#shop_news_slide .slick-prev {
    left: -70px;
    background: url(/common/img/controls_prev.png) no-repeat;
}
#histry_slide .slick-next,
#shop_news_slide .slick-next {
    right: -70px;
    background: url(/common/img/controls_next.png) no-repeat;
}


#histry_slide .slick-dots,
#shop_news_slide .slick-dots {
    position: absolute;
    bottom: -45px;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
#histry_slide .slick-dots li,
#shop_news_slide .slick-dots li {
    float: none !important;
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 5px !important;
    padding: 0 !important;
    cursor: pointer;
    border-radius: 50%;
    background: #999 !important;
}
#histry_slide .slick-dots li button,
#shop_news_slide .slick-dots li button {
    color: transparent;
    background: transparent;
}
#histry_slide .slick-dots li.slick-active,
#shop_news_slide .slick-dots li.slick-active {
    outline:none;
    background: #0071bc !important;
}
@media screen and (min-width: 701px) and (max-width: 900px) {
    #histry_slide .slick-prev,
    #shop_news_slide .slick-prev {
        left: -50px;
        background-size: 80%;
    }
    #histry_slide .slick-next,
    #shop_news_slide .slick-next {
        right: -60px;
        background-size: 80%;
    }
}
@media screen and (max-width: 700px) {
    #histry_slide .slick-prev,
    #shop_news_slide .slick-prev {
        left: -40px;
        background-size: 60%;
    }
    #histry_slide .slick-next,
    #shop_news_slide .slick-next {
        right: -60px;
        background-size: 60%;
    }
}

/*  .search_content_wrap  */

.search_content_wrap{
}

#search_function01.search_content_wrap{
    padding: 0;
}

.search_content .main_content{
    padding-bottom: 0;
    padding-top: 0;
}

.search_content .main_content.bg_gray{
    padding-bottom: 50px;
    padding-top: 50px;
}

.search_content_wrap .search_content{
    margin: 0 0 50px 0;
}

@media all and (min-width: 701px) {

    .search_content_wrap{
        padding: 50px 0 0 0;
    }

    .search_content_wrap .search_content{
        height: auto !important;
    }

    #search_function01.search_content_wrap .search_content{
        margin: 0 0 100px 0;
    }


    .search_content_wrap .search_content:last-child{
        margin-bottom: 0 !important;
    }

}


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

    .search_content_wrap{
        padding: 0px 0 0 0;
    }

    /*.search_content_wrap + .search_content_wrap{
      margin-top: 30px;
    }*/

    .search_content_wrap .search_content{
        overflow: hidden;
        height: 0;
        margin: 0;
    }

    .search_content_wrap .main_content{
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .search_content_wrap .main_content,
    .search_content_wrap .main_content_child01,
    .search_content_wrap .main_content_child02,
    .search_content_wrap .main_content_child03,
    .search_content_wrap .main_content_child04,
    .search_content_wrap .main_content_child05{
        padding-top: 30px;
        margin: 0;
    }

    .search_content .main_content.bg_gray{
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .search_content_wrap + .main_content.bg_gray{
        margin-top: 0;
    }

}

#search_function01.search_content_wrap .search_content .search_content_bike{
  margin-bottom: 30px;
  margin-top: -70px;
}

/* ==================================
.cms_list_area
===================================*/
.cms_list_area {
    letter-spacing: -0.4em;
    font-size: 16px;
}


.cms_list_area .cms_list_wrap {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
}

.cms_list_area .cms_list{
    position: relative;
}

.cms_list_area .cms_list .img_wrap {
    position: relative;
    margin:0 0 1.5em 0;
}

.cms_list_area .cms_list .img_wrap figure{
    padding-bottom: 70%;
    height: 0;
}

/* .movie_thumb_type */

.movie_thumb_type{
    position: relative;
}

.movie_thumb_type:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
}

.movie_thumb_type .movie_thumb_type_obj{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 101;
    font-size: 100px;
    width: 1em;
    height: 1em;
    margin: -0.5em 0 0 -0.5em;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #ffffff;
}

.movie_thumb_type .movie_thumb_type_obj:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.15em 0 0 -0.1em;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.15em 0 0.15em 0.24em;
    border-color: transparent transparent transparent #ffffff;
}

.slick_dots_slide_wrap .movie_thumb_type .movie_thumb_type_obj{
    font-size: 20px;
    border-width: 1px;
}


.detail_slider .movie_thumb_type .movie_thumb_type_obj{
    font-size: 60px;
}

#detail_shop_movie_list .cms_list .movie_thumb_type .movie_thumb_type_obj{
    font-size: 30px;
}


.cms_list_area .cms_list .price {
    line-height: 1.2;
    /*font-size: 100%;*/
}
.cms_list_area .cms_list .title{
    margin: 0 0 0.3em 0;
}
.cms_list_area .cms_list .title:last-child{
    margin: 0;
}

.cms_list_area .cms_list .price01 .text01,
.cms_list_area .cms_list .price01 .text02{
    display: inline-block;
    vertical-align: baseline;
}

.cms_list_area .cms_list .price01 .text01{
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
}

.cms_list_area .cms_list .price01 .text02 {
    font-size: 0.68em;
    color: #4D4D4D;
}

@media all and (min-width: 901px) {

    .cms_list_area.pc_yoko .cms_list {
        display: flex;
        display: -webkit-flex;
        width: 100%;
    }

    .cms_list_area.pc_yoko .cms_list .img_wrap {
        width: 50%;
        /*padding: 0 7% 0 0;*/
        padding: 0 4% 0 0;
        margin: 0;
    }

    .cms_list_area.pc_yoko .cms_list .text_wrap {
        width: 50%;
    }

    .cms_list_area.pc_max8 .cms_list_wrap{
        width: 12.5%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.pc_max8 .cms_list_wrap:nth-child(8n) {
        margin-right: 0;
        margin: 0 2.8% 0 0;
        width: 10%;
    }

    .cms_list_area.pc_max7 .cms_list_wrap{
        width: 12.5%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.pc_max7 .cms_list_wrap:nth-child(7n) {
        margin-right: 0;
    }

    .cms_list_area.pc_max6 .cms_list_wrap{
        width: 15%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.pc_max6 .cms_list_wrap:nth-child(6n) {
        margin-right: 0;
    }

    .cms_list_area.pc_max5 .cms_list_wrap{
        width: 18%;
        margin: 0 2.4% 2.4% 0;
    }

    .cms_list_area.pc_max5 .cms_list_wrap:nth-child(5n) {
        margin-right: 0;
    }

    .cms_list_area.pc_max4 .cms_list_wrap{
        width: 23.5%;
        margin: 0 2% 2% 0;
    }

    .cms_list_area.pc_max4 .cms_list_wrap:nth-child(4n) {
        margin-right: 0;
    }

    .cms_list_area.pc_max3 .cms_list_wrap{
        width:32%;
        margin: 0 2% 2% 0;
    }

    .cms_list_area.pc_max3 .cms_list_wrap:nth-child(3n) {
        margin-right: 0;
    }

    .cms_list_area.pc_max2 .cms_list_wrap{
        width: 48%;
        margin: 0 4% 4% 0;
    }

    .cms_list_area.pc_max2 .cms_list_wrap:nth-child(2n) {
        margin-right: 0;
    }

    .cms_list_area.pc_max1 .cms_list_wrap{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cms_list_area.pc_max1 .cms_list_wrap:last-child{
        margin-bottom: 0;
    }
}

@media screen and (min-width: 701px) and (max-width: 900px) {

    .cms_list_area {
        font-size: 14px;
    }

    .cms_list_area.pad_yoko .cms_list {
        display: flex;
        display: -webkit-flex;
        width: 100%;
    }

    .cms_list_area.pad_yoko .cms_list .img_wrap {
        width: 50%;
        /*padding: 0 7% 0 0;*/
        padding: 0 4% 0 0;
        margin: 0;
    }

    .cms_list_area.pad_yoko .cms_list .text_wrap {
        width: 50%;
    }

    .cms_list_area.pad_max8 .cms_list_wrap{
        width: 12.5%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.pad_max8 .cms_list_wrap:nth-child(8n) {
        margin-right: 0;
        margin: 0 2.8% 0 0;
        width: 10%;
    }

    .cms_list_area.pad_max7 .cms_list_wrap{
        width: 12.5%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.pad_max7 .cms_list_wrap:nth-child(7n) {
        margin-right: 0;
    }

    .cms_list_area.pad_max6 .cms_list_wrap{
        width: 15%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.pad_max6 .cms_list_wrap:nth-child(6n) {
        margin-right: 0;
    }

    .cms_list_area.pad_max5 .cms_list_wrap{
        width: 18%;
        margin: 0 2.4% 2.4% 0;
    }

    .cms_list_area.pad_max5 .cms_list_wrap:nth-child(5n) {
        margin-right: 0;
    }

    .cms_list_area.pad_max4 .cms_list_wrap{
        width: 23.5%;
        margin: 0 2% 2% 0;
    }

    .cms_list_area.pad_max4 .cms_list_wrap:nth-child(4n) {
        margin-right: 0;
    }

    .cms_list_area.pad_max3 .cms_list_wrap{
        width:32%;
        margin: 0 2% 2% 0;
    }

    .cms_list_area.pad_max3 .cms_list_wrap:nth-child(3n) {
        margin-right: 0;
    }

    .cms_list_area.pad_max2 .cms_list_wrap{
        width: 48%;
        margin: 0 4% 4% 0;
    }

    .cms_list_area.pad_max2 .cms_list_wrap:nth-child(2n) {
        margin-right: 0;
    }

    .cms_list_area.pad_max1 .cms_list_wrap{
        width: 100%;
        margin: 0 0 30px 0;
    }

    .cms_list_area.pad_max1 .cms_list_wrap:last-child{
        margin-bottom: 0;
    }
}

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

    .cms_list_area {
        font-size: 12px;
    }

    .cms_list_area.sp_yoko .cms_list {
        display: flex;
        display: -webkit-flex;
        width: 100%;
    }

    .cms_list_area.sp_yoko .cms_list .img_wrap {
        width: 50%;
        /*padding: 0 7% 0 0;*/
        padding: 0 4% 0 0;
        margin: 0;
    }

    .cms_list_area.sp_yoko .cms_list .text_wrap {
        width: 50%;
    }

    .cms_list_area.sp_max8 .cms_list_wrap{
        width: 12.5%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.sp_max8 .cms_list_wrap:nth-child(8n) {
        margin-right: 0;
        margin: 0 2.8% 0 0;
        width: 10%;
    }

    .cms_list_area.sp_max7 .cms_list_wrap{
        width: 12.5%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.sp_max7 .cms_list_wrap:nth-child(7n) {
        margin-right: 0;
    }

    .cms_list_area.sp_max6 .cms_list_wrap{
        width: 15%;
        margin: 0 2% 2.4% 0;
    }

    .cms_list_area.sp_max6 .cms_list_wrap:nth-child(6n) {
        margin-right: 0;
    }

    .cms_list_area.sp_max5 .cms_list_wrap{
        width: 18%;
        margin: 0 2.4% 2.4% 0;
    }

    .cms_list_area.sp_max5 .cms_list_wrap:nth-child(5n) {
        margin-right: 0;
    }

    .cms_list_area.sp_max4 .cms_list_wrap{
        width: 23.5%;
        margin: 0 2% 2% 0;
    }

    .cms_list_area.sp_max4 .cms_list_wrap:nth-child(4n) {
        margin-right: 0;
    }

    .cms_list_area.sp_max3 .cms_list_wrap{
        width:32%;
        margin: 0 2% 2% 0;
    }

    .cms_list_area.sp_max3 .cms_list_wrap:nth-child(3n) {
        margin-right: 0;
    }

    .cms_list_area.sp_max2 .cms_list_wrap{
        width: 48%;
        margin: 0 4% 4% 0;
    }

    .cms_list_area.sp_max2 .cms_list_wrap:nth-child(2n) {
        margin-right: 0;
    }

    .cms_list_area.sp_max1 .cms_list_wrap{
        width: 100%;
        margin: 0 0 15px 0;
    }

    .cms_list_area.sp_max1 .cms_list_wrap:last-child{
        margin-bottom: 0;
    }

}


/*  .cms_list_area .cms_bike_obj（ホバーするとテキストが出現するもの） */

@media all and (min-width: 701px) {
    .cms_list_area .cms_bike_obj{
        position: relative;
        line-height: 1.4 !important;
        overflow:  hidden;
    }

    .cms_list_area  .cms_bike_obj_img{
        position: relative;
        z-index: 1;
    }

    .cms_list_area .cms_bike_obj_txt{
        width:100%;
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 0;
        bottom: -100%;
        color:#fff;
        font-size:12px;
        padding: 2em 0.83em 0.2em 0.83em;
        background: linear-gradient(rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.6) 40%, rgba(0, 0, 0, 1));
        -moz-transition: bottom 0.4s ease 0s;
        -webkit-transition: bottom 0.4s ease 0s;
        -o-transition: bottom 0.4s ease 0s;
        -ms-transition: bottom 0.4s ease 0s;
        transition: bottom 0.4s ease 0s;
        font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        font-weight: 700;
         
    }

    .cms_list_area .cms_bike_obj:hover .cms_bike_obj_txt{
        bottom: 0 !important;
    }

    .cms_list_area .cms_bike_obj_title{
        font-size: 100%;
        color: #ffffff;
    }

    .cms_list_area .cms_biek_obj_price{
        padding: 0 0 0.1em 0;
    }

    .cms_list_area .cms_biek_obj_price *{
        color: #ffff00 !important;
        font-size: 14px !important;
    }

    .cms_list_area .cms_bike_obj_comment{
        display: none;
    }

    .cms_list_area .cms_biek_obj_price .price_text_wrap{
        display: flex;
        -webkit-align-items: baseline;
        align-items: baseline;
    }
    .cms_list_area .cms_biek_obj_price .price_content:nth-child(1){
        /*display: none;*/
    }

    .cms_list_area .cms_biek_obj_price .price_text_wrap p:nth-child(1){
        order: 2;
    }
    .cms_list_area .cms_biek_obj_price .price_text_wrap p:nth-child(2){
        order: 1;
        margin-right: 10px;
    }
    .cms_list_area .cms_biek_obj_profile{
        padding: 0 0 0.2em 0;
    }


}

@media all and (max-width: 701px) {
    .cms_list_area  .cms_bike_obj_img{
    }
    .cms_list_area .cms_bike_obj_txt{
        font-size: 12px;
        padding: 15px 15px 0 15px;
    }
    .cms_list_area .cms_bike_obj_comment{
        margin: 0 0 15px 0;
    }
    .cms_list_area .cms_biek_obj_price{
        margin: 0 0 15px 0;
    }
    .cms_list_area .bike_price_wrap .price_content.total_price {
        border-top: 3px solid #ed1e79;
        float: right;
    }
    .cms_list_area .bike_price_wrap .price_content.base_price {
        border-top: 3px solid #040000;
        float: left;
    }

    .cms_list_area .bike_price_wrap .price_content:first-child:last-child{
        float: none;
        width: auto;
    }

    .cms_list_area .bike_price_wrap .price_content {
        width: 48%;
        padding: 10px 0 0 0;
        border-bottom: none;
    }
    .cms_list_area .bike_price_wrap .base_price {
    }
    .cms_list_area .bike_price_wrap .price_content {
        text-align: center;
    }
}

.cms_list_area.ranking_block{
    counter-reset: section;
}

.cms_list_area.ranking_block .cms_list_wrap{
    counter-increment: number;
}

.cms_list_area.ranking_block .cms_list_wrap .img_wrap{
    position: relative;
}

.cms_list_area.ranking_block .cms_list_wrap .img_wrap:after{
    content:counter(number,decimal);
    position: absolute;
    text-align: center;
    top: -0.875em;
    right: -0.875em;
    z-index: 2;
    font-size: 24px;
    line-height: 1.75em;
    width: 1.75em;
    height: 1.75em;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
    color: #ffffff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #999;
}

.cms_list_area.ranking_block .cms_list_wrap:nth-child(1) .img_wrap:after{
    background: #d8b240;
}

.cms_list_area.ranking_block .cms_list_wrap:nth-child(2) .img_wrap:after{
    background: #666666;
}
.cms_list_area.ranking_block .cms_list_wrap:nth-child(3) .img_wrap:after{
    background: #a05326;
}


/* --------------------------------------------------------------
.news_list_area
--------------------------------------------------------------*/

.news_list_area{
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width: 100%;
}

.news_list_area .news_list{
    padding: 0.66em 0.66em 1em 0.66em;
    height: 100%;
    /*font-size: 15px;*/
    border: 1px solid #a9a9a9;
    background-color: #ffffff;
}

.news_list_area .link_block{
    height: 100%;
}

.news_list_area .news_list .img_wrap{
    margin: 0 0 15px 0;
}

.news_list_area .news_list .img_wrap figure{
    padding-bottom: 75%;
    height: 0;
}

.news_list_area .news_list .text_wrap{
    font-size: 100%;
}

.news_list_area .news_list .news_list_title{
    font-size: 100%;
}


/* .news_list_area.ranking_block */

.news_list_area.ranking_block{
    counter-reset: section;
}

.news_list_area.ranking_block .news_list_wrap{
    counter-increment: number;
}

.news_list_area.ranking_block .news_list_wrap .img_wrap{
    position: relative;
}

.news_list_area.ranking_block .news_list_wrap .img_wrap:after{
    content:counter(number,decimal);
    position: absolute;
    text-align: center;
    top: -0.875em;
    right: -0.875em;
    z-index: 2;
    font-size: 24px;
    line-height: 1.75em;
    width: 1.75em;
    height: 1.75em;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
    color: #ffffff;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #999;
}

.news_list_area.ranking_block .news_list_wrap:nth-child(1) .img_wrap:after{
    background: #d8b240;
}

.news_list_area.ranking_block .news_list_wrap:nth-child(2) .img_wrap:after{
    background: #666666;
}
.news_list_area.ranking_block .news_list_wrap:nth-child(3) .img_wrap:after{
    background: #a05326;
}

/*  スライダーとなる場合 */

.news_list_area.news_slider{

}

.news_list_area .slick-track{
    display: flex;
    display: -webkit-flex;
}

.news_list_area.slick-dotted .news_list_wrap{
    padding: 0 3px 0 0 !important;
}

.news_slider.slick-slider.slick-dotted{
    position: relative;
    padding-bottom: 55px;
}


.news_list_area.slick-dotted{
    padding-left: 70px;
    padding-right: 70px;
}

.news_slider .slick-list{
    width: 100%;
}

.news_slider .slick-arrow {
    font-size: 54px;
    display: block;
    width: 1em;
    height: 1em;
    margin: calc(-0.5em - 35px) 0 0;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    top: 50%;
    white-space: nowrap;
    z-index:1000;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top left;
}
.news_slider .slick-prev {
    left: 0px;
    background-image: url(/common/img/controls_prev.png);
}
.news_slider .slick-next {
    right: 0px;
    background-image: url(/common/img/controls_next.png);
}


.news_slider .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.news_slider .slick-dots li {
    float: none !important;
    position: relative;
    display: inline-block;
    vertical-align:  top;
    width: 18px;
    height: 18px;
    margin: 0 15px 0 0;
    padding: 0 !important;
    cursor: pointer;
    border-radius: 50%;
    background: #999 !important;
}

.news_slider .slick-dots li:last-child{
    margin-right: 0;
}

.news_slider .slick-dots li button {
    color: transparent;
    background: transparent;
}
.news_slider .slick-dots li.slick-active {
    outline:none;
    background: #0071bc !important;
}

@media all and (min-width: 1142px){
    .news_slider .slick-prev {
        left: -70px;
    }
    .news_slider .slick-next {
        right: -70px;
    }
    .news_list_area.slick-dotted{
        padding-left: 0px;
        padding-right: 0px;
    }
}


@media screen and (min-width: 701px) and (max-width: 900px) {

    .news_list_area.slick-dotted{
        padding-left: 70px;
        padding-right: 70px;
    }

    .news_slider .slick-arrow {
        font-size: 43px;
    }

}
@media screen and (max-width: 700px) {
    .news_slider .slick-arrow {
        font-size: 30px;
    }

    .news_list_area.slick-dotted{
        padding-left: 40px;
        padding-right: 40px;
    }

}

@media all and (min-width: 901px) {

    .news_list_area.pc_yoko .news_list{
        padding: 0.66em 1em 0.66em 0.66em;
        display: flex;
    }

    .news_list_area.pc_yoko .news_list .img_wrap{
        width: 50%;
        padding: 0 1em 0 0;
    }

    .news_list_area.pc_yoko .news_list .img_wrap figure{
        height: 100%;
    }

    .news_list_area.pc_yoko .news_list .text_wrap{
        width: 50%;
    }

    .news_list_area.pc_max4 .news_list_wrap{
        width: 25%;
        padding: 0 3px 3px 0;
    }



    .news_list_area.pc_max4 .news_list_wrap:nth-child(4n){
        padding-right: 0;
    }

    .news_list_area.pc_max3 .news_list_wrap{
        width: 33.333%;
        padding: 0 3px 3px 0;
    }

    .news_list_area.pc_max3 .news_list_wrap:nth-child(3n){
        padding-right: 0;
    }

    .news_list_area.pc_max2 .news_list_wrap{
        width: 50%;
        padding: 0 3px 3px 0;
    }

    .news_list_area.pc_max2 .news_list_wrap:nth-child(2n){
        padding-right: 0;
    }

    .news_list_area.pc_max1 .news_list_wrap{
        width: 100%;
        padding: 0 0 3px 0;
    }

    /* .news_list_area.ranking_block */

    .news_list_area.ranking_block.pc_max4 .news_list_wrap{
        width: 25%;
        padding: 0 20px 20px 0;
    }

    .news_list_area.ranking_block.pc_max4 .news_list_wrap:nth-child(4n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.pc_max3 .news_list_wrap{
        width: 33.333%;
        padding: 0 20px 20px 0;
    }

    .news_list_area.ranking_block.pc_max3 .news_list_wrap:nth-child(3n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.pc_max2 .news_list_wrap{
        width: 50%;
        padding: 0 20px 20px 0;
    }

    .news_list_area.ranking_block.pc_max2 .news_list_wrap:nth-child(2n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.pc_max1 .news_list_wrap{
        width: 100%;
        padding: 0 0 20px 0;
    }

}

@media screen and (min-width: 701px) and (max-width: 900px) {

    .news_list_area.pad_yoko .news_list{
        padding: 0.66em 1em 0.66em 0.66em;
        display: flex;
    }

    .news_list_area.pad_yoko .news_list .img_wrap{
        width: 50%;
        padding: 0 1em 0 0;
        margin: 0;
    }

    .news_list_area.pad_yoko .news_list .img_wrap figure{
        height: 100%;
    }

    .news_list_area.pad_yoko .news_list .text_wrap{
        width: 50%;
    }

    .news_list_area.pad_max4 .news_list_wrap{
        width: 25%;
        padding: 0 3px 0 0;
    }

    .news_list_area.pad_max4 .news_list_wrap:nth-child(4n){
        padding-right: 0;
    }

    .news_list_area.pad_max3 .news_list_wrap{
        width: 33.333%;
        padding: 0 3px 3px 0;
    }

    .news_list_area.pad_max3 .news_list_wrap:nth-child(3n){
        padding-right: 0;
    }

    .news_list_area.pad_max2 .news_list_wrap{
        width: 50%;
        padding: 0 3px 3px 0;
    }

    .news_list_area.pad_max2 .news_list_wrap:nth-child(2n){
        padding-right: 0;
    }

    .news_list_area.pad_max1 .news_list_wrap{
        width: 100%;
        padding: 0 0 3px 0;
    }

    /* .news_list_area.ranking_block */

    .news_list_area.ranking_block.pad_max4 .news_list_wrap{
        width: 25%;
        padding: 0 20px 20px 0;
    }

    .news_list_area.ranking_block.pad_max4 .news_list_wrap:nth-child(4n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.pad_max3 .news_list_wrap{
        width: 33.333%;
        padding: 0 20px 20px 0;
    }

    .news_list_area.ranking_block.pad_max3 .news_list_wrap:nth-child(3n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.pad_max2 .news_list_wrap{
        fwidth: 50%;
        padding: 0 20px 20px 0;
    }

    .news_list_area.ranking_block.pad_max2 .news_list_wrap:nth-child(2n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.pad_max1 .news_list_wrap{
        width: 100%;
        padding: 0 0 20px 0;
    }

    .news_list_area.ranking_block .news_list_wrap .img_wrap:after{
        font-size: 22px;
    }

}


@media all and (max-width: 701px) {

    .news_list_area.sp_yoko .news_list{
        padding: 0.66em 1em 0.66em 0.66em;
        display: flex;
    }

    .news_list_area.sp_yoko .news_list .img_wrap{
        width: 50%;
        padding: 0 1em 0 0;
        margin: 0;
    }

    .news_list_area.sp_yoko .news_list .img_wrap figure{
        height: 100%;
    }

    .news_list_area.sp_yoko .news_list .text_wrap{
        width: 50%;
    }

    .news_list_area.sp_max4 .news_list_wrap{
        width: 25%;
        padding: 0 3px 3px 0;
    }

    .news_list_area.sp_max4 .news_list_wrap:nth-child(4n){
        padding-right: 0;
    }

    .news_list_area.sp_max3 .news_list_wrap{
        width: 33.333%;
        padding: 0 3px 3px 0;
    }

    .news_list_area.sp_max3 .news_list_wrap:nth-child(3n){
        padding-right: 0;
    }

    .news_list_area.sp_max2 .news_list_wrap{
        width: 50%;
        padding: 0 3px 3px 0;
    }

    .news_list_area.sp_max2 .news_list_wrap:nth-child(2n){
        padding-right: 0;
    }

    .news_list_area.sp_max1 .news_list_wrap{
        width: 100%;
        padding: 0 0 3px 0;
        margin: 0;
    }

    /* .news_list_area.ranking_block */

    .news_list_area.ranking_block.sp_max4 .news_list_wrap{
        width: 25%;
        padding: 0 15px 15px 0;
    }

    .news_list_area.ranking_block.sp_max4 .news_list_wrap:nth-child(4n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.sp_max3 .news_list_wrap{
        width: 33.333%;
        padding: 0 15px 15px 0;
    }

    .news_list_area.ranking_block.sp_max3 .news_list_wrap:nth-child(3n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.sp_max2 .news_list_wrap{
        width: 50%;
        padding: 0 15px 15px 0;
    }

    .news_list_area.ranking_block.sp_max2 .news_list_wrap:nth-child(2n){
        padding-right: 0;
    }

    .news_list_area.ranking_block.sp_max1 .news_list_wrap{
        width: 100%;
        padding: 0 0 15px 0;
    }

    .news_list_area.ranking_block .news_list_wrap .img_wrap:after{
        font-size: 18px;
        top: -0.875em;
        left: -0.875em;
    }

}


/* .choice_slider_zone（イチオシ共通のスライダー）
--------------------------------------------------------------*/
.choice_slider_zone{
    overflow: hidden;
    margin: 30px 0;
}

.choice_slider_zone .detail_slider{
    position: relative;
    margin: 0 0 20px 0;
    cursor: grab;
}

.choice_slider_zone .choice_slider_slider .slick-list{
    width: 100%;
}


.choice_slider_zone .choice_slider .slick-arrow{
    position: absolute;
    top :50%;
    width: 35px;
    height: 35px;
    margin: -17px 0 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    z-index: 5000 !important;
}

.choice_slider_zone .slick-disabled{
    -ms-filter: "alpha(opacity=50)" ;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


.choice_slider_zone .choice_slider .slick-arrow.slick-prev{
    left: 8px;
    background-image: url(../img/detail_slide_arrow01.png);
}

.choice_slider_zone .choice_slider .slick-arrow.slick-next{
    right: 8px;
    background-image: url(../img/detail_slide_arrow02.png);
}

@media screen and (max-width: 700px) {
    .choice_slider_zone{ margin: 15px -15px 15px -15px;}
    .choice_slider_zone .choice_slider .slick-arrow{
        top: 37.5vw;
    }
    .choice_slider_zone .slick-slide{
        margin: 0 !important;
    }
    .search_content .choice_slider_zone{
        width: 100vw;
    }
}



/* .detail_slider_zone（詳細ページ共通のスライダー）
--------------------------------------------------------------*/
.detail_slider_zone{
    overflow:  hidden;
}

/*
.detail_slider_zone .scroll_zone .scroll_area > div{
  display: block !important;
}*/

.detail_slider_zone .detail_slider{
    position: relative;
    margin: 0 0 20px 0;
    cursor: grab;
}

.detail_slider_zone .detail_slider .slick-list{
    width: 100%;
}


.detail_slider_zone .detail_slider .slick-arrow,
.detail_slider_thumb_wrap .slick-arrow{
    position: absolute;
    top :50%;
    width: 35px;
    height: 35px;
    margin: -17px 0 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 200%;
    z-index: 5000 !important;
}

.detail_slider_zone .slick-disabled{
    -ms-filter: "alpha(opacity=50)" ;
    -khtml-opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


.detail_slider_zone .detail_slider .slick-arrow.slick-prev{
    left: 8px;
    background-image: url(../img/detail_slide_arrow01.png);
}

.detail_slider_zone .detail_slider .slick-arrow.slick-next{
    right: 8px;
    background-image: url(../img/detail_slide_arrow02.png);
}

.detail_slider_thumb_wrap .slick-arrow.slick-prev{
    left: -45px;
    background-image: url(../img/detail_slide_arrow01.png);
}

.detail_slider_thumb_wrap .slick-arrow.slick-next{
    right: -45px;
    background-image: url(../img/detail_slide_arrow02.png);
}

.detail_slider_zone .detail_slider_list{
    position: relative;
}

.detail_slider_zone .slick-list .detail_slider_list{
    float: left;
}

.detail_slider_zone .detail_slider_list .img_wrap{
    position: relative;
    z-index: 1;
}

.detail_slider_zone .detail_slider_list .img{
    padding: 0 0 75% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.detail_slider_zone .detail_slider_list .txt_wrap{
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 0 30px;
    font-size: 13px;
    line-height: 1.346;
    bottom: -100%;
    -moz-transition: bottom 0.5s ease 0.8s;
    -webkit-transition: bottom 0.5s ease 0.8s;
    -o-transition: bottom 0.5s ease 0.8s;
    -ms-transition: bottom 0.5s ease 0.8s;
    transition: bottom 0.5s ease 0.8s;
}

.detail_slider_zone .detail_slider_list.slick-active .txt_wrap{
    bottom: 20px;
}


.detail_slider_zone .detail_slider_list.slick-active.close .txt_wrap{
    bottom: -100%;
    -moz-transition: bottom 1s ease 0s;
    -webkit-transition: bottom 1s ease 0s;
    -o-transition: bottom 1s ease 0s;
    -ms-transition: bottom 1s ease 0s;
    transition: bottom 1s ease 0s;
}


.detail_slider_zone .detail_slider_list.slick-current .txt_wrap{
    /*-ms-filter: "alpha(opacity=100)" ;
          -khtml-opacity: 1;
          filter: alpha(opacity=100);
          -moz-opacity: 1;
          opacity: 1;	*/
}

.detail_slider_zone .detail_slider_list .txt{
    position: relative;
    background: rgba(255,255,255,0.9);
    /*padding: 10px 26px;*/
    padding: 15px 26px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.detail_slider_zone .detail_slider_list .txt_close{
    position: absolute;
    top: 7px;
    right: 7px;
    width: 12px;
    height: 12px;
    background: url(../img/detail_slide_txt_close.png);
    background-size: 100% auto;
    cursor: pointer;
}

.detail_slider_zone .detail_slider_thumb_wrap{
    position: relative;
    padding: 12px 12px;
    background-color: #E6E6E6;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.detail_slider_zone .detail_slider_thumb_wrap.slide_active{
    padding: 12px 56px;
}

.detail_slider_zone .slick-dots{
    margin: -0.6% 0 0 0;
}

.detail_slider_zone .slick-dots:after{
    content:"";
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
}

.detail_slider_zone .detail_slider_thumb_wrap .slick_block li{
    float: left;
    width: 10.5%;
    margin: 0.6% 0.6% 0 0;
}

.detail_slider_zone .detail_slider_thumb_wrap .slick_block li.slick-active{
    opacity: 0.7;
}

.detail_slider_zone .detail_slider_thumb_wrap .slick_block li button{
    padding: 0 0 75% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #B2B2B2;
    height: 0;
    text-indent: 200%;
    white-space: nowrap;
    overflow:  hidden;
    display: block;
    width: 100%;
}

.detail_slider_zone .slick_dots_slide_list{
    float: left;
}

.detail_slider_zone .detail_slider_thumb_list .img{

}


@media all and (min-width: 901px){
    .detail_slider_zone .detail_slider_thumb_wrap .slick_block li{
        width: 10.5%;
        margin: 0.6% 0.6% 0 0;
    }

    .detail_slider_zone .detail_slider_thumb_wrap .slick_block li:nth-child(9n){
        margin-right: 0;
    }

}


@media screen and (min-width: 701px) and (max-width: 900px) {
    .detail_slider_zone .detail_slider_thumb_wrap .slick_block li{
        float: left;
        width: 18%;
        margin: 2.5% 2.5% 0 0;
    }
    .detail_slider_zone .detail_slider_thumb_wrap .slick_block li:nth-child(5n){
        margin-right: 0;
    }
}

@media all and (min-width: 701px) {
    .detail_slider_zone .slick-dots{
        display: block !important;
    }
    .detail_slider_zone .detail_slider_thumb_wrap{
        display: block !important;
    }
    .detail_slider_zone .detail_slider_thumb_zone{
        overflow:  hidden;
    }

    .detail_slider_zone .detail_slider_thumb_area{
        overflow: hidden !important;
        cursor: default !important;
    }

    .detail_slider_zone .scroll_zone .scroll_content{
        display: block !important;
        width: 100% !important;
    }

}


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

    .detail_slider_zone{ margin: 0 -15px 15px -15px;}

    .detail_slider_zone .detail_slider_thumb_wrap{
        display: inline-block !important;
    }

    .detail_slider_zone .detail_slider_list .txt_wrap{
        position: static;
        display: block !important;
        padding: 0;
        /*background: #F2F2F2;*/
        background: #ffffff;
        visibility: visible !important;
    }


    .detail_slider_zone .detail_slider_list .txt{
        padding : 16px 15px 15px 15px;
        background: none;
    }

    .detail_slider_zone .detail_slider_list .txt_close{
        display: none;
    }

    .detail_slider_zone .detail_slider{
        margin-bottom: 0 !important;
    }

    .detail_slider_zone .detail_slider_thumb_wrap .slick_block li{
        float: left;
        width: 80px;
        margin: 0 5px 0px 0;
    }

    .detail_slider_zone .detail_slider_thumb_zone{
        height: 87px;
    }

    .detail_slider_zone .detail_slider_thumb_area{
        height: 200px;
        background: #F2F2F2;
    }

    .detail_slider_zone .detail_slider_thumb_wrap{
        margin: 0 0 0 0;
        padding: 15px 15px 15px 15px;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        background: none;
        display: inline-block;
    }

    .detail_slider_zone .detail_slider_thumb_wrap.slide_active{
        padding: 12px;
    }

    .detail_slider_zone .slick-dots{
        display: inline-block;
    }

    .detail_slider_zone .slick_dots_slide_wrap{
        display: inline-block;
        width: auto !important;
    }

    .detail_slider_zone .slick_dots_slide{
        /*white-space: normal;*/
        display: inline-block;
        white-space: nowrap;
    }
    .detail_slider_zone .slick_dots_slide_list{
        /*display: inline;*/
        display: inline-block;
        vertical-align: top;
        float: none !important;
        /*white-space: normal;*/
        white-space: nowrap;
    }

    .detail_slider_zone .slick_block{
        /*display: inline;*/
        display: inline-block;
        vertical-align: top;
    }

    .detail_slider_zone .slick_block li{
        display: inline-block;
        vertical-align: top;
        float: none !important;
    }

    .detail_slider_zone .detail_slider .slick-arrow,
    .detail_slider_thumb_wrap .slick-arrow{
        top: 37.5vw;
    }

}

/*  .scroll_zone  */

.scroll_zone_wrap{
    position: relative;
    height: 100%;
}

.scroll_zone_wrap .scroll_text{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 2em 0 0;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
     
    font-weight: bold;
    z-index: 3;
    font-size: 12px;
    line-height: 1;
    /*background-color: #007bff;*/
    /*background-color: #0e7eed;*/
    background-color: #2b8ceb;
    padding: 0.5em 1.6em 0.5em 0.8em;
    color: #ffffff;
}

.scroll_zone_wrap.active .scroll_text{
    display: block;
    -moz-animation: opacity_anime 3s ease 0s infinite normal;
    -webkit-animation: opacity_anime 3s ease 0s infinite normal;
    -o-animation: opacity_anime 3s ease 0s infinite normal;
    -ms-animation: opacity_anime 3s ease 0s infinite normal;
    animation: opacity_anime 3s ease 0s infinite normal;
}


.scroll_zone_wrap .scroll_text:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0.8em;
    z-index: 2;
    width: 0;
    height: 0;
    margin: -0.5em -0.33em 0 0;
    border-style: solid;
    border-width: 0.5em 0 0.5em 0.66em;
    border-color: transparent transparent transparent #ffffff;
}

@media screen and (max-width: 700px) {
    .scroll_zone_wrap .scroll_text{ font-size: 10px; }
}


@-moz-keyframes scroll_zone_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-webkit-keyframes scroll_zone_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-o-keyframes scroll_zone_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-ms-keyframes scroll_zone_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@keyframes scroll_zone_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}


.scroll_zone{
    position: relative;
    height: 100%;
    overflow:  hidden;
}


.scroll_zone .scroll_area{
    position: relative;
    z-index: 1;
    overflow-y: hidden;
    overflow-x: scroll;
    height: 300%;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.scroll_zone_wrap.active .scroll_area{
    cursor: grab !important;
}

.scroll_zone_wrap.active .scroll_area{
    cursor: grab !important;
}

.scroll_zone .scroll_content{
    min-width: 100%;
    display: inline-block;
}


.scroll_zone .scroll_area > div {
    display: none !important;
}

/*  #movie_popup_wrap  */

#movie_popup_wrap{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 30000;
    letter-spacing: -0.4em;
    text-align: center;
    padding: 20px;
}

#movie_popup_wrap:after{
    content: "";
    display: inline-block;
    vertical-align:  middle;
    height: 100%;
}

#movie_popup{
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 100%;
    max-width: 1000px;
    z-index: 2;
    letter-spacing: normal;
}

#movie_popup_in{
    position: relative;
    height: 0;
    padding: 0 0 56.2% 0;
}

#movie_popup iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#movie_popup_bg{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
}

/*  #movie_close */

#movie_close{
    position: absolute;
    top: -50px;
    right: -14px;
    width: 50px;
    height: 50px;
    z-index: 2000;
    cursor: pointer;
}


#movie_close_in{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 17px;
    margin: -8px 0 0 -15px;
}

#movie_close_in .bar{
    position: absolute;
    left: 0;
    width: 30px;
    height: 1px;
    background: #ffffff;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    -o-transform-origin: 0% 0%;
    -ms-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}


#movie_close_in .bar.bar01{
    top: 0;
}

#movie_close_in .bar.bar02{
    top: 8px;
}

#movie_close_in .bar.bar03{
    top: 16px;
}

#movie_close_in .bar.bar01{
    -webkit-transform: rotate(45deg) translate(0px, -7px);
    -moz-transform: rotate(45deg) translate(0px, -7px);
    -o-transform: rotate(45deg) translate(0px, -7px);
    -ms-transform: rotate(45deg) translate(0px, -7px);
    transform: rotate(45deg) translate(0px, -7px);
}

#movie_close_in .bar.bar02{
    display: none;
}

#movie_close_in .bar.bar03{
    -webkit-transform: rotate(-45deg) translate(3px, 3px);
    -moz-transform: rotate(-45deg) translate(3px, 3px);
    -o-transform: rotate(-45deg) translate(3px, 3px);
    -ms-transform: rotate(-45deg) translate(3px, 3px);
    transform: rotate(-45deg) translate(3px, 3px);
}

/*
---------------------------------------------- .tab_design ----------------------------------------------
*/

.tab_head_parts_left{
    position: absolute;
    top: 0;
    left: 0;
    width: 1.5em;
    height: 100%;
    border-top: 1px solid #162143;
    border-left: 1px solid #162143;
    border-bottom: 1px solid #162143;
    border-radius: 0.28em 0 0 0;
    cursor: pointer;
}

.tab_head_wrap{
    position: relative;
    font-size: 18px;
    position: relative;
    padding: 0 0 0 1.5em;
    margin: 0 0 1.6em 0;
    color: #162143;
}

.tab_head_wrap:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background:#162143;
}

.tab_head{
    overflow: hidden;
}

.tab_design{
    display: flex;
    display: -webkit-flex;
    margin: 0 0 -1px -1.5em;
}

.tab_design .tab{
    cursor: pointer;
    margin: 0 5px 0 0;
}

.tab_design .tab:first-child:last-child{
    cursor: default;
}

.tab_design .tab span{
    height: 100%;
}

.tab_design .tab .tab_in{
    -moz-transform: skewX(28deg);
    -webkit-transform: skewX(28deg);
    -o-transform: skewX(28deg);
    -ms-transform: skewX(28deg);
    transform: skewX(28deg);
    border: 1px solid #162143;
    border-radius: 0.28em 0.28em 0 0;
    padding: 0 1.5em;
    display: block;
}


.tab_design .tab.hover .tab_in,
.tab_design .tab.active .tab_in,
.tab_head_parts_left.hover,
.tab_head_parts_left.active{
    background: #162143;
    color: #ffffff;
}

.search_switch_active .tab_design .tab.hover .tab_in,
.search_switch_active .tab_design .tab.active .tab_in,
.search_switch_active .tab_head_parts_left.hover,
.search_switch_active .tab_head_parts_left.active{
    background: #ffffff !important;
}


.search_switch_active .tab_design .tab.hover .tab_in .tab_text,
.search_switch_active .tab_design .tab.active .tab_in .tab_text{
    color: #162143 !important
}

.search_switch_active .tab_in{
    background: #ffffff !important;
}

.search_switch_active .bike_search_switch .tab_in,
.search_switch_active .parts_search_switch .tab_in,
.search_switch_active .shop_search_switch .tab_in{
    background: #162143 !important;
}

.search_switch_active .bike_search_switch .tab_in .tab_text,
.search_switch_active .parts_search_switch .tab_in .tab_text,
.search_switch_active .shop_search_switch .tab_in .tab_text{
    color: #ffffff !important;
}

.tab_design .tab .tab_text{
    text-align: center;
    -moz-transform: skewX(-28deg);
    -webkit-transform: skewX(-28deg);
    -o-transform: skewX(-28deg);
    -ms-transform: skewX(-28deg);
    transform: skewX(-28deg);
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    display: block;
}

.tab_zone .tab_content{
    display: none;
}


@media screen and (max-width: 900px) {
    .tab_head_wrap{
        font-size: 15px;
    }
}

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

    .tab_head_wrap{
        font-size: 11px;
        padding: 0 0 0 0.5em;
    }
    .tab_head_parts_left{
        width: 0.5em;
    }
    .tab_design{
        margin: 0 0 -1px -0.5em;
    }
    .tab_design .tab .tab_in{
        padding: 0 0.5em;
    }

}

/*  .search_history_list_wrap  */

.search_history_list_wrap .search_history_list{
    padding: 1em 0;
    border-bottom: solid 1px #d9d9d9;
}

.search_history_list_wrap .search_history_list:first-child{
    padding-top: 0;
}

.search_history_list_wrap .search_history_list:last-child{
    padding-bottom: 0;
    border-bottom: none;
}

.search_history_list_wrap .search_history_list_content{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    width: 100%;
}


.search_history_list_wrap .search_history_list_category_wrap{
    min-width: 5.5em;
    margin: 0 1em 0 0;
    font-size: 0.8em;
    padding: 0.1em 0 0 0;
}

.search_history_list_wrap .search_history_list_text{
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.search_history_list_wrap a{
    text-decoration: none !important;
}

.search_history_list_wrap a:hover .search_history_list_text{
    text-decoration: underline;
}

.search_history_list_wrap .search_history_list_category{
    display: inline-block;
    min-width: 5.5em;
    text-align: center;
    color: #ffffff;
    background: #162143;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    border-radius: 4px;
}

.search_history_list_wrap .search_history_list_category.bike{
    background: #ff0000;
}

.search_history_list_wrap .search_history_list_category.parts{
    background: #39b54a;
}

.search_history_list_wrap .search_history_list_category.shop{
    background: #0000ff;
}

.search_history_list_wrap .search_history_time{
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
 
    color: #808080;
    margin: 0 1em 0 0;
    text-decoration: none !important;
}

@media screen and (max-width: 700px) {
    .search_history_list_wrap .search_history_list_text{
        width: 100%;
        margin: 5px 0 0 0;
    }
}

#top_mylist .search_history_list_wrap .search_history_list_text{
    width: 100%;
    margin: 5px 0 0 0;
}

/*  カルーセルスライダー */


.carousel_slider{
    margin: 40px -10px;
}

.carousel_slider:first-child{
    margin-top: 0;
}

.carousel_slider:last-child{
    margin-bottom: 0;
}

.carousel_slider a{
    display: block;
    -moz-transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    -ms-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s;
}

.carousel_slider a:hover{
    opacity: 0.7;
}

.carousel_slider li{
    padding: 0 10px;
}

.carousel_slider li img{
    max-width: none;
    width: 100%;
}

/*
.carousel_slider li{
  padding: 0 15px;
}*/

.carousel_slider .slick-track{
    display: flex;
    display: -webkit-flex;
}

.carousel_slider.slick-dotted .news_list_wrap{
    padding: 0 3px 0 0 !important;
}

.carousel_slider.slick-slider{
    position: relative;
    padding-bottom: 70px;
}

.carousel_slider.slick-dotted{
    padding-left: 70px;
    padding-right: 70px;
}

.carousel_slider .slick-list{
    width: 100%;
}

.carousel_slider .slick-arrow {
    font-size: 54px;
    display: block;
    width: 1em !important;
    height: 1em !important;
    margin: calc(-0.5em - 35px) 0 0;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    top: 50%;
    white-space: nowrap;
    z-index:1000;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top left;
}
.carousel_slider .slick-prev {
    left: 0px;
    margin-left: 10px;
    background-image: url(/common/img/controls_prev.png);
}
.carousel_slider .slick-next {
    right: 0px;
    margin-right: 10px;
    background-image: url(/common/img/controls_next.png);
}


.carousel_slider .slick-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center;
}
.carousel_slider .slick-dots li {
    float: none !important;
    position: relative;
    display: inline-block;
    vertical-align:  top;
    width: 18px;
    height: 18px;
    margin: 0 20px 0 0;
    padding: 0 !important;
    cursor: pointer;
    border-radius: 50%;
    background: #999 !important;
}

.carousel_slider .slick-dots li:last-child{
    margin-right: 0;
}

.carousel_slider .slick-dots li button {
    color: transparent;
    background: transparent;
}
.carousel_slider .slick-dots li.slick-active {
    outline:none;
    background: #0071bc !important;
}

@media all and (min-width: 1142px){
    .carousel_slider .slick-prev {
        left: -70px;
    }
    .carousel_slider .slick-next {
        right: -70px;
    }
    .carousel_slider.slick-dotted{
        padding-left: 0px;
        padding-right: 0px;
    }
}


@media screen and (min-width: 901px){
  
  .carousel_slider.pc_arrow_no{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .carousel_slider.pc_arrow_no .slick-arrow{
    display: none !important;
  }
  
  .carousel_slider.pc_dots_no{
    padding-bottom: 0 !important;
  }
  
  .carousel_slider.pc_dots_no .slick-dots{
    display: none !important;
  }
  
}

@media screen and (min-width: 701px) and (max-width: 900px) {

  .carousel_slider.slick-dotted{
      padding-left: 70px;
      padding-right: 70px;
  }

  .carousel_slider .slick-arrow {
      font-size: 43px;
  }
  
  .carousel_slider.pad_arrow_no{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .carousel_slider.pad_arrow_no .slick-arrow{
    display: none !important;
  }
  
  .carousel_slider.pad_dots_no{
    padding-bottom: 0 !important;
  }
  
  .carousel_slider.pad_dots_no .slick-dots{
    display: none !important;
  }

}
@media screen and (max-width: 700px) {
    .carousel_slider .slick-arrow {
        font-size: 30px;
    }

    .carousel_slider.slick-dotted{
        padding-left: 40px;
        padding-right: 40px;
    }
    .carousel_slider .slick-dots li{
        margin: 0 10px 0 0;
    }
}

@media screen and (max-width: 900px) {
    .carousel_slider li{
        font-size: 14px;
    }
  
}

@media screen and (max-width: 700px) {
    .carousel_slider li{
        font-size: 12px;
    }
  
  .carousel_slider.sp_arrow_no{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .carousel_slider.sp_arrow_no .slick-arrow{
    display: none !important;
  }
  
  .carousel_slider.sp_dots_no{
    padding-bottom: 0 !important;
  }
  
  .carousel_slider.sp_dots_no .slick-dots{
    display: none !important;
  }
  
}

/*  table.speclist  */

table.speclist{
    background-color: #EEE;
    width: 100%;
    border: 1px #666 solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: rgb(102, 102, 102);
    border-left-color: rgb(102, 102, 102);
    border-collapse: separate;
    border-spacing: 0px;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

table.speclist th{
    text-align: left;
    vertical-align: top;
    padding: 0.5em 0.8em;
    color: #444;
    background-color: #EEE;
    border-left: 3px double #999;
    border-top: 1px solid #fff;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    line-height: 1.6;
}

table.speclist td{
    padding: 0.5em 0.8em;
    background-color: #FFF;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 90%;
    line-height: 1.9;
}

/*  input_word_block  */

.input_word_block{
    display: flex;
    display: -webkit-flex;
    font-size: 25px;
    margin: 1.2em 0;
}

.input_word_block:first-child{
}


.input_word_block:last-child{
}

.input_word_block .input_word_block_input{
    padding: 0 10px 0 0;
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.input_word_block input{
    height: 40px;
    /*line-height: 1;*/
}

.input_word_block .input_word_block_btn{
    width: 84px;
}


.input_word_block .input_word_block_btn input{
    background: #333333;
    color: #ffffff;
    width: 100%;
    border: none;
    -moz-border-radius: 0.24em;
    -webkit-border-radius: 0.24em;
    border-radius: 0.24em;
}

.input_word_block .input_word_block_btn input{
    transition: opacity 0.4s ease 0s;
    -webkit-transition: opacity 0.4s ease 0s;
    -moz-transition: opacity 0.4s ease 0s;
    -o-transition: opacity 0.4s ease 0s;
    -ms-transition: opacity 0.4s ease 0s;
}
.normal .input_word_block .input_word_block_btn input:hover{
    -ms-filter: "alpha(opacity=70)" ;
    -khtml-opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

@media screen and (max-width: 900px) {
    .input_word_block{
        font-size: 20px;
    }
}

@media screen and (max-width: 700px) {
    .input_word_block{
        font-size: 16px;
    }
}

/*  .faq_box_list_wrap  */

.faq_box_list_wrap{
}

.faq_box_list_wrap .faq_box_list{
    margin: 0 0 50px 0;
}


.faq_box_list_wrap .faq_box_list .title.type03.border_type{
    margin-bottom: 0 !important;
}

.faq_box_list_wrap .faq_box_list:last-child{
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    border-bottom: none;
}

.faq_box_list_wrap .faq_box_content{
    position: relative;
    padding: 20px 0 20px 3em;
    border-bottom: 1px dotted #a9a9a9;
}



.faq_box_list_wrap .faq_box_content:after{
    content: "";
    position: absolute;
    font-size: 2em;
    top: 20px;
    left: 0;
    line-height: 1;
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
}

.faq_box_list_wrap .faq_box_content.question:after{
    content: "Q.";
    color: #0e7eed;
}

.faq_box_list_wrap .faq_box_content.answer:after{
    content: "A.";
    color: #cc1644;
}

.faq_box_list_wrap .faq_box_bottom{
    text-align: right;
    margin: 10px 0 0 0;
}

.faq_box_list_wrap .faq_box_bottom p,
.faq_box_list_wrap .faq_box_bottom ul{
    display: inline-block;
    text-align: left;
}

.faq_box_list_wrap .faq_box_content_head{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    margin: 0 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #a9a9a9;
}

.faq_box_list_wrap .faq_box_content_head .faq_box_content_head_img{
    padding: 0 30px 0 0;
}

.faq_box_list_wrap .faq_box_content_head .faq_box_content_head_img figure{
    max-width: 120px;
}

.faq_box_list_wrap .faq_box_content_head .faq_box_content_head_text{
    flex-grow: 1;
    -webkit-flex-grow: 1;
}

.faq_box_list_wrap .faq_box_content_head .faq_box_content_head_text th{
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
}

.faq_box_list_wrap .faq_box_content_head .faq_box_content_head_text td.sep{
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
    padding: 0 0.5em;
}

.faq_box_list_wrap .faq_user{
    margin: 1.5em 0 0 0;
    display: flex;
    display: -webkit-flex;
}

.faq_box_list_wrap .faq_user_title{
    font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 700;
    
}

/*
.faq_box_list_wrap .faq_box_list{
  border: 1px solid #ff7f00;
}

.faq_box_list_wrap .faq_box_list .faq_box_title{
  font-family: "Midashi Go MB31",YuGothic, '游ゴシック',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 700;
  color: #ffffff;
  background:
  font-size: 130%;
  background: #fdbf7f;
  border-bottom: 1px solid #ff7f00;
}*/


.red_box01{
    margin: 30px 0;
    padding: 1.42em;
    border: 1px solid #ed1e79;
    color: #ed1e79;
    background-color: #ffebeb;
}

.red_box01:first-child{
    margin-top: 0;
}

.red_box01:last-child{
    margin-bottom: 0;
}

/* PCのみ */

@media all and (min-width: 901px) {
}

/* padのみ */

@media screen and (min-width: 701px) and (max-width: 900px){
}

/* spのみ */

@media screen and (max-width: 700px){
    .red_box01{
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

/*
---------------------------------------------- バイク用語辞典専用CSS --------------------------------------------------------
*/

/* .page_vision_head_zone */

.page_vision_head_zone{
    position: relative;
    margin: -15px 0 0 0;
}


.page_vision_head_zone .page_vision_head_wrap{
    position: relative;
    z-index: 2;
}

.page_vision_head_zone .page_vision_head{
    /*display: table;
    width: 100%;
    height: 400px;*/
}

.page_vision_head_zone .page_vision_head_in{
    /*display: table-cell;
    vertical-align:  middle;
    text-align: center;
    padding: 30px 15px;*/
    min-height: 400px;
    padding: 30px 15px;
    display: flex;
    display: -webkit-flex;
    align-content: center;
    -webkit-align-content: center;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
}


.page_vision_head_zone .page_vision_head_content{
    /*display: inline-block;
    max-width: 436px;*/
    color: #ffffff;
    max-width: 100%;
}

.page_vision_head_zone .page_vision_head_content .title{
    color: #ffffff;
    display: inline-block;
    vertical-align:  top;
    min-width: 436px;
    text-align: center;
    word-break: normal;
    word-wrap: normal;
}

.page_vision_head_zone .page_vision_head_content .d_border_type{
    border-color: #ffffff !important;
}

.page_vision_head_zone .page_vision_head_content p:not([class]){
    font-size: 18px;
    text-align: center;
    word-break: normal;
    word-wrap: normal;
}


.page_vision_head_zone .page_vision_head_img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

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

    .page_vision_head_zone .page_vision_head_content p{
        font-size: 16px;
    }
}


@media screen and (max-width: 700px) {
    .page_vision_head_zone{
        margin: 0;
    }
    .page_vision_head_zone .page_vision_head{
        height: auto;
    }
    .page_vision_head_zone .page_vision_head_in{
        min-height: 200px;
    }

    .page_vision_head_zone .page_vision_head_content .title{
        font-size: 18px;
    }
    .page_vision_head_zone .page_vision_head_content p{
        font-size: 14px;
        text-align: left;
    }
    .page_vision_head_zone .page_vision_head_content .title{
        min-width: 0;
        width: auto;
        display: block;
    }
}

/* お問い合わせ共通 */

.contact_error{
    color: #ed1e79;
    margin-top: 5px;
}

/* 点滅アニメーション */

.opacity_anime{
    -moz-animation: opacity_anime 3s ease 0s infinite normal;
    -webkit-animation: opacity_anime 3s ease 0s infinite normal;
    -o-animation: opacity_anime 3s ease 0s infinite normal;
    -ms-animation: opacity_anime 3s ease 0s infinite normal;
    animation: opacity_anime 3s ease 0s infinite normal;
}

@-moz-keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-webkit-keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-o-keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@-ms-keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}

@keyframes opacity_anime {
    0% { opacity: 0;}
    25% { opacity: 1;}
    50% { opacity: 0;}
    75% { opacity: 0;}
    100% { opacity: 0;}
}