/* CSS Document */
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

body {
  font-size: 16px;
	line-height: 2;
}
small {
	line-height: 1.5;
}


/* 20180227 背景変更
main {
	background: transparent url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/back4.jpg") repeat;
	height: auto;
}
*/


main{
	background: transparent url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/back.jpg") repeat;
    height: auto;
}



/*base*/
#main-content h2 {
	background-color: #4a2d15;
	color: #FFF;
	box-shadow: 0px 0px 0px 5px #4a2d15;
	border-top: dashed 1px white;
	border-bottom: dashed 1px white;
	margin: 30px 10px 15px;
	padding: 0.5em;
	line-height: 1;
}
#main-content h2.title-white {
	background-color: white;
	color: #4a2d15;
	box-shadow: 0px 0px 0px 5px white;
	border-top: dashed 1px #4a2d15;
	border-bottom: dashed 1px #4a2d15;
	margin: 30px 10px 15px;
	padding: 0.5em 0.2em;
	line-height: 1;
}
#main-content h3,
h3.widget-title {
	padding: 0 0 1em;
	margin: 30px 0 15px;
	line-height: 1.4;
	background:url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/border_rope.png") right bottom repeat-x;
}


.flex-box-content {
	margin: 0;
	text-align: justify;
}
#main-content h4 {
	font-size: 1.3em;
	color: #c43f18;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 2px dashed #4a2d15;
}

.text-center {
	text-align: center;
}
.right-text {
  text-align: right;
 }
.big-text {
	font-size: 200%;
	line-height: 0;
}
.medium-text {
	font-size: 120%;
}
.medium2-text {
	font-size: 140%;
}
.bold-text {
	font-weight: bold!important;
}
.white-text {
	color: #FFF;
}
.orange-text {
	color: #c43f18;
}
.red-text {
	color: #d21618;
}
.typenone {
	list-style: none;
}
.button {
	border-radius: 20px;
	font-weight: bold;
}
.white-button {
	background-color: #FFF;
	color: #281510;
}
.black-button {
	background-color: #281510;
	color: #FFF;
}



/* 20180227 背景変更
.white-bord {
	background:
		url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/border_rope.png") center -2px / 130% repeat-x,
		url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/border_rope.png") center 100.1% / 130% repeat-x,
		url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/back3.jpg") center center repeat;
	padding: 2em 0;
}
*/


.white-bord {
	    background-color: #FFFFEF;
	padding: 2em 0;
}


/* 20180227 背景変更
.light-wood {
	background: url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/back2.jpg") center center repeat;
	padding: 2em 0;
	position: relative;;
}
*/


.light-wood {
	background-color: #CC9666;
	padding: 2em 0;
	position: relative;;
}





.white-bord .visual,
.light-wood .visual {
	padding-top: 0;
}
img.icon {
	vertical-align: middle!important;
	margin:0 5px 0 0!important;
}
h1 img
h2 img,
h3 img,
h4 img,
h5 img {
	width: auto!important;
	vertical-align: middle;
	margin-right: 20px!important;
	display: inline-block!important;
}
.height240 {
	height: 240px;
}
.anchor {
  height: 30px;
}

/*tabs*/
.tabs>.row>*, .tabs>.row img {
    max-width: 770px;
    margin: 40px auto;
}
.visual .tabs.three label {
    width: 32.9%;
}
.visual .tabs.three label.label100 {
	width:100%;
}
.visual .tabs label {
  background-color: rgba(255, 255, 255, .9);
  box-shadow: 0 10px 0 #CCC!important;
  border: 2px solid #DDD;
  border-radius: 5px;
  padding: 1em 0.3em;
  font-size: 16px;
}
.visual .tabs label:hover {
  background-color: rgba(255, 255, 255, .5);
  box-shadow:none!important;
  margin-top: 25px;
}
.visual .tabs :checked+label.toggle {
  background-color: #face00;
  border: 2px solid #66220e;
  color: #2e1500;
  margin-top: 25px;
  box-shadow:none!important;
}

