@charset "utf-8"; 

/* Mainエリア内のデザインを記述する。ただし、各ページ固有のデザインは、各ページのヘッダー内に記述する。 */

/* 見出し＆本文 */
#pagetitle { margin-left:15px; font-size:24px; }

main h1, main h2, main h3, main h4, main h5, main h6, main p { margin:2em 0 1em; padding:0.2em 10px; }
main p { text-align: left; line-height:1.6;color:#374C61; font-size:16px; margin: 0 0 6px;}

.arth1 {font-weight: 100; float:none; font-size:30px;margin:10px 0 15px 10px; text-align:left; color:#666666;}

.arth2 { color:#7a3f38; font-size: 24px;background: #fad9de;
  box-shadow: 0px 0px 0px 5px #fad9de;
  border: dashed 2px white;
  padding: 0.2em 0.5em;}

.arth3 { color:#222222; font-size: 20px;border-bottom: 1px solid #646464;padding: 4px 2px 8px;}

.arth4 { color:#222222; font-size: 18px;padding: 4px 10px 0px;}

.m0 {text-align: left; padding:38px 18px 30px 26px;margin:0 0 10px; font-size:40px;background-image:url("../images/h1bg.jpg"); background-position:center; background-size:auto; background-repeat: no-repeat; color:#FFFFFF; font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W12", "Hiragino Mincho Pro", "serif"; text-shadow:0px 0px 6px rgba(121,10,11,0.8);border-left:6px solid #FFAAAC; color: #fff;}

.m1 { font-size: 24px; color:#1774bb; margin: 0 0 10px; padding:6px 8px 4px 16px; font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;border-bottom: 1px solid #1774bb; border-left:6px solid #1774bb; text-align: left;
 background: -moz-linear-gradient(top, #FFF, #e0eef2);
  background: -webkit-linear-gradient(top, #FFF, #e0eef2);
  background: linear-gradient(to bottom, #FFF, #e0eef2);
}
.m2 { font-size: 18px; color: #fff;margin: 0 0 10px;padding: 6px 16px 5px;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; background-color:#1774bb; font-weight: 400;  text-align: left; border-radius: 20px; }
.m3 { font-size: 18px; color:#374C61;margin: 0 18px; padding:0;text-align: left; border-bottom:1px #705D27 solid; font-weight:normal;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;}

a[href^="http"]:after,
a[href^="//"]:after {
  margin: 0 0 0 3px;
  content:url("../images/icon.png");margin:0 3px;width: 16px;
  font-weight: 900;
}
a[href^="https://www.rectus.co.jp/"]:after {
  margin: inherit;
  font-family: inherit;
  content: '';
  font-weight: inherit;
}

.tcw { color:#FFFFFF;text-shadow: 1px 1px 1px rgba(51,51,51,0.5),
    -1px 1px 1px rgba(51,51,51,0.5),
    1px -1px 1px rgba(51,51,51,0.5),
    -1px -1px 1px rgba(51,51,51,0.5);}

.icon img { width: 30px;}

audio {
  display: none
}
#play, #stop {
  display: inline-block;
  width: 60px;
  height: 60px;
  margin: 1em;
  border-radius: 50%;
  background:#005356;
  text-align: center;
  line-height: 60px;
  cursor: pointer;
	font-size: 12px;
	color:#FFFFFF}
#play:hover, #stop:hover {
  background:#1fa7a2;
}


a.btn_06 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border-radius: 100vh;
	border-bottom: 7px solid #0686b2;
	background: #27acd9;
	color: #fff;
}
a.btn_06:hover {
	margin-top: 6px;
	border-bottom: 1px solid #0686b2;
	color: #fff;
}

.mpp {background-color: #EFFFC2; border-radius: 15px; padding: 6px;margin:10px auto; max-width: 300px;}
.h3_01 {background-color: #3a8e00; color: #FFFFFF; text-align: center; padding: 4px; margin: 4px; border-radius: 15px;}

	
.bgcg { background-color: rgba(153,102,51,0.6)}
.name { font-size:26px;}

.history { font-size:18px;}
.history th { text-align:left; vertical-align:top; font-size:16px;padding:6px; white-space: nowrap;width: 30px;}
.history td { text-align:left; vertical-align:top; font-size:16px; border-left:1px solid #666666; padding:6px}

.outline { font-size:18px;}
.outline th { text-align:left; vertical-align:top; font-size:16px;padding:6px; white-space: nowrap;width: 30px;}
.outline td { text-align:left; vertical-align:top; font-size:16px; padding:6px}

.taiguu { font-size:18px; margin:6px 0; border:1px #666666 solid;}
.taiguu th { background-color: rgba(204,255,0,0.5); font-size:16px;padding:6px; white-space: nowrap;width: 30px;}
.taiguu td { text-align:left; vertical-align:top; font-size:16px; padding:6px; background-color: rgba(255,255,204,0.7)}

.li_st_di { list-style:disc; text-align:left}
.li_st_di li { margin:0 0 4px;line-height:1.6;color:#374C61; font-size:16px}
.li_st_de { list-style: decimal;text-align:left}
.li_st_de li { margin:0 0 4px;line-height:1.6;color:#374C61; font-size:16px}

.b01 { border: 2px solid #FF0004; padding: 10px;}
.b02 { border: 2px solid #FF9200;padding: 10px;}
.b03 { border: 2px solid #3AC900;padding: 10px;}
.b04 { border: 2px solid #00E77A;padding: 10px;}

.bs {box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5);}

.br01 {border-radius: 10px;}
.br01 img {border-radius: 10px 10px 0 0;}

.br02 {border-radius: 20px;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .5); border: 4px #FFFFFF solid;}

.ma0 {margin: 0;}

.aisatu { max-width: 700px; margin: auto;}

.news_flow {width:98%; height:200px;overflow-y:scroll; }

dl.news { overflow: hidden; zoom: 1; margin:00px 0 0 10px; padding:5px; font-size:14px; width:710px;}
dl.news dt { width:100px; float: left; clear: both;margin:0 0 8px; padding:8px 0 0;}
dl.news dd { margin:0 0 8px 101px;text-align:left; padding:8px 0 0px;}
dl.news .nbb {border-bottom:1px #424242 dotted; padding:8px 0 8px;}

.tel { font-size:36px; font-weight:bold; margin:0; line-height:1;}

.cr { color:#FF0000;}
.cb { color:#1E71FF;}

.mbgw { padding: 20px;background-color: rgba(255,255,255,0.70); border-radius: 20px;}

.ss { height: 500px;}

.blink {
  animation: flash 3s linear infinite;
}


.nenpyou {margin: auto;}
.nenb { background-color:rgba(255,241,64,0.50); border-right: 3px solid rgba(148,229,255,0.50); border-left:3px solid rgba(148,229,255,0.50); }

.kouzui { border: 2px solid #EA7C7E; border-radius: 6px; padding: 4px; margin: 4px auto;width: 90%;background-color: #FFFFFF;}
.neng { border: 2px solid #6A96FF; border-radius: 6px;padding: 4px;margin: 4px auto; background-color: #fff; width: 60%;}
.nen { border: 2px solid #6A96FF; border-radius: 6px;padding: 4px;margin: 4px auto; background-color: #E9FFE9; width: 60%;}
.tisui { border: 2px solid #82CE8A; border-radius: 6px;padding: 4px;margin: 4px auto;width: 90%; background-color: #FFFFFF;}

.kaisaku { border: 2px solid #82CE8A; border-radius: 6px;padding: 4px;margin: 4px auto;width: 90%; background-color:rgba(224,255,169,1.00);}

.bgko { background-image: url("../images/bgko.gif"); background-position: center; background-repeat: no-repeat; background-size:100%;}
.bgti { background-image: url("../images/bgti.gif"); background-position: center; background-repeat: no-repeat;background-size:100%;}



a.btn_22 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 300px;
	margin: auto;
	padding: 1rem 1rem;
	font-weight: bold;
	border: 2px solid #006cc1;
	background:#006cc1;
	color: #fff;
	border-radius: 10px;
	transition: 0.5s;
	animation: move_d 2s infinite;
	box-shadow: 0 5px 0 rgb(0, 70, 160, 1);
	position: relative;
}
@keyframes move_d {
    0% {box-shadow: 0 5px 0 rgb(0, 70, 160, 1); top: 0px;}
    10% {box-shadow: 0 0 0 rgb(0, 70, 160, 1); top: 5px;}
    20% {box-shadow: 0 5px 0 rgb(0, 70, 160, 1); top: 0px;}
    30% {box-shadow: 0 0 0 rgb(0, 70, 160, 1); top: 5px;}
    40% {box-shadow: 0 5px 0 rgb(0, 70, 160, 1); top: 0px;}
}
a.btn_22:hover {
	color: #00408C;
	background: #fff;
	border: 2px solid #00408C;
}




/* これが無いとモーダルウィンドウ表示の際に余白が出る */
*{
  margin: 0;
  padding: 0;
}

/* モーダル全体(背景＋本体) */
.modal{
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
}

/* モーダル背景 */
.modal-bg{
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: scroll; /* はみ出た部分はスクロールさせる */
  height: 60%;/* これが無いと「overflow:scroll」が利かない */
  width: 60%;/* これが無いと「overflow:scroll」が利かない */
  background: white;
  padding: 40px;
}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}









@keyframes flash {
  0%,35%,60%,100%{
    opacity: 0.5;
	  color:#E079F6;
  }

  25%{
    opacity: 1;
    color:#FF787A;
  }
  
  50%{
    opacity: 1;
    color:#FF787A;
  }
  
  75%{
    opacity: 1;
    color:#FF787A;
  }
  
}

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em 0.2em;
  text-decoration: none;
  color: #FF787A;
  border: solid 2px #FF787A;
  border-radius: 3px;
  transition: .4s;
	
	-webkit-animation:blink 0.5s ease-in-out infinite alternate;
    -moz-animation:blink 0.5s ease-in-out infinite alternate;
    animation:blink 0.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.3;}
    100% {opacity:1;}
	
	
}

.btn-flat-border:hover {
  background: #FF787A;
  color: white;
	-webkit-animation:blink 0s ease-in-out infinite alternate;
    -moz-animation:blink 0s ease-in-out infinite alternate;
    animation:blink 0s ease-in-out infinite alternate;
}

.ic01 { font-size:18px; font-weight:bold;}
.ic01 img { width:18px; margin:-2px 6px 0 0;vertical-align: middle}
.ic01 .pw { width:100%;}

.ti1 { text-indent:-1em; margin:0 0 0 1em;}
.ti1_2 { text-indent:-1em; margin:0 0 0 1em;display: block;}
.ti2 { text-indent:-2em; margin:0 0 0 2em;}
.ti3 { text-indent:-3em; margin:0 0 0 3em;}
.ti5 { text-indent:-5em; margin:0 0 0 5em;}

.table1 { border-collapse:collapse; border:1px #666666 solid; margin:0 auto;}
.table1 tr td { border-collapse:collapse; border:1px #666666 solid; padding:8px;color:#374C61;font-size:16px;}

.table2 { border-collapse:collapse; border:1px #666666 solid; margin:0 auto;}
.table2 tr th { border-collapse:collapse; border:1px #666666 solid; padding:8px;color:#fff;font-size:16px; background-color: #1774bb; width: 16%; text-align: center;}
.table2 tr td { border-collapse:collapse; border:1px #666666 solid; padding:8px;color:#374C61;font-size:16px; text-align: left;}

.table3 { border-collapse:collapse; border:1px #666666 solid; margin:0 auto;font-size: 12px; width: 98%; max-width: 1000px}
.table3 tr th { border-collapse:collapse; border:1px #666666 solid; padding:1%;color:#fff;font-size:12px; background-color: #1774bb;text-align: center;}
.table3 tr td { border-collapse:collapse; border:1px #666666 solid; padding:1%;color:#374C61;font-size:12px; text-align:center; background-color: #FFFFFF;}

.table4 { border-collapse:collapse; border:1px #666666 solid; margin:0 auto;}
.table4 tr td { border-collapse:collapse; border:1px #666666 solid; height:20px;}
.table4 tr .bco { background-color: #1774bb;}
.table4 tr .bcoh { background-image:url("../images/hg.jpg"); background-size: cover;}

.h_ryouri1 { min-height: 120px;}
.h_ryouri2 { min-height: 100px;}
.h_ryouri3 { min-height: 160px;}

.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.top_news {overflow-y:scroll;}
.np {line-height:1.4; margin:0 0 5px;}

.bo { border:1px solid #647E56; text-align:center; width:80%; display:block;  color:#647E56; background-color: rgba(255,255,255,0.5); margin:15px auto; font-size:14px; float: none;transition: .4s; clear:both; padding: 4px}
.bo a {color:#647E56; text-decoration: none;}
.bo:hover { background-color: #647E56;text-decoration: none; color: #FFFFFF}
.ab { padding:12px 4px;text-decoration: none;}
.ab:hover {text-decoration: none; color: #FFFFFF}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}





.bo1 {text-align:center; width:100%; display:block;color:#FFF; background-color: #1774bb; margin:0; padding:16px 4px; font-size:14px; border: 1px #FFE6D5 solid;}
.bo1:hover { background-color:#FFBB9A;color:#FFF;}

.bo1:link   { color:#FFF; text-decoration: none; }
.bo1:visited   { color:#FFF; text-decoration: none; }
.bo1:hover  { color:#FFF; text-decoration: none; }
.bo1:active   { color:#FFF; text-decoration: none; }

.bo2 {text-align:center; width:100%; display:block;color:#FFF; background-color:#29C1F6; margin:0; padding:16px 4px; font-size:18px; border: 1px #D0D0D0 solid;}
.bo2:hover { background-color:#3CE4F7;color:#FFF;}

.bo2:link   { color:#FFF; text-decoration: none; }
.bo2:visited   { color:#FFF; text-decoration: none; }
.bo2:hover  { color:#FFF; text-decoration: none; }
.bo2:active   { color:#FFF; text-decoration: none; }

.bo3 {text-align:center; width:100%; display:block;color:#FFF; background-color:#E97375; margin:0; padding:16px 4px; font-size:12px; border: 1px #D0D0D0 solid;}
.bo3:hover { background-color:#FF9EA0;color:#FFF;}

.bo3:link   { color:#FFF; text-decoration: none; }
.bo3:visited   { color:#FFF; text-decoration: none; }
.bo3:hover  { color:#FFF; text-decoration: none; }
.bo3:active   { color:#FFF; text-decoration: none; }

.bo4 {text-align:center; width:100%; display:block;color:#FFF; background-color:#29C1F6; margin:0; padding:16px 4px; font-size:12px; border: 1px #D0D0D0 solid;}
.bo4:hover { background-color:#3CE4F7;color:#FFF;}

.bo4:link   { color:#FFF; text-decoration: none; }
.bo4:visited   { color:#FFF; text-decoration: none; }
.bo4:hover  { color:#FFF; text-decoration: none; }
.bo4:active   { color:#FFF; text-decoration: none; }


.bo5 {text-align:center; width:100%; display:block;color:#FFF; background-color:#00a73c; margin:0 auto; padding:10px 4px; font-size:16px; border: 1px #65D200 solid; width: 80%; min-width: 200px; border-radius: 10px;}
.bo5:hover { background-color:#31c265;color:#FFF;}

.bo5:link   { color:#FFF; text-decoration: none; }
.bo5:visited   { color:#FFF; text-decoration: none; }
.bo5:hover  { color:#FFF; text-decoration: none; }
.bo5:active   { color:#FFF; text-decoration: none; }


.btn-gradation {
  display: inline-block;
  width:100%;
  text-align: center;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 4px;
  background-image: linear-gradient(-90deg, #FF006E, #ffa800);
  transition: .5s;
  background-size: 200%;
}

.btn-gradation:hover {
  background-position: right center;
	color: #FFFFFF;
}


.hb { background-image:url("../images/tb.gif"); background-position:top; background-size:cover; background-repeat: no-repeat; padding: 6px 0;}
  
.toppa01 {padding:60px 0 0;}

  .main_imgBox {
	  width:100%;
    height: 600px;
    overflow: hidden;
    position: relative; }

  .main_logo {
    z-index:11;
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:380px;
	min-width:380px;
    height:auto;
}

  .main_logo1 {text-align: center;}

.main_logo1 img {max-width:260px;
    height:auto;text-align: center;}

.main_logo2 {text-align: center;padding-top:0;}

.main_logo2 img {max-width:260px;
    height:auto;text-align: center;}

  .main_img {
    z-index:10;
    opacity: 0;
    width: 100%;
    height: 600px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 60s 0s infinite;
    animation: anime 60s 0s infinite; }

    .main_img:nth-of-type(2) {
      -webkit-animation-delay: 10s;
      animation-delay: 10s; }

    .main_img:nth-of-type(3) {
      -webkit-animation-delay: 20s;
      animation-delay: 20s; }

    .main_img:nth-of-type(4) {
      -webkit-animation-delay: 30s;
      animation-delay: 30s; }

    .main_img:nth-of-type(5) {
      -webkit-animation-delay: 40s;
      animation-delay: 40s; }

    .main_img:nth-of-type(6) {
      -webkit-animation-delay: 50s;
      animation-delay: 50s; }
	  
	  
.main_imgBox2 {
	  width:100%;
    height: 600px;
    overflow: hidden;
    position: relative; }



@keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         transform: scale(1.2);
                    z-index:9;
    }
    100% { opacity: 0 }
}

@-webkit-keyframes anime {
    0% {
        opacity: 0;
    }
    8% {
        opacity: 1;
    }
    17% {
        opacity: 1;
    }
    25% {
        opacity: 0;
         -webkit-transform: scale(1.2);
            z-index:9;
    }
    100% { opacity: 0 }
}









	



/* インライン */
small  { font-size:75%; font-weight:normal; }

a { color:#039; text-decoration:none; }
a:hover { color:#136; text-decoration:none; }
a img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.R { text-align:right; }
.L { text-align:left; }
.C { text-align:center; }

.fig01 { float:right; }
.fig01 img { box-shadow:1px 2px 8px #999; margin:0 8px 5px 15px; border:5px solid #fff; }
.fig01 figcaption { text-align:right; margin-right:10px; }

/* リスト */
main ul, main ol { padding:0 2em 0.5em; }

/* 表 */
table { border-collapse: collapse; }
th, td { font-size:13px; }

.tbl01 { border-collapse:collapse; width:95%; margin:1em; }
.tbl01 th, .tbl01 td { padding:0.3em 1em; border:1px solid #136; }
.tbl01 th { font-weight:bold; color:#fff; background:#369; text-align:center; }

/*バックグラウンドスライド*/
.bg-slider {
	width: 100vw;
	height: 60vh;
	background-position:bottom center;
	background-size: cover;
	display: flex;
	margin:0; padding:0;
	
}

/*ナビゲーション*/
.nav_b {margin:0; width:100%; height:80px; padding:0px 0 0; z-index:11; color:#f6bdb7;
    position: absolute;
    top:0;
    left:0;
	}
.naver { }
.naver ul { margin-left: 0;}
.naver li { list-style-type:none; display:inline; }
.naver a {color:#383C43; display: block; float: left; font-size: 13px; line-height: 60px; margin: 0 1px 0 0;width:19.9%;  text-decoration:none; border-right:1px #fff solid;}
.naver a:hover { background-image: linear-gradient(#ffffff, #fff1ef);}
.naver.enabled a { float: none; margin: 0 0 1px 0; width: 100%; }
.brr a { border-left: 1px #fff solid;}

.naver2 { margin-top:20px; margin-bottom: 20px; }
.naver2 ul { margin-left: 4%;}
.naver2 li { list-style-type:none; display:inline; }
.naver2 a {color: #FFFFFF; display: block; float: left; font-size: 16px; line-height: 40px; margin: 0 1px 0 0; padding: 0 20px; text-decoration:none; border-right:1px #FFFFFF solid;#549153;
text-shadow: 2px 2px 2px #000F34,
    -2px 2px 2px #003366,
    2px -2px 2px #003366,
    -2px -2px 2px #003366;}
.naver2 a:hover { background:rgba(250,236,211,0.50) ;}
.naver2.enabled a { float: none; margin: 0 0 1px 0; width: 100%; }

.newbox {width:23.333333333333%;min-height:260px; background-color:#FFFFFF;float: left;display: block; padding: 8px; text-align: left;
margin-left: 0.83333333333333%;
margin-right: 0.83333333333333%;
margin-top:0.5em;
margin-bottom:0.5em;}
.newbox p { font-size: 12px;}

.new_h2 { font-size: 14px;}

.bgc01 { background-color:#ed8f26; color: #FFFFFF; text-align: center; font-size: 12px; margin: 4px 0; width: 60%;}
.bgc02 { background-color:#2eac6f; color: #FFFFFF;text-align: center;font-size: 12px;margin: 4px 0;width: 60%;}

.kotira { width:160px; float: right; margin:10px 0 30px;}
.kotira2 { width:160px; float: right; margin:10px 0 5px;}

.vr_if { border: none; width: 70%; height: 450px;}

.on_nav { width: 70%; margin:0 0 0 14.5%;}
.bb1 {margin-bottom:0}
.syousai {background-color:#356F2E; color:#FFFFFF; width: 160px; text-align: center; float: right; font-size: 13px;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.syousai a {color:#FFFFFF }
.fss { font-size: 11px; line-height: 1.3;}
.fsm { font-size: 14px; line-height: 1.3;}
.fsl { font-size:70%}
.fsxl {font-size:20px}

.m_c { font-weight: normal; margin: 50px auto; font-size:24px; line-height: 2.5; letter-spacing: 10px; color:#FFFFFF;
text-shadow: 2px 2px 2px #000F34,
    -2px 2px 2px #003366,
    2px -2px 2px #003366,
    -2px -2px 2px #003366;}
.kakaku {text-align: right; color: #E81F22;}

.lsd { list-style: disc; text-align: left;font-size: 12px;}
.tate {margin:0 auto; text-align:left; font-size:22px; margin:0px auto 0px;-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;}

  
.bi01 { background-image:url(../images/bi01.png); background-position:center; background-repeat:no-repeat; width:514px; height:514px; margin:0 auto;}
.bi02 { background-image:url(../images/bi02.png); background-position:center; background-repeat:no-repeat; width:514px; height:514px; margin:0 auto;}
.bi03 { background-image:url(../images/bi03.png); background-position:center; background-repeat:no-repeat; width:514px; height:514px; margin:0 auto;}

.tac { text-align:center;}
.tal { text-align: left;}
.tal2 { text-align:left;}
.tar { text-align: right;}

.max200 { max-width:200px; width:100%; margin: auto;}
.max300 { max-width:300px; width:100%; margin: auto;}
.max400 { max-width:400px; width:100%; margin: auto;}
.max500 { max-width:500px; width:100%; margin: auto;}
.max600 { max-width:600px; width:100%; margin: auto;}
.max700 { max-width:700px; width:100%; margin: auto;}
.max800 { max-width:800px; width:100%; margin: auto;}
.max900 { max-width:900px; width:100%; margin: auto;}

.max80 { max-width:160px;}
.w80 { width: 80%}

.sh2 { font-size:24px; color:#666633;text-decoration:none;}
.sh2 a {color:#666633; text-decoration:none;}
.sh2 a:hover {color:#666633; text-decoration:none;}
.shp {color:#666633;text-decoration:none;}
.shp a {color:#666633; text-decoration:none;}
.shp a:hover {color:#666633; text-decoration:none;}


    .comm_box{
        font-size: 12px;
        line-height: 150%;
        padding: 5px;
        margin-bottom:10px; height:250px;
    }
    .comm_box .item_name{ font-weight: bold; color: #cd0a0a; font-size: 16px}
    .comm_box .item_comm{
      min-height: 60px;
      margin-bottom: 3px;
      padding-bottom: 3px;
      border-bottom: dashed #ccc 1px;
    }
    .comm_box ul{ display: block; }
    .comm_box ul li{ display: block; float: right; margin-right: 20px; color: #999; }
    .data{ display: inline-block; width: 55px; text-align: right; }
    .comm_box ul li:first-child{ margin-right: 0px; }
    .comm_box ul:after{
        display: block;
        content: "";
        clear: both;
        width: 100%;
        height: 0px;
        visibility: visible;
    }

.box-1 { background-color: #FF6766;}
.btn-one {
    color: #FFF;
    transition: all 0.3s;
    position: relative;
	padding: 6px;
}
.btn-one span {
    transition: all 0.3s;
}
.btn-one::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: all 0.3s;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: rgba(255,255,255,0.5);
    border-bottom-color: rgba(255,255,255,0.5);
    transform: scale(0.1, 1);
}
.btn-one:hover span {
    letter-spacing: 2px;
}
.btn-one:hover::before {
    opacity: 1; 
    transform: scale(1, 1); 
}
.btn-one::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.3s;
    background-color: rgba(255,255,255,0.1);
}
.btn-one:hover::after {
    opacity: 0; 
    transform: scale(0.1, 1);
}

.itembox { padding: 8px; background-color: rgba(249,249,249,0.80);margin-bottom: 30px}

.bgg { background-color: #EAEAE3;}
.bggg { background-color: #EEFFE0;}
.p10 { padding:20px 0; margin:-10px 0 0; width:100%;}

.bestrate { border:2px double #669966; text-align:center; color: #666666; background-color: rgba(255,255,255,0.5); width:50%; min-width:400px; margin:20px auto; padding:10px 0}
.bestrate h2 { color:rgba(150,131,98,1)}

.hover10 {
  transition: all 0.6s ease 0s;
}
.hover10:hover {
  cursor: pointer;
  transform: scale(1.08, 1.08);
}


/* パララックス */
.parallax-window {
     min-height: 600px;
     background: transparent;
}
.parallax-window2 {
     min-height: 600px;
     background: transparent;
}

.parallax-window3 {
     min-height: 300px;
     background: transparent;
}

.parallax-slider {
     top: 0;
     left: 0;
}

.kikyou { width:400px; margin:90px auto;}


/* モニター幅1000px以下 */
@media only screen and (max-width:1500px) { 
.nav_b {top:86%;
	}

}

/* モニター幅1000px以下 */
@media only screen and (max-width:1080px) { 
.naver a {border-right:none; border-bottom: 1px solid #fff;}
	
}

/* モニター幅960px以下 */
@media only screen and (max-width:960px) { 


.newbox {width: 48.333333333333%;}
.on_nav { width:100%; margin: 0;}
.m_c {font-size:18px;letter-spacing:2px; margin:200px 0 0 0;}
.brr a { border-left: none;border-top: 1px solid #fff;}

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@media only screen and (max-width:768px) { 
/*バックグラウンドスライド*/
.bg-slider {
	height:440px;	
}

.table4 tr td {height:12px;}
.m0 {font-size:28px;padding:32px 16px 30px 16px;}
.m1 {font-size:20px;}
	
.h_ryouri1 { min-height: 160px;}
.h_ryouri2 { min-height: 100px;}
.h_ryouri3 { min-height: 200px;}
	
.main_logo2 {padding-top:1%;}

}

/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:540px) { 
.ss { height: 300px;}
.hb {background-position:center;}
	
.table4 tr td {height:10px;}

.m_c {font-size:18px;letter-spacing:2px; margin:200px 0 0 0;}
.tal2 { text-align:center;}

.parallax-window2 {
     min-height: 300px;
     background: transparent;}
	 
	   .main_imgBox {
	  width:100%;
    height: 300px;
    overflow: hidden;
    position: relative; }

  .main_logo3 {
    z-index:11;
    position: absolute;
    top:24%;
    left:50%;
    transform:translate(-00%,-50%);
    width:380px;
	min-width:380px;
    height:auto;
}

 .main_logo4 {
    z-index:11;
    position: absolute;
    top:60%;
    left:50%;
    transform:translate(-50%,-50%);
    width:400px;
	min-width:400px;
    height:auto;
}

 .main_logo4 img { width:200px;
}

.toppa01 {padding:0 0 0;}

.vr_if { border: none; width: 80%; height: 450px;}
	
.h_ryouri1 { min-height:80px;}
.h_ryouri2 { min-height:80px;}
	
.main_logo2 {padding-top:1%;}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px) { 
section, article { margin:0 0 1em; padding:15px; }
	
.main_logo2 {padding-top:0%;}

}