@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&display=swap');*/

@font-face {
        src: url("fonts/notosans400.woff") format("woff");
		font-family: "Noto Sans JP";
        font-style: normal;
      }
/*-------------------------
共通
-------------------------*/
* {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
body {
	font: 13px;
	*font-size: small;
	*font: x-small;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
	letter-spacing: 0.5px;
}
table {
	border-spacing: 0px;
	border-collapse: collapse;
}
a img {
	border: none;
}
#all-bg {
	width: 930px;
	background: url(../images/all/all-bg.jpg) repeat-y center top;
	margin: 0 auto 0 auto;
	padding: 0px;
}
/*-------------------------
clearfix
-------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/*-------------------------
ヘッダー
-------------------------*/
#header {
	width: 900px;
	height: 116px;
	border-top: 3px #1F7AFF solid;
	border-bottom: 3px #1F7AFF solid;
	margin: 0 auto 0 auto;
	position: relative;
}
#header h1 {
	color: #999;
	font-size: 11px;
	padding: 7px 0 0 10px;
	letter-spacing: 0.2em;
	width: 570px;
	line-height: 1.2em;
	float: left;
}
#header .contact {
	width: 225px;
	float: right;
	font-weight: bold;
}
#header .contact p {
	padding-top: 0px !important;
}
#header .contact a {
	background: #3f79ff;
	color: #FFF;
	text-decoration: none;
	padding: 7px 10px;
	border-radius: 5px;
	font-size: 15px;
	border: 1px solid #3f79ff;
}
#header .contact a:hover {
	border: 1px solid #3f79ff;
	background: #FF9;
	color: #3f79ff;
}
#header .contact i {
	margin-right: 3px;
}
#header .contact .title {
	font-size: 11px;
	margin-bottom: 0px;
	color: #000;
	margin-top: 8px;
	letter-spacing: 0.2em;
}
#header .contact .tel {
	font-size: 23px;
	font-weight: bold;
	color: #3f79ff;
	margin-top: -2px;
}
#header .contact .time {
	margin-top: -2px;
	font-size: 10px;
	line-height: 12px;
}
.logo {
	float: left;
	width: 378px;
	height: 35px;
	font-family: 'Noto Sans JP', sans-serif;
	position: absolute;
	top: 37px;
	left: 10px;
}
.logo a, .logo a img {
	display: block;
}
.logo a.logo01 {
	width: 177px;
	height: 35px;
}
.logo a {
	float: left;
}
.logo02 {
	float: left;
	display: block;
	text-decoration: none;
	letter-spacing: 0.2em;
}
.logo02 p {
	display: flex;
	width: 65px;
	flex-wrap: wrap;
	height: 30px;
	font-size: 8px;
	color: #845500;
	font-weight: normal;
	margin-left: 1px;
	margin-top: 3px;
	transition: 0.3s;
	margin-bottom: 3px;
	align-items: flex-start;
}
.logo02 p img {
	margin-right: 2px;
	display: inline-block;
}
.logo02 p:hover {
	color: #BDA007;
}
.logo03 p {
    font-size: 8px;
    letter-spacing: 0.2em;
    color: #444;
    font-weight: normal;
}
.logo03 {
	text-decoration: none;
}
.logo03 p {
	font-size: 8px;
	letter-spacing: 0.2em;
	color: #444;
	font-weight: normal;
}
.logo_wrap {
	display: flex;
	align-items: center;
	margin-top: 2px;
}
.logo03 img {
	margin-right: 8px;
}
#header .navigation {
	width: 881px;
	float: left;
	position: absolute;
	top: 89px;
	left: 10px;
}
#header .navigation a {
	width: 109px;
	height: 26px;
	display: block;
	float: left;
}
#header .navigation a.home {
	background: url(../images/top/gnavi_home.png) no-repeat left top;
}
#header .navigation a.flow {
	background: url(../images/top/gnavi_flow.png) no-repeat left top;
}
#header .navigation a.return {
	background: url(../images/top/gnavi_receive.png) no-repeat left top;
	width: 116px;
}
#header .navigation a.about {
	background: url(../images/top/gnavi_about.png) no-repeat left top;
}
#header .navigation a.gcontact {
	background: url(../images/top/gnavi_contact.png) no-repeat left top;
	width: 110px;
}
#header .navigation a.agreement {
	background: url(../images/top/gnavi_agreement.png) no-repeat left top;
}
#header .navigation a.gcart {
	background: url(../images/top/gnavi_cart.png) no-repeat left top;
}
#header .navigation a.mypage {
	background: url(../images/top/gnavi_mypage.png) no-repeat left top;
}
#header .navigation a:hover {
	background-position: left -26px;
}
.p_mark {
	position: absolute;
	top: 13px;
	right: 236px;
	width: 65px;
	height: auto;
}
.p_mark a img {
	width: 100%;
	height: auto;
}
/*-------------------------
メインコンテンツ
-------------------------*/
#contents {
	width: 880px;
	margin: 0 auto 0 auto;
	padding: 0 0 15px 0;
}
/*-------------------------
右コンテンツ
-------------------------*/
#right {
	width: 650px;
	float: right;
	margin-top: 15px;
}
/*------------
スライドショー
--------------*/
#slideshow {
	width: 650px;
	height: 210px;
	overflow: hidden;
	position: relative;
}
/*縦スライド時の矢印の位置*/
.sp-vertical .sp-previous-arrow {
	top: 0;
}
.sp-vertical .sp-next-arrow {
	bottom: 0;
}
/*-----------------
スライドショーここまで
-------------------*/
/*------------
バナー3列
--------------*/
#banner-line {
	width: 650px;
	padding: 0px;
}
#banner-line ul li {
	width: 210px;
	height: 60px;
	float: left;
	padding: 5px 0 15px 10px;
}
.li-first {
	padding-left: 0px !important;
	margin-left: 0px !important;
}
.index_banner_note {
	font-size: 10px;
	text-align: right;
	height: 15px;
	margin-top: -10px;
}
#top-slider{
	margin-bottom: 10px;
}
.sp-buttons{
	display: none;
}
/*------------
サブメニュー
--------------*/
#sub-menu ul {
	width: 650px;
	padding: 0px;
	overflow: hidden;
	margin-top: 10px;
}
#sub-menu ul li {
	width: 159px;
	height: auto;
	float: left;
	margin-right: 2px;
	transition: 0.3s ease;
	padding: 1px;
	background: #CCC;
}
#sub-menu ul li:nth-child(-n+4) {
	margin-bottom: 2px;
}
#sub-menu ul li:nth-child(4), #sub-menu ul li:nth-child(8) {
	margin-right: 0px;
}
#sub-menu ul li a {
	text-decoration: none;
	color: #FFF;
}
#sub-menu ul li p {
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	background: #1f7aff;
}
#sub-menu ul li img {
	display: block;
}
#sub-menu ul li svg {
	height: 15px;
	margin-right: 3px;
	margin-left: -10px;
}
#sub-menu ul li path {
	fill: #FFF;
}
#sub-menu ul li .submenu_select {
	transition: 0.3s;
}
#sub-menu ul li:hover, #sub-menu ul li:hover .submenu_select {
	background: #FF1493;
}
/*------------
バナー3種
--------------*/
#banner-line2 {
	width: 650px;
	padding: 10px 0 0 0;
	background: #f9f9f9;
}
#banner-line2 ul {
	padding: 0 10px;
}
#banner-line2 ul li {
	width: 310px;
	float: left;
	margin-bottom: 10px;
}
#banner-line2 ul li:nth-child(even) {
	float: right;
}
#banner-line2 ul li img {
	display: block;
}
/*.banner-line3{
width: 650px;
height: 84px;
padding: 15px 0 0 0;
clear: both;
}*/
/*------------------
お勧めのレンタル携帯
--------------------*/
#recomend {
	width: 650px;
	/*padding: 15px 0 0 0;*/
	clear: both;
}
/*
#recomend h2{
width: 620px;
height: 25px;
color: #3c3c3c;
background: url(../images/top/recome-h2.jpg) no-repeat center top;
font-size: 15px;
padding: 7px 0 0 30px;
}
*/
.recome-box {
	width: 210px;
	height: 110px;
	float: left;
	padding: 10px 0 0 0;
	margin: 0 0 0 5px;
	border-bottom: solid 1px #CCCCCC;
}
.recome-box p {
	float: left;
	font-size: 12px;
	letter-spacing: 0.1em;
	line-height: 1.5em;
}
.recome-txt {
	width: 143px;
	padding: 0 0 0 7px;
	color: #3c3c3c;
}
.recome-box a {
	color: #06C;
	text-decoration: none;
}
.reco-ttl {
	color: #2079e8;
	font-weight: bold;
	line-height: 1.5em;
}
#banner-line {
	margin-bottom: 10px;
}
#banner-line a {
	height: 60px;
	display: block;
}
#banner-line ul li {
	padding-top: 0px;
	padding-bottom: 0px;
}
.banner_telework a, .banner_unlimited a {
	margin: 0px 0px 10px 0px;
	display: block;
	height: 155px;
}
.m-list-banner {
	margin-bottom: 7px;
}
.common_banner a,
#banner-line a{
	transition: 0.2s;
}
.common_banner a:hover,
#banner-line a:hover{
	opacity: 0.8;
	transition: 0.2s;
}