/*img*/
.row.grid img {
	max-width: 100%;
	width: 100%;
	margin: 10px auto;
}
.img-square-box {
  border: 16px solid #FFF;
  overflow: hidden;
	position: relative;
	height: 400px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.3);
  transform: rotate(-2deg);
}
.img-square-box img {
	width: auto!important;
	max-width: 650px!important;
	min-height: 400px;
	margin: 0!important;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.img-rect-box {
  border: 16px solid #FFF;
  overflow: hidden;
  position: relative;
  height: 320px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.3);
  transform: rotate(-2deg);
	background-color: #FFF;
}
.img-rect-box img {
	width: auto!important;
	max-width: 450px!important;
	min-height: 300px;
	margin: 0!important;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.img-rect-box2 {
  border: 16px solid #FFF;
  overflow: hidden;
	position: relative;
	height: 400px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.3);
  transform: rotate(-2deg);
  margin: 0 10px;
}
.img-rect-box2 img {
	width: auto!important;
	max-width: 1200px!important;
	min-height: 400px;
	margin: 0!important;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.three-800 .img-rect-box img {
  max-height: 300px;
}


.border-box{
	margin: 15px 0;
	padding: 10px 15px 0;
	border: 2px dashed #b78b72;
	border-radius:5px;
	background-color: rgba(255,255,255,.6);
}

table {
	background: #FFF;
	width: 100%;
	border: 2px solid #b78b72;
}
td, th {
  padding: .5em;
	border: 1px dotted #b78b72;
  line-height: 1.5;
}
th {
	background: transparent;
	color: #4a2d15;
	border-right: none;
}
thead th {
  background-color: #8a593d;
  color: #FFF;
}

td:first-child {
	border-left: none;
}

ul {
  position: relative;
	padding-left: 20px;
}

ul li {
  line-height: 2;
  padding: 0.2em 0;
  list-style-type: none!important;
}

ul li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 0;/*左端からのアイコンまでの距離*/
  color: #c43f18;/*アイコン色*/
}
ul.no-list li:before {
  font-family: inherit;
  content: none;;
  position: inherit;
  left : inherit;
  color: inherit;
}
ul li:first-child {
	padding-top: 0;
}

/*caption*/
.caption {
	background-color: #000!important;
	background-image: none!important;
	color: #FFF;
	position: relative;
	width: 70%;
	text-align: center;
	font-size: .9em!important;
	font-weight: bold;
	z-index: 1;
	height: 36px;
	padding: 10px!important;
	margin: 0 auto!important;
}
.caption:before{
	content:" ";
	position:absolute;
	bottom:0px;
	left: -20px;
	width:auto;
	height:0;
	border-width:18px 10px;
	border-style:solid;
	border-color:#000;
	border-left-color:transparent;
	z-index: -1;
}
.caption:after{
	content:" ";
	position:absolute;
	bottom:0px;
	right: -20px;
	width:auto;
	height:0;
	border-width:18px 10px;
	border-style:solid;
	border-color:#000;
	border-right-color:transparent;
	z-index: -1;
}


