@charset "UTF-8";

/*----------------------------------
記事関連 
----------------------------------*/
.cate-top-img {
	position: relative;
	height:300px;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
}

ul.link_anchor li,
.entry ul li {
	list-style-image: url('/images/ul.png');
	padding-left:0.5em;
}
.entry ul {
	margin-left:2em;
}
div.contents-img{
	float:left;
	width:120px;
	height:120px;
}

div.contents-body{
    margin-left:130px;
    margin-bottom:10px;
    min-height: 90px;
    height: auto !important;
    height: 90px;
}

div#pagenavi {
    text-align:center;
    margin-bottom:20px;
}
table {
    width:98%;
    border-right:1px solid #aaa;
    border-top:1px solid #aaa;
    margin-bottom: 1.5em;
    margin-left:0.5em;
    border-spacing: 0;
}
tr { border:1px solid #ccc; }
th {
    padding:5px;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#7a93a3;
    color:#fff;
    text-align:center;
}
td {
    padding:5px;
    border-left:1px solid #aaa;
    border-bottom:1px solid #aaa;
}
/*------------※ナンバー----------------*/
ol.kome-n {
  counter-reset: number;
  list-style: none;
  margin-left:2em;
}
ol.kome-n li {
  font-size:0.9em;
  padding-left: 2em;
  text-indent: -2em;
}
ol.kome-n li:before {
  counter-increment: number;
  content: "※"counter(number)" ";
}
/*------------※ナンバー無し----------------*/
ol.kome {
  counter-reset: number;
  list-style: none;
  margin-left:1.5em;
  margin-right:1.5em;
}
ol.kome li {
  font-size:0.9em;
  padding-left: 2em;
  text-indent: -1.5em;
}
ol.kome li:before {
  counter-increment: number;
  content: "※ ";
}

ul li ul {
	margin-top:0.8em;
}
.entry ul li ul li {
	list-style-image: none;
	list-style-type: disc;
}













@media screen and (max-width:999px) { 
   
    .head_wrap,
    div#wrapper,
    .contents-content,
    .btn_space,
    div#footer,
    .sitemap,
    div#copyright,
    #main,
    div#h1-block,
    div#h1  {
        width:100%;
    }
    div#h1-block {
        margin:0;
    }
    .site-main {
        padding:0;
    }

    .head_wrap .head_btn {
        display: none;
    }
    .head_wrap {
        background:none;
    }

    .flex-viewport,
    div#top-index {
        height:auto;
        min-height: 0;
    }

    /*検索*/
    #searchform {
        float:none;
        text-align: center;
    }
    #searchform > div {
        padding: 10px;
    }
    #s {
        width: 80%;
    }
    #searchsubmit {
        width: 15%;
        padding:2px;
    }
    div#wrapper {
        padding-bottom:0;
    }


    ul.partner_logo li {
        margin-left:30px;
        list-style-image:none;
    } 
    .sitemap {
        padding-left:0;
        text-align:center;
        margin:10px 0;
    }
    div#copyright {
        font-size:0.7em;
    }
    /*固定ページ*/
  
    #main {
        padding:10px;
    }
    .contents-content {
        margin-top:10px;
        float: none;
    }
    .p_con_space {
        padding: 0;
    }
    .p_con_space h3 {
        margin:0;
        padding:10px;
    }
    .p_con_space .danraku {
        padding:0 20px 10px;
    }
    .p_con_space .midashi {
        margin: 0 15px 10px;
    }

    #header-logo { width:80px; }

    div.lineup-dt {	position: relative;}

    /*slidMenu関連*/

    #sb-site {
        padding-top: 0;
        width: 100%;
        min-height: 100vh;
        position: relative;
        z-index: 0;
    }
    


}/*SPend*/




div#h1-block.index {width: 745px;}
div#h1-block2.index {width: 745px;}
div#h1 {width: auto; margin: 0; font-size:1.4em;}
.copy {text-align:center; width:100%;}

