/* -----------------------------------------------------------
CSS Information

 File name:     tour.css
 Author:         his hula
 Style Info:   　tourページ共通設定
----------------------------------------------------------- */
#tour h2{
	margin-bottom:1px;
	margin-top: 3px;
	margin-left: -4px;
	font-size: 2rem;
	color: #FF005A;
}
@media (max-width: 768px) {
	#tour h2{
	
	margin-left: 1rem;
	font-size: 1.65rem;
	
}
}
#tour #contents_in {
	width:960px;
}
@media (max-width: 768px) {
	#tour #contents_in {
	width:100%;
}
}

#tour #footer_in {
	width:960px;
}
@media (max-width: 768px) {
	#tour #footer_in {
	width:100%;

}
}
#tour #flash_bg {
	height: 480px;
}
#tour #top {
}
#tour #event {
	 margin:10px 0px 0px 0px;
}
#tour #middle {
	clear:both;
}
#tour #syosai {
	clear:both;
}
#tour #title {
	text-align: center;
	width:100%;
}
#tour #t_sub {
	float:left; 
	width:190px;
}
#tour .half {
	float:left;
	width:475px;
}
@media (max-width: 768px) {
	#tour .half {
	width:100%;
}
}
#tour .half table {
	width:460px;
	background-image:#fff;
	margin-left:5px;
	line-height:1.3;
}
@media (max-width: 768px) {
	#tour .half table {
	width:100%;
	background-image:#fff;
	margin-left:5px;
	line-height:1.3;
}
}
#tour .half td {
	border:1px #ccc solid;
	padding:5px 5px 2px 5px;
}
#tour .five {
	width:180px;
	float:left;
	padding:3px;
	margin-right: 5px;
}
#tour .five p {
	font-size:90%;
}
#tour #hotel h3 {
	padding-left:5px;
	font-weight:bold;
	color:#333399;
}
#tour #hotel p {
	padding:2px 10px;
}
#tour #set {
	text-align:center;
}
#tour .event {
	border:1px dotted #9F1D20;
	margin:0px 7px 0px 5px;
	padding:5px;
}
#tour #point {
	clear:both;
}
#tour .schedule .right {
	margin-top:7px;
}
#tour .schedule td {
	vertical-align:top;
}
#schedule .summary{
	width: 70%;
	margin: auto 15%;
	
}
#schedule dl{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#schedule dt {
  width: 25%;
	padding: 0.5rem 0 0 0 ;
  margin-bottom: 10px;
	margin-right: 0.8rem;
  background-color: #ffc0cb;
  color: #e9546b;
	font-size: 1.23rem;
  font-weight: bold;
	text-align: center;
}

#schedule dd {
  width: 70%;
  margin-bottom: 10px;
	line-height: 1.5;
    font-size: 1.23rem;
}
@media (max-width: 480px) {
	#schedule .summary{
	width: 90%;
	margin: auto;
}
	#schedule dl{
  display: block
}
#schedule dt {
  width: 100%;
  padding-bottom: 20px;
  margin-bottom: 10px;
  background-color: #DADADA;
}