/*margin*/
.mt00 {
	margin-top: 0!important;
}
.mt05 {
	margin-top: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mt50 {
	margin-top: 50px!important;
}



.mb00 {
	margin-bottom: 0!important;
}
.mb05 {
	margin-bottom: 5px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb25 {
	margin-bottom: 25px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.mb35 {
	margin-bottom: 35px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.mb45 {
	margin-bottom: 45px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.mb55 {
	margin-bottom: 55px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.mb80 {
	margin-bottom: 80px!important;
}




/*padding*/
.pt00 {
	padding-top:0px!important;
}
.pd10 {
	padding: 10px!important;
}
.pl20 {
	padding-left: 20px!important;
}


/*text*/
.center {
	text-align: center;
}

/*main-nav*/
#header-nav {
	background-color: rgba(0,0,0,7);
	text-align:center;
}
#header-nav .menu {
	float:none;
	background-color: rgb(0, 0, 0)
}
#header-nav a {
	color:#FFF;
	font-weight: bold;
}
#header-nav a .icon {
	max-height: 18px;
	width: auto;
}
nav .show:checked ~ .burger {
	background: rgba(0, 0, 0, 0.6);
}
#main-menu {
  margin-bottom: 0;
}

/*header*/
#top-header {
	background: url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/back.jpg") center center repeat;
	padding: 50px 0 1px;
}
#header-logo {
  width: 300px;
  float: left;
}
#header-info {
  width: 300px;
  float: left;
  margin: 30px 0 0 20px;
  line-height: 1.8;
}
#header-info a#header-tel {
  color: #FFF;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.2;
}
.home #top-header {
	background: url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/back.jpg") center center repeat;
	padding: 0;
  position: relative;;
}
.home #top-header .content-layer {
	background:url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/header-image.png") top center no-repeat;
	background-size: cover;
	height: 72vh;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.home #top-header h1 {
  padding: 90px 0 20px;
}
main .content-layer.visual {
	margin-bottom: 0px;
	padding-top: 0px;
	position: relative;
}
#top-header .content {
  position: relative;
  top: 50%;
  padding-bottom: 0;
  z-index: 2;
}
#top-header #top-header-logo h1 a,
#top-header #top-header-logo p a {
	background: url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/bbq_logo.png") center;
	background-size: cover;
	display: block;
	width: 300px;
	height: 81px;
	color: transparent;
	font-size: 26px;
	margin: 20px 0 0 0;
}
.home #top-header .content {
  top: 40%;
}
.home #top-header #top-header-logo h1 a {
	display: block;
	width: 406px;
	height: 110px;
	color: transparent;
	font-size: 30px;
	margin: 0px auto;
}
#header-ribon-parent {
	box-shadow: 0 0 4px rgba(0,0,0,.5);
}
#top-header .header-ribon {
	background-color: #C00;
	position: absolute;
	width: 150px;
	text-align: center;
  padding: 10px 0px 0px;
  font-weight: bold;
  top: 0px;
  right: 30px;
  z-index: 1;
}
#top-header .header-ribon a {
	color:#FFF;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
}
#top-header .header-ribon:after{
	content:" ";
	position:absolute;
	bottom:-40px;
	left: 0;
	width:auto;
	height:0;
	border-width:30px 75px;
	border-style:solid;
	border-color:#C00;
	border-bottom-color:transparent;
	z-index: -1;
}
.home #top-header .header-ribon {
  top:51px;
}
#header-info {
	color: #FFF;
}
.site-description {
	color: #FFF;
}

/*pankuzu*/
.breadcrumbs {
  margin: 20px 0 30px;
}

.breadcrumbs span {
	display:inline-block;
}
.breadcrumbs span:first-child::before {
	content: none;
	width: inherit;
	height: inherit;
	margin: 0;
}
.breadcrumbs span::before {
	content: " ";
	display: inline-block;
	margin: 0 10px;
	background: url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/icon_right.png") center center no-repeat;
	margin: 0 10px;
	width: 20px;
	height: 12px;
}

/*swiper*/
.swiper-button-prev,
.swiper-button-next,
.swiper-button-disabled{
	z-index: 1;
}
.swiper-container-horizontal {
	overflow: hidden;;
  position: relative;
}
.swiper-slide {
	text-align: center;
}
.swiper-slide .thumbnail {
	margin: 15px 15px 5px;
	border-radius:5px;
	overflow: hidden;;
}
.swiper-slide .thumbnail img {
	width: 100%;
}
.swiper-button-prev {
	left:10px;
	background-image:url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/slider/icon_white_prev-2x.png")!important;
}
.swiper-button-next {
	right:10px;
	background-image:url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/slider/icon_white_next-2x.png")!important;
}
.swiper-slide .caption {
  height: 16px;
}

@media (min-width: 641px) {
	.swiper-button-next, .swiper-button-prev {
		display: none;
	}
}


/*home main-slider*/
#top-slider {
	height:50vh;
	border-top:10px solid rgba(0,0,0,.8);
	border-bottom:10px solid rgba(0,0,0,.8);
}
/*#top-slider .swiper-container .swiper-wrapper {
	top; 50%;
	left: 50%;
	transform: translate(-50%,-35%);
}*/
.slider-text {
  width: 15%;
  height:auto;
  z-index: 5;
  position: absolute;
}
.slider-text.right {
  right: 20%;
}
.slider-text.left {
  left: 20%;
}
.slider-text.top {
  top: 10%;
}
.slider-text.left {
  bottom: 10%;
}


