/*----------------------------------------------------------------- 共通のスタイル ------------------------------------------------------------------------------------*/
h1 {
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

h2 {
    font-size:20pt;
	font-weight:bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-bottom: 0px;
}

h3 {
    font-size:16pt;
	font-weight:520;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h4 {
    font-size:14pt;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* ここから特設会場の検索ボックス */
.search-box {
        position: relative;
        width: 100%;
}

.search-box input[type="text"] {
        width: 90%;
        padding: 9px 5%;
        font-size: 16px;
        border: 2px solid #ccc;
        border-radius: 20px;
        outline: none;
        transition: all 0.3s ease;
}

.search-box input[type="text"]:focus {
        border-color: #66cc75;
}

.search-box button {
        position: absolute;
        top: 4px;
        right: 10px;
        border: none;
        background: none;
        cursor: pointer;
        padding: 0;
}

.search-box button svg {
        width: 30px;
        height: 30px;
        color: #000;
        margin-bottom:4px;
}

.search-box input[type="text"]:focus + button svg {
        fill: #66cc75;
}

.search-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 12px 20px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease-in-out;
}

.search-icon {
    margin-right: 8px;
}

.search-button:hover {
    background-color: #e35d5a;
}
/* ここまで特設会場の検索ボックス */

/* ここからread_moreボタン*/

.read_more {
    display: inline-block; /* ブロック要素にすることでパディングや背景が適用されます */
    padding: 5px 10px 5px 10px; /* リンクの内側に余白を追加 */
    background-color: #3cb371; /* 背景色を設定 */
    color: #ffffff; /* テキスト色を設定 */
    text-decoration: none; /* 下線を削除 */
    border-radius: 15px; /* 角を丸くする */
    transition: background-color 0.3s ease; /* ホバー時の背景色変更をスムーズにする */
}

.read_more:hover {
    background-color: #2e8b57; /* ホバー時の背景色を変更 */
}
.title_banner1 {
    width: 96%;
    background: linear-gradient(to right, #207fef, #80bcf9); /* 緑系のグラデーション */
    color: white;
    text-align: left; /* 文字を左揃え */
    padding: 10px 2% 10px 2%;
    font-size: 14pt;
    font-family: Arial, sans-serif;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* お洒落な影を追加 */
    margin-bottom: 20px; /* バナーの下に余白を追加 */
}
.title_banner1 a {
    color: white;
    font-size: 14pt;
    font-family: Arial, sans-serif;
}

/*一括問い合わせバナー*/

        .banner {
            width: 90%;
            background: linear-gradient(45deg, #ff7e5f, #feb47b);
            text-align: center;
            padding: 5%;
            border-radius: 12px;
            box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
            transition: transform 0.3s ease;
            margin-bottom:15px;
        }

        .banner:hover {
            transform: translateY(-5px);
        }

        .banner-link {
            font-size: 20px;
            color: white;
            text-decoration: none;
            font-weight: bold;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .banner-link i {
            margin-right: 8px;
            font-size: 24px;
        }

        .banner-link:hover {
            color: #fefefe;
        }
.banner2 {
  display: inline-block;
  background-color: #FF8C42; /* オレンジ色 */
  color: white;
  padding: 10px 20px;
  border-radius: 20px; /* 角丸 */
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.banner2:hover {
  background-color: #FF6A2A; /* 少し濃いオレンジ色 */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
.banner3 {
  display: inline-block;
  background-color: #FF8C42; /* オレンジ色 */
  color: white;
  padding: 5px 10px;
  border-radius: 10px; /* 角丸 */
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.banner2:hover {
  background-color: #FF6A2A; /* 少し濃いオレンジ色 */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}
/*-------------------------------------------------------- PC向けのスタイル ------------------------------------------------------------------------------------*/
@media screen and (min-width: 1080px) {

.sp_mode_only {

   display: none;

}



#container {

	width: 1080px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

}



#header {

	width: 1060px;

	padding: 10px;

	background-color: #66a4ff;

	margin: 0px;

}

#header_left {

	width: 720px;
	float: left;
    font-size: 30pt;
	font-weight: bold;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
#header_left a {

    color: #fff;
	text-decoration: none;


}
#header_right {

	width: 340px;

	float: right;

	text-align: right;

}





#nabi_bar {

	width: 1080px;

	height: 37px;

	background-color: #207fef;

	margin: 0px;

	text-align: center;

	

}

#nabi_bar ul {

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#nabi_bar ul li {

	float: left;

	text-decoration: none;

	display: block;

	list-style-type: none;

	background-color: #207fef;

	margin: 0px;

	border-right-width: 2px;

	border-left-width: 2px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #064224;

	border-left-color: #80bcf9;

}

#nabi_bar ul li a {

	display: block;

	width: 100px;

	height: 22px;

	text-decoration: none;

	padding-top: 10px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	text-align: center;

	margin: 0px;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;

	font-size: 14px;

	font-weight: bold;

	color: #CCC;

}





#nabi_bar2 {

	clear: both;

	background-color: #CCC;

	height: 10px;

	width: 1080px;

	margin: 0px;

	

}



#ad_space {

	height: 5px;

	width: 1080px;

	

}



#contents {

	

}



