html,
body,
#wrapper {
	height: 100%;
}
body {
background: #f5f3ec;
    font-family: a-otf-ud-shin-go-pr6n, sans-serif;
font-weight: 300;
font-style: normal;
}

*{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	position: relative;
	overflow: hidden;
    
}
h1 {
    font-size: 23px;
    padding-bottom: 9px;
    margin: 20px 0 20px;
}

}
h2 {
	font-size: 20px;
	margin: 0 0 10px;
}

h3{
    margin-top: 1%;
}

p{
    font-size: 16px;
}


.container {
	padding-right: 15%;
    padding-left: 15%;
	margin-right: auto;
	margin-left: auto;
}


.section-subtitle{
    font-size: 18px;
}
.section-title{
    font-size: 18px;
}

#page-top a{
    color: #fff;
    display: block;
}
#page-top{
     color: #fff;
}

/*ロゴ*/

.fika{
     max-width: 420px;
    height: auto;
    margin: 0 auto;
    padding: 50px 0;
}

.fika img{
    width: 100%;
}



.mv {
    width: 100%;
    padding: 10% 0 0 10%;
    position: relative;
    height: 100vh;
}
.mv2{
width: 100%;
position: relative;
width: 100%;
height: 100vh;
        } 
#slider {
    width: 100%;
    height: 50vh;
    border-radius: 40px;
    margin-bottom: 20%;
}

/*-----------------------------------------*/
.fuwafuwa {
animation: fuwafuwa 1s infinite ease-in-out .9s alternate;
    background: #4b839c;
    display: inline-block;
    transition: 1.5s ease-in-out;
    color: #fff;
    font-weight: 600;
    width: 200px;
    height: 130px;
    font-size: large;
    padding: 2% 1%;
    text-align: center;
    margin-top: 15px;
    position: absolute;
    /* right: 0; */
    left: -10px;
    /* vertical-align: middle; */
    bottom: 100px;
    z-index: 10;
    border-radius: 13px;
}

 
@keyframes fuwafuwa {
  0% {
    transform:translate(0, 0) rotate(-7deg);
  }
  50% {
    transform:translate(0, -7px) rotate(0deg);
  }
  100% {
    transform:translate(0, 0) rotate(7deg);
  }
    	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}





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



.sv {
    width: 100%;
    position: relative;
    left: 5%;
    top: 41%;
}
.sv2{
width: 35%;
    position: relative;
    left: 40%;
    bottom: 0;
    border: 3px solid #8775759e;
    border-radius: 37px;
    /* margin-bottom: 20%; */
    background: url(../images/tarot/002.jpg) no-repeat center center;
    background-size: cover;
    background-position: center;
    height: 100vh;
}   

.sv3{
width: 30%;
    position: relative;
    right: -78%;
    border: 3px solid #8775759e;
    bottom: 70%;
    border-radius: 35px;
    margin-bottom: 20%;
    background: url(../images/tarot/001.jpg) no-repeat center center;
    background-size: cover;
    background-position: center;
    height: 70vh;
}
.sv4{
    bottom: 18%;
    width: 25%;
    position: absolute;
    right: -3%;
    border: 3px solid #8775759e;
    top: -45%;
    border-radius: 28px;
    margin-bottom: 31%;
    background: url(../images/tarot/001.jpg) no-repeat center center;
    background-size: cover;
    background-position: center;
    height: 70vh;
}


/*中*/
.sv33{
    width: 100%;
    position: relative;
    /* right: -83%; */
    /* border: 3px solid #8775759e; */
    /* bottom: 70%; */
    border-radius: 35px;
    background: url(../images/tarot/001.jpg) no-repeat center center;
    background-size: cover;
    background-position: center;
    height: 100vh;
}
.sv333{
    width: 100%;
    position: relative;
    /* right: -83%; */
    /* border: 3px solid #8775759e; */
    /* bottom: 70%; */
    border-radius: 35px;
    background: url(../images/kobe.jpg) no-repeat center center;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.slider1{
    left:20%;
}

.sv11{
width: 100%;
    position: relative;
    left: 22%;
    /* top: 40%; */
    border-radius: 39px;
    /* border: 3px solid #8775759e; */
    /* margin-bottom: 20%; */
    background: url(../images/tarot/001.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    height: 60vh;
}



.vegas-timer-progress {

    background: #fd8a81!important;

 }
#sidebar{
    position: sticky;
    top: 100px;
}



/*========================
ボックス空き
=========================*/
.mtb30{
    margin: 30px auto;
}


.imgcenter{
    margin: 0 auto;
}

.imgcenter img{
        width: 70%;
}

.mt50{
    margin-top: 50px;
    margin-bottom: 50px;
}

.mb50{
    margin-bottom: 50px;
}

.m20{
    margin: 20px 0;
}




/*スライダーのみ*/
.bg_out2 {
    padding: 50px 0;
    position: relative;
}
.bg_out2.bg_z2 {
    padding-bottom: 60px;
    background-color: #f5f3ec69;
}

.bg_z2:before {
    width: 90%;
    right: 0;
    top: -10px;
    border-radius: 80px 0 0 80px;
}

.bg_out2:before {
    content: '';
    display: block;
    height: 100%;
    background-image: url("../images/space01.png");
    position: absolute;
    z-index: -1;
}




/**/


.bg_out {
    padding: 50px 0;
    position: relative;
}
.bg_out.bg_z {
    padding-bottom: 60px;
}

.bg_z:before {
    width: 90%;
    right: 0;
    top: -10px;
    border-radius: 80px 0 0 80px;
}


.bg_y:before {
    width: 90%;
    left: 0;
    top: -10px;
    border-radius: 0 80px 80px 0;
}
.bg_out:before {
    content: '';
    display: block;
    height: 100%;
    background: #ede9e0;
    position: absolute;
    z-index: -1;
}

section{
       margin: 1% 10% 6% 10%;
}

/*ローディング*/
/* Loading背景画面設定　*/
#splash {
/*fixedで全面に固定*/
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background:#4f3a27;
  text-align:center;
  color:#fff;
}

/* Loading画像中央配置　*/
#splash_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
  width:260px;
}

/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}



/*ヘッダー
***********************************************************/
#header {
    width: 100%;
    padding-right: 5%;
    position: fixed;
    z-index: 100;
    margin-bottom: 0;
}
#header .siteTitle {
width: 120px;
    z-index: 121;
    position: absolute;
    left: 3%;
}
#header .siteTitle a {
	display: block;
	padding: 15px 15px 0 0;
	font-size: 18px;
	line-height: 20px;
	color: #666;
	font-weight: bold;
	text-decoration: none;
}
#header .btn {
	display: none;
	cursor: pointer;
}

#gNav{
    display: flex;
}


/*========= ナビゲーションドロップダウンのためのCSS ===============*/