/*------------------
wifi-parkバナー
--------------------*/
.top_wifipark {
	background: url(../images/top/top_wifipark_bg.jpg) no-repeat;
	width: 650px;
	height: 153px;
	margin: 10px 0px 15px 0px;
}
.top_wifipark ul {
	padding-top: 34px;
}
.top_wifipark li:first-child {
	margin-left: 14px;
	float: left;
}
.top_wifipark li:last-child {
	float: right;
	margin-right: 14px;
}
.top_wifipark li img:hover, .banner_unlimited img:hover, .banner_telework img:hover {
	opacity: 0.9;
}

/*------------------
お客様の声
--------------------*/
.voice-section > p {
	margin: 1em 0;
}
.voice-section ul li{
	display: flex;
	justify-content: flex-start;
	font-size: 14px;
	padding: 10px;
	box-sizing: border-box;
	gap:10px;
	border-top: 1px dashed #dfe8e8;
	align-items: center;
}
.voice-section ul li:last-child {
	border-bottom: 1px dashed #dfe8e8;
}
.voice-section ul li .voice-left {
	display: flex;
	justify-content: flex-start;
	width: 240px;
	gap:10px;
	align-items: center;
}
.voice-section ul li .voice-left .voice-image,
.voice-section ul li .voice-left .voice-image img {
	width: 50px;
	height: 50px;
}
.voice-section ul li .voice-txt {
	width: calc( 100% - 240px);
}
.voice-section ul li .voice-left .voice-info {
	font-size: 11px;
}
.voice-section ul li .voice-left span {
	display: inline-block;
	padding: 1px 4px;
	background: #fff0f7;
	color: #e1007a;
	border-radius: 3px;
	font-size: 10px
}
.voice-section .voice-star-rating {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #5e5e5e;
	gap:5px;
	margin-bottom: 3px;
}
.voice-section ul li .voice-left .voice-category {
	display: flex;
	flex-wrap: wrap;
	gap:3px;
	column-gap: 5px;
}
.voice-section .voice-star-rating .stars {
	display: flex;
	justify-content: flex-start;
	gap:3px;
	padding-bottom: 3px;
	box-sizing: border-box;
}
/* 星５評価*/
.voice-section .star5 .star-5 {
	fill:#ffe63e;
}
.voice-section .star5 .star-4 {
	fill:#ffe63e;
}
.voice-section .star5 .star-3 {
	fill:#ffe63e;
}
.voice-section .star5 .star-2 {
	fill:#ffe63e;
}
.voice-section .star5 .star-1 {
	fill:#ffe63e;
}
/* 星４評価 */
.voice-section .star4 .star-5 {
	fill:#ffe63e;
}
.voice-section .star4 .star-4 {
	fill:#ffe63e;
}
.voice-section .star4 .star-3 {
	fill:#ffe63e;
}
.voice-section .star4 .star-2 {
	fill:#ffe63e;
}
.voice-section .star4 .star-1 {
	fill:#c4c3c0;
}
/* 星3評価 */
.voice-section .star3 .star-5 {
	fill:#ffe63e;
}
.voice-section .star3 .star-4 {
	fill:#ffe63e;
}
.voice-section .star3 .star-3 {
	fill:#ffe63e;
}
.voice-section .star3 .star-2 {
	fill:#c4c3c0;
}
.voice-section .star3 .star-1 {
	fill:#c4c3c0;
}
/* 星2評価 */
.voice-section .star2 .star-5 {
	fill:#ffe63e;
}
.voice-section .star2 .star-4 {
	fill:#ffe63e;
}
.voice-section .star2 .star-3 {
	fill:#c4c3c0;
}
.voice-section .star2 .star-2 {
	fill:#c4c3c0;
}
.voice-section .star2 .star-1 {
	fill:#c4c3c0;
}
/* 星1評価 */
.voice-section .star1 .star-5 {
	fill:#ffe63e;
}
.voice-section .star1 .star-4 {
	fill:#c4c3c0;
}
.voice-section .star1 .star-3 {
	fill:#c4c3c0;
}
.voice-section .star1 .star-2 {
	fill:#c4c3c0;
}
.voice-section .star1 .star-1 {
	fill:#c4c3c0;
}
.voice-section > a {
	padding: 6px;
	box-sizing: border-box;
	background: #1f7aff;
	color: #fff;
	text-decoration: none;
	margin-top: 20px;
	margin-inline:auto;
	display: flex;
	justify-content: center;
	width: 220px;
	align-items: center;
	transition: all .3s;
}
.voice-section > a:hover {
	background: #FF1493;
	transition: all .3s; 
}
/*------------------
新入荷情報
--------------------*/
.new-item {
	width: 650px;
}
.new-list {
	overflow-y: scroll;
	height: 160px;
	border-bottom: 1px solid #999;
	background: #f9f9f9;
}
.new-item dl {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	width: 610px;
	margin: 0 auto;
	box-sizing: border-box;
}
.new-item li:last-child dl {
	border-bottom: none;
}
.new-item .day {
	width: 20%;
	font-size: 12px;
	color: #444;
}
.new-item .day svg {
	height: 13px;
	width: auto;
	margin-left: 13px;
}
.new-item .day path {
	fill: #00c0b5;
}
.new-item .title {
	width: 80%;
	font-size: 12px;
	box-sizing: border-box;
	margin-right: 10px;
}
.new-item .title a {
	color: #3f79ff;
	text-decoration: none;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
}
.new-item .title a:hover {
	opacity: 0.8;
}
.new-list ul li {
	padding: 10px 0 0 20px;
}
/*------------------
ニュース
--------------------*/
.news {
	width: 650px;
}
.news li {
	background: #F9F9F9;
}
.news dl {
	padding: 15px 0px;
	border-bottom: 1px dashed #999;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	width: 610px;
	margin: 0 auto;
	box-sizing: border-box;
}
.news li:last-child dl {
	border-bottom: none;
}
.news .day {
	width: 20%;
	font-size: 12px;
	color: #444;
}
.news .day svg {
	height: 13px;
	width: auto;
	margin-left: 13px;
}
.news .day path {
	fill: #3f79ff;
}
.news .title {
	width: 80%;
	font-size: 12px;
	box-sizing: border-box;
}
.news .title span {
	color: #3f79ff;
	text-decoration: none;
	font-size: 14px;
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}
.news .title span a {
	color: #3f79ff;
}
.news .title a:hover {
	opacity: 0.8;
}
.news-txt {
	padding: 0 0 0 10px;
}
/*------------------
その他のサービス
--------------------*/
.other-service {
	width: 650px;
	padding: 20px 0 0 0;
	clear: both;
}
.other-service h2 {
	width: 635px;
	height: 24px;
	background: url(../images/top/other-h2.jpg) no-repeat center top;
	color: #3c3c3c;
	font-size: 13px;
	padding: 8px 0 0 15px;
}
.other-area {
	width: 650px;
	height: 168px;
	background: url(../images/top/other-bg.jpg) no-repeat center top;
	margin: 10px 0 0 0;
}
#other-line, #other-line2 {
	width: 640px;
	padding: 12px 0 0 10px;
}
.other-list {
	width: 210px;
	float: left;
}
.other-list p {
	font-size: 12px;
	font-weight: bold;
}
.other-list ul li {
	font-size: 12px;
	padding: 2px 0 0 10px;
	line-height: 1.2em;
}
.other-list a {
	color: #2079e8;
	text-decoration: none;
}
.other-list a:hover {
	color: #F60;
}
.all-service {
	margin-top: 50px;
}
h2.index_h2,
.inc_corona h2{
	margin-bottom: 5px;
	padding: 7px 20px;
	font-size: 14px;
	color: #FFF;
	background: #00CED1;
	margin-top: 30px;
	letter-spacing: 0.1em;
}
.allservice_wrap {
	background: #F9F9F9;
	padding: 20px;
}
.all-service dl {
	display: flex;
	justify-content: start;
	align-items: stretch;
	flex-wrap: wrap;
}
.all-service dt {
	width: 100%;
	margin: 30px 0px 15px;
	color: #3f79ff;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 0.02em;
	border-bottom: 1px solid #3f79ff;
	padding-bottom: 5px;
}
.all-service .item_menu dt {
	margin-top: 0px;
}
.all-service dd:before {
	content: ''; /*何も入れない*/
	display: inline-block; /*忘れずに！*/
	width: 15px; /*画像の幅*/
	height: 15px; /*画像の高さ*/
	background-image: url(../images/top/angle-right.svg);
	background-size: contain;
	vertical-align: sub;
	fill: #42AFE3;
}
.all-service dd {
	width: 33%;
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 15px;
}
.all-service dd a {
	color: #444;
	text-decoration: none;
	transition: 0.3s ease;
}
.all-service dd a:hover {
	color: #6563FF;
}
.all-service .site_menu {
	display: none;
}
.allservice_wrap .about_menu {
	display: none;
}
.yellow {
	color: #FC0;
}
/*-------------------------
左コンテンツ
-------------------------*/
#welcome {
	font-size: 12px;
	padding: 10px 0 5px 0;
}
#welcome p {
	float: left;
}
.welcome img {
	width: 54px;
	height: 22px;
}
#left {
	width: 220px;
	float: left;
}
.left-menu {
	width: 220px;
    margin-bottom: 20px;
}
.left-menu h3 {
	width: 220px;
	height: 30px;
	border-bottom: solid 3px #002371;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック",sans-serif,"メイリオ", Meiryo, "メイリオ", sans-serif;

}
.left-menu h3 span,
.left-menu2 h3 span {
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #002371;
}
.l-n-menu2 h3 span {
	color: #49003b;
	letter-spacing: -0.5px;
}
.left-menu .l-n-menu-list .l-n-item {
	border-bottom: dashed 1px #002371;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック",sans-serif,"メイリオ", Meiryo, "メイリオ", sans-serif;
}
.left-menu .l-n-menu-list .l-n-item a {
	color: #002371;
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 0;
	transition: all .3s;
}
.left-menu .l-n-menu-list .l-n-item a:hover {
	background-color: #F2F4F8;
	transition: all .3s;
}
.left-menu .l-n-menu-list .l-n-item a span {
	letter-spacing:  normal;
}
.left-menu .l-n-menu-list .l-n-item a svg {
	width: 5px;
	margin-right: 8px;
}
.left-menu .l-n-menu-list .l-n-item a svg g .cls-1 {
	stroke: #002371;
}
.left-menu .l-n-menu-list .l-n-item a svg g path {
	fill: none;
	stroke-miterlimit: 10;
	stroke-width: 1.2px;
}
.left-menu .l-n-menu-list .l-n-item a img {
	margin-right: 3px;
	width: 50px;
	height: auto;
}
.left-menu .l-n-menu-list .l-n-item a .l-n-ttl {
	display: flex;
	align-items: center;
}
.l-n-menu2 {
	margin-bottom: 20px;
}
.l-n-menu2 h3 {
	border-bottom: solid 3px #49003b;
}
.l-n-menu2 .l-n-menu-list .l-n-item {
	border-color: #49003b;
}
.l-n-menu2 .l-n-menu-list .l-n-item a{
	color: #49003b;
}
.l-n-menu2 .l-n-menu-list .l-n-item a svg g .cls-1 {
	stroke: #49003b;
}
.l-n-menu2 .l-n-menu-list .l-n-item a:hover {
	background-color: #F6F2F5;
}
.l-n-menu3 h3 {
	border-bottom: solid 3px #004c59;
}
.l-n-menu3 h3 span {
	color: #004c59;
}
.l-n-menu3 .l-n-menu-list .l-n-item {
	border-color: #004c59;
}
.l-n-menu3 .l-n-menu-list .l-n-item a{
	color: #004c59;
}
.l-n-menu3.l-n-menu-list .l-n-item a svg g .cls-1 {
	stroke: #004c59;
}
.l-n-menu3 .l-n-menu-list .l-n-item a:hover {
	background-color: #F2F6F7;
}
/*.left-menu ul li {
	width: 218px;
	height: 46px;
}
.l-menu1 {
	width: 218px;
	height: 46px;
	background: url(../images/top/left-menu1.png) no-repeat center top;
}
.l-menu2 {
	width: 220px;
	height: 47px;
	background: url(../images/top/left-menu2.png) no-repeat center top;
}
.l-menu3 {
	width: 220px;
	height: 47px;
	background: url(../images/top/left-menu3.png) no-repeat center top;
}
.l-menu4 {
	width: 220px;
	height: 47px;
	background: url(../images/top/left-menu4.png) no-repeat center top;
}
.l-menu5 {
	width: 220px;
	height: 47px;
	background: url(../images/top/left-menu5.png) no-repeat center top;
}
.l-menu6 {
	width: 220px;
	height: 47px;
	background: url(../images/top/left-menu7.png) no-repeat center top;
}
.l-menu7 {
	width: 220px;
	height: 47px;
	background: url(../images/top/left-menu6.png) no-repeat center top;
}
.l-menu8 {
	width: 220px;
	height: 47px;
	background: url(../images/top/left-menu8.png) no-repeat center top;
}*/
.l-menu1:hover, .l-menu3:hover, .l-menu4:hover, .l-menu5:hover, .l-menu6:hover, .l-menu7:hover, .l-menu8:hover {
	background-position: center -46px;
}
.l-menu1 span, .l-menu2 span, .l-menu3 span, .l-menu4 span, .l-menu5 span, .l-menu6 span, .l-menu7 span, .l-menu8 span {
	visibility: hidden;
}
.l-menu1 a, .l-menu2 a, .l-menu3 a, .l-menu4 a, .l-menu5 a, .l-menu6 a, .l-menu7 a, .l-menu8 a {
	width: 218px;
	height: 47px;
	display: block;
	text-decoration: none;
}
.left_banner_wrap {
	height: 50px;
	margin: 10px 0 20px 0;
}
.wifitravel-banner-left {
	margin-bottom: 5px;
	height: auto;
}
.wifitravel-banner-left a {
	display: block;
	height: 50px;
}
.wifitravel-banner-left a:nth-child(1) {
	margin-bottom: 2px;
}
.wifitravel-banner-left a:nth-child(2) {
	height: 25px;
} 
.left-banner1 {
	width: 220px;
	display: block;
}
.left-banner2 {
	width: 230px;
	height: 95px;
	padding: 0px 0px 5px 0px;
}
.left-menu2 {
	width: 220px;
	padding: 10px 0 0 0;
}
.left-menu2 h3 {
	width: 220px;
	height: 30px;
	background: url(../images/top/left-h32.png) no-repeat center top;
}
.left-menu2 ul li {
	width: 218px;
	height: 44px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}
