/*============================================================
	For Medium and Large Desktop
==============================================================*/
@media (min-width: 1151px) {

	/** common 
---------------------**/
	/*h1{font-size:30px;}
h2{font-size:28px;}
h3{font-size:22px;}
h4{font-size:20px;}
h5{font-size:18px;}
h6{font-size:16px;}*/

	/* header */
	/*#logo {
    margin:15px 0 0;
}*/


	/** TOP 
---------------------**/



}


/*============================================================
	For Tablet : Top mainvisual
==============================================================*/
@media (max-width: 1024px) {

	/* tab panel */
	ul.tab-party3 li,
	ul.tab-party4 li,
	ul.tab-party4-2 li {
		font-size: 12px;
	}

	/* header */
	.navbar-nav li a {
		text-shadow: 1px 1px 1px #000;
	}

	.header_scroll .navbar-nav li a {
		text-shadow: 1px 1px 1px #fff;
	}

	.navbar {
		min-height: 70px;
	}

	#logo {
		margin: 10px 0 0 20px;
		font-size: 14px;
	}

	.pankuzu-fixed {
		position: fixed;
		top: 70px;

	}



	/*============================================================
	For Small Desktop
==============================================================*/

	@media (min-width: 980px) and (max-width: 1150px) {

		/** common 
---------------------**/

		/* title style 1 */
		.tit-box h2 {
			font-size: 36px;
		}

		.tit-box div:nth-child(1),
		.tit-box div:nth-child(3) {
			height: 28px;
		}

		/* header */
		#logo {
			margin: 10px 0 0 20px;
			font-size: 14px;
		}

		#logo img {
			width: 45px;
		}

		/* footer */
		.logo-footer img {
			width: 60px;
			margin: 0 10px 30px 0;
		}

		dl.footer-info dt {
			font-size: 11px;
		}



		/** TOP 
---------------------**/
		.gmap {
			height: 420px;
		}


		/** 2nd common 
---------------------**/
		.area-hero-title h1 {
			font-size: 38px;
		}


	}




	/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

	@media (min-width: 768px) and (max-width: 979px) {

		/** common 
---------------------**/
		h1 {
			font-size: 20px;
		}

		h2 {
			font-size: 18px;
		}

		h2.s {
			font-size: 16px;
		}

		h3 {
			font-size: 16px;
		}

		h4 {
			font-size: 14px;
		}

		h5 {
			font-size: 14px;
		}

		h6 {
			font-size: 14px;
		}


		h2.en {
			font-size: 24px;
		}

		h3.en {
			font-size: 22px;
		}

		h4.en {
			font-size: 20px;
		}

		h5.en {
			font-size: 18px;
		}

		h6.en {
			font-size: 16px;
		}

		/* title style 1 */
		.tit-box h2 {
			font-size: 30px;
		}

		.tit-box div:nth-child(1),
		.tit-box div:nth-child(3) {
			height: 25px;
		}

		/* header */
		#logo img {
			width: 45px;
		}



		/* footer */
		.logo-footer img {
			width: 60px;
			margin: 0 15px 15px 0;
		}

		/* vm list */
		table.vm-list th {
			width: 80px;
		}



		/** TOP 
---------------------**/

		/* main visual */
		.main-visual {
			height: 600px;
			background-size: cover;
		}

		/* main visual h1 */
		.tit-main-visual h1 {
			padding: 30px 0;
			font-size: 52px;
			margin-top: 180px;
		}

		.tit-main-visual h1 span {
			font-size: 13px;
		}

		/* news メイン下 */
		dl.news-list dt {
			width: 16%;
		}

		.gmap {
			height: 300px;
			margin-top: 30px;
		}

		/* fair */
		.area-top-fair div:first-child {
			width: 20%;
		}

		.area-top-fair div h3,
		.area-top-fair div p {
			font-size: 13px;
			margin-bottom: 5px;
		}

		.area-top-fair div:first-child img {
			width: 70px;
			height: 70px;
			object-fit: cover;
		}

		/* link */
		.area-link-second .txt {
			padding: 80px 20px;
		}

		.area-link-second .txt h3 {
			font-size: 14px;
		}

		.area-link-second .txt p {
			font-size: 12px;
		}


		/** 2nd common 
---------------------**/
		.txt-mgn-01 {
			margin: 50px 0;
		}

		.txt-mgn-02 {
			margin: 70px 0;
		}

		.area-hero-title h1 {
			font-size: 28px;
		}

		/** 2nd guest
---------------------**/
		/*.txt-guest-en{
	font-size:26px !important;
}*/


	}


	/*============================================================
	Mobile (Portrait) Design for a width of 320px
==============================================================*/

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

		/** common 
---------------------**/

		h1 {
			font-size: 20px;
		}

		h2 {
			font-size: 18px;
		}

		h2.s {
			font-size: 16px;
		}

		h3 {
			font-size: 15px;
		}

		h4 {
			font-size: 14px;
		}

		h5 {
			font-size: 14px;
		}

		h6 {
			font-size: 14px;
		}

		h2.en {
			font-size: 22px;
		}

		h3.en {
			font-size: 20px;
		}

		h4.en {
			font-size: 18px;
		}

		h5.en {
			font-size: 16px;
		}

		h6.en {
			font-size: 14px;
		}


		.section-def {
			padding: 60px 0;
		}

		a[href^="tel:"] {
			cursor: pointer;
		}

		/* slider top */
		.carousel-caption {
			top: 60%;
		}

		/* header */
		.header_scroll .logo_second {
			margin-left: -90px;
		}

		#logo img {
			width: 45px;
		}

		.navbar-nav {
			margin: 7.5px 0 7.5px 40px;
		}

		/* footer */
		.nav-footer {
			width: 80%;
			margin: 0 10%;
			text-align: center;
		}

		.sns_footer {
			text-align: center;
		}

		.logo-footer img {
			width: 130px;
			margin-bottom: 30px;
		}

		.sns_footer {
			border-top: 1px solid #C1C1C1;
			border-bottom: 1px solid #C1C1C1;
			padding: 20px 0;
			margin-top: 20px;
		}

		.copyright {
			font-size: 12px;
		}

		.copyright span {
			display: block;
			font-size: 12px;
		}

		.logo-footer img {
			width: 60px;
			margin: 0 10px 0 0;
		}

		dl.footer-info dt {
			font-size: 11px;
		}

		/* page top */
		#back-top {
			bottom: 60px;
		}

		/* nav-top-footer */
		dl.nav-top-footer dt {
			float: none;
			width: 100%;
			margin: 0 0 10px;
			padding-top: 0;
		}

		dl.nav-top-footer dd {
			display: inline-block;
			border-left: 1px solid #ccc;
			line-height: 1;
			padding: 0 10px;
			margin: 0;
			font-size: 13px;
		}

		dl.nav-top-footer dd:first-child(1) {
			margin-left: 0;
		}

		/* vm list */
		table.vm-list {
			font-size: 11px;
		}

		table.vm-list th {
			width: 80px;
		}

		/* footer fixed btn */
		.footer-btn {
			left: 0;
			bottom: 0;
			width: 100%;
		}

		.footer-btn div {
			width: auto;
		}

		.footer-btn div a {
			border: none;
			border-right: 1px solid #937A7F;
			font-size: 12px;
		}

		.footer-btn div:last-child {
			width: auto;
			border-right: none;
		}

		.footer-btn-tel {
			display: none;
		}

		/* title style 1 */
		.tit-box h2 {
			font-size: 24px;
		}

		.tit-box div:nth-child(2) {
			width: 56%;
			margin: 0 2%;
		}

		.tit-box div:nth-child(1),
		.tit-box div:nth-child(3) {
			border-bottom: 1px solid #333;
			width: 20%;
			height: 20px;
		}

		.tit-box-l div:nth-child(2) {
			width: 66% !important;
		}

		.tit-box-l div:nth-child(1),
		.tit-box-l div:nth-child(3) {
			width: 15% !important;
		}

		/* text */
		.txt_image img {}

		/* table_rwd */
		.table_rwd dl dt {
			display: block;
			width: 100%;
			padding: 10px 0 0;
			font-weight: normal;
		}

		.table_rwd dl dd {
			display: block;
			width: 100%;
			padding: 10px 0 10px;
		}


		/* tab panel */
		ul.tab-party3 li,
		ul.tab-party4 li,
		ul.tab-party4-2 li,
		ul.tab-party5 li {
			font-size: 11px;
			width: 48.5%;
			margin: 0 0.25% 1px 0;
		}



		/** TOP 
---------------------**/


		/* main visual */
		.main-visual {
			height: 600px;
			background-size: cover;
		}

		/* main visual h1 */
		.tit-main-visual h1 {
			padding: 20px 0;
			font-size: 35px;
			margin-top: 240px;
		}

		.tit-main-visual h1 span {
			font-size: 12px;
			margin-top: 10px;
		}

		/* news メイン下 */
		dl.news-list dt {
			width: 25%;
			vertical-align: top;
			font-size: 12px;
		}

		dl.news-list dd {
			margin-left: 25%;
			font-size: 12px;
			vertical-align: top;
		}


		/* link area */
		div.area-link {
			display: table;
			width: 100%;
			margin: 0 0 10px;
		}

		.area-link div {
			display: table-cell;
			vertical-align: middle;
		}

		.area-link div:first-child {
			width: 25%;
		}

		.area-link div:last-child {
			width: 75%;
			text-align: left;
			vertical-align: middle;
			padding-left: 20px;
		}

		.area-link div img {
			margin-bottom: 0px;
		}

		.area-link div h4 {
			margin-bottom: 0px;
		}

		.area-link-second .txt p {
			font-size: 12px;
		}

		/* news */
		.area-news dl dt,
		.area-news dl dt h3 {
			font-size: 14px;
		}

		/* fair */
		.area-top-fair {
			padding: 7px;
			margin-bottom: 10px;
		}

		.area-top-fair div:first-child {
			width: 20%;
		}

		.area-top-fair div h3,
		.area-top-fair div p {
			font-size: 12px;
			margin-bottom: 5px;
		}

		.area-top-fair div:first-child img {
			width: 70px;
			height: 70px;
			object-fit: cover;
		}

		/* link */
		.area-link-second .txt {
			width: 100%;
			padding: 20px 20px;
			text-align: center;
		}


		/* access */
		.gmap {
			height: 160px;
		}


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


		/* parallax */
		/*.bg-concept{
	background:url(../img/top/photo_concept.jpg) center top no-repeat;
	background-size:cover;
	width:100%;
	padding:80px 0;
	text-align:center;
}


.bg-plan{
	background:url(../img/top/photo_plan.jpg) 25% top no-repeat;
	background-size:cover;
	width:100%;
	padding:80px 15px;
	text-align:left;
}*/


		/** 2nd common 
---------------------**/

		/* page title */
		.area-hero-title {
			background-size: cover;
			padding: 100px 0 90px;
		}

		.area-hero-title h1 {
			color: #fff;
			font-size: 36px;
			margin-bottom: 10px;
		}

		.area-hero-title-s {
			padding: 70px 0 30px !important;
		}

		.area-hero-title p {
			color: #fff;
			margin-bottom: 0;
		}

		.txt-mgn-01,
		.txt-mgn-02 {
			margin: 30px 0;
		}

		/*.txt-mgn-02-01{
	margin:30px 0 15px;
}

.txt-mgn-02-02{
	margin:0 0 30px;
}*/

		.area-hero-title h1 {
			font-size: 20px;
		}


		/* pankuzu */
		ul.pankuzu li {
			font-size: 12px;
		}


		/** 2nd plan
---------------------**/
		.table-plan th {
			width: 70px;
		}


		/** 2nd banquet
---------------------**/
		.box-case {
			padding: 20px 10px;
		}

		.box-case div:nth-child(1) {
			width: 20%;
		}

		.box-case div:nth-child(2) {
			padding-left: 10px;
		}

		.box-case div table {
			font-size: 11px;
			margin-bottom: 0;
		}

		.box-case div table th {
			width: 50px;
			padding: 2px 5px 2px 0;
		}

		.box-case div table td {
			padding: 2px 0px;
		}


		/** 2nd fair
---------------------**/
		/*.fair_zexy_sp{
	display:block;
	margin-top:-0px;
	width:320px;
	height:2300px;
}*/


		/** 2nd guest
---------------------**/
		/*dl.list-guest dt{
	font-size:14px;
}

.txt-guest-en{
	font-size:24px !important;
}*/


	}

}
	/*============================================================
	Mobile (Landscape) Design for a width of 480px
==============================================================*/

	/*@media only screen and (min-width: 480px) and (max-width: 767px) {




}*/