/*==ナビゲーション全体の設定*/
nav{
  background:#4f3a27;
  color:#fff;
  text-align: center;
}
/*ナビゲーションを横並びに*/
nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
}
/*2階層目以降は横並びにしない*/
nav ul ul{
  display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav ul li{
  position: relative;
  margin:0 -1%;
}

/*ナビゲーションのリンク設定*/
nav ul li a{
  display: block;
  text-decoration: none;
  color: #999;
  padding:20px 35px;
  transition:all .3s;
}

nav ul li li a{
  padding:10px 35px;
}

nav ul li a:hover{
  color:#fff; 
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
nav ul li.has-child::before{
  content:'';
  position: absolute;
  left:15px;
  top:25px;
  width:6px;
  height:6px;
  border-top: 2px solid #999;
    border-right:2px solid #999;
    transform: rotate(135deg);
}

/*3階層目を持つliの矢印の設定*/
nav ul ul li.has-child::before{
  content:'';
  position: absolute;
  left:6px;
  top:17px;
  width:6px;
  height:6px;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
}

/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
nav li.has-child ul{
    /*絶対配置で位置を指定*/
  position: absolute;
  left:0;
  top:62px;
  z-index: 4;
    /*形状を指定*/
  background: linear-gradient(180deg, #e2b368 0%, #e77209bf 100%);
  width:180px;
    /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
    /*アニメーション設定*/
  transition: all .3s;
}

/*hoverしたら表示*/
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li a{
  color: #fff;
  border-bottom:solid 1px rgba(255,255,255,0.6);
}

nav li.has-child ul li:last-child a{
  border-bottom:none;
}

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active{
  background:#e77209bf;
}






/*-------新ナビ---------------*/

.header {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    background-color: #4f3a27;
    position: fixed;
    height: 60px!important;
    z-index: 10;
}

#sidebarMenu {
    height: 100%;
    position: fixed;
    right: 0px;
    width: 250px;
    margin-top: 60px;
    transform: translateX(250px);
    transition: transform 250ms ease-in-out;
    background: linear-gradient(180deg, #e2b368 0%, #e77209bf 100%);
}
.sidebarMenuInner{
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li{
    list-style: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.sidebarMenuInner li span{
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.50);
}
.sidebarMenuInner li a{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}
input[type="checkbox"]:checked ~ #sidebarMenu {
    transform: translateX(0);
}

input[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}
.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 22px;
    right: 22px;
    height: 22px;
    width: 22px;
}

@media only screen and (min-width: 980px){
    .sidebarIconToggle {
        display: none;
    }
}
@media only screen and (max-width: 980px){
    #mainnav{
        display: none;
    }
}




.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: #fff;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}
input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}





/*マスク*/
.mask-img {
  mask-image: url("../images/top1.jpg");
  mask-repeat: no-repeat;
  mask-position: 0 0;
  mask-size: 50%;
  /* Chrome, Safari用 */
  -webkit-mask-image: url("../images/top1.jpg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 50%;
}



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

#gNav::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#gNav ul {
    display: inline-flex;
    padding-top: 8px;
    margin-left: 15%;
}
}
#gNav li {
    color: #fff;
}
#gNav li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #fff;
}
#gNav li a:hover,
#gNav li a.active {
	border-bottom: 1px solid #e77209;
}
.navactive{
   border-bottom: 1px solid #e77209;
}
.siryou{
   width: 100px;
    height: auto;
    padding: 2px;
    background-color: #e77209;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

main{
   width: 100%;
}

.pl20{
    padding-left: 20%;
}

.mvt {
    position: absolute;
    top: 38%;
    left: -3%;
    z-index: 9;
    color: #fff;
    /* background: #ede9e0; */
    background: linear-gradient(347deg, #e2b368 0%, #e77209bf 100%);
    padding: 1% 4%;
    border-radius: 30px;
}

.white{
    width: 60%;
    margin: 0 auto 4% auto;
}

.mvt h1{
font-size: x-large;
    margin-bottom: 0;
}

.mvt2 {
    position: absolute;
    top: 38%;
    left: -3%;
    z-index: 9;
    color: #fff;
    /* background: #ede9e0; */
    background: linear-gradient(347deg, #3d7c91 0%, #ace8e1d9 100%);
    padding: 1% 4%;
    border-radius: 30px;
}

.mvt2 h1{
font-size: x-large;
}

.mvt3 {
position: absolute;
    top: 38%;
    left: -3%;
    z-index: 9;
    color: #fff;
    /* background: #ede9e0; */
    background: linear-gradient(314deg, #e99a1bc4 0%, #fbdf04 100%);
    padding: 1% 4%;
    border-radius: 30px;
}

.mvt3 h1{
font-size: x-large;
}

.mvt4 {
    position: absolute;
    top: 38%;
    left: -3%;
    z-index: 9;
    color: #fff;
    /* background: #ede9e0; */
    background: linear-gradient(347deg, #e2b368 0%, #e77209bf 100%);
    padding: 1% 4%;
    border-radius: 30px;
}
.mvt4 h1{
font-size: x-large;
}

.jef{
    width: 20%;
}
.jef img{
    width: 100%;
}


@media only screen and (max-width: 979px) {
#wrapper {
    margin: 0 2%;
}
#header .siteTitle a {
	padding: 15px 15px 0;
}
#header .btn {
	display: block;
	position: relative;
	float: right;
	padding: 9px 10px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 8px;
	background-color: #16a085;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}
#header .btn .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	background-color: #FFF;
	margin-top: 4px;
}
#header .btn .icon-bar:first-child {
	margin-top: 0;
}

    
.mv {
    width: 100%;
    padding: 0% 0 0 0%;
    position: relative;
}   

#slider {
    width: 100%;
}
    
 
    
/*ナビ*/    
    
#gNav {
	clear: both;
}
#gNav ul {
	display: none;
	background: #efefef;
    width: 100%;
}
#gNav ul.open {
	display: block;
}
#gNav li {
	float: none;
    text-align: center;
}
    
#gNav li a {
	position: relative;
}
#gNav li a::after {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 15px;
	font-family: FontAwesome;
	content: "\f054";
}
}
/*ヘッダー（ここまで）
***********************************************************/

/*========================
トップスライダー
=========================*/

.slider-8 .slick-slide {
width: 250px;
    margin: 0 10px;
    border-radius: 27px;
    border: 5px solid #134859c7;
    height: 100vhpx;
    position: relative;
    overflow: hidden;
}

.slider-8 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.simple-slider .slick-slide {
    width: 240px;
    height: 50vh;
    border: 5px solid #decf5bde;
    border-radius: 28px;
    position: relative;
    overflow: hidden;
    margin: 1%;
}