#main_content {

	width: 830px;

	float: left;

	margin-right: 10px;

	

}



.main_content_banner1 {

	background-image: url(images/main_content_banner1.gif);

	height: 16px;

	width: 822px;

	font-size: 12px;

	font-weight: bold;

	padding: 4px;

	

}

#top_image {

	margin-bottom: 10px;

}





.main_content1 {

	

}



#right_content {

	float: right;

	width: 240px;

	

}

.clear_both {

	clear: both;

}





.right_content_banner1 {

	padding: 4px;

	height: 17px;

	width: 232px;

	background-image: url(images/right_content_banner1.gif);

	margin: 0px;

	

}



.right_content1 {

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	border-left-color: #CCC;

	margin-top: 0px;

	margin-bottom: 10px;

	margin-right: 0px;

	margin-left: 0px;

	line-height: 20px;
}



#footer {

text-align:center;

}



#footer_line {

	background-color: #66a4ff;

	height: 10px;

	width: 1080px;

	

}



.text1 {

    font-size:12pt;
    line-height: 15pt;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#searchbox form{ width:auto;}

#searchbox input{ height: 25px; line-height: 25px; margin: 0; padding: 0; border: none;}

#searchbox input[type=text]{ width: 247px;border: 1px solid #064224; }

#searchbox input[type=submit]{ background: url('images/search_button.gif') 0 0 repeat-x; color: #CA0002; font-weight: bold; padding: 0 8px; margin-left: -5px; border-left: 1px solid #ddd; width:80px; cursor:pointer;}



#searchbox .map img{ margin-right: 5px; vertical-align: middle }

#searchbox .map p{ font-size: 10px; height: 10px; line-height: 16px; }

#searchbox .map a{ color: #fff; }


/* styles.css */
.container {
    width: 90%; /* 親コンテナの幅を調整 */
    max-width: 600px; /* 最大幅を設定 */
    margin: 0 auto; /* 中央に配置 */
    padding: 20px; /* コンテナ内のパディングを設定 */
    background-color: #f0f0f0; /* 背景色を設定 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* ボックスシャドウを追加 */
    border-radius: 10px; /* 角を丸くする */
}

.search-container {
    position: relative;
    width: 100%; /* 親コンテナに合わせて幅を100%に */
}

.search-input {
    width: 100%; /* 親コンテナに合わせて幅を100%に */
    padding: 10px 20px;
    padding-right: 40px; /* ボタンのスペースを確保 */
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    box-sizing: border-box; /* パディングとボーダーを含めてサイズを計算 */
    transition: border-color 0.3s;
}

.search-input:focus {
    border-color: #007BFF;
}



}/*@media screen and (min-width: 1200px) {*/



/*-------------------------------------------------------- タブレット向けのスタイル ------------------------------------------------------------------------------------*/
@media screen and (min-width:900px) and (max-width:1080px) {

.sp_mode_only {

   display: none;

}



#container {

	width: 900px;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

}



#header {

	width: 884px;

	padding: 8px;

	background-color: #66a4ff;

	margin: 0px;

}

#header_left {

	width: 624px;
	float: left;
    font-size: 30pt;
	font-weight: bold;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
