@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:0 0 1em; padding:0.2em 10px; }
main p { text-align: left; line-height:1.6;color:#374C61; font-size:16px}

.yuki {text-align:center; padding:1%;margin:0;background-image:url("../images/yuki.gif"); background-size: auto}

.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:#FE7362; margin: 0 0 10px; padding:6px 8px 4px 16px; font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;border-bottom: 1px solid #FE7362; border-left:6px solid #FE7362; 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 10px;font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif; background-color:#009944; font-weight: 400;  text-align: left; border-left: 10px solid #ffe200;}
.m3 { font-size: 18px; color:#009944;margin: 1.5em 8px; padding:0;text-align: left; border-bottom:1px #ea5514 solid; font-family:'メイリオ', 'Meiryo','ＭＳ ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;}

.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;}

.bgy { background-color: #ffe200;}
	
.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}

.bgo {background-color: #ea5514;margin: 0 auto; padding: 0;}
.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:#009944;}
.cb { color:#1E71FF;}


/* for table */
#form-tbl {
	margin:auto;
}
#form {
	border-collapse: collapse;
	margin: 1em auto;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #e8e8e8;
}
#form td {
	background: #fff;
}



/* スマホ用 */
@media only screen and (max-width: 480px) {
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	#form { width: 96%; margin: 10px auto; }
    #form th, #form td {
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }

}








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

@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:-16px; margin:0 0 0 16px}
.ti2 { text-indent:-38px; margin:0 0 0 44px;}
.ti3 { text-indent:-14px; margin:0 0 0 32px;}

.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: #FF9720; 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;}
.table3 tr th { border-collapse:collapse; border:1px #666666 solid; padding:1%;color:#fff;font-size:12px; background-color: #FF9720;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: #FF9720;}
.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:17px; float: none;transition: .4s; clear:both;}
.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;
}


.siro { border: 1px solid #FFFFFF; border-radius: 10px; font-size: 14px; width: 200px;padding: 4px; margin:6px auto 0;}
.kuro { border: 1px solid #000; border-radius: 10px; font-size: 14px; width: 200px;padding: 4px; margin:6px auto 0;}



.bo2 {text-align:center; width:100%; display:block;color:#FFF; background-color:#ea5514; margin:0; padding:20px 4px; font-size:20px;}
.bo2:hover { background-color:#F48E61;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; }

.bo1 {text-align:center; width:100%; display:block;color:#fff; background-color:#009944; margin:0; padding:20px 4px; font-size:20px;}
.bo1:hover { background-color:#19C465;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; }

.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:#65D200; margin:0; padding:16px 4px; font-size:12px; border: 1px #65D200 solid;}
.bo5:hover { background-color:#6EF155;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; }


.bo6 {text-align:center; width:33.33333333%; display:block;color:#000; background-color:#fff; margin:0; padding:16px 4px; font-size:14px; float: left;border-left: 1px solid #000000;}
.bo6:hover { background-color:#ffe200;color:#000;}

.bo6:link   { color:#000; text-decoration: none; }
.bo6:visited   { color:#000; text-decoration: none; }
.bo6:hover  { color:#000; text-decoration: none; }
.bo6:active   { color:#000; text-decoration: none; }

.br1 { border-right: 1px solid #000000; }


.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:#FFFFFF ; padding: 6px 0;  border-bottom: 1px solid #AABBCB;}
  
.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:left;}

.main_logo1 img {max-width:400px;
    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:rgba(255,255,255,1);
    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: 15px; line-height: 60px; margin: 0 1px 0 0;width:16.5%;  text-decoration:none; border-right:1px #a3a3a3 solid;}
.naver a:hover { background:rgba(255,211,212,0.50);}
.naver.enabled a { float: none; margin: 0 0 1px 0; width: 100%; }
.brr a { border-left: 1px #a3a3a3 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;}

.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:#F1F1F1;}
.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%;
	}

}

	

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

.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 #a3a3a3;}

}


/* スマートフォン 横(ランドスケープ) タブレット*/
@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) { 
.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%;}

}