.left-banner3 {
	width: 92px;
	height: 59px;
	border: solid 1px #CCCCCC;
	margin: 20px auto 0 auto;
	padding: 5px;
}
.left-banner4 {
	width: 140px;
	height: 52px;
	border: solid 1px #CCCCCC;
	margin: 20px auto 0 auto;
	padding: 5px;
}
.left-banner5 {
	/*height: 60px;*/
	margin: 10px auto 0 auto;
}
.l-n-menu4 {
	margin-top: 20px;
}
.l-n-menu4 h3 {
	border-color: #333333;
}
.l-n-menu4 h3 span {
	color: #333333;
}
.new-banner {
	width: 220px;
	height: 60px;
	margin: 20px auto 0 auto;
}
.left-banner6 {
	width: 170px;
	margin: 20px auto 0 auto;
	font-size: 11px;
	text-align: center;
	line-height: 1.5em;
	color: #3c3c3c;
}
.left-banner7 {
	width: 220px;
	height: 95px;
	margin: 5px 0px;
}
.left-banner8 {
	width: 220px;
	height: 95px;
	margin: 5px 0px;
}
.left-banner9 {
	width: 220px;
	height: 95px;
	margin: 5px 0px;
}
.left_banner_wrap p img:hover {
	opacity: 0.9;
}
.calendar {
	width: 180px;
	margin: 10px auto 0 auto;
}
.calendar p,
.calendar .note {
	font-size: 12px;
	text-align: center;
	margin-top: 5px;
}
.calendar table:nth-of-type(3){
    margin-top: 10px;
}
.inc_corona p{
	margin-top: 1em;
}
/*-------------------------
フッター
-------------------------*/
#footer {
	width: 900px;
	margin: 0 auto 0 auto;
	clear: both;
	background: #1F7AFF;
}
.foot-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#footer ul.footer_menu {
	width: auto;
	padding: 15px 0 0 15px;
	display: flex;
	flex-wrap: wrap;
}
#footer ul.footer_menu li {
	font-size: 11px;
	float: left;
	padding: 0 7px 0 7px;
	border-left: solid 1px #CCCCCC;
	width: 25%;
	box-sizing: border-box;
	margin-bottom: 10px;
}
#footer ul.footer_menu li a {
	color: #FFF;
	text-decoration: none;
}
#footer ul.footer_menu li a:hover {
	color: #ff9ad1;
}
#footer .p_mark{
	width: fit-content;
	display: flex;
	justify-content: flex-end;
	margin-right: 15px;
	margin-top: 10px;
}
#footer .p_mark{
	background: #FFF;
	padding: 5px;
	border-radius: 3px;
}
#footer .p_mark img{
	height: 80px;
	width: auto;
}
.copyright {
	font-size: 11px;
	text-align: center;
	color: #FFF;
	padding: 15px 0 15px 0;
}
.RelatedServiceFooter {
	clear: both;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 auto;
	text-align: left;
	width: 100%;
	margin-top: 5px;
}
.RelatedServiceFooter_heading {
	clear: both;
	font-size: 12px;
	font-weight: bold !important;
	line-height: 1.5;
	margin-bottom: 5px;
	color:#fff; 
}
.RelatedServiceFooter * {
	box-sizing: border-box;
	font-weight: normal;
}
.RelatedServiceFooter_groupservicelist ul {
	position: relative;
}
.RelatedServiceFooter_groupservicelist ul li {
	float: left;
	padding-bottom: 3px;
	text-align: left;
	z-index: 1;
}
.RelatedServiceFooter a:link {
	color: #428bca;
	text-decoration: none;
}
.RelatedServiceFooter_groupserviceheading {
	color: #fff;
	font-size: 11px;
	line-height: 1.4;
}
.RelatedServiceFooter_groupserviceheading::after {
	border-color: transparent transparent #ccc;
	border-style: solid;
	border-width: 3px;
	content: "";
	display: inline-block;
	height: 0;
	left: 3px;
	position: relative;
	top: -3px;
	width: 0;
}
.RelatedServiceFooter_submenu {
	border-radius: 4px;
	transition: .2s;
	background: #fff;
	border: solid 1px #eaeaea;
	bottom: 0;
	display: none;
	margin-left: -2px;
	overflow: hidden;
	padding: 3px 10px;
	position: absolute;
	z-index: 9999;
	box-shadow: rgba(0, 0, 0, 0.1) 0 0 1px 0;
}
.RelatedServiceFooter_submenu dl {
	float: left;
	margin: 5px 10px 5px 5px;
}
.RelatedServiceFooter_submenu dl dt {
	font-size: 12px;
	line-height: 1.5;
	white-space: nowrap;
	font-weight: bold;
	color: #1F7AFF;
}
.RelatedServiceFooter_submenu dl dd {
	font-size: 11px;
	line-height: 1.4;
	white-space: nowrap;
	margin-top: 5px;
	margin-left: 10px;
}
.RelatedServiceFooter_submenu dl dd a {
	display: block;
	color: #000 !important;
}
.RelatedServiceFooter a:hover {
	transition: .2s;
	color: #ff9ad1 !important;
}
@media screen and (max-width: 414px) {
  .RelatedServiceFooter_submenu {
	padding: 0;
  }
  .RelatedServiceFooter_submenu.third{
    margin-left:-50px;
  }
}
/* ---------------------------------------------
	preset margin 
--------------------------------------------- */
.mt00 {
	margin-top: 0 !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt05_2 {
	margin-top: 5px !important;
	background: #FDEFEE;
	padding: 8px;
}
.mt10_3 {
	margin-top: 10px !important;
	background: #ecf5fd;
	height: 20px;
	padding: 8px;
}
.mt10_4 {
	background: #fee9f5;
	padding: 8px;
}
.mt12 {
	margin-top: 12px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mr00 {
	margin-right: 0 !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr12 {
	margin-right: 12px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mb00 {
	margin-bottom: 0 !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb12 {
	margin-bottom: 12px !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;
}
.ml00 {
	margin-left: 0 !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml12 {
	margin-left: 12px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
/* ---------------------------------------------
	preset padding 
--------------------------------------------- */
.pt00 {
	padding-top: 0 !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt12 {
	padding-top: 12px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pr00 {
	padding-right: 0 !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr12 {
	padding-right: 12px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pb00 {
	padding-bottom: 0 !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb12 {
	padding-bottom: 12px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pl00 {
	padding-left: 0 !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl12 {
	padding-left: 12px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}
.fltL {
	float: left;
}
.fltR {
	float: right;
}
.ft {
	overflow: hidden;
	zoom: 1;
}
/**************************
礼　エラー用
***************************/
label.error {
	width: auto;
	color: #FF0000;
	border: 1px dotted #999999;
	background: none;
	padding: 1px 0 1px 5px;
	float: left;
}
form.cmxform label.error {
	display: none;
}
.radio {
	display: inline;
}