#header_left a {

    color: #fff;
	text-decoration: none;


}
#header_right {

	width: 260px;

	float: right;

	text-align: right;

}





#nabi_bar {

	width: 900px;

	height: 37px;

	background-color: #207fef;

	margin: 0px;

	text-align: center;

	

}

#nabi_bar ul {

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#nabi_bar ul li {

	float: left;

	text-decoration: none;

	display: block;

	list-style-type: none;

	background-color: #336633;

	margin: 0px;

	border-right-width: 2px;

	border-left-width: 2px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #064224;

	border-left-color: #34b474;

}

#nabi_bar ul li a {

	display: block;

	width: 100px;

	height: 22px;

	text-decoration: none;

	padding-top: 10px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	text-align: center;

	margin: 0px;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;

	font-size: 14px;

	font-weight: bold;

	color: #CCC;

}





#nabi_bar2 {

	clear: both;

	background-color: #CCC;

	height: 10px;

	width: 900px;

	margin: 0px;

	

}



#ad_space {

	height: 15px;

	width: 884px;

	

}



#contents {

	

}



#main_content {

	width: 650px;

	float: left;

	margin-right: 10px;

	

}



.main_content_banner1 {

	background-image: url(images/main_content_banner1.gif);

	height: 16px;

	width: 642px;

	font-size: 12px;

	font-weight: bold;

	padding: 4px;

	

}

#top_image {

	margin-bottom: 10px;

}





.main_content1 {

	

}



#right_content {

	float: right;

	width: 240px;

	

}

.clear_both {

	clear: both;

}





.right_content_banner1 {

	padding: 4px;

	height: 17px;

	width: 232px;

	background-image: url(images/right_content_banner1.gif);

	margin: 0px;

	

}



.right_content1 {

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	border-left-color: #CCC;

	margin-top: 0px;

	margin-bottom: 10px;

	margin-right: 0px;

	margin-left: 0px;

	line-height: 20px;
}



#footer {

text-align:center;

}



#footer_line {

	background-color: #66a4ff;

	height: 10px;

	width: 900px;

	

}



.text1 {

    font-size:12pt;
    line-height: 15pt;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#searchbox form{ width:auto;}

#searchbox input{ height: 25px; line-height: 25px; margin: 0; padding: 0; border: none;}

#searchbox input[type=text]{ width: 247px;border: 1px solid #064224; }

#searchbox input[type=submit]{ background: url('images/search_button.gif') 0 0 repeat-x; color: #CA0002; font-weight: bold; padding: 0 8px; margin-left: -5px; border-left: 1px solid #ddd; width:80px; cursor:pointer;}



#searchbox .map img{ margin-right: 5px; vertical-align: middle }

#searchbox .map p{ font-size: 10px; height: 10px; line-height: 16px; }

#searchbox .map a{ color: #fff; }


/* styles.css */
.container {
    width: 90%; /* 親コンテナの幅を調整 */
    max-width: 600px; /* 最大幅を設定 */
    margin: 0 auto; /* 中央に配置 */
    padding: 20px; /* コンテナ内のパディングを設定 */
    background-color: #f0f0f0; /* 背景色を設定 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* ボックスシャドウを追加 */
    border-radius: 10px; /* 角を丸くする */
}

.search-container {
    position: relative;
    width: 100%; /* 親コンテナに合わせて幅を100%に */
}

.search-input {
    width: 100%; /* 親コンテナに合わせて幅を100%に */
    padding: 10px 20px;
    padding-right: 40px; /* ボタンのスペースを確保 */
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    box-sizing: border-box; /* パディングとボーダーを含めてサイズを計算 */
    transition: border-color 0.3s;
}

.search-input:focus {
    border-color: #007BFF;
}




}/*@media screen and (min-width:900px) and (max-width:1080px) {
/*-------------------------------------------------------- スマホ向けのスタイル ------------------------------------------------------------------------------------*/
@media screen and (max-width:900px) {

.pc_tb_mode_only {

   display: none;

}



#container {

	width: 100%;

	margin-top: 0px;

	margin-right: auto;

	margin-left: auto;

}



#header {

	width: 96%;

	padding: 2%;

	background-color: #66a4ff;

	margin: 0px;

}