/*home news*/
#news .full {
	background:url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/back_ilust.png") top center no-repeat;
	background-size: cover;
}
#news .thumbnail img {
	width:100%;
}
#news .post,
.tab-content .post {
	padding:10px 20px;
}
#news .post .thumbnail {
    width: 96%;
    margin: 2% 2% 10px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.post-date {
	font-size: .9em;
	font-weight: bold;
	color:#C83F18;
}
.entry-title a {
	color: #281510;
}
.second-post {
  margin-top: 20px;
}
.second-post .post-content {
	padding-bottom:10px;
	margin-bottom: 10px;
}

/*home-plan*/
.light-wood .swiper-container-3d {
	margin-bottom: 20px;
}
.light-wood .swiper-slide {
	border-radius:10px;
	background-color: rgba(0,0,0,.7);
	text-align: center;
	overflow: hidden;
}
.light-wood .swiper-slide p {
	color: #FFF;
	margin: 10px 15px;
	text-align: left;
	font-size: 1em;
	line-height: 1.8em;
}
.light-wood .swiper-slide a {
	color: #FFF;
}
.light-wood .swiper-slide a img {
	width: 90%;
	margin: 5% 5% 0;
}
.light-wood .swiper-slide a h3 {
	font-size:2em;
	margin: 10px 0 5px;
}
.light-wood .swiper-slide a h3 span {
	font-size:1.5em;
}
#plan .swiper-slide.plan-a a h3,
.menu .plan-text .plan-a {
	color:#43BA00;
}
#plan .swiper-slide.plan-b a h3,
.menu .plan-text .plan-b {
	color:#FFF000;
}
#plan .swiper-slide.plan-c a h3,
.menu .plan-text .plan-c {
	color:#E62A00;
}
#plan .swiper-slide.plan-d a h3,
.menu .plan-text .plan-d {
	color:#FF9D00;
}
#plan .swiper-slide.plan-e a h3,
.menu .plan-text .plan-e {
	color:#FF48A4;
}
#plan .swiper-slide a h4 {
	line-height: 1.7em;
	margin-bottom: 10px;
}
main #plan .visual:last-child {
	margin-bottom: 0;
}

/*footer*/
footer {
	color:#FFF;
}
#footer-logo {
	margin: 2em 0;
}
footer .footer-info.visual {
	padding-top:0;
	margin-bottom: 20px;
}
footer a#footer-tel {
	font-size: 2em;
	font-weight: bold;
	color:#FFF;
	display: block
}
footer a#footer-fax {
	font-size: 1em;
	font-weight: normal;
	color:#FFF;
	display: block
}
#copy {
	font-size: .8em;
	padding: 15px 0;
	border-top: 1px dashed #FFF;
}

/*pages*/
#page-title {
  background: url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/title_page.png") center center no-repeat;
  width: 340px;
  padding: 1.8em 0;
  margin: 0 auto 20px;
  color: #FFF;
  font-size: 1.5em;
  letter-spacing: 3px;
  transform: rotate(-4deg);
}
/*.page .full .page {
	background:url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/back_ilust.png") top center repeat-y;
	background-size: contain;
}*/

/*archive*/
.post-hidden {
	overflow: hidden;
	position: relative;
}
.blog .post .thumbnail,
.archive .post .thumbnail {
	width : 96%;
	height: 250px;
	margin: 2% 2% 10px;
	position: relative;
	z-index: 1;
	border:5px #FFF solid;
	overflow: hidden;
}
.blog .post .thumbnail img,
.archive .post .thumbnail img {
	position: relative;
  width: auto;
  height: auto;
	max-width: 400px;
  min-width: 100%;
  min-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}
.blog .post .post-content,
.archive .post .post-content {
	margin: 0 2%;
}
.blog .post .entry-title,
.archive .post .entry-title {
	border-bottom:1px dashed #281510;
	padding-bottom: 10px;
}
.blog .post .entry-title a,
.archive .post .entry-title a {
	font-weight: bold;
}

