/*****		FREE Wi-Fi特設ページスタイル		****/
/* last2026.2.27 */
/********************************************************/

/*フォント設定*/
html {
  font-size: 10px; /* initial 10px */
}

body {
  font-family: "Noto Sans JP", "Yu Gothic", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  /* default font-size 16px */
  font-weight: 400;
  line-height: 1.6;
  color: #333333;
}

html, body {
  overflow-x: hidden;
}

/*----------------------------------------------------------
/* define
-----------------------------------------------------------*/
/*----------------------------------------------------------
/* リセット・基本定義
-----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* 段落 */
p {
  margin: 0.4em 0 1.2em 0;
}

/* アンカー */
a,
a:link,
a:visited,
a:active {
  text-decoration: underline;
  color: #333;
}

a:active,
a:hover {
  text-decoration: none;
}

a.no-udline {
  text-decoration: none !important;
}

/*** 詳細以外のページリストスタイルリセット ***/
ul,
ul li,
ol,
ol li {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*** イメージ ***/
img {
  max-width: 100%;
  height: auto;
}
/*
img.ims-resp{
	display: inline-block;
	max-width:100%;
	height:auto;
}
*/

/*** 汎用クラス ***/
.mb5 {
  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;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

/* スモールデバイスでボタンタップ時の枠線OFF */
*:focus {
  outline: none;
}

/* ホバーエフェクト */
a.hoveffect {
  transition: all 0.2s ease-out;
}

a.hoveffect:hover {
  opacity: 0.7;
}

/*-------------------------------------------------------------------
/*  構造包含
--------------------------------------------------------------------*/
/* 全包含 */
#wrapper{
	box-sizing: border-box;
	margin:0 auto 0;
	padding:0 0 40px 0;
	width:900px;
}
#wifivport-cont{
	box-sizing: border-box;
}
/* 見出し */
h1{
	margin:0 0 24px 0;
}
h2{
  margin: 0 0 16px 0;
}
h3{
  margin: 0 0 16px 0;
  padding:8px 10px;
  text-align: center;
  font-size:2rem;
  font-weight: bold;
  color:#fcc800;
  background-color: #193076;
}
#wifivport-cont .common-sec:nth-of-type(n+2){
  margin-top: 20px;
}
@media (max-width:767px){
}
@media (min-width:768px){
#wifivport-cont .common-sec:nth-of-type(n+2){
  margin-top: 40px;
}
}
@media (min-width:1200px){
}


/*** 導入部 ***/
.sec_intro-box{
  margin: 0 0 0 0;
}
.sec_intro-box .wifi-logo{
  text-align: center;
}
@media (max-width:767px){
.sec_intro-box .wifi-logo{
  margin: 0 0 10px 0;
}
.sec_intro-box .wifi-logo img{
  width:46%;
}
}
@media (min-width:768px){
.sec_intro-box{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 0 0;
  width:100%;
}
.sec_intro-box .wifi-logo{
  width:30%;
}
.sec_intro-box .intro{
  width:68%;
}
}
@media (min-width:1200px){
}


/*** 接続ガイド ***/
.sec_guide-box{
  text-align: center;
}
@media (max-width:767px){
}
@media (min-width:768px){
}
@media (min-width:1200px){
}


/*** QA ***/
.qa{
  margin: 0 0 0 0;
}
.qa > li:nth-of-type(n+2){
  margin-top: 40px;
}
.qa > li{
  position: relative;
  padding:30px 16px 20px 16px;
  margin-top: 20px;
  border:solid 2px #193076;
  border-radius: 10px;
}
.qa > li .md{
  position: absolute;
  top:-20px;
  left:0;
  display: block;
  padding:2px 12px 3px 12px;
  font-size:1.8rem;
  font-weight: bold;
  color:#fff;
  background-color: #193076;
  border-radius: 25px;
}
.qa > li p{
  margin: 0 0 0 0;
}
.qa > li .riyou-md{
  margin: 0 4px 0 0;
  font-size: 1.8rem;
  font-weight: bold;
  color:#193076;
}
.qa > li .riyou-md br{
  display: none;
}
.qa > li .arrow{
  padding:13px 0;
  text-align: center;
}
.qa > li .bold{
  font-weight: bold;
}
.qa > li .url{
  color: #d7000f;
}
@media (max-width:767px){
.qa > li .riyou-md{
  text-align: center;
}
.qa > li .riyou-md br{
  display: inline;
}
}
@media (min-width:768px){
}
@media (min-width:1200px){
}


/*** FREE Wi-Fiについて ***/
.md-about-freewifi{
  margin: 0 0 14px 0;
  padding:10px 20px 11px 20px;
  text-align: center;
  font-size:1.8rem;
  color:#fff;
  background-color: #193076;
  border-radius: 10px;
}
@media (max-width:767px){
}
@media (min-width:768px){
}
@media (min-width:1200px){
}











/* 外部リンクアイコン */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('./fonts/glyphicons-halflings-regular.eot');
  src: url('./fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('./fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('./fonts/glyphicons-halflings-regular.woff') format('woff'), url('./fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('./fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
/* 外部リンクアイコン */
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-size: 1.8rem;
	color: #1d2088;
}
.glyphicon-duplicate:before {
  content: "\e224";
}



#wifivport-cont > div{
	text-align: center;
}
#wifivport-cont > div img{
	vertical-align: top;
}
#wifivport-cont > div,
ul#event-shops-guide{
	margin:0 0 23px 0;
}
ul#event-shops-guide{
	width:100%;
	font-size:0;
}
ul#event-shops-guide li{
	display:inline-block;
	margin:0 18px 0 0;
	width:288px;
	height:auto;
}
ul#event-shops-guide li:last-child{
	margin-right:0;
}
ul#event-shops-guide li a:hover img{
	box-shadow:0px 0px 4px 3px #fbc600;
	-moz-box-shadow:0px 0px 4px 3px #fbc600;
	-webkit-box-shadow:0px 0px 4px 3px #fbc600;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
p#btm-homelink{
	padding:15px 0 15px;
	text-align: center;
	border-top:solid 1px #666;
}

div.txt-block{
	padding-left: 20px;
	font-size: 1.2rem;
}

div.txt-block h3{
	margin: 10px 0;
	font-weight: bold;
	font-size: 1.4rem;
}

div.txt-block a:link {
	color: #0095d9;
	text-decoration: none;
}

div.txt-block a {
	background-color: transparent;
}

div.txt-block ul li{
	margin-left: 20px;
	list-style: disc;
}

@media (max-width:1199px){
	div#wrapper{
		width:100%;
	}
	#wifivport-cont{
		padding:0 10px;
	}
}