.simple-slider .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.up{
    position: absolute;
    top: -4%;
padding: 6% 10% 0 0;
}

.down{
position: absolute;
    top: -48%;
    padding: 0%;
}




.follow_container {
    width: 32%;
    background: #fff;
    padding: 1%;
    position: relative;
    top: 54%;
    left: 20%;
    opacity: 0.9;
    text-align: left;
}
.follow_container h1{
font-size: 13px;
    font-weight: bold;
}
.topimgfika{
    width: 70%;
    margin: 0 auto;
}

.top-title{
    color:#666;
    margin: 30px auto 0 auto;
    font-size: 65px;
    font-weight: 400;
 }

.second-title {
    color: #e69e20;
    font-weight: 500;
    font-size: 16px;
}

@media only screen and (max-width: 979px) {
    .follow_container {
        display: none;
}
    .pl20 {
    padding-left: 0%;
}
}



/*swipper*/
/* 全体のスタイル */
.swiper-wrapper {
	width: 100%;
	height: 100vh;
}
/* 全スライド共通スタイル */
.swiper-slide {
	width: 100%;
	height: 100%;
}

/*ページネーション*/
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  color: #000;
}




/*コンテンツ
***********************************************************/

/*料金*/

.panelbox{
      margin: 0 auto;
    width: 75%;
}

/*マーク*/
.pane {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}
.paner p {
    font-size: small;
    margin: 0;
    text-align: right;
}

.paneinfo{

}

.pane .label {
display: flex;
    width: fit-content;
    margin: 5px;
    padding: 6px;
    text-align: center;
    color: #221616;
    font-size: small;
    font-weight: unset;
}


.clear{
        margin-top: 5%;
    clear: both;
        text-align: center;
}


.label {
    display: inline;
    padding: 0.2em
 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.label-product {
    border: 1px solid #406366;
}
.label-product1 {
    border: 1px solid #af5f5f;
}
.label-product2 {
    border: 1px solid #af5fa1;
}
.label-product3 {
    border: 1px solid #965faf;
}
.label-product4 {
   border: 1px solid #765faf;
}
.label-product5 {
   border: 1px solid #5f74af;
}
.label-product6 {
    border: 1px solid #5f91af;
}
.label-product7 {
    border: 1px solid #5fadaf;
}
.label-product8 {
    border: 1px solid #afaa5f;
}
.label-product9 {
    border: 1px solid #af875f;
}
.label-product10 {
    border: 1px solid #af605f;
}
.label-product11 {
   border: 1px solid #3d527b;
}
.label-product12 {
   border: 1px solid #663d7b;
}
.label-product13 {
  border: 1px solid #3d527b;
}
.label-product14 {
  border: 1px solid #265668;
}
.label-product15 {
  border: 1px solid #4d3c72;
}
.label-product16 {
  border: 1px solid #2a4e40;
}
.label-mono{
	border: 1px solid #666;
}
.label-new{
		border: 1px solid #decf5b;
}
.label-product{
		border: 1px solid #7e6b5a;
}
.label-news{
		border: 1px solid #35829c;
}
.label-topics{
		border: 1px solid #765f95;
}
.label-seminer{
		border: 1px solid #47a592;
}



.newstopic{
    background: #fff;
    border-radius: 20px;
    padding: 4%;
    margin: 4% auto;
    width: 75%;
}

.newstopic2 {
    background: #fff;
    border-radius: 20px;
    padding: 4%;
    margin: 4% auto;
    width: 70%;
    min-height: 500px; 
    padding: 5%;
}


.newsimg{
    width: 90%;
    margin: 5% auto;
}


.newstopic dl {
    font-size: medium;
}

.pac{
    padding: 1% 0;
}

.newstopic dt span{
    display: inline;
}


/*テーブル*/

.newstopic table {
border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    color: #000;
}

.newstopic table tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px solid #bbb;
}
.newstopic table thead{
  border-bottom: 5px solid #e77209;
}
.newstopic table tr:last-child{
   border-bottom: none
}
.newstopic table th,
.newstopic table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
.newstopic table th:last-child,
.newstopic table td:last-child{
    border: none;
}
tbody th {
    color: #c74818;
}

tbody p{
    color: #777;
}

.small{
    font-size: small;
}
.title{
    text-align: center;
}

.txt{
   text-align: left;
   font-size: .85em;
}
.price{
   text-align: right;
}
@media screen and (max-width: 600px) {
.newstopic table {
    border: 0;
    width:100%
  }
.newstopic table th{
    display: block;
    border-right: none;
    border-bottom: 5px solid #e77209;
    padding-bottom: .6em;
    margin-bottom: .6em;
  }
.newstopic table thead {
    border: none;
  }
  
.newstopic table tr {
    display: block;
    margin-bottom: 1em;
  }
  
.newstopic table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
.newstopic table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
.newstopic table td:last-child {
    border-bottom: 0;
  }
}




/*info*/

.info{
    display: flex;
    margin: 4% 0 0 0;
}

.infolk {
    width: 46%;
    text-align: left;
    margin-right: 3%;
}
.infork {
    width: 44%;
    text-align: left;
}



.infol {
    width: 30%;
    text-align: left;
    margin-right: 3%;
}
.infor {
    width: 44%;
    text-align: left;
}

.infor img{
    width: 100%;
    height: auto;
}

.infol2{
    width: 79%;
    text-align:left;
    padding-right: 5%;
}
.infor2{
    width: 100%;
    display: flex;
}

.infor2 img{
    width: 100%;
    height: auto;
}


.map{
    padding: 4% 5% 10% 0;
}
.mapi{
    border-radius: 20px;
}

.newstopic dl p{
    display: inline;
}



@media only screen and (min-width: 1080px){
.newstopic dl dt {
    float: left;
    width: 60%;
}
    
.newstopic dl dd {
    float: left;
    width: 40%;
}    

}



.pimg img{
   width: 50%;
}
.pimg2 img{
   width: 50%;
}
.pimg{
    margin-bottom: 7%;
    text-align: center;
}
.pimg2{
    text-align: center;
}

.flx{
    display: flex;
}



/*ニュース*/

.col-xs-12 {
  width: 100%;
float: left;
}

#news{
    /*margin-top: 10%;*/
}

.tab-content {
      padding: 5%;
    /* border: 2px solid #e8e8e8; */
  background: #fff;
    width: 80%;
    margin: 0 auto;
    border-radius: 20px;
}

.tab-pane div {
    float: left;
}
.tab-pane li {
    margin: 2px;
    list-style: none;
}

.post-categories{
    padding: 0;
}