.blog .post .category-list,
.archive .post .category-list {
	padding: 0 0 0 20px;
	list-style: none;
	background: url("/bbq-sub/cms/wp-content/themes/tomatonoki-bbq/images/icon_category.png") left center no-repeat;
}
.blog .post .category-list li,
.archive .post .category-list li {
	display: inline;
}
.blog .post .category-list li::before,
.archive .post .category-list li::before {
	content: none;
}
.blog .post .category-list li:first-child a,
.archive .post .category-list li:first-child a {
	border-left:none;
}
.blog .post .category-list li a,
.archive .post .category-list li a {
	padding: 0 5px;
	border-left:1px solid #281510;
	font-size:.7em;
	color: #281510;
}
.category-filter,
.anchor-link {
	margin:30px 0;
}
.category-filter a.button,
.anchor-link a.button {
	display: inline-block;
	background-color: #FFF;
	color: #281510;
	margin: 0 5px 5px;
  padding: .1em .4em;

	border-radius: 5px;
}
.category-filter a.button:hover,
.anchor-link  a.button:hover {
	background-color: #281510;
	color: #FFF;
}

/*new-tag*/
.side-tags {
	position: relative;
	display: inline-block;
	overflow: hidden;
}

.side-tags p {
	display: inline;
}

.side-tags p span {
	position: absolute;
	z-index: 2;
	display: inline-block;
	left: -30px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2), inset 0px 5px 30px rgba(255,255,255,0.2);
	text-align: center;
	text-transform: uppercase;
	top: 16px;
	background: #d93131;
	color: #fff;
	font-family: serif;
	font-size: .9em;
	height: 32px;
	line-height: 1.8;
	letter-spacing: 2px;
	font-weight: bold;
	text-shadow: 1px 1px 2px rgba(0,0,0,.5);
	padding-top: 4px;
	width: 130px;
	padding: 3px 10px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.side-tags p:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -23px;
	left: 67px;
	z-index: 1;
	border: 23px solid;
	border-color: transparent transparent #662121 transparent;
}

.side-tags p:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 74px;
	z-index: 1;
	left: -15px;
	border: 30px solid;
	border-color: #662121 transparent transparent transparent;
}

.single .side-tags p:before,
.single .side-tags p:after {
  content: none;
}
#news .post,
.tab-content .post.first-post {
	padding:10px 0px;
}

/*menu*/
.menu .plan-text {
	font-size: 1.5em;
}
.menu .plan-text span {
	margin-right: 10px;
	font-size: 1.4em;
	color: #FF9D00;
	background: rgba(0,0,0,.7);
	padding: 5px 10px;
	border-radius: 5px;
	margin-right: 10px;
}

.example-price th {
	width: auto;
}

ul.price-list {
	padding: 10px 10px 0 0;
}
ul.price-list li {
  padding-left: 10px;
	background-color: rgba(255,255,0,.3);
}
.etc-price ul li {
	position: relative;
	left:10px;
	border-bottom: 1px dotted #8e6547;
	margin-right: 20px;
  font-weight: bold;
}
.etc-price ul li::before {
	left: -20px;
}
.etc-price ul li span{
	position: absolute;
	right: 0;
}

/*about*/
#facility .swiper-slide {
  min-height: 351px;
}
a.big-tel {
	display: block;
	font-size: 2.5em;
	line-height: 1.5;
	font-weight: bold;
	color: #c43f18;
}
#base-info th {
  width: 130px;
}
.page-id-6 .flex-box-content {
  margin: 0 15px;
}

/*access*/
#gmap {
  margin: 5px;
}
#gmap iframe {
	border:5px solid #FFF;
	border-radius: 5px;
	overflow: hidden;
}

/*link*/
.page-id-12 .post-content {
  padding: 0 10px;
}
@media (min-width: 641px) {
	.mobile-box {
		display: none;
	}
	.mobile-tel {
		
	}
}

@media (max-width: 1280px) {
	#news .full {
	  background-size: initial;
	}
}

@media (max-width: 960px) {
  #top-header {
    padding-top: 1px;
  }
  #header-nav .mobile-tel a img.icon {
	margin-right: 0!important;
  }
  #header-nav .mobile-tel a {
	border-bottom: none;
	margin: 0;
	position: absolute;
	right: 70px;
	padding-bottom: 13px;
	border-radius: 0 0 5px 5px;
  }
  nav .pseudo.button {
    background: #000;
    border-radius: 0 0 5px 5px;
	padding-bottom: 0px;
	}
  nav .pseudo.button i {
    font-size: 2em;
	  padding: 10px 0;
	}
	nav .pseudo.button i {
    color: #FFF;
	}
  #top-header .header-ribon {
    top:-20px;
  }
	.white-bord {
	    background-color: #FFFFEF;
}

	#header-nav a {
	  border-bottom: 1px dashed #444;
	  border-radius: 0;
	  padding: 10px 10px 15px;
	}

	#news .full {
		background-size: contain;
	}

  .mobile-box {
    display: inherit;
  }

  #header-nav a img.icon {
    max-height: 32px;
    width: auto;
    margin-right: 15px!important;
  }
}


