@charset "UTF-8";



/* ===================================

	File Name   : visit.css

	Description : Visitor's Layout CSS

	Editor      : Bface Shigyo

	Last Editor : Bface Shigyo



	Update Description :

	[2017/12/12] 新規作成



====================================== */



/*========== Style Contents ==========



	1. Share Setting

	２．Map parts





====================================== */







/*===== ■1. Share Setting  =====*/

article h1 { background: url(../images/bg-title-y.png);}



article h1 span { border-bottom: 4px solid #E67C00;}



article section h2 span:before,

article section h2 span:after { background: rgba(230,124,0,0.2);}



#map {

  max-width: 1220px;

  text-align: center;

}



section span img { width: 100%; }



#map p { margin: 20px auto 10px; }



#map p span { display: none; }



#map p strong { 

  display: block;

	font-weight: bold;

	font-size: 2.0rem;

}



#map>div {

	position: relative;

  display: block;

  margin-bottom: 40px;

}



#map div ul li {

	position: absolute;

	font-size: 0;

	text-indent: -9999;

}



#map div ul li#btn_stage { width: 5.49%; top: 25.2%; left: 1.4%;}

#map div ul li#btn_glorbal { width: 16.63%; top: 49%; left: 3%;}

#map div ul li#btn_kanpai { width: 12.62%; top: 6.3%; left: 14%;}

#map div ul li#btn_wine { width: 10.98%; top: 8.2%; left: 60%;}

#map div ul li#btn_seminar01 { width: 11.06%; top: 58%; left: 3.3%;}

#map div ul li#btn_seminar02 { width: 10.98%; top: 35.6%; left: 44%;}

#map div ul li#btn_seminar03 { width: 11.06%; top: 15.5%; left: 67%;}

#map div ul li#btn_trend { width: 10.98%; top: 22%; left: 82.4%;}

#map div ul li#btn_food {width: 14.18%; bottom: 3.5%; right: 20%;}

#map div ul li#btn_beauty { width: 10.49%; top: 51.8%; right: 7%;}

#map div ul li#btn_wellness { width: 12.45%; top: 39.5%; right: 0;}

#map div ul li#btn_new01 {width: 9.09%; top: 51%; left: 30.5%;}

#map div ul li#btn_new02 {width: 7.21%;top: 49%;left: 48.7%;}

#map div ul li#btn_new03 {width: 7.21%;top: 28%;left: 58.5%;}

#map div ul li#btn_shorttime {width: 17.70%; top: 34%; right: 0;}



#map div ul li a:hover { opacity: 0.6;}



#map div ul { display: block; }



#map div + ul { display: none; }