.tabnaka {
    padding:0;
}
.tab-pane .date {
    width: 120px;
    display: inline-block;
    margin-right: 10px;
}
.tab-pane .label {
display: inline-block;
    width: 120px;
    margin-right: 27px;
    padding: 0;
    text-align: center;
    color: #fff;
}
.tab-pane .label a{
    color: #fff;
}
.tab-pane {
    margin-bottom: 0;
    list-style-type: none;
    -webkit-padding-start: 0;
}
#rerease{
    margin: 0 auto;
}


.box1{
width: 50%;
    height: auto;
    display: block;
}

.box2{
    width: 40%;
    display: inline-block;
    margin: 3% 9% 3% 0;
    vertical-align: top;
}

.box3{
    width: 49.3%;
    display: inline-block;
    padding: 0 6%;
    text-align: left;
}

.box7{
    width: 29.3%;
    display: inline-flex;
}

.box6{
width: 40%;
    display: inline-block;
    text-align: left;
    vertical-align: top;
}
.offer{
    padding: 50px 156px;
}


.boxtece{
    text-align: center;
    vertical-align: top;
}


.open1{
    font-size:30px;
    color: #e2b368;
    text-align: center;
}

.open2{
    font-size:30px;
    color: #e2b368;
}

 .topilust.background_content{
    background: url(../images/top1-2.jpg) no-repeat center center;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 60vh;
    margin: 10% 0;
}
 .topilust.background_content2{
   background: url('../images/kobe2-2.jpg') no-repeat center center; 
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 60vh;
    margin: 10% 0;
}

 .topilust.background_content3{
   background: url('../images/top12.jpg') no-repeat center center; 
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 60vh;
    margin: 10% 0;
}
 .topilust.background_content4{
   background: url('../images/top10.jpg') no-repeat center center; 
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: 60vh;
    margin: 10% 0;
}

.nakal{
    width: 100%;
}
.nakar{
    display: block;
    padding-left: 3%;
}

.profile {
    width: 100%;
    margin: 0;
    display: block;
    display: flex;
    text-align: left;
}
.book {
list-style: none;
    font-size: small;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 28%;
}
.book li{
    display:block;
}






.conl{
       width: 56%;
        text-align: left;
   margin: 0 3% 0 0;
}
.conr{
  width: 44%;
    text-align: left;
}

/*========================
ニュース  インスタ
=========================*/
.post_body{
    clear: both;
}

.eventtag-news_info{
    display: block;
}
.post_category{
     display: block;
}

ul.imgList li .post-categories li{
    float: none;
    margin: 0 auto;
    clear: both;
}

.post_date{
    display: block;
    clear: both;
}

.post_title{
    display: block;
}

 .instagram-gallery {    
    max-width: 600px;
    height: 600px;
    margin: 100px auto;
    overflow: hidden;
    overflow-y: auto;
}  
.instagram-gallery__list {    
    display: flex;    
    flex-wrap: wrap;    
    -ms-flex-wrap: wrap;  
    list-style: none;
        padding: 0;
}  
.instagram-gallery__item {    
    max-width: 31.333%;
    height: auto;
        padding: 3px;
}

.instagram-gallery__item img{
    width: 100%;
}

.instagram {
  width: 1000px;
  margin: 0 auto;
}


p.ins_like {
position: absolute;
width: 100%;
height: 40px;
bottom: 0;
left: 0;
background: rgba(255,255,255,0.70);
padding: 10px 20px 10px 0;
box-sizing: border-box;
text-align: right;
}
.instagram li img {
max-width: 100%;
}
.fa-heart {
margin-right: 10px;
color: #EA4E50;
}


/*インスタ*/
.instaimg img{
        width: 20%;
    margin-bottom: 10px;
}



/*コンテンツテキスト*/
.centerblock{
    width: 100%;
    margin: 0 auto 50px auto;
}

.centerblock80{
    width: 87%;
    margin: 0 auto;
}


.centerblock80 p{
    line-height: 40px;
}

.centerblock h2{
    text-align: left;
}

.centerblock80 h2{
	position: relative;
	text-align: center;
	font-size:20px;
}
.centerblock80 h2::before{
	position: absolute;
	top: 50%;
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #000;
	background: linear-gradient(-45deg, transparent, #469FD4 10%, #469FD4 90%, transparent);
}
.centerblock80 h2 span{
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 20px;
	background-color: #fff;
}

#information p{
    text-align: left;
}

.tinfoimg{
  
}

.centerblock p{
    text-align: center;
}

.centerblock2{
    width: 100%;
    margin:50px auto;
}

.centerblock2 h2{
    text-align: center;
}

.centerblock2 p{
    text-align: center;
}


.text-content{
    text-align: center;
}

.text-content p{
    font-size: unset;
}

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

.description_content {
    padding: 50px 0 10px 0;
    width: 100%;
    margin: 0 auto 0 auto;
    position: relative;

}

.description_content2 {
    padding:0;
    width: 100%;
    background: #fff;
    margin: 0 auto 0 auto;
    position: relative;
    background: white;
    text-align: center; 
}


/*========================
   写真
=========================*/
.kazarimono {
    width: 97%;
    height: 84px;
    padding: 11%;
    position: relative;
    background-color: #fff;
    /* border: 8px solid; */
    /* border-block: 2px solid; */
    bottom: 45px;
    border: 2px dotted #e2b368;
    padding: 2%;
    margin: 2%;
    font-size: 14px;
    left: 13%;
    color: #5b5b5b;
    border-radius: 10px;
}
.kazarimono h3{
    font-size: small;
}

.kazari{
      width: 80%;
    height: 60px;
    position: relative;
    background-color:#decf5b;
    bottom: 52px;
    padding: 16px;
    right: 14px;
    color: #fff;
}

.kazari2{
      width: 80%;
    height: 60px;
    position: relative;
    background-color:#35829c;
    bottom: 52px;
    padding: 16px;
    right: 14px;
    color: #fff;
}

.kazari3{
      width: 80%;
    height: 60px;
    position: relative;
    background-color:#7e6b5a;
    bottom: 52px;
    padding: 16px;
    right: 14px;
    color: #fff;
}

.kazari4{
      width: 80%;
    height: 60px;
    position: relative;
    background-color:#9c9b35;
    bottom: 52px;
    padding: 16px;
    right: 14px;
    color: #fff;
}


 .waku01 {
      padding:7px;
      border:1px solid #ccc;
      background:#fff;
      box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
    }




/*--topバナー--*/
.banner{
    max-width:500px;
    height:150px;
    margin: 0 auto;
}

.banner img{
    width: 100%;
}

.shopinfo{
    margin: 30px auto;
}
.shopinfo li{
    list-style: none;
}


/*健康医療*/

.healthtext{
    width: 100%;
    text-align: left;
}


.healthcareimg{
    width: 50%;
    margin: 7% auto 0 auto;
}

.healthcareimg img{
    width: 100%;
    height: auto;   
}

/*========================
  topアクセス
=========================*/
.asimg img{
    width: 100%;
}