#header_left {

	width: 100%;
	/*float: left;*/
    font-size: 30pt;
    line-height: 34pt;
	font-weight: bold;
	text-shadow: 2px 2px 5px rgba(0,0,0,1);
	color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    
}
#header_left a {

    color: #fff;
	text-decoration: none;


}
#header_right {

	width: 100%;

	/*float: right;*/

	text-align: right;

}





#nabi_bar {
    float: left;
	width: 100%;
	background-color: #207fef;

	margin: 0px;

	text-align: center;

	

}

#nabi_bar ul {

	margin: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 10px;

}

#nabi_bar ul li {

	float: left;

	text-decoration: none;

	display: block;

	list-style-type: none;

	background-color: #336633;

	margin: 0px;

	border-right-width: 2px;

	border-left-width: 2px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #064224;

	border-left-color: #34b474;

}

#nabi_bar ul li a {

	display: block;

	width: 90px;

	height: 22px;

	text-decoration: none;

	padding-top: 10px;

	padding-right: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	text-align: center;

	margin: 0px;

	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka−等幅", Osaka-mono, monospace;

	font-size: 14px;

	font-weight: bold;

	color: #CCC;

}





#nabi_bar2 {

	clear: both;

	background-color: #CCC;

	height: 10px;

	width: 100%;

	margin: 0px;

	

}



#ad_space {

	height: 15px;

	width: 100%;

	

}



#contents {

	

}



#main_content {

	width: 100%;

	/*float: left;*/

	margin-right: 10px;

	

}



.main_content_banner1 {

	background-image: url(images/main_content_banner1.gif);

	height: 16px;

	width: 96%;

	font-size: 12px;

	font-weight: bold;

	padding: 2%;

	

}

#top_image {

	margin-bottom: 10px;

}





.main_content1 {

	

}



#right_content {

	/*float: right;*/

	width: 100%;

	

}

.clear_both {

	clear: both;

}





.right_content_banner1 {

	padding: 4px 2% 4px 2%;



	width: 96%;

	/*background-image: url(images/right_content_banner1.gif);*/
    background-color: skyblue;
	margin: 0px;

	

}



.right_content1 {

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	border-left-color: #CCC;

	margin-top: 0px;

	margin-bottom: 10px;

	margin-right: 0px;

	margin-left: 0px;

	line-height: 20px;
}



#footer {

text-align:center;

}



#footer_line {

	background-color: #66a4ff;

	height: 10px;

	width: 100%;

	

}





#searchbox form{ border: 1px solid #064224;  width:329px;}

#searchbox input{ height: 25px; line-height: 25px; margin: 0; padding: 0; border: none;}

#searchbox input[type=text]{ width: 247px;border: 1px solid #064224; }

#searchbox input[type=submit]{ background: url('images/search_button.gif') 0 0 repeat-x; color: #CA0002; font-weight: bold; padding: 0 8px; margin-left: -5px; border-left: 1px solid #ddd; width:80px; cursor:pointer;}



#searchbox .map img{ margin-right: 5px; vertical-align: middle }

#searchbox .map p{ font-size: 10px; height: 10px; line-height: 16px; }

#searchbox .map a{ color: #fff; }

/* styles.css */
.container {
    width: 90%; /* 親コンテナの幅を調整 */
    max-width: 600px; /* 最大幅を設定 */
    margin: 0 auto; /* 中央に配置 */
    padding: 20px; /* コンテナ内のパディングを設定 */
    background-color: #f0f0f0; /* 背景色を設定 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* ボックスシャドウを追加 */
    border-radius: 10px; /* 角を丸くする */
}

.search-container {
    position: relative;
    width: 100%; /* 親コンテナに合わせて幅を100%に */
}

.search-input {
    width: 100%; /* 親コンテナに合わせて幅を100%に */
    padding: 10px 20px;
    padding-right: 40px; /* ボタンのスペースを確保 */
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    box-sizing: border-box; /* パディングとボーダーを含めてサイズを計算 */
    transition: border-color 0.3s;
}

.search-input:focus {
    border-color: #007BFF;
}

.search-box {
    display: flex;
    align-items: center;
}

.search-box input[type="text"] {
    flex: 1;
    padding: 10px;
    font-size: 16px;


    outline: none;
}




}/*@media screen and (max-width:950px) {