@charset "utf-8";
/* =================================================================
 License : e-TRUST Inc.
 File name : style.css
 Style : style
================================================================= */
#twitter-widget-1 {
border: 1px solid #1ea1f3!important;
padding: 8px!important;
}



.submit {
	width: 90%;
	height: auto;
	margin: 20px auto;
}
.submit input {
	height: auto;
	cursor: pointer;
	width: 49%;
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 15px 0;
	font-size: 18px;
}
.submit input.submit_l{
	background: #2a6acb;
	border-radius: 3px;
	border-bottom: solid 3px #205099;
}
.submit input.submit_r{
	background: #5bb436;
	border-radius: 3px;
	border-bottom: 3px solid #428227;
}
.submit input.submit_c {
	background: #5bb436;
	border-radius: 3px;
	border-bottom: 3px solid #428227;
	width: 80%;
	margin: 0 auto;
}


.sp_bana{
  display: block;
  margin:0 auto;
  width: 240px;
}


@media screen and (max-width: 640px){
.an_btn a {
  margin:0 auto;
}
}
.box_wrap1 {
  padding-bottom: 0 !important;
}
/*2021/01/05*/
#spnav li.selected  {
  background: #ba924d
}



.balloon3-top {
    background: #fb3694!important;
}

.balloon3-top:before {
    border-bottom: 15px solid #fb3694!important;
}


@media screen and (max-width: 640px){
#maintxt {
  padding: 10px 40px !important;
}
#maintxt h2 {
  text-align: center;
}
#maintxt  a {
  margin:0 auto;
}
#contents_wrap {
     padding: 10px 10px 50px;
}
}
/*2020/12/09*/
.box_wrap1 .box1 {
  margin-bottom: 2.5%;
/*  background: #fff;
  border-radius: 10px;
  /*box-shadow: 0 0 10px rgba(0,0,0,0.2);*/
/*  padding: 10px;*/
}
.box_wrap1 .box1 .ttl {
  position: relative;
  display: block;
  margin-bottom: 10px !important;
}
.box_wrap1 .box1 .ttl span{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%!important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 80px;
    font-weight: 900;
    opacity: 0.80;
    transform: translateY(-8px);
}
.box_wrap1 .box1 .ttl p{
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}
@media screen and (max-width: 640px){
  .box_wrap1 .box1 tbody tr:nth-child(2){
    display: flex !important;
    justify-content: space-between;
    align-items: flex-start;
  }
  .box_wrap1 .box1 tbody tr:nth-child(2) td{
  width: 49% !important;
  float: none !important;
  }
  .box_wrap1 .box1 tbody tr:nth-child(2) a b{
    font-size: 11px;
  }
  .box_wrap1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 10px 0;
border-right: 0 !important;
border-bottom: 0 !important;
border-left: 0 !important;
  }
  .box_wrap1 .box1 {
    width: 49%;
    margin-left: 0;
    float: none;
    margin-bottom: 3%;
  }
  .box_wrap1 .box1 table,.box_wrap1 .box1 tbody,.box_wrap1 .box1 tr,.box_wrap1 .box1 td {
  width: 100%;
  display: block;
  }
  .btn1{
    width: 100% !important;
  }
  .btn2{
    width: 100% !important;
  }
  .btn_link a {
      padding: 3px !important;
  }
  /*.box_wrap1 .box1 .ttl span {
    font-size: 19px !important;
  }
  .box_wrap1 .box1 .ttl span {
    font-size: 47px !important;
  }*/
  .box_wrap1 .box1 .ttl .MP-confirm {
    font-size: 19px !important;
  }
  .box_wrap1 .box1 .ttl .MP-value {
    font-size: 47px !important;
  }
}

/*----------------------------------------------------------------------------title*/
h2.h2title {
  /* background: url(../images/contents/h2_bg.gif) center top; */
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0a0a0+0,efefef+21,a0a0a0+50,a0a0a0+50,777777+81 */
  background: rgb(160,160,160); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(160,160,160) 0%, rgb(239,239,239) 21%, rgb(160,160,160) 50%, rgb(160,160,160) 50%, rgb(119,119,119) 81%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgb(160,160,160) 0%,rgb(239,239,239) 21%,rgb(160,160,160) 50%,rgb(160,160,160) 50%,rgb(119,119,119) 81%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(160,160,160) 0%,rgb(239,239,239) 21%,rgb(160,160,160) 50%,rgb(160,160,160) 50%,rgb(119,119,119) 81%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
  line-height: 50px;
  color: #fff;
  font-size: 25px;
  border: 1px solid #ccc;
}
 h4.h4title {
    background: #666;
    color: #fff;
    padding: 10px 0 10px 20px;
    font-weight: bold;
    font-size: 14px;
}
/*----------------------------------------------------------------------------common1*/
#maintxt {
    width: 45%;
    padding: 40px;
}
#nav_global {
    width: 100%;
    background: url(../images/common/nav_bg1-2.jpg) center top repeat-x;
}
#maincopy span {
    font-size: 38px;
    color: #c30000;
    padding: 0 3px;
}
.wrap1 .box1 {
    float: left !important;
    width: 48.3% !important;
    margin-left: 1.53846% !important;
}
.flt_wrap .txt2 b, .flt_wrap .txt3 b {
    font-size: 26px;
}