.astext{
    font-size: 20px;
    font-weight: bold;
    line-height: 80px;
    text-align: center;
}

.aslist{
    display: block;
    margin: 0 auto 10% auto;
    padding-left: 0;
}

.aslist p{
    text-align: center;
}

.astextbox{
    margin: 100px 0;
    padding: 50px 0;
}


.asbox{
    padding: 100px 0;
}



.ic {
    width: 30%;
    height: 27%;
    position: absolute;
    color: #fff;
    font-weight: bold;
    bottom: -5%;
    left: -10%;
    /* background: #fff; */
    border-radius: 15px;
    background: linear-gradient(139deg, #e2b368 0%, #e77209bf 100%);
}

.ic .fa{
    color: #fff;
}

.icbox{
    margin-top: 50px;
}

.icbox p{
    text-align: center;
    font-size: large;
    line-height: 1.7;
    padding-top: 20%;
}


.ic2 {
    width: 30%;
    height: 27%;
    position: absolute;
    color: #fff;
    font-weight: bold;
    bottom: -5%;
    left: -10%;
    /* background: #fff; */
    border-radius: 15px;
    background: linear-gradient(347deg, #3d7c91 0%, #ace8e1d9 100%);
}







/*tel*/
.tel table{
    margin: 0 auto 1% auto;
}

.tel{
    padding: 5% 0;
    text-align: right;
}

.tel h3{
    font-size: 31px;
    color: #0A907F;
    display: inline-block;
}



.tel .inl a{
        font-size: 31px;
    color: #0A907F;
    margin-left: 4%;
}

.tel p{
    margin: 0 0 5% 0;
}
.tel table tr td{
color: #fff;
}



/*========================
モーダル
=========================*/

.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    z-index: 99;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}

.flooritem img{
    width: 80%;
    height:auto;
}

.cbtm {
    position: absolute;
    top: 12px;
    right: 20px;
}

.js-modal-open img{
    width: 100%;
    height: auto;
    z-index: 130;
}


.hyou {
    display: inline-block;
    width: 50%;
    margin: 5%;
}

.hyou dl{
    border: 1px solid;
}

.hyou dt{
    float: left;
    border: 1px;
}

.hyou dd{
    text-align: right;
}






/*========================
フォーム
=========================*/

/*修正*/

.mft{
    font-size: 18px;
}

/*フォーム*/
.formstyle dt{
    width: 20%;
    text-align: left;
}
.formstyle dd{
        width: 60%;
    text-align: left;
}
.formstyle dl{
    display: flex;
    border-bottom: dotted 1px #104a52db;
    padding: 2% 0;
}

    .kukei3{
    width: 56px;
    display: block;
    height: auto;
    padding: 0px;
    color: #fff;
    background: #0A907F;
    border: none;
    border-radius: 3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 auto 0 auto!important;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    text-align: center;
    }  


/*---修正ここまで---------*/



.telbox {

 margin-top: 3%; 
}
.sub-footer-text{
    text-align: right;
        font-size: x-small;
}
.footinfo{
    font-size: small;
}

.teleft{
        text-align: left;
}

.fbox{
    padding: 0 20px;
}

/* Input Styles */

.form{
    width: 100% !important;
    padding: 3%;
    border: 1px solid rgba(13, 12, 12, 0.23);
    margin: 10px 0;
    color: #727272 !important;
    font-size: 13px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.form:hover{
    border:1px solid #decf5b;
}

.form:focus{
    color: white;
    outline: none;
    border:1px solid #e77209;
}

.textarea{
    height: 200px;
    max-height: 200px;
    max-width: 100%;
} 


/* Generic Button Styles */

.infob li{
 
}




.button:hover{
    background:#e2b368;
    color:white;
}

/* Send Button Styles */


/*== ボタン共通設定 */
.btn{
position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #e77209;
    padding: 10px 30px;
    text-align: center;
    outline: none;
    transition: ease .2s;
    background: #fff;
    border-radius: 8px;
}

/*ボタン内spanの形状*/
.btn span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#e77209;
}

.btn:hover span{
	color:#fff;
}


.btn2{
position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    border: 1px solid #3889a4;
    padding: 10px 30px;
    text-align: center;
    outline: none;
    transition: ease .2s;
    background: #fff;
    border-radius: 8px;
}

.blue{
    color: #3889a4!important;
}

/*ボタン内spanの形状*/
.btn2 span {
	position: relative;
	z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
	color:#3889a4;
}

.btn2:hover span{
	color:#fff;
}


/*== 背景が流れる（斜め） */
.bgskew::before {
	content: '';
    /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: -130%;
    /*色や形状*/
	background:#e77209;
	width:120%;
	height: 100%;
	transform: skewX(-25deg);
}

/*hoverした時のアニメーション*/
.bgskew:hover::before {
	animation: skewanime .5s forwards;/*アニメーションの名前と速度を定義*/
}

.bgskew2::before {
	content: '';
    /*絶対配置で位置を指定*/
	position: absolute;
	top: 0;
	left: -130%;
    /*色や形状*/
	background:#3889a4;
	width:120%;
	height: 100%;
	transform: skewX(-25deg);
}

/*hoverした時のアニメーション*/
.bgskew2:hover::before {
	animation: skewanime .5s forwards;/*アニメーションの名前と速度を定義*/
}

@keyframes skewanime {
	100% {
		left:-10%;/*画面の見えていない左から右へ移動する終了地点*/
	}
}





div.fa {
    display: block;
    padding: 30px 0px 25px 0px;
}

div .fa-2x {
    padding: 30px 0px 25px 0px;
}

h1 {
    text-transform: capitalize;
}
.navbar-default {
    border: 0 !important;
}

.service dt{
    width: 100px;
}

.service dd{
    text-align: left;
}

.formbox{
    width: 45%;
    display:inline-grid;
    margin: 0 auto;
    padding: 2%;
}

.ank{
  padding: 3%;
    clear: both;
}

.ank p{
    margin: 3%;
    font-size: large;
}

.ank2{
    text-align: left;
}

.nairan{
    text-align: left;
}

.nairan input{
    display: inline-block;
    padding: 0;
}

        .spb{
    display: block;
    text-align: left;
    margin: 2% 0;
     }  


/*========================
バナー
=========================*/
.tenpo {
    display:inline-block;
}

.tenpo li{
    list-style: none;
    display: inline-block;
    margin: 20px;
}

.bank{
    margin-top: 30px;
    padding-bottom: 50px;
    width: 100%;
}

.bank li{
    list-style: none;
    display: inline-block;
    margin: 20px;
    list-style: none;
}


.bank h3{
	position: relative;
	text-align: center;
	font-size:20px;
}
.bank h3::before{
	position: absolute;
	top: 50%;
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #000;
	background: linear-gradient(-45deg, transparent, #469FD4 10%, #469FD4 90%, transparent);
}
.bank h3 span{
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 20px;
	background-color: #fff;
	text-align: left;
}






.toplistbox{
    margin: 0 auto;
    font-size: large;
    position: center;
    display: flex;
}

@media screen and (max-width: 767px){
    .toplistbox{
    margin: 0 auto;
    font-size: unset;
    width: 75%;
}
  
    
}
.toplist{
    display: block;
    margin: 50px auto;
    text-align: left;
}

.toplist li{
    list-style:none;
    text-align: left;
}

.toplist li:before {
content: "●";
    color: #e2b368;
}

.aslist li{
    list-style: none;
    vertical-align: middle;

}

.acc{
max-width: 120px;
    display: inline-block;
    /* float: left; */
    padding-left: 0;
}

.acc img{
    width: 100%;
}


/*========================
セクション背景
=========================*/

.back1{
background: url(../images/back/p0129_l.png) center center;
    background-size: contain;
    text-align: center;
    background-position: center;
    padding: 50px 0;
    border-radius: 50px;
    margin: 0 auto;
}

.back2{
    background: url('../images/back/p0040_l.png') no-repeat center center;
    background-size:cover;
    text-align: center;
    background-position: center;   
}

.back3{
    background: url('../images/back/p0082_l.png') center center;
    background-size:contain;
    text-align: center;
    background-position: center;   
}

.line{
    border-bottom: solid 3px #d7c007;
        width: 61%;
    text-align: center;
    font-size: x-large;
}

.section-wrapper{
    padding: 50px 0;
}

.insta{
   max-width: 600px;
    height: auto;
    margin: 0 auto;
}

.insta img{
    width: 100%;
    height: auto;
}

.thanks{
   height: 300px;
    padding-top: 200px;
}

/*========================
   コンテンツ　ブロックパララックス
=========================*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition : all 1000ms;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/*========================
下層ページレイアウト
=========================*/
    .pricepadd{
        margin-bottom: 50px;
    }  


    .text-content h1 {
    margin-top: 0;
    font-size: 15px;
    padding: 0.5em 2em;
    /* margin: 2em 0; */
    border: double 4px #0A907F;
    background-color: #fff;
}


.textbox2{
    width: 500px;
    height: 300px;
    background: #fff;
    opacity: 0.9;
    position: absolute;
    top: 0;
    right: 113px;
    z-index: 5;
    padding: 4%; 
}

.textbox2 h2{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 25px;
}

.submain{
    padding: 50px;
    max-width: 1280px;
    height: 500px;
    margin: 5% auto 100px auto;
    position: relative;
    text-align: center;
    box-sizing: border-box;
}

.capture{
    width: 400px;
    height: 130px;
    background-color: #fff;
    box-shadow: 10px 10px 15px -10px;
    position: absolute;
    top: -1px;
    left: 27px;
    z-index: 0;
    padding: 3%;
}
.capture2{
    width: 400px;
    height: 130px;
    background-color: #fff;
    box-shadow: 10px 10px 15px -10px;
    position: absolute;
    top: -1px;
    left: 27px;
    z-index: 0;
    padding: 3%;
}
.capture3{
    width: 400px;
    height: 130px;
    background-color: #fff;
    box-shadow: 10px 10px 15px -10px;
    position: absolute;
    top: -1px;
    left: 27px;
    z-index: 0;
    padding: 3%;
}
.capture4{
    width: 400px;
    height: 130px;
    background-color: #fff;
    box-shadow: 10px 10px 15px -10px;
    position: absolute;
    top: -1px;
    left: 27px;
    z-index: 0;
    padding: 3%;
}

.capture5{
    width: 400px;
    height: 130px;
    background-color: #fff;
    box-shadow: 10px 10px 15px -10px;
    position: absolute;
    top: -1px;
    left: 27px;
    z-index: 0;
    padding: 3%;
}

.capture h1,.capture2 h1,.capture3 h1,.capture4 h1,.capture5 h1{
    color: #0A907F;
}


.captureimg{
  background: url(../images/captureimg/DSC02545.jpg);
    width: calc(75%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 290px;
}

.captureimg2{
  background: url(../images/captureimg/IMG_0177.JPG);
    width: calc(90%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 88px;
}

.captureimg3{
  background: url(../images/captureimg/birejjikousou.jpg);
    width: calc(90%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 88px;
}


.captureimg4{
  background: url(../images/captureimg/conceptmain.JPG);
    width: calc(90%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 88px;
}

.captureimg5{
  background: url(../images/captureimg/houjinrinen_2.jpg);
    width: calc(90%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 88px;
}

.captureimg6{
  background: url(../images/captureimg/DSC02620.JPG);
    width: calc(90%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 88px;
}

.captureimg7{
    background: url(../images/captureimg/anshin1.jpg);
    width: calc(90%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 88px;
}

.captureimg8{
  background: url(../images/captureimg/sizen.jpg);
    width: calc(90%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 88px;
}

.captureimg9{
  background: url(../images/captureimg/price.jpg);
    width: calc(90%);
    height: calc(100%);
    position: absolute;
    background-size: cover;
    top: 90px;
    z-index: -1;
    left: 88px;
}




.leftlist{
    text-align: left;
}

/*========================
料金テーブル
=========================*/
@media (min-width: 350px) {  
    
    .madoridata1 table{
  border-collapse: collapse;
    margin: 40px auto;
    padding: 0;
}
.madoridata1 table tr {
  padding: .35em;
    border-bottom: 1px solid #0A907F;
}
.madoridata1 table th{
  padding: 1em 7px 1em 1em;
}
.madoridata1 table td {
    /*padding: 1em 34px 1em 1em;*/
    }   
    
.madoridata1 table th {
  font-size: .85em;
    width: 10%;
}
    
    
.madoridata1 table thead th{
  font-size: larger;
    font-weight: bold;
}
.madoridata1 table tbody{
    background: #fff;
    color: #666;
     border: 1px solid #0A907F;
}
    
    .kukei{
    width: 56px;
    display: block;
    float: none;
    height: auto;
    padding: 5px;
    color: #fff;
    background: #0A907F;
    border: none;
    border-radius: 3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 6% auto 0 auto!important;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    text-align: center;
    }    
    .kukei2{
      width: 60px;
    display: block;
    float: none;
    height: auto;
    padding: 5px;
     color: #0A907F;
    background-color: #AED8D3;
    border: none;
    border-radius: 3px;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    margin: 6% auto 0 auto!important;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    -webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);
    text-align: center;
    } 

    
    
    .madoridata2 table{
  border-collapse: collapse;
    margin: 40px auto;
    padding: 0;
}
.madoridata2 table tr {
padding: .35em;
    border-bottom: 1px solid #0A907F;
    border-top: 1px solid #0A907F;
}
.madoridata2 table th{
  padding: 1em 7px 1em 1em;
}
.madoridata2 table td {
   padding: 10px 0;
    }   
    
.madoridata2 table th {
  font-size: .85em;
    width: 4%;
    background: #0A907F;
    color: #fff;
}
.madoridata2 table thead{
  background-color: #0A907F;
  color:#fff;
}
.madoridata2 table tbody{
    background: #fff;
    color: #666;
}    
    
.price2{
  color: #666;
    font-weight: bold;
    font-size: smaller;
    text-align: left;
} 
.price3{
  color: #666;
    font-weight: bold;
    font-size: smaller;
    text-align: left;
    padding-left: 5%!important;
}      
    
    .goukei{
        background:#0A907F;
        color: #fff!important;
    }
        .goukei2{
        background:#0A907F;
        color: #fff!important;
            border-right: 1px solid #fff!important;
    }  
    .color1{
        background-color: #AED8D3!important;
        color: #0A907F!important;
    }
        .color2{
        background-color: #0A907F;
        opacity: .8;
    }
    
  
    
.madoridata table{
  border-collapse: collapse;
    margin: 40px auto;
    padding: 0;
    border: 1px #0A907F solid;
}
.madoridata table tr {
  padding: .35em;
  border-bottom: 1px solid #0A907F;
}
.madoridata table th{
  padding: 1em 7px 1em 1em;
  border-right: 1px solid #0A907F;
}
.madoridata table td {
    /*padding: 1em 34px 1em 1em;*/
  border-right: 1px solid #0A907F;  
    }   
    
.madoridata table th {
  font-size: .85em;
    width: 10%;
    text-align: center;
}
.madoridata table thead{
  background-color: #AED8D3;
}
.madoridata table tbody{
    background: #fff;
    color: #666;
}
.txt{
   text-align: left;
   font-size: .85em;
}
.price{
color: #666;
    font-weight: bold;
    font-size: revert;
    text-align: left;
    padding-left: 5% !important;
}
.non{
  background:#fff;
}
.center{
    text-align: center;
        }        
}

@media screen and (max-width: 700px){  
 
    .spleft{
        text-align: left;
        font-size: smaller;
    }
    
/*madoridata*/
    .madoridata{
        overflow-x:auto;
    }
    .madoridata table{
        width: 780px;
    }
/*madoridata2*/
    .madoridata2{
        overflow-x:auto;
    }
    .madoridata2 table{
        width: 950px
    }
    
/*madoridata1*/
    .madoridata1{
        overflow-x:auto;
    }
    .madoridata1 table{
        width: 950px
    }
    
    
    
    .text-content.container h1 {
        font-size: 12px;
    }
    p.desc-text{
    font-size: 14px;
}   
    .submain {
        margin: 0 auto;
    }
    
    .bg_z2:before {
    width: 100%;
    right: 0;
    top: -10px;
    border-radius:0;
}
    
    
}
@media screen and (max-width: 979px){
.textbox2{
    position:inherit;
    margin: 0 auto;
}
    .box1{
width: 100%;
}    
    
}




/*フッター
***********************************************************/

#footer{
	background:#4f3a27;
	color:#FFF;
	text-align:center;
	padding:10px;
    height: 400px;
}
/*フッター（ここまで）
***********************************************************/

/*========================
MEDIA QUERIES TABLET
=========================*/
@media only screen and (min-width: 1200px) {
.container {
	width: 100%;
}
}

@media (max-width: 991px){
.captureimg9, .captureimg7, .captureimg6, .captureimg5, .captureimg4, .captureimg2, .captureimg3 {
width: calc(110%);
    height: calc(100%);
    position: inherit;
    background-size: contain;
    background-repeat: no-repeat;
    top: 52px;
    left: 0;
}
    .capture5{
    height: 100px;
    left: 0px;
    z-index: 0;
    padding: 3%;
} 
.mapbox img {
    width: 100%;
}
    
.imgcenter img{
        width: 80%;
}    
.tab-content {
   margin: 10%;
}   
.line {
    width: 100%;    
}
}

@media (max-width: 1199px){
.captureimg9 {
    background: url(../images/captureimg/price.jpg);
    width: calc(75%);
    height: calc(79%);
    position: absolute;
    background-size: cover;
    top: 90px;
    left: 222px;
}
}

@media (max-width: 768px) {  
.captureimg9,.captureimg7, .captureimg6, .captureimg5, .captureimg4, .captureimg2, .captureimg3{
    width: calc(100%);
    height: calc(100%);
    position: inherit;
    background-size: contain;
    background-repeat: no-repeat;
    top: 150px;
    left: 0;
}
.captureimg9, .captureimg7, .captureimg6, .captureimg5, .captureimg4, .captureimg2, .captureimg3 {
    top: 84px;
}
    
.capture5{
    height: 100px;
    left: 0px;
    z-index: 0;
    padding: 3%;
} 
.mapbox img {
    width: 100%;
}
.imgcenter img{
        width: 90%;
}  
    
.box2 {
    width: 80%; 
    }
.centerblock p{
    text-align:left;
}   

}
@media screen and (max-width: 736px) {
.profile{
    width: 80%;
    margin: 0 auto;
    flex-direction: column;
    text-align: left;
}
     .nakal {
            margin: 0 auto;
}
    
.formstyle dd {
    width: 100%;
}    
.formstyle dt {
    width: 100%;
}    
.formstyle dl {
    flex-direction: column;
}    
    
}


 @media (max-width: 700px) {   
.bank li{
    display: block;
}
.info {
    flex-direction: column;
}
.infol {
    width: 100%;
}
.infor {
    width: 100%;
}     
}


 @media (max-width: 500px) {     
.captureimg9,.captureimg7, .captureimg6, .captureimg5, .captureimg4, .captureimg2, .captureimg3{
    width: 100%;
    position: absolute;
    top: 98px;
}
     .asbox{
    padding: 0;
}

.buslist{
    width: 90%;
}     
     
.capture5,.capture4,.capture3,.capture2,.capture{
    width: 333px;
    height: 77px;
    left: 0px;
    z-index: 0;
    padding: 3%;
}      
.imgcenter img{
        width: 100%;
} 
     
     .fika img {
    width: 63%;
     }
         h1 {
    font-size: 17px;
         }
     h2{
     font-size: 15px;
         }
    .kazarimono {
    width: 100%;
     }
     .icbox p {
    font-size: 13px;
     }
     p {
    font-size: 13px;
     }
     .section-wrapper{
    padding: 0;
}
     .tab-pane div {
    float: none;
}
     .toplist {
    width: 90%;
}
.centerblock80{
    width: 100%;
}

 .col-sm-5 img{
         width: 100%;
     }
     
.col-xs-4 img{
         width: 100%;
     }  
 .submain {
        height: 350px;
    }
.textbox2 {
    width: 100%;
    height: 200px;
    background: #fff;
    opacity: 0.9;
    position: inherit;
    top: 0;
    right: 113px;
    z-index: 5;
    padding: 0;
}   
.healthcareimg{
    width: 100%;
    margin: 3% auto 0 auto;
}     
    .box3 {
    width: 100%;
    display: block;
    margin: 0 auto;
}  
     
.line{
    font-size: large;
}     
.textbox2 h2{
    font-size: 14px;
}

   
     .ank p {
    font-size: small;
}
    .nairan {
   font-size: small;
}
.centerblock80 h2{
	font-size:15px;
} 
     
     
}


@media only screen and (max-width: 979px) {
.container {
	width: auto;
}
.mvt h1 {
    font-size:large;
}  
.mvt2 h1 {
    font-size:large;
}  
 .mvt3 h1 {
    font-size:large;
} 
 .mvt4 h1 {
    font-size:large;
}  
}



@media only screen and (max-width: 767px) {
.container {
	width: auto;
    padding: 0 5%;
}
.box2{
    width: 100%;
    margin: 1%;
}  
.formbox {
    width: 90%;
    display:block;
    padding: 1%;    
}
.flx{
    flex-direction:column;
}    
.conr {
    width: 100%;
}    
.conl {
    width: 100%;
}    
}



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

    .astext {
    font-size: 14px;
    font-weight: bold;
    line-height: 32px;
}
    .acc {
    max-width: 120px;
    display: block;
    margin: 0 auto;
    padding-left: 0;
    }
    .mvt h1 {
    font-size:inherit;
} 
        .mvt2 h1 {
    font-size:inherit;
} 
        .mvt3 h1 {
    font-size:inherit;
} 
        .mvt4 h1 {
    font-size:inherit;
} 
}

@media screen and (max-width: 978px){
     .sp10{
         display: none;
     } 
}

@media screen and (min-width: 700px){
 .sp{
         display: none;
     }  
}
@media screen and (max-width: 700px){
     .sp2{
         display: none;
     } 
}
@media screen and (max-width: 500px){
.hyou {
    width: 60%;
    }
}
@media screen and (max-width: 400px){
 .submain {
        height: 300px;
    }
    .hyou {
    width: 70%;
    }
    .line{
    font-size: larger;
}
.newstopic2 {
    width: 100%;
}
    
}
@media screen and (min-width: 587px){
     .sp3{
         display: none;
     }   
}
@media screen and (min-width: 359px){
     .sp7{
         display: none;
     } 
}
@media screen and (max-width: 375px){
     .sp4{
         display: none;
     } 
        .healthtext h3{
        font-size: small;
}
}
@media screen and (max-width: 674px){
     .sp5{
         display: none;
     }
        .offer-item {
    padding: 4%;
}
.topilust.background_content{
    background: url('../images/top1-2.jpg') no-repeat center center; 
    background-size: contain; 
}   
.topilust.background_content2{
    background: url('../images/kobe2-2.jpg') no-repeat center center; 
    background-size: contain; 
}
 .topilust.background_content3{
   background: url('../images/top12.jpg') no-repeat center center; 
    background-size: cover;
}
 .topilust.background_content4{
   background: url('../images/top10.jpg') no-repeat center center; 
    background-size: cover;
}    
    
    
}
@media screen and (max-width: 1119px){
     .sp6{
         display: none;
     }     
}
@media (max-width: 600px) { 
    .img-section   {
        width: 100%;
        padding: 0;
    } 
    .tel h3{
    font-size: 20px;
    display:block;
    }
     .tel p{
         font-size: small;
    }
    .tel{
      font-size: 20px;  
    }
    .footinfo td{
    font-size:13px;
}
    .box7{
    width: 100%;
    justify-content: center;
}

.box6{
width: 100%;
}
.box3{
width: 100%;
}
 
}

 @media (max-width: 560px) { 
div .fa-2x {
    padding: 10px 0;
}     
     
}
 @media (max-width: 400px) { 
         .gaiyou{
        font-size: xx-small;
             margin: 0;
} 
     .tel .inl a{
    margin-left: 0;
         font-size: 20px;
}
     .tel p{
         text-align: center;
     }
     .open2{
    font-size:20px;
    color: #e2b368;
}   
}

/* grid
------------------------------------------------------------*/
.cosGrid {
  width: 100%;
  *zoom: 1;
}

.cosGrid::before,
.cosGrid::after {
  display: table;
  line-height: 0;
  content: "";
}

.cosGrid::after {
  clear: both;
}

.cosGrid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosGrid [class*="span"]:first-child {
  margin-left: 0;
}

.cosGrid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.cosGrid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.cosGrid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.cosGrid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.cosGrid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.cosGrid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.cosGrid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.cosGrid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.cosGrid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.cosGrid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.cosGrid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.cosGrid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.cosGrid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.cosGrid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.cosGrid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.cosGrid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.cosGrid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.cosGrid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.cosGrid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.cosGrid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.cosGrid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.cosGrid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.cosGrid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.cosGrid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.cosGrid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.cosGrid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.cosGrid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.cosGrid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.cosGrid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.cosGrid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.cosGrid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.cosGrid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.cosGrid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.cosGrid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.cosGrid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.cosGrid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.cosGrid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

@media only screen and (max-width: 768px) {
  .cosGrid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 768px) {
  .cosGrid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 768px) {
  .cosGrid [class*="offset"]:first-child {
    margin-left: 0;
  }
}

.cosGridXs {
  width: 100%;
  *zoom: 1;
}

.cosGridXs::before,
.cosGridXs::after {
  display: table;
  line-height: 0;
  content: "";
}

.cosGridXs::after {
  clear: both;
}

.cosGridXs [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.cosGridXs [class*="span"]:first-child {
  margin-left: 0;
}

.cosGridXs .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.cosGridXs .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.cosGridXs .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.cosGridXs .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.cosGridXs .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.cosGridXs .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.cosGridXs .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.cosGridXs .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.cosGridXs .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.cosGridXs .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.cosGridXs .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.cosGridXs .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.cosGridXs .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.cosGridXs .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.cosGridXs .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.cosGridXs .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.cosGridXs .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.cosGridXs .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.cosGridXs .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.cosGridXs .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.cosGridXs .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.cosGridXs .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.cosGridXs .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.cosGridXs .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.cosGridXs .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.cosGridXs .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.cosGridXs .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.cosGridXs .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.cosGridXs .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.cosGridXs .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.cosGridXs .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.cosGridXs .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.cosGridXs .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.cosGridXs .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.cosGridXs .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.cosGridXs .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.cosGridXs .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}