@media (max-width: 800px) {
  #header-info {
    display: none;
  }
	.visual .tabs.three label {
	    font-size: 14px;
			width: 32%;
	}
  #news .thumbnail img {
    border: none;
  }
}

@media (max-width: 770px) {
	.header-ribon-parent {
		display:none;
	}
	nav#header-nav {
		background-color: transparent!important;
    }

}

@media (max-width: 640px) {
  .home #top-header h1 {
    padding: 65px 0 20px;
  }
	.home #top-header .content {
	  top: 20%;
	}
	.home #top-header #top-header-logo h1 a {
		width: 280px;
		height: 76px;
		font-size: 20px;
		margin: 0px auto;
	}

  .slider-text {
      width: 25%;
  }
	.big-text {
		font-size: 150%;
		line-height: 0;
	}
	.medium-text {
		font-size: 110%;
	}
	a.big-tel {
		display: block;
		font-size: 1.5em;
		line-height: 1;
	}
	.menu .plan-text {
		font-size: 1.2em;
		line-height: 1.4;
	}
	.menu .plan-text .plan-a {
		font-size: 1.5em;
	}

	.visual .tabs.three label {
	    width: 100%;
	}
  #news .post {
    padding: 10px 0px;
  }
}

@media (max-width: 480px) {
  .white-bord {
    padding: 1em 0;
  }
  #page-title {
    margin-bottom: 0;
  }
  .breadcrumbs {
    margin: 0 0 10px;
  }
  .category-filter,
  .anchor-link {
  	margin:10px 0;
  }
	#footer-logo a img {
		width: 250px;
		height: auto;
	}
  .visual {
    padding: 20px 10px;
  }
  #news .post {
    padding: 10px 0;
  }
  .footer-info {
    display: none;
  }
	
	
	.img-rect-box {
  border: 16px solid #FFF;
  overflow: hidden;
  position: relative;
  height: 280px;
  box-shadow: 1px 1px 1px rgba(0,0,0,.3);
  transform: rotate(-2deg);
	background-color: #FFF;
}
.img-rect-box img {
	width: auto!important;
	max-width: 380px!important;
	min-height: 200px;
	margin: 0!important;
	position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
	
	
	
}

@media (max-width: 360px) {
  /*pages*/
  #page-title {
    width: 100%;
    background-size: 100%;
  }
  .visual .content {
    padding: 0;
  }
}



.animation-target {
  -webkit-animation: animation 2010ms linear infinite both;
  animation: animation 2010ms linear infinite both;
}

/* Generated with Bounce.js. Edit at https://goo.gl/VuWH2M */