/* Media Queries [Config] */

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

  

  #map { padding: 0 15px; }

  

  #map p { margin: 10px auto 10px; }

  

  #map p strong { font-size: 1.4rem;}

  

  #map p span { 

    display: block; 

    padding-left: 15px;

    text-align: left;

    text-indent: -1em;

  }

  

  #map div ul li a { pointer-events:none; }

  

  #map div + ul { 

    display: block; 

    margin-right: 30px;

  }

  

  #map div + ul li {

    margin-bottom: 5px;

    font-size: 1.3rem;

    font-weight: bold;

    text-decoration: none;

  }

  

  #map div + ul li a { 

    position: relative;

    display: inline-block;

    width: 100%;

    padding: 15px;

    text-decoration: none;

    border: 1px solid #000000;

  }

  

  #map div + ul li a:after {

    position: absolute;

    top: 40%;

    right: 0;

    width: 8px;

    height: 8px;

    margin: 0 10px 0 0;

    border-top: 2px solid #000;

    border-right: 2px solid #000;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

    content:'';

  }

  

  #map div + ul li a:hover { background: #ffffff; opacity: 0.6; }

  

  /*#map div + ul li a { color: #FFFFFF}*/

  

  /*

  #map div + ul li#btn_color_stage a { background: #F12B2E; }

  #map div + ul li#btn_color_glorbal a { background: #C42B2B; }

  #map div + ul li#btn_color_kanpai a { background: #DA4C94; }

  #map div + ul li#btn_color_seminar a { background: #25A0DA; }

  #map div + ul li#btn_color_wellness a { background: #5C9F50; }

  #map div + ul li#btn_color_food a { background: #374090; }

  #map div + ul li#btn_color_beauty a { background: #E43D92; }

  #map div + ul li#btn_color_wine a { background: #AD48BD; }

  #map div + ul li#btn_color_trend a { background: #004C9E; }

  #map div + ul li#btn_color_ice a { background: #FF65A6; }

  #map div + ul li#btn_color_new a { background: #D56157; }*/

  

  #map div + ul li#btn_color_stage a { border: 2px solid #F12B2E; color: #F12B2E; }

  #map div + ul li#btn_color_glorbal a { border: 2px solid #C42B2B; color: #C42B2B; }

  #map div + ul li#btn_color_kanpai a { border: 2px solid #DA4C94; color: #DA4C94; }

  #map div + ul li.btn_color_seminar a { border: 2px solid #25A0DA; color: #25A0DA; }

  #map div + ul li#btn_color_wellness a { border: 2px solid #5C9F50; color: #5C9F50; }

  #map div + ul li#btn_color_food a { border: 2px solid #374090; color: #374090; }

  #map div + ul li#btn_color_beauty a { border: 2px solid #E43D92; color: #E43D92; }

  #map div + ul li#btn_color_wine a { border: 2px solid #AD48BD; color: #AD48BD; }

  #map div + ul li#btn_color_shorttime a { border: 2px solid #583884 ; color: #583884; }

  #map div + ul li#btn_color_trend a { border: 2px solid #004C9E; color: #004C9E;}

  #map div + ul li#btn_color_organic a { border: 2px solid #5C9F50; color: #5C9F50;}

  #map div + ul li#btn_color_ice a { border: 2px solid #FF65A6; color: #FF65A6; }

  #map div + ul li#btn_color_new a { border: 2px solid #D56157; color: #D56157; }

  #map div + ul li#btn_color_foodpack a { border: 2px solid #A9002D; color: #A9002D; }

  

  #map div + ul li#btn_color_stage a:after { border-color: #F12B2E; }

  #map div + ul li#btn_color_glorbal a:after { border-color: #C42B2B; }

  #map div + ul li#btn_color_kanpai a:after { border-color: #DA4C94; }

  #map div + ul li.btn_color_seminar a:after { border-color: #25A0DA; }

  #map div + ul li#btn_color_wellness a:after { border-color: #5C9F50; }

  #map div + ul li#btn_color_food a:after { border-color: #374090; }

  #map div + ul li#btn_color_beauty a:after { border-color: #E43D92; }

  #map div + ul li#btn_color_wine a:after { border-color: #AD48BD; }

  #map div + ul li#btn_color_shorttime a:after { border-color: #583884; }

  #map div + ul li#btn_color_trend a:after { border-color: #004C9E; }

  #map div + ul li#btn_color_organic a:after { border-color: #5C9F50; }

  #map div + ul li#btn_color_ice a:after { border-color: #FF65A6; }

  #map div + ul li#btn_color_new a:after { border-color: #D56157; }

  #map div + ul li#btn_color_foodpack a:after { border-color: #A9002D; }

  

  #map div + ul li ul { 

    display: table; 

    width: 100%; 

  }

  

  #map div + ul li ul li { 

    display: table-cell;

    font-size: 1.3rem;

  }

  

  #map div + ul li ul li a { padding: 5px auto 5px!important; } 

  

  #map div + ul li ul li:first-child { padding-right: 40px;} 

}





/*===== ■２． Map parts =====*/



#map span a{

	  display: block;

    position: relative;

    width: 350px;

    margin: 0px auto 10px;

    padding: 15px 20px;

    border-radius: 50px;

    background: #EB0000;

    color: #fff;

    font-weight: bold;

    font-size: 1.8rem;

    text-align: left;

    text-decoration: none;

	

}



#map span a:after {

    position: absolute;

    top: 50%;

    right: 0;

    width: 12px;

    height: 12px;

    margin-right: 15px;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

    -webkit-transform: translateY(-50%) rotate(45deg);

    transform: translateY(-50%) rotate(45deg);

    content: '';

}



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

	#map span a{

		font-size: 1.4rem;

		width: 90%;

		padding: 15px 10px;

	}



}