p.nextlink {text-align:right;}
/*iframe {display:none;}*/
.index-textred {color:#cc0000; font-weight:bold; font-size:1.4em; margin-bottom:10px;}

@media screen and (max-width:740px) {
	.entry div {width: 100%; float: none; height: auto; position: static; background-size: cover; background-position: center; margin:0 0 5%;}
}
@media screen and (max-width:999px) {
    body {font-size: 80%;}
    p {font-size: 1em;}
    table, tr {font-size: 1.0em;}
    ol {padding-left:0;}
    #pre-menu {display: none !important;}
    div#top {width:100%!important;}
    #wrapper {padding: 0 3% 0;}
    
 





    
    #footer {display: flex; width: 100%; flex-wrap: wrap;}
    .footer_ul, ul.footer {font-size: 1.0em;}
    ul.footer {margin: 0; padding: 0; text-align: left;}
     .content-footer {display: flex; flex-wrap: wrap; width: 90%; justify-content: center; margin:0 auto;}
    div.img-center a + a {margin-top: 0;}
    div.side {margin: 28px auto 20px; width: 100%;}
    div.side div.side-inside {width: 95%; margin: 0 auto;}
    div.contents-img { margin:0;padding:0;text-align:center;}
    div.contents-img img {width:200px;padding:20px 10px 0 10px;margin:0;}
    div.contents-body {padding:0; margin: 0;}
    .mt30-sp {margin-top:30px;}
    .index-textred {font-size:1.2em;}

    /*.entry div {width: 100%; float: none; height: auto; position: static; background-size: cover; background-position: center; margin:0 0 5%;}*/
    .entry p {position: static; margin-left:0!important;}
    .entry table {margin-left:0.5em;width:95%!important;}
    .entry iframe {width:100%!important;}
    .navigation {font-size: 0.8em; width: 100%; padding: 5%;}
    .navigation ol.wp-paginate li {display: inline-block;}
    .entry ul {height:auto!important;}
}




/* header
---------------------------------------------------- */


/* bv add */
header .header_over {
	height: 30px;
	margin-bottom: -14px;
    margin-right: 10px;
}

.over_menu{
	font-size: 12px;
	text-align:right;
	color:#de4d00;
}
.over_menu a:visited,
.over_menu a:link{
	color:#de4d00;
}
@media only screen and (max-width: 740px){
	.header_over{
		display:none;
		margin: 0px;
	}
	
}
}
/* bv add end */