@-webkit-keyframes animation {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  0.4% { -webkit-transform: matrix3d(1.065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  0.5% { -webkit-transform: matrix3d(1.082, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.082, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.34% { -webkit-transform: matrix3d(1.45, 0, 0, 0, 0, 1.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.45, 0, 0, 0, 0, 1.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.58% { -webkit-transform: matrix3d(1.868, 0, 0, 0, 0, 1.892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.868, 0, 0, 0, 0, 1.892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.68% { -webkit-transform: matrix3d(1.883, 0, 0, 0, 0, 1.91, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.883, 0, 0, 0, 0, 1.91, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.57% { -webkit-transform: matrix3d(2.107, 0, 0, 0, 0, 2.154, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.107, 0, 0, 0, 0, 2.154, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.02% { -webkit-transform: matrix3d(2.141, 0, 0, 0, 0, 2.185, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.141, 0, 0, 0, 0, 2.185, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.57% { -webkit-transform: matrix3d(2.205, 0, 0, 0, 0, 2.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.205, 0, 0, 0, 0, 2.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.31% { -webkit-transform: matrix3d(2.212, 0, 0, 0, 0, 2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.212, 0, 0, 0, 0, 2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.1% { -webkit-transform: matrix3d(2.151, 0, 0, 0, 0, 2.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.151, 0, 0, 0, 0, 2.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.35% { -webkit-transform: matrix3d(2.104, 0, 0, 0, 0, 2.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.104, 0, 0, 0, 0, 2.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.89% { -webkit-transform: matrix3d(2.048, 0, 0, 0, 0, 1.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.048, 0, 0, 0, 0, 1.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.68% { -webkit-transform: matrix3d(1.979, 0, 0, 0, 0, 1.954, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.979, 0, 0, 0, 0, 1.954, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.03% { -webkit-transform: matrix3d(1.975, 0, 0, 0, 0, 1.954, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.975, 0, 0, 0, 0, 1.954, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.42% { -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1.967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1.967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.95% { -webkit-transform: matrix3d(1.991, 0, 0, 0, 0, 2.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.991, 0, 0, 0, 0, 2.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.49% { -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 2.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.999, 0, 0, 0, 0, 2.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  31.47% { -webkit-transform: matrix3d(2.007, 0, 0, 0, 0, 2.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.007, 0, 0, 0, 0, 2.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  37.05% { -webkit-transform: matrix3d(2.002, 0, 0, 0, 0, 1.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.002, 0, 0, 0, 0, 1.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  42.53% { -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.51% { -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  49.75% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  55.98% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  65.44% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  84.46% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.92% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}

@keyframes animation {
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  0.4% { -webkit-transform: matrix3d(1.065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.065, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  0.5% { -webkit-transform: matrix3d(1.082, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.082, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  2.34% { -webkit-transform: matrix3d(1.45, 0, 0, 0, 0, 1.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.45, 0, 0, 0, 0, 1.4, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.58% { -webkit-transform: matrix3d(1.868, 0, 0, 0, 0, 1.892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.868, 0, 0, 0, 0, 1.892, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.68% { -webkit-transform: matrix3d(1.883, 0, 0, 0, 0, 1.91, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.883, 0, 0, 0, 0, 1.91, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  6.57% { -webkit-transform: matrix3d(2.107, 0, 0, 0, 0, 2.154, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.107, 0, 0, 0, 0, 2.154, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  7.02% { -webkit-transform: matrix3d(2.141, 0, 0, 0, 0, 2.185, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.141, 0, 0, 0, 0, 2.185, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  8.57% { -webkit-transform: matrix3d(2.205, 0, 0, 0, 0, 2.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.205, 0, 0, 0, 0, 2.229, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  9.31% { -webkit-transform: matrix3d(2.212, 0, 0, 0, 0, 2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.212, 0, 0, 0, 0, 2.22, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  12.1% { -webkit-transform: matrix3d(2.151, 0, 0, 0, 0, 2.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.151, 0, 0, 0, 0, 2.107, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  13.35% { -webkit-transform: matrix3d(2.104, 0, 0, 0, 0, 2.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.104, 0, 0, 0, 0, 2.05, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  14.89% { -webkit-transform: matrix3d(2.048, 0, 0, 0, 0, 1.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.048, 0, 0, 0, 0, 1.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  17.68% { -webkit-transform: matrix3d(1.979, 0, 0, 0, 0, 1.954, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.979, 0, 0, 0, 0, 1.954, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  18.03% { -webkit-transform: matrix3d(1.975, 0, 0, 0, 0, 1.954, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.975, 0, 0, 0, 0, 1.954, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  20.42% { -webkit-transform: matrix3d(1.961, 0, 0, 0, 0, 1.967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.961, 0, 0, 0, 0, 1.967, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  25.95% { -webkit-transform: matrix3d(1.991, 0, 0, 0, 0, 2.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.991, 0, 0, 0, 0, 2.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  27.49% { -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 2.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.999, 0, 0, 0, 0, 2.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  31.47% { -webkit-transform: matrix3d(2.007, 0, 0, 0, 0, 2.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.007, 0, 0, 0, 0, 2.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  37.05% { -webkit-transform: matrix3d(2.002, 0, 0, 0, 0, 1.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2.002, 0, 0, 0, 0, 1.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  42.53% { -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  46.51% { -webkit-transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.999, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  49.75% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  55.98% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  65.44% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  75% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  84.46% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  93.92% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}