/*マップ吹き出しを丸く*/
.gm-style-iw{
    border-radius:50px !important;
}
.gm-style,.gm-style-iw-c{
    border:none !important;
}
/* 施設詳細情報テーブル */
table {
    margin: 20px auto;
    max-width:500px;
}
.detail th {
    background: #e9727e;
    border: solid 1px #ccc;
    color: #fff;
    padding: 10px;
}
.detail td {
    border: solid 1px #ccc;
    padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .detail {
    width: 90%;
  }
  .detail th,
  .detail td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
/* Report Contentsのボタン */
.wprc-container{
    text-align:center;
}
/*大ジャンルボタン*/
.btn-jenre {
  display: inline-block;
  text-decoration: none;
  color: rgba(152, 152, 152, 0.43);/*アイコン色*/
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 28px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #b5b5b5;
}
.btn-jenre i {
  line-height: 56px;
}
.btn-jenre:active {
  /*押したとき*/
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: none;
}

/* マップ吹き出し内のクレジットカードロゴ画像 */
.card_type{
    height:25px;
    margin:4px 2px 0;
}

/* iOS風ボタン */
.switch__label {
	width: 50px;
	position: relative;
	display: inline-block;
}
.switch__content {
    display: block;
    cursor: pointer;
    position: relative;
    border-radius: 30px;
    height: 31px;
    overflow: hidden;
}
.switch__content:before {
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 3px);
	height: calc(100% - 3px);
	top: 0;
	left: 0;
	border: 1.5px solid #E5E5EA;
	border-radius: 30px;
	background-color: #fff;
}
.switch__content:after {
	content: "";
	display: block;
	position: absolute;
	background-color: transparent;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	border-radius: 30px;
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -o-transition: all .5s;
	        transition: all .5s;
}
.switch__input {
	display: none;
}
 
.switch__circle {
	display: block;
	top: 2px;
	left: 2px;
	position: absolute;
	-webkit-box-shadow: 0 2px 6px #999;
	        box-shadow: 0 2px 6px #999;
	width: 27px;
	height: 27px;
	-webkit-border-radius: 20px;
	        border-radius: 20px;
	background-color: #fff;
	-webkit-transition: all .5s;
	   -moz-transition: all .5s;
	    -ms-transition: all .5s;
	     -o-transition: all .5s;
	        transition: all .5s;
}
.switch__input:checked ~ .switch__circle {
	left: 21px;
}
 
.switch__input:checked ~ .switch__content:after {
	background-color: #4BD964;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*固定ページ内のコンテンツPaddingを減らす*/
#content-inside{
    padding:0 5px;
}
#primary{
    padding:5px 0;
}
.f-container{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	animation-duration: 1s;/* アニメーション時間 */
    animation-name: RightToLeft;/* アニメーション名 */
}
/* 「RightToLeft」の動作内容 */
@keyframes RightToLeft {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(50px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}
   /*GoogleMapの本体*/
    .mapbox1 {
    border: solid 2px #5fb3f5;
    border-radius:0px;
    }
    #map {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    }
    /*マップの大きさ調整*/
    #map_wrapper {
    width:100%;
    padding-top:140%;
    position: relative;
    margin:auto;
    }
    /*550px以上の場合*/
    @media(min-width:550px){
        #map_wrapper {
            padding-top:110%;
        }
    }
    /*750px以上の場合*/
    @media(min-width:750px){
        #map_wrapper {
            padding-top:100%;
        }
    }
    /*1280px以上の場合*/
    @media(min-width:1280px){
        #map_wrapper {
            padding-top:70%;
        }
    }
    /*マップ吹き出しのバツボタン大きさ調整*/
    .gm-ui-hover-effect img{
        width:45px !important;
        height:15px !important;
        margin: 25px -20px !important;
        right: 6px !important;
        top: 0 !important;
    }
    .css-fade1{
    /*マップ用アニメーション設定*/
    animation-name:fade-in1;
    animation-duration:1s;
    animation-timing-function: ease-out; 
    animation-iteration-count:1;
    animation-direction:normal;
    animation-fill-mode: forwards;
    }
    /*アニメーション*/
    @keyframes fade-in1 {
    0% {opacity: 0}
    100% {opacity: 1}
    }
    .flexbox{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    }

#primary.content-area{
    padding:0;
}

.card_type{
    height:30px;
    margin:10px 4px;
}
.linkbutton{
    width:300px; 
    background-color:#87cefa; 
    border-radius:5px; 
    padding:10px 20px; 
    text-align:center; 
    margin-bottom:10px; 
    margin-top:20px;
    box-shadow: 0 1px 6px rgba(32, 33, 36, 0.2);
}
/* 施設詳細情報テーブル */
table {
    margin: 20px auto;
    width:600px;
    max-width:500px;
}
.detail th {
    width:160px;
    background: #e9727e;
    border: solid 1px #ccc;
    color: #fff;
    padding: 10px;
}
.detail td {
    border: solid 1px #ccc;
    padding: 10px;
}
 
@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .detail {
    width: 100%;
  }
  .detail th,
  .detail td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
}