#schedule dd {
  width: 100%;
  padding-bottom: 20px;
  background-color: #F3F3F3;
  margin-bottom: 10px;
}
}
#tour .ryokin, .flight {
	text-align:center;
}
#tour .ryokin, .flight, .joho {
	text-align:center;
}
#tour .joho {
}
#tour #work {
/*	background:url(../tour/img/frame.gif) 5px 0px no-repeat;
	padding: 5px 10px;*/	
}
#tour #work h3 {
/*	border-bottom:2px solid #444;*/
}
#tour #teach h3, #work h3 {
	padding-left:8px;
}
#tour #teach p, #work p {
	padding:2px 8px;
}
#tour #judge {
}
#tour #judge h3 {
	text-align:center;
}
#tour #judge .photo {
	background:url(../img/tour/photo.gif) no-repeat;
	padding:8px 10px 0px 10px;
	width:160px;
	float: inherit;
	margin-left: 5px;
}
#tour #shutsuen {
}
#tour #shutsuen h3 {
	text-align:left;
	font-size: 1.5rem;
}
#tour #shutsuen .photo {
	background:url(../img/tour/photo.gif) no-repeat;
	padding:8px 10px 0px 10px;
	width:160px;
	float: inherit;
	margin-left: 5px;
}
#shutsuen dl {
	margin: 1rem 3rem;
}
#shutsuen dt {
	font-size: 1.23rem;
    font-weight: bold;
    color: navy;	
}
#shutsuen dd {
	width: 100%;
}
#tour #past {
}
#tour #past h3 {
	text-align:left;
	font-size:1.5rem;
}
#tour #past .photo {
	background:url(../img/tour/photo.gif) no-repeat;
	padding:8px 10px 0px 10px;
	width:160px;
	float: inherit;
	margin-left: 5px;
}
#tour #annai {
}
#tour #annai ul {
	padding-left:10px;
	margin-bottom:5px;
	margin-right: 10px;
}
#tour #annai li {
	border-bottom:#ccc 1px dotted;
	padding: 2px 0px;
}
#tour #jyoken ul {
	padding-left:6px;
	padding-right: 10px;
}
#tour #jyoken li {
	background: url(../img/point.gif) 0px 3px no-repeat;
	padding-left:13px;
	font-weight:bold;
	border-bottom: 1px #ccc dashed;
	margin-top: 5px;
}
#tour #jyoken li p {
	padding:1px 5px;
	font-weight:normal;
}
#tour #bottom {
	font-weight:bold;
	margin-bottom: 10px;
}
#tour .photo {
	background:url(../img/tour/photo.gif) no-repeat;
	padding:8px 9px;
	width:140px;
	height:200px;
	float:left;
}
#tour #chairman {
	margin-top: 10px;
}
#tour .chairman {
	width:100%;
	text-align: left;
}
#tour #chairman p {
	line-height: 1.5;
	font-size: 1.23rem;
	padding: 10px 10px 25px 30px;
	color: #000;
}
#tour #boshu {
	margin-top: 10px;
}
#tour .boshu {
	width:100%;
	text-align: left;
}
#tour #boshu p {
	line-height: 1.5;
	font-size: 1.23rem;
	padding: 0px 10px 2px 30px;
	color: #000;
}
#tour #kako {
	margin-top: 10px;
}
#tour .kako {
	width:100%;
	text-align: left;
}
#tour #kako p {
	line-height:14px;
	font-size:11px;
	padding: 35px 10px 15px 30px;
	color: #000;
	text-align: center;
}
#tour #tourpoint {
	background:url(../img/tour/2010ehula_mai/point_bg.gif) no-repeat;
	height: 945px;
	margin-top: 5px;
}
#tour #tourpoint p {
	padding:0px 25px 10px 100px;
	line-height:13px;
	color: #ffffff;
}
#tour #tourpoint a:link { text-decoration: underline; color: #fff;}
#tour #tourpoint a:hover { text-decoration: none; color: #fff; font-weight:bold;}
#tour #tourpoint a:visited { color: #fff;}
#tour #tourpoint h2 {
	color:#fff;
	font-size:16px;
	text-align:center;
	padding-top: 10px;
}
#tour #tourpoint h3 {
	margin:5px 0px 0px 10px;
}
#tour #workshop {
}
#tour #workshop h3 {
	text-align:left;
	font-size:1.5rem;
}
#tour #workshop h4 {
	text-align:left;
	font-size:1.5rem;
	color: hotpink;
	text-align: center;
	padding: 10px;
}
#tour #workshop02 {
	margin-top: 10px;
	background-color: lemonchiffon;
	padding:1em;
	margin: 1em;
	 border-radius: 10px;
}
#tour .workshop02 {
	width:100%;
	text-align: left;
}
#tour #workshop02 p {
	line-height: 1.5;
	font-size: 1rem;
	padding: 10px;
	color: #000;
}	
#tour .eventhis h3 {
	font-size:1.5rem;
}
#tour .eventhis h4 {
	text-align:left;
	font-size:1.5rem;
	color: hotpink;
	text-align: center;
	padding: 10px;
}
#tour .eventhis .eventhis02 {
	margin-top: 10px;
	background-color: lemonchiffon;
	padding:1em;
	margin: 1em;
	 border-radius: 10px;
}
#tour .eventhis {
	width:100%;
	text-align: left;
}
#tour .eventhis p {
	line-height: 1.5;
	font-size: 1rem;
	padding: 10px;
	color: #000;
}	
/*-----------------------------
tab
--------------------------------------------*/
#pick_up {
	margin-top:10px;
}
.TabbedPanels {
	width: 945px;
}
.TabbedPanelsTabGroup {
	padding: 0px;
}
.TabbedPanelsTab {
	float: left; 
	background-color: #0C519F;
	/*background-color: #0C519F;*/
	border-top:#999 1px solid;
	border-right:#999 1px solid;
	border-bottom:#999 1px solid;
	border-left:#ccc 1px solid;
	padding: 5px 149px; 
	margin: 0px 0px 0px 0px;
	cursor: pointer; 
	list-style-type: none; 
	position: relative; 
	top: 1px; 
	moz-user-select: none; 
	khtml-user-select: none;
	font-weight:bold;
}
.TabbedPanelsTabHover {
	/*background-color:#746251;*/
	background-color:#000066;
}
.TabbedPanelsTabSelected {
	border-bottom:#D5628D 1px solid; 
	background-color:#D5628D;
}
.TabbedPanelsTab a {
	color: black; 
	text-decoration: none;
}
.TabbedPanelsContentGroup {
	border-right: #999 1px solid;
	border-top: #999 1px solid;
	border-left: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	background-color:#D5628D;
	clear: both;
}
.TabbedPanelsContent {
	padding:0px;
	text-align:center;
}
.TabbedPanelsContentvisible {
	
}
.vTabbedPanels .TabbedPanelsTabGroup {
	border-right: #999 1px solid; 
	border-top: #999 1px solid; 
	float: left; 
	border-left: #ccc 1px solid; 
	width: 10em; 
	border-bottom: #ccc 1px solid; 
	position: relative; 
	height: 20em; 
	background-color: #eee;
}
.vTabbedPanels .TabbedPanelsTab {
	float: none; 
	margin: 0px; 
	border-top-style: none; 
	border-right-style: none; 
	border-left-style: none;
}
.vTabbedPanels .TabbedPanelsTabselected {
	border-bottom: #999 1px solid; 
	background-color: #eee;
}
.vTabbedPanels .TabbedPanelsContentGroup {
	clear: none; 
	padding-right: 0px; 
	padding-left: 0px; 
	float: left; 
	padding-bottom: 0px; 
	width: 30em; 
	padding-top: 0px; 
	height: 20em;
}
.competition, .exhibition {
	margin:15px 15px 20px 25px;
	font-weight: bold;
}
.competition ul , .exhibition ul {
	text-align:left;
	color:#fff;
	float:left;
	width:450px;
	border-right:1px dashed #e8e8e8;
}
.competition_tab {
	color:#fff;
}
.competition h3 {
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
	text-align:left;
	margin-bottom:5px;
}
.exhibition_tab {
	color:#fff;
}
.exhibition h3 {
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
	text-align:left;
	margin-bottom:5px;
}
.syosai {
	float:left;
}
.box {
	float:left;
	width:420px;
	margin-left:15px;
	text-align:left;
}
.memo {float:left; width:155px;}
.memo h2 {
	text-decoration:underline;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	margin-top:0;
	padding:0;
}
.memo p {font-size:10px; padding:5px;}
.artist {clear:both;}
table.table01_pink {
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 3% auto 0;
  text-align: left;
  width: 100%;
  font-size: 16px;
}
table.table01_pink th, table.table01_pink td {
  border: 1px solid #e0e0e0;
  padding: .5em 1em;
}
table.table01_pink td {
  background: #fff;
}
table.table01 th {
  background: #b2cbe4;
  width: 30%;
  text-align: center;
  font-weight: bold;
  color: #043c78;
}
table.table01_pink th {
  background: #ffc0cb;
  /*width: 30%;*/
  text-align: center;
  font-weight: bold;
  color: #e9546b;
}
table.table01_pink th.p20per {
  width: 20%;
}