/*------------上下中央------------*/
.ud-center {
  align-items: center;
}
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.img-center{
    text-align:center;
    overflow:hidden;
    margin:50px 0;
}
.img-logo { margin:100px 0;text-align:center; }
.border-ccc { border:1px solid #ccc; }

/*------------上下左右中央------------*/

.udlr {
  display: flex;
  justify-content: flex-start; 
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 600px) {
  .udlr {
    flex-direction: column;
  }
}

/*---------------------------------------　
テキスト
---------------------------------------*/

.center {text-align: center;}

.text-red { color:#d7003a; }
.text-blue { color:#007bbb;}

.text-left{text-align:left;}
.text-right{text-align:right;}


/*---------------------------------------　
プレス用ボタン 
---------------------------------------*/

.button-press {
    display: inline-block;
    width: auto;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding:12px 40px;
    min-width:240px;
    color: #fff;
    margin:50px 0;
}
.button-press:before,
.button-press:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button-press,
.button-press:before,
.button-press:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button-press {
    background-color: #46B39D;
    color: #ffffff;
    font-size: 1.0em;
    font-weight: bold;
    border:1px solid #46B39D;
}
div.entry .button-press:link {
    color: #ffffff;
    border:1px solid #46B39D;
    text-decoration:none;
}
div.entry .button-press:visited {
    color: #ffffff;
    text-decoration:none;
    border:1px solid #46B39D;
}
div.entry .button-press:hover {
    color: #ffffff;
    background-color: #c8e8e2;
    text-decoration:none;
}

/*---------------------------------------　
赤ボタン
---------------------------------------*/
.button-red {
    display: inline-block;
    /*width: 240px;*/
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding:12px 40px;
    min-width:240px;
    margin:20px 0;
}
.button-red:before,
.button-red:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button-red,
.button-red:before,
.button-red:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button-red {
    background-color: #d91a1f;
    color: #fff;
    font-size: 1.0em;
    font-weight: bold;
    border-bottom:none;
}
div.entry .button-red:link {
    color: #FFF;
    border:1px solid #d91a1f;
    text-decoration:none;
}
div.entry .button-red:hover {
    background-color: #ec8d8f;
    text-decoration:none;
    border-bottom:none;
}
div.entry .button-red:visited {
    color: #FFF;
    text-decoration:none;
    border:1px solid #d91a1f;
}


/*---------------------------------------　
青ボタン 
---------------------------------------*/
.button-blue {
    display: inline-block;
    width: auto;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding:12px 40px;
    margin:20px 0;
    min-width:240px;
    color: #fff;
}
.button-blue:before,
.button-blue:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button-blue,
.button-blue:before,
.button-blue:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button-blue {
    background-color: #2279b1;
    color: #ffffff;
    font-size: 1.0em;
    font-weight: bold;
    border:1px solid #2279b1;
}
div.entry .button-blue:link {
    color: #ffffff;
    border:1px solid #2279b1;
    text-decoration:none;
}
div.entry .button-blue:visited {
    color: #ffffff;
    text-decoration:none;
    border:1px solid #2279b1;
}
div.entry .button-blue:hover {
    color: #ffffff;
    background-color: #bdd7e8;
    text-decoration:none;
}


/*---------------------------------------　
オレンジボタン 
---------------------------------------*/
.button-orange {
    display: inline-block;
    width: auto;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding:12px 40px;
    margin:20px 0;
    min-width:240px;
    color:#fff;
}
.button-orange:before,
.button-orange:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button-orange,
.button-orange:before,
.button-orange:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button-orange {
    background-color: #E37332;
    color: #fff;
    font-size: 1.0em;
    font-weight: bold;
    border:1px solid #E37332;
}
div.entry .button-orange:link {
    color: #FFF;
    border:1px solid #E37332;
    text-decoration:none;
}
div.entry .button-orange:hover {
    background-color: #f7d5c2;
    text-decoration:none;
    border:1px solid #E37332;
}
div.entry .button-orange:visited {
    color: #FFF;
    text-decoration:none;
    border:1px solid #E37332;
}


/*---------------------------------------　
黄色ボタン 
---------------------------------------*/
.button-yellow {
    display: inline-block;
    width: auto;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding:12px 40px;
    margin:20px 0;
    min-width:240px;
    color:#fff;
}
.button-yellow:before,
.button-yellow:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button-yellow,
.button-yellow:before,
.button-yellow:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button-yellow {
    background-color: #F0CA4D;
    color: #fff;
    font-size: 1.0em;
    font-weight: bold;
    border:1px solid #F0CA4D;
}
div.entry .button-yellow:link {
    color: #FFF;
    border:1px solid #F0CA4D;
    text-decoration:none;
}
div.entry .button-yellow:hover {
    background-color: #fbefca;
    text-decoration:none;
    border-bottom:0;
}
div.entry .button-yellow:visited {
    color: #FFF;
    text-decoration:none;
    border:1px solid #F0CA4D;
}


/*---------------------------------------　
リードボタン ヘッダー
---------------------------------------*/

.button-lead-h {
    display: inline-block;
    width: auto;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    outline: none;
    width:180px;
    color: #fff;
    background-color: #65b125;
    border:1px solid #65b125;
    font-size: 1.2em;
    font-weight: normal;
    padding:2px 0;
}
.button-lead-h:before,
.button-lead-h:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button-lead-h,
.button-lead-h:before,
.button-lead-h:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
div.entry .button-lead-h:link {
    color: #ffffff;
    border:1px solid #65b125;
    text-decoration:none;
}
div.entry .button-lead-h:visited {
    color: #ffffff;
    text-decoration:none;
    border:1px solid #65b125;
}
.button-lead-h:hover {
    color: #ffffff;
    background-color: #7ecabb;
    text-decoration:none;
}
/*---------------------------------------　
リードボタン 
---------------------------------------

.button-lead {
    display: inline-block;
    width: auto;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    outline: none;
    color: #fff;
    background-color: #46B39D;
    border:1px solid #46B39D;
    font-size: 1.2em;
    font-weight: normal;
    padding:12px 40px;
    margin:20px 0;
}
.button-lead:before,
.button-lead:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button-lead,
.button-lead:before,
.button-lead:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button-lead:link {
    color: #ffffff;
    border:1px solid #46B39D;
    text-decoration:none;
}
.button-lead:visited {
    color: #ffffff;
    text-decoration:none;
    border:1px solid #46B39D;
}
.button-lead:hover {
    color: #ffffff;
    background-color: #7ecabb;
    text-decoration:none;
}
div.entry .button-lead:link {
    color: #ffffff;
    border:1px solid #46B39D;
    text-decoration:none;
}
div.entry .button-lead:visited {
    color: #ffffff;
    text-decoration:none;
    border:1px solid #46B39D;
}
div.entry .button-lead:hover {
    color: #ffffff;
    background-color: #7ecabb;
    text-decoration:none;
}*/
/*---------------------------------------　
リードボタン2 
---------------------------------------*/

.button-lead2 {
    display: inline-block;
    width: auto;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    outline: none;
    width:490px;
    color: #00263E;
    background: linear-gradient(180deg, #fff 0%, #fff 50%, #efefef 50%, #efefef 100%);
    font-size: 1.6em;
    font-weight: normal;
    padding:20px 0;
}
.button-lead2:before,
.button-lead2:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button-lead2,
.button-lead2:before,
.button-lead2:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button-lead2:link {
    color: #62ad22;
    text-decoration:none;
}
.button-lead2:visited {
    color: #62ad22;
    text-decoration:none;
}
.button-lead2:hover {
    color: #62ad22;
    background: linear-gradient(180deg, #d9dfe2 0%, #d9dfe2 50%, #cbd1d5 50%, #cbd1d5 100%);
    text-decoration:none;
}
.button-lead2 i { font-size:1.6em; }

@media screen and (max-width: 1000px) {
  .button-lead2 {
    width:400px;
  }
}
@media screen and (max-width: 800px) {
  .button-lead2 {
    width:280px;
  }
}


/*-------------ul　チェックマーク------------*/

ul.check {
	padding:0.5em;
	list-style-type:none;
}
ul.check li {
	list-style-image: none;
	position:relative;
	padding: 0em 0.3em 0.3em 1.8em;
	
}
ul.check li:after,ul.check li:before {
	position:absolute;
	content:'';
	display:block;
	background: #CF2030;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.check li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}
/*-------------ul　！マーク------------*/
ul.e-mark {
	padding:0.5em;
	list-style-type:none;
}
ul.e-mark li {
	list-style-image: none;
	padding: 0em 0.3em 0.3em 0.5em;
	border-bottom:4px dotted #ccc;
	
}
ul.e-mark li:before {
	content:'！';
	font-weight:bold;
	color: #e2020c;
	padding-right:5px;
	font-size:1.6em;
}


.scroll-table {
  overflow: auto;
  /*white-space: nowrap;*/
}
/*-------------ul　電球------------*/

ul.light {
	padding:0.5em;
	list-style-type:none;
}
ul.light li {
	list-style-image: none;
	background: url(/images/light.png) left 0px top 3px no-repeat;
	padding: 20px 0 20px 55px;
	font-size:1.5em;
	
}


/*---------------------------------------　
ol.数字 
---------------------------------------*/
ol.suji {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    margin-left:1em;
    border-top:1px dashed #de4d00;
    border-bottom:1px dashed #de4d00;
    padding:20px 0;
  }
  
  ol.suji li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
    line-height: 2.0em;
  }
  ol.suji li:before {
      content: counter(my-counter);
      counter-increment: my-counter;
      color: #de4d00;
      display: block;
      font-weight: bold;
      float: left;
      line-height: 2.0em;
      margin-left: -30px;
      text-align: center;
      height: 20px;
      width: 20px;
  }

 
/*---------------------------------------　
ol.ブログ用数字
---------------------------------------*/
  ol.blog {
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    /*font-size: 1em;*/
  margin-left:2em;
  }
  ol.blog li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
    line-height: 2.0em;
  }
  ol.blog li p { padding:0; }
  ol.blog li:before {
      content: counter(my-counter) ".";
      counter-increment: my-counter;
      color: #de4d00;
      display: block;
      font-weight: bold;
      float: left;
      line-height: 2.0em;
      margin-left: -50px;
      text-align: center;
      width: 40px;
  }
  ol.blog li img { margin:30px 0; }
  ol.blog li ul li:before { content: none; }
  ol.blog li ol.suji {
    border:none;
    padding:0;
  }
  ol.blog li ol.suji li {
    margin-bottom: 10px;
    padding-left: 40px;
    position: relative;
    line-height: 2.0em;
  }
  ol.blog li ol.suji li:before {
      content: counter(my-counter);
      counter-increment: my-counter;
      content: counters(my-counter, "-") ".";
      color: #e4b51a;
      display: block;
      font-weight: bold;
      float: left;
      line-height: 2.0em;
      margin-top:0;
      margin-left: -80px;
      text-align: center;
      width:80px;
      border:none;
  }
  ol.blog li ol.kome li {
    padding-left: 1em;
    text-indent: 0em;
  }
  ol.blog li ol.kome li:before {
    counter-increment: number;
    content: "※ ";
    color:#de4d00;
    margin-top:0;
    margin-left:-10px;
    width:auto;
  }
  
  ol.blog a { border-bottom:1px dashed #ccc; }


/*---------------------------------------　
マーカー
---------------------------------------*/
.marker {
    font-size:1.1em;
    line-height:2.5em;
    }
.marker-blue {
    background: linear-gradient(transparent 60%, #dbeff2 60%);
    font-size:1.1em;
    line-height:2.5em;
}
.marker-pink {
    background: linear-gradient(transparent 60%, #faeae8 60%);
    font-size:1.1em;
    line-height:2.5em;
}
.marker-yellow {
    background: linear-gradient(transparent 60%, #fef263 60%);
    font-size:1.1em;
    line-height:2.5em;
}

div.column-box {
	padding:30px 20px 10px 20px;
	margin:30px 10px;
	border-radius:10px;
}

.img-logo { margin:100px 0;text-align:center; }
.border-ccc { border:1px solid #ccc; }

/*----------------------TOP Q&A----------------------*/
.qablock{
  position: relative!important;
  margin:0 20px 10px 20px;
  background: #eee9e6;
  border:1px solid #eee9e6;
  padding:10px 0;
}
.question_txt{
  padding:5px 15px;
  margin: 0px !important;
  cursor:pointer;
}
.qicon{
  color: #6f5436;
  font-weight: bold;
  margin-right:15px;
}
.answer_txt{
  background: #fff;
  margin: 0px !important;
  padding: 20px 15px;
}
.show_button{
  position: absolute!important;
  bottom:0px;
  right:0px;
  width:43px;
  height:43px;
}
.show_button:after{
  content: '▲'!important;
  display: block;
  text-align: center;
  width: 43px;
  height: 43px;
  line-height: 43px;
  top: 0;
  left: 0;
  margin-left: 0px;
  margin-top: 0px;
  color:#b4ada9;
}
.show_button.closebutton:after{
  content: '▼'!important;
  display: block!important;
  text-align: center;
  width: 43px;
  height: 43px;
  line-height: 43px;
  top: 0;
  left: 0;
  margin-left: 0px;
  margin-top: 0px;
  color:#b4ada9;
}

@media screen and (max-width:999px) {
	.qablock{
	  position: relative!important;
	  width:auto!important;
	  margin:0 20px 10px 20px!important;
	  background: #eee9e6;
	  border:1px solid #eee9e6;
	  padding:10px 0;
	}
	.question_txt{
	  padding:5px 15px !important;
	  margin: 0px !important;
	  cursor:pointer;
	}
	.qicon{
	  color: #6f5436;
	  font-weight: bold;
	  margin-right:15px;
	}
	.answer_txt{
	  background: #fff;
	  margin: 0px !important;
	  padding: 20px 15px !important;
	}
	.show_button {
	  position: absolute!important;
	  bottom:0px !important;
	  right:0px !important;
	  width:43px!important;
	  height:43px!important;
	}
	.show_button.closebutton {
	  margin-bottom:0!important;
	}
	.show_button:after{
	  content: '▲'!important;
	  display: block!important;
	  text-align: center!important;
	  width: 43px!important;
	  height: 43px!important;
	  line-height: 43px!important;
	  top: 0!important;
	  left: 0!important;
	  margin-left: 0px!important;
	  margin-top: 0px!important;
	  color:#b4ada9!important;
	}
	.show_button.closebutton:after{
	  content: '▼'!important;
	  display: block!important;
	  text-align: center!important;
	  width: 43px!important;
	  height: 43px!important;
	  line-height: 60px!important;
	  top: 0!important;
	  left: 0!important;
	  margin-left: 0px!important;
	  margin-top: 0px!important;
	  color:#b4ada9!important;
	}
}

.bg-lightblue { background-color:#EBF6F7; }


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

table.nb { border: none!important; }
table.nb td { border: none!important;padding:2px; }
.bg-eee { background-color:#eee; }

.text-bbb { color:orange; }
div.divlink { cursor: pointer; }
.txt-shadow { text-shadow: 3px 3px 10px #000000; }
.bold { font-weight:bold; }
.m-30 { margin: 30px 0; }
.m-50 { margin: 50px 0; }
.m-80 { margin: 80px 0; }
.m-100 { margin: 100px 0; }

.thumbnail { 
	display: inline-block;
	height:150px;
	text-align:center;
	overflow:hidden;
	margin-bottom:30px;
}
.thumbnail img { height:100%!important; }
@media screen and (max-width:740px) {
	.thumbnail { height:auto; }
}


details {
  cursor: pointer;
  padding:20px;
  background-color:#f6f6f6;
  border:1px solid #ccc;
  border-radius:5px;
}
summary { text-decoration:underline; }
/*----------資料請求固定------------*/
/*ボタンの領域*/
#siryo-kotei {
	position:fixed; /*画面に固定*/
	bottom:33%; /*画面下へ*/
	right:0%; /*画面右へ*/
	z-index:10; /*レイヤー順序を上に*/
	background-color:transparent; /*領域の背景色（透明）*/
}
/*丸ボタン*/
.siryo-koteiB {
	position:relative;
	display:block; 
	background-color:rgba(255,255,255,0.7); /*丸ボタンの色*/
	border:2px solid rgba(223,0,36,0.7);
	border-right:none;
	color:rgb(223,0,36); /*三角と文字色*/
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
	width:60px;
	height:190px;
	text-align:center;
	line-height:24px;
	box-sizing:border-box;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding-right:15px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#siryo-kotei a { color:rgb(223,0,36); }
#siryo-kotei a:hover {
	text-decoration:none;
	background-color:rgb(223,0,36);
	color:#fff;
}
/*----------資料請求ページ下部------------*/
div.siryo-bottom {
	background-color:#f9f8f4;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
div.siryo-bottom a.button-blue { margin-bottom:0; }
div.siryo-bottom column-box { margin-bottom:0; }
/*--------------- 画面いっぱい -----------------*/
.fullsize {
	padding: 8px calc(50vw - 50% + 8px)!important;
	margin: 0 calc(50% - 50vw)!important;
	width: 100vw!important;
}
.full-visi {
	overflow: visible;
}
/*-------------------ページネーション-----------------*/
.pagination{
   margin:40px 0 0;
}
.nav-links{
   display:flex;
   justify-content: center;
}
.pagination .page-numbers{
   display:inline-block;
   margin-right:10px;
   padding:3px 9px;
   color:#333;
   border:1px solid #ccc;
   background:#ddd;
}
.pagination .current{
   padding:3px 9px;
   background:#E1141B;
   color:#fff;
}
.pagination .prev,
.pagination .next{
   background:#ddd;
   box-shadow:none;
   color:#333;
}
.pagination .dots{
   background:#ddd;
   box-shadow:none;
}
.pagination a:link {
   text-decoration:none;
   color:#333;
}