.flt_wrap .txt4 a {
  position: relative;
  z-index: 2;
}
.btn_link a {
    display: block;
    text-align: center;
    padding: 5px 0;
    text-decoration: none;
    color: #fff;
}
.btn_link a:hover,
.btn_link a:active {
    color: #fff;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.box_wrap1 .box1 .btn3 {
  width: 100%;
}
.flt_wrap .txt1 b {
    color: #dc0800;
    font-size: 36px;
}
#c11_cell_0_1 {
  border-right-color: #fff!important;
}
.sho_img p {
  display:inline;
  padding-left: 5px;
}
.sho_img img {
  width: 75px;
  padding-bottom: 5px;
  margin-bottom: 10px:
}
#footer .pagetop {
  opacity: 0.8;
}
.box_wrap1 .box1 .ttl .MP-confirm {
  font-size: 23px !important;
}
.box_wrap1 .box1 .ttl .MP-value {
  font-size: auto !important;
}
/*----------------------------------------------------------------------------common2-GMO*/
.first_text
{border: 1px solid #ccc;}
.text_area h2,.nap_info h2
{font-size: 16px;font-weight: bold;margin: 0 0 10px;padding: 0 0 5px;border-bottom: 1px solid #c2613b;}
.text_area p{margin: 0 0 1em;}
.text_area p:last-child{margin: 0;}
.nap_table{width: 100%;border-collapse: collapse;}
.nap_table th{padding: 10px !important;}
.nap_table td{padding: 10px !important;}
.nap_table td a{color: #333;}
@media only screen and (max-width: 768px){
.text_box br{display: block;}
}
/*----------------------------------------------------------------------------colum-GMO*/
/*間隔 共通*/
.u-m0 {margin: 0 !important;}
.u-mt10 {margin-top: 10px !important;}
.u-mt15 {margin-top: 15px !important;}
.u-mt20 {margin-top: 20px !important;}
.u-mt30 {margin-top: 30px !important;}
.u-mt40 {margin-top: 40px !important;}
.u-mt50 {margin-top: 50px !important;}
.u-mt60 {margin-top: 60px !important;}
.u-mt1em {margin-top: 1em !important;}
.u-mb10 {margin-bottom: 10px !important;}
.u-mb15 {margin-bottom: 15px !important;}
.u-mb20 {margin-bottom: 20px !important;}
.u-mb30 {margin-bottom: 30px !important;}
.u-mb40 {margin-bottom: 40px !important;}
.u-mb50 {margin-bottom: 50px !important;}
.u-mb60 {margin-bottom: 60px !important;}
.u-mb1em {margin-bottom: 1em !important;}
.u-p0 {padding: 0 !important;}
.u-p10 {padding: 10px !important;}
.u-p15 {padding: 15px !important;}
.u-p20 {padding: 20px !important;}
.u-pt10 {padding-top: 10px !important;}
.u-pt20 {padding-top: 20px !important;}
.u-pt30 {padding-top: 30px !important;}
.u-pt40 {padding-top: 40px !important;}
.u-pt50 {padding-top: 50px !important;}
.u-pt60 {padding-top: 60px !important;}
.u-pt1em {padding-top: 1em !important;}
.u-pb10 {padding-bottom: 10px !important;}
.u-pb20 {padding-bottom: 20px !important;}
.u-pb30 {padding-bottom: 30px !important;}
.u-pb40 {padding-bottom: 40px !important;}
.u-pb50 {padding-bottom: 50px !important;}
.u-pb60 {padding-bottom: 60px !important;}
.u-pb1em {padding-bottom: 1em !important;}
#breadcrumbs{margin: 0 0 20px;font-size: 90%;text-align: left;}
#breadcrumbs a{color: #ff6f10;}
.l-section{}
.l-container{word-break: normal;}
/*ナビ 共通*/
#nav_global ul li a{min-height: 60px;}
/*タイトル 共通*/
h2.h2title2{line-height: 1.3!important;padding: 5px 8px;text-align: left;}
.l-container .l-heading-primary{line-height: 1.2!important;}
.l-container .l-heading-secondary{border-left: 5px solid #ff6f10;font-size: 20px;padding: 6px 10px;}
.l-container .l-tertiary{color: #ff6f10;font-size: 16px;font-weight: bold;line-height: 1.3!important;}
.l-container .l-caption{}
/*コンテンツ内リンク 共通*/
.l-container a{}
.l-container a:hover{}
/*テキストブロック 共通*/
.c-block{overflow: hidden;}
/*小見出しブロック 共通*/
/*.c-s-block{clear: both;}*/
/*末尾分 共通*/
.c-endblock{padding: 18px 18px 2px;background: #f6f6f6;border: 1px solid #ddd;}
/*画像 共通*/
.img-left-s,.img-right-s,.img-left-l,.img-right-l{float: none;width: 100%;margin: 0 0 4%;}
.img-left-s img,.img-right-s img,.img-left-l img,.img-right-l img{width: 100%;vertical-align: middle;}
/*リンク一覧 共通*/
.c-linkblock{}
.c-linkblock h3{color: #ff6f10;display: inline-block;font-size: 16px;line-height: 1.3!important;padding: 0.3em 0.2em;}
.c-pagelink{}.c-pagelink li{list-style-type: disc;margin: 0 0 20px 17px;}
.c-pagelink li a{text-decoration: none;}
.c-pagelink li a:hover{}
.u-c-t{}
.u-c-t h3{border-bottom: 2px solid #F29B76;}
.u-c-t li{color: #F29B76;}
.u-c-t a{color: #ff6f10;}
.u-c-t a:hover{}.u-c-b{}.u-c-b h3{border-bottom: 2px solid #A05A57;color: #A05A57;}
.u-c-b li{color: #A05A57;}
.u-c-b a{color: #A05A57;}
.u-c-b a:hover{}
/*NAP表 共通*/
#c3_cell_0_0, #c3_cell_1_0, #c3_cell_2_0, #c3_cell_3_0{background: #f7dcca;}
.c-nap h3{border-left: 5px solid #f7dcca;color: #ff6f10;font-size: 16px;line-height: 1.3;padding: 6px 10px;}
.c-table{width: 100%;border-collapse: collapse;border: 1px solid #ddd;text-align: left;}
.c-table th{width: 25%;background: #f7f7f7;border: 1px solid #ddd;vertical-align: middle;text-align: left;}
.c-table td{border: 1px solid #ddd;vertical-align: middle;}
.tbl_block ol {list-style-type: decimal;padding: 0 0 0 10px;}
/*ボタン 共通*/
.c-btn{padding: 30px 0 5px;text-align: center;}
.c-btn-anchor{position: relative;display: inline-block;padding: 15px 25px;background: #A05A57;
  color: #fff !important;font-size: 14px;font-weight: 700;border-radius: 5px;
  text-decoration: none;transition: 0.1s;}
.c-btn-anchor:hover{opacity: 0.8;color: #fff;text-decoration: none;}
@media ( min-width: 768px ){
  /*リンク一覧 PCのみ*/
  .c-linkblock{}.c-linkblock h3{}.c-pagelink{}.c-pagelink li{}.c-pagelink li a{}
  /*画像 PCのみ*/
  .img-left-s{float: left!important;width: 35%;margin: 0 4% 4% 0;}
  .img-right-s{float: right!important;width: 35%;margin: 0 0 4% 4%;}
  .img-left-l{float: left!important;width: 30%;margin: 0 4% 4% 0;}
  .img-right-l{float: right!important;width: 30%;margin: 0 0 4% 4%;}
  /*ボタン PCのみ*/
  .c-btn-anchor {width: 40%;}
}
.balloon3-top{
  display: none;
}
/*----------------------------------------------------------------------------common3*/

@media screen and (max-width: 768px){
/* =================================================================
 *
 * tablet size
 *
 * ================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
#maintxt {
width: 100%;
}
.btn_link a {
    font-size: 11px;
}
#footer .pagetop {
  height: 10%;
}
#c11_cell_0_1 {
  border-right-color: #ccc!important;
}
.sho_img{
display: none;
}

.balloon3-top {
  position: fixed;
  top: 40px;
  left: 5px;
  display: inline-block;
  margin: 1.5em 0;
  padding: 0 5px;
  width: 60px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  color: #FFF;
  font-size: 1em;
  font-weight: bolder;
  background: #ff8e9d;
  border-radius: 50%;
  box-sizing: border-box;
  opacity: 0.8;
  z-index: 99999;
}

.balloon3-top:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 15px solid #ff8e9d;
  z-index: 0;
}
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/

/* tablet END ###################################################### */
}
@media screen and (max-width: 468px){
/* =================================================================
 *
 * smartphone size
 *
 * ================================================================= */
/*----------------------------------------------------------------------------title*/
/*----------------------------------------------------------------------------common1*/
#maintxt {
width: 100%;
}
.btn_link a {
    padding: 11px 33px;
}
#c11_cell_0_2 {
  border-top-color: #fff!important;
  position: relative;
}
.sho_img{
display: none;
}
/*.left {
  position: absolute;
  top: 5px;
}
.left img{
  width: 150px;
}
.right {
  position: absolute;
  top:5px;
  right: 5px;
}
.right {
  width: 150px;
}
.sho_img p {
  display:block;
  padding-left: 0px;
}*/
/*----------------------------------------------------------------------------common2*/
/*----------------------------------------------------------------------------common3*/
.box_wrap1 .box1 .img_box .img100 p{
  bottom: unset;
  top: 0;
}
.balloon3-top {
    left: 10px;
    display: inline-block;
    margin: 1.5em 0;
    padding: 0 5px;
    width: 50px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9em;
}
/* smartphone END ################################################## */
}
autoprice{
  color: red;
  font-weight: bold;
  font-size: 40px;
  margin-right: 4px;   
}

/*2020.12.08 */
.pcMainImg {
    height: 450px !important;
}
#maintxt {
    height: auto !important;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
#maintxt h2 {
    margin-bottom: 10px !important;
}
.top_ttl {
    background: rgba(0, 0, 0, 0.8);
    padding: 20px 30px;
    color: white;
    display: none;
}
.top_ttl a {
    max-width: 300px;
    background-color: #666666;
    color: white;
    text-align: center;
    line-height: 50px;
    border-radius: 20px;
    font-size: 22px;
    font-weight: bold;
    display: block;
    text-decoration: none !important;
}
.top_ttl h2 {
    font-size: 25px;
    font-weight: bold;
}
@media screen and (min-width: 768px){
    .mean-nav {
    display: none !important;
}
}
@media screen and (max-width: 768px){
    #maintxt h2 {
        margin-bottom: 0px !important;
    }
    #maintxt a {
        margin-top: 0;
    }
  #maintxt {
    top: inherit;
    transform: inherit;
    right: 0;
    bottom: 0;
}
    #maintxt p {
        display: none;
    }
    .mean-nav ul li{
        width: 50% !important;
    }
    .mean-nav ul {
        display: flex;
        flex-wrap: wrap;
    }
    .top_ttl {
       background: rgba(0, 0, 0, 1);
        display: block
    }
  }

    /*2022/08/10*/
.kaitori_btn a {
    max-width: 240px;
    margin: 20px auto 0;
    /* color: #fff; */
    color: #5D4B04;
    text-align: center;
    padding: 16px 10px;
    display: block;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 700;
    /* background: linear-gradient(0deg, rgba(119,100,58,1) 0%, rgba(209,192,128,1) 30%, rgba(251,248,228,1) 80%, rgba(239,222,174,1) 100%); */
    /* background: linear-gradient(0deg, rgba(91,72,36,1) 0%, rgba(180,163,108,1) 25%, rgba(227,213,153,1) 50%, rgba(246,241,212,1) 70%, rgba(252,250,231,1) 80%, rgba(240,225,179,1) 100%); */
    /* background: linear-gradient(0deg, rgba(153,36,32,1) 0%, rgba(227,57,51,1) 30%, rgba(247,162,159,1) 80%, rgba(221,106,102,1) 100%); */
    background: linear-gradient(0deg, rgba(73,56,24,1) 0%, rgba(180,163,108,1) 25%, rgba(227,213,153,1) 50%, rgba(246,241,212,1) 65%, rgba(252,250,231,1) 80%, rgba(232,215,163,1) 100%);
}

.sp_big_2 a {
    font-weight: bold!important;
    font-size: 18px;
}

@media screen and (max-width: 640px){
  .kaitori_btn a {
    margin:10px auto 0 auto;
    max-width: 180px;
    padding: 12px 10px;
  }
}