@media (max-width: 768px) {
  table.table01_pink th, table.table01_pink td,table.table01_pink th.p20per {
    display: block;
  }
  /*table.table01_pink th,table.table01_pink th.p20per,table.table01_pink td {
    width: 100%;
  }*/
}
.f-container {
    display: flex;
    margin-top: 1%;
    flex-wrap: wrap;
}
@media screen and (max-width: 768px){
.f-container {
    flex-wrap: wrap;
}
}
.item_33per {
    width: 31%;
    justify-content: space-between;
    padding: 1%;
}
@media screen and (max-width: 768px){
.item_33per{
    width: 100%;
    padding: 0;
    margin-bottom: 5%;
}
}
.item_48per {
    width: 48%;
    justify-content: space-between;
    padding: 1%;
}
@media screen and (max-width: 768px){
.item_48per{
    width: 100%;
    padding: 0;
    margin-bottom: 5%;
}
}
figure {
    display: block;
}
img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 400px){
.spn{
    display: none;
}
}
div.btnarea {
    margin: 1% auto 2%;
}

a.btn_blue {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*width: 120px;*/
	margin: auto;
	padding: 1rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 1.3rem;
}
a.btn_blue:hover {
	color: #27acd9;
	background: #fff;
}
a.btn_green{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*width: 120px;*/
	margin: auto;
	padding: 1rem;
	font-weight: bold;
	border: 2px solid #008000;
	background: #008000;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 1.3rem;
}
a.btn_green:hover {
	color: #008000;
	background: #fff;
}
a.btn_ao{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/*width: 120px;*/
	margin: auto;
	padding: 1rem;
	font-weight: bold;
	border: 2px solid #0000ff;
	background: #0000ff;
	color: #fff;
	border-radius: 100vh;
	transition: 0.5s;
	font-size: 1.3rem;
}
a.btn_ao:hover {
	color: #0000ff;
	background: #fff;
}