@charset "utf-8";

/* 共通 
 -----------------------------------------------------*/

/* メインビジュアル（非会員用）
============================================*/

.mainVisual {
	padding: 80px 0 90px 0;
	background: url("../img/main_visual.jpg") no-repeat top center;
	background-size: cover;
	position: relative;
}
.mainVisual p.logo {
	margin: 0 auto;
	line-height: 0;
	width: 80%;
}
.mainVisual p img {
	width: 100%;
}
.mainVisual p.Img {
	margin: 25px auto 0 auto;
	width: 90%;
}
.mainVisual p.subread {
	margin: 15px auto 0 auto;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #fff;
	text-align: center;
	line-height: 1;
	width: 90%;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.mainVisual p.read {
	margin: 10px 0 0 0;
	text-align: center;
	line-height: 1;
	width: auto;
	font-size: 36px;
	font-weight: bold;
	color: #fff;
}
.mainVisual p.bg {
	line-height: 0;
	position: absolute;
	bottom: -1px;
	right: 0;
	left: 0;
	width: 100%;
}
.mainVisual p.uki {
	margin: 0 auto;
	line-height: 0;
	position: absolute;
	bottom: -35px;
	right: 0;
	left: 0;
	width: 70px;
    animation-name: uki;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 2s;
}
@keyframes uki {
    0% {
        transform: translate(0,0px);
    }

    100% {
        transform: translate(0,-40px)
    }
}
.mainVisual p.uki img {
  animation: wobbling_x 0.8s ease-in-out infinite alternate,
    wobbling_y 1.1s ease-in-out infinite alternate;
}
@keyframes wobbling_x {
  0% {
    margin-left: 15px;
  }

  100% {
    margin-left: 0px;
  }
}

/* メインビジュアル（会員用）
============================================*/

.mainVisualMember {
	padding: 90px 0 40px 0;
	background: url("../img/member_visual.jpg") no-repeat center bottom;
	background-size: cover;
	position: relative;
}
.mainVisualMember p {
	margin: 0 auto;
	line-height: 1;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #002542;
}
.mainVisualMember p i {
	padding: 0 6px 0 0;
	font-size: 24px;
	color: #002542;
	line-height: 1;
}
.mainVisualMember p.err i {
	padding: 0 5px 0 0 0;
}


/* 初めて方へバナー
------------------------------------------*/
.topBnr {
	margin: 0;
	padding: 25px 10px;
}
.topBnr h2 span.inmid {
    padding: 2px 0 0 15px;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    letter-spacing: 0;
    display: inline-block;
    vertical-align: middle;
}
.topBnr h2 span.inmid:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #96e514;
    position: absolute;
    top: 15px;
    left: 0;
}
.topBnr h2 span.inmid:after {
    content: "";
    width: 8px;
    height: 8px;
    background: #34b6d0;
    position: absolute;
    top: 4px;
    left: 0;
}
.topBnr ul {
	margin-top: 15px;
	line-height: 0;
	display: flex;
	text-align: center;
}
.topBnr ul li {
	margin: 0 0 0 3%;
	line-height: 1;
	width: 50%;
}
.topBnr ul li:first-child {
	margin: 0 0 0 0;
}
.topBnr ul li a {
	padding: 15px 0;
	display: block;
	font-size: 15px;
	line-height: 1.4;
	font-weight: bold;
	text-decoration: none;
	background: #33b6d2;
	border-radius: 10px;
	color: #fff;
	border-bottom: solid 4px #005264;
}
.topBnr ul li i {
	margin: 0 0 10px 0;
	display: block;
	line-height: 1;
	font-size: 30px;
}





/* 3つのメリット
------------------------------------------*/

.merit {
	margin: 0 0 0 0;
	padding: 0 15px;
	position: relative;
}
.merit:after {
	content: "";
	position: absolute;
	background: #e2faff;
	top: 0;
	right: 0;
	width: 88%;
	height: 100%;
	border-radius: 40px 0 0 0;
	z-index: -1;
}
.merit h2 {
	margin: 0;
	padding: 50px 0 0 0;
	position: relative;
}
.merit h2 span {
	padding: 4px 0 0 20px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0.05em;
	display: block;
}
.merit h2 span:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #34b6d0;
	position: absolute;
	top: 5px;
	left: 0;
}
.merit h2 span:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #96e514;
	position: absolute;
	top: 18px;
	left: 0;
}
.merit p.read {
	margin: 20px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.8;
}
.merit section {
	margin: 0 0 0 0;
	padding: 40px 0 40px 0;
	position: relative;
}
.merit .meritBox {
	margin: 40px 0 0 0;
	letter-spacing: -0.5em;
	display: table;
	width: 100%;
}
.merit .meritBox:first-child {
	margin: 0 0 0 0;
}
.merit .meritBox p.icon {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #fff;
	border:solid 3px #33b6d2;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
	vertical-align: top;
}
.merit .meritBox p.icon i {
	font-size: 30px;
	color: #33b6d2;
	line-height: 65px;
}
.merit .meritBox .disBox {
	margin: 0 0 0 3%;
	display: table-cell;
	width: 74%;
	letter-spacing: normal;
}
.merit .meritBox span.point {
	display: block;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	color: #33b6d2;
	letter-spacing: 0.05em;
}
.merit .meritBox h3 {
	margin: 10px 0 0 0;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	letter-spacing: 0;
}
.merit .meritBox p.txt {
	margin: 15px 0 0 0;
	line-height: 1.7;
	font-size: 14px;
	color: #333;
	letter-spacing: 0em;
}




/* ブレイク背景
-------------------------------------------*/
.bigBg {
	background: url("../img/bg_01.jpg") no-repeat;
	background-size: cover;
	height: 200px;
}



/* 下層ページ共通（一部削除）
--------------------------------------------*/
.contents.subpage {
	margin: 0 0 10px 0;
	padding: 0px 0 35px 0;
	border-bottom: solid 6px #e4e4e4;
}
.contents.subpage.chat {
	margin: 0 0 10px 0;
	padding: 54px 0 35px 0!important;
	border-bottom: solid 6px #e4e4e4;
}
.contents .alertBox.hi {
	margin-top: 54px!important;
}
.contents .alertBox.hi:after {
	display: none!important;
}
.contents .nolineUP {
	margin-top: 54px!important;
}


/* 同乗者募集
-------------------------------------------*/
.boshu {
	margin: 0 0 0 0;
	padding: 30px 0 0 0;
	position: relative;
}

.boshu h2 {
	margin: 0;
	padding: 0 10px;
	position: relative;
}
.boshu h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.boshu h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.boshu h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.boshu h2 span.tar {
	margin: 0 0 0 8px;
	padding: 5px 6px 5px 6px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	line-height: 1;
	color: #fff;
	position: relative;
	top: 2px;
}

.boshu p.arrow {
	margin: 10px 0 -10px 10px;
	line-height: 1;
	font-weight: bold;
}

/* スライダー
----------------------------*/
.boshu .sliderArea {
	margin: 20px 10px 0 0;
	padding: 0 0 12px 8px;
	letter-spacing: -0.5em;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	display: -ms-flexbox;
	display: flex;
	position: relative;
}

.boshu .sliderBox {
	margin: 0 10px 0 0;
	padding: 10px;
	border: solid 1px #dadada;
	border-top: none!important;
	width: 100%;
	min-width: 280px;
	background: #f1fdff;
	position: relative;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	box-shadow: 0px 0px 15px -9px #666;
}
.boshu .sliderBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.boshu .chip {
	letter-spacing: -0.5em;
	font-size: 0;
}
.boshu .chip span {
	margin: 0 0 0 3px;
	padding: 5px 6px 4px 6px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	background: #333;
	border-radius: 3px;
	letter-spacing: 0.05em;
}
.boshu .chip span:first-child {
	margin: 0 0 0 0;
}
.boshu .chip span.time {
	background: #e02325;
}
.boshu .chip span.now {
	background: #F712AE;
}
.boshu .chip span.today {
	background: #38972c;
}
.boshu .chip span.tommorow {
	background: #1873a7;
}
.boshu h3 {
	margin: 5px 0 0 3px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	letter-spacing: 0.05em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.boshu table {
	margin: 10px 0 0 0;
	width: 100%;
	border-bottom: solid 1px #d2d2d2;
}
.boshu th {
	padding: 5px 0;
	border-top: solid 1px #d2d2d2;
	font-size: 12px;
	font-weight: bold;
}
.boshu td {
	padding: 5px 0;
	border-top: solid 1px #d2d2d2;
	font-size: 12px;
	font-weight: bold;
}
.boshu td.red {
	color:#FF0004;
	font-weight: bold;
}
.boshu .profile {
	margin: 15px 0 0 0;
	letter-spacing: -0.5em;
}
.boshu .profile p.myIcon {
	line-height: 0;
	width: 45px;
	height: 45px;
	overflow: hidden;
	letter-spacing: normal;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
}
.boshu .profile p.myIcon img {
	width: 100%;
}
.boshu .profile .data {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.boshu .profile p.name {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.boshu .profile p.toko {
	margin: 5px 0 0 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.05em;
}
.boshu p.more {
	margin: 5px 10px 0 0;
	text-align: right;
	letter-spacing: normal;
}
.boshu p.more a {
	text-decoration: none;
	color: #33b6d2;
	display: inline-block;
	line-height: 1;
	font-weight: bold;
}
.boshu p.more i {
	padding: 0 3px 0 0;
	font-size: 15px;
	position: relative;
	top: 1px;
}

/* 行きたいボタン */
.boshu .grace {
	margin: 15px 0 0 0;
	padding: 15px 0 5px 0;
	border-top: solid 1px #d2d2d2;
	text-align: center;
}
.boshu .grace p {
	margin: 0 auto;
	width: 86%;
}
.boshu .grace p a {
    padding: 9px 0 10px 0;
    display: block;
    line-height: 1;
    background: #33b6d2;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
	text-decoration: none;
}
.boshu .grace p i {
	padding: 0 7px 0 0;
	font-size: 18px;
}

/* 応募済みの場合 */
.doneItem {
	background: #e1e1e1!important;
}
.doneItem p.doneBtn a {
	padding: 10px 0 9px 0;
	background: #666!important;
}
.doneItem p.doneBtn span {
	font-size: 11px;
}
.doneItem p.doneBtn i {
	position: relative;
	top: 1px!important;
}


/* マッチングしたグループ
-------------------------------------------*/
.matching {
	margin: 0 0 40px 0;
	padding: 30px 0 0 0;
	position: relative;
}

.matching h2 {
	margin: 0;
	padding: 0 10px;
	position: relative;
}
.matching h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.matching h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.matching h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.matching h2 span.tar {
	margin: 0 0 0 8px;
	padding: 5px 6px 5px 6px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	line-height: 1;
	color: #fff;
	position: relative;
	top: 2px;
}
.matching p.arrow {
	margin: 10px 0 -10px 10px;
	line-height: 1;
	font-weight: bold;
}

/* スライダー
----------------------------*/
.matching .sliderArea {
	margin: 20px 10px 0 0;
	padding: 0 0 12px 8px;
	letter-spacing: -0.5em;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	display: -ms-flexbox;
	display: flex;
	
}

.matching .sliderBox {
	margin: 0 10px 0 0;
	padding: 10px;
	border: solid 1px #dadada;
	border-top: none!important;
	width: 100%;
	min-width: 280px;
	background: #fff6f6;
	position: relative;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	box-shadow: 0px 0px 15px -9px #666;
}
.matching .sliderBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.matching .sliderBox a {
	display: block;
	text-decoration: none;
	color: #333;
}
.matching .chip {
	letter-spacing: -0.5em;
}
.matching .chip span {
	margin: 0 0 0 3px;
	padding: 5px 6px 4px 6px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	background: #333;
	border-radius: 3px;
	letter-spacing: 0.05em;
}
.matching .chip span:first-child {
	margin: 0 0 0 0;
}
.matching .chip span.time {
	background: #e02325;
}
.matching .chip span.today {
	background: #38972c;
}
.matching .chip span.tommorow {
	background: #1873a7;
}

.matching h3 {
	margin: 5px 0 0 3px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	letter-spacing: 0.05em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.matching h3 span {
	padding: 0px 2px;
	font-size: 16px;
	font-weight: bold;
	color: #f40808;
	background: #faf386;
}

.matching table {
	margin: 10px 0 0 0;
	width: 100%;
	border-bottom: solid 1px #d2d2d2;
}
.matching th {
	padding: 5px 0;
	border-top: solid 1px #d2d2d2;
	font-size: 12px;
	font-weight: bold;
}
.matching td {
	padding: 5px 0;
	border-top: solid 1px #d2d2d2;
	font-size: 12px;
	font-weight: bold;
}
.matching td.red {
	color:#FF0004;
	font-weight: bold;
}
.matching .profile {
	margin: 15px 0 0 0;
	letter-spacing: -0.5em;
}
.matching .profile p.myIcon {
	line-height: 0;
	width: 45px;
	height: 45px;
	overflow: hidden;
	letter-spacing: normal;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
}
.matching .profile p.myIcon img {
	width: 100%;
}
.matching .profile .data {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.matching .profile p.name {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.matching .profile p.toko {
	margin: 5px 0 0 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.05em;
}

.matching p.more {
	margin: 5px 15px 0 0;
	letter-spacing: normal;
	text-align: right;
}
.matching p.more a {
	text-decoration: none;
	color: #33b6d2;
	display: inline-block;
	line-height: 1;
	font-weight: bold;
}
.matching p.more i {
	padding: 0 3px 0 0;
	font-size: 15px;
	position: relative;
	top: 1px;
}

/* 入札ボタン
-------------------------*/

.bidArea {
	padding: 15px 0 5px 0;
}
.bidArea p.btn {
	margin: 0 auto;
	width: 86%;
	text-align: center;
}
.bidArea p.btn a {
	padding: 10px 10px;
	display: block;
	line-height: 1;
	background: #df3a3a;
	color: #fff;
	border-radius: 5px;
	font-weight: bold;
	font-size: 15px;
}
.bidArea p.btn i {
	padding: 0 7px 0 0;
	font-size: 18px;
}






/* 新着のボートショップ
-------------------------------------------*/
.boatshop {
	margin: 30px 0 0 0;
	padding: 30px 0 30px 0;
	position: relative;
	background: #f3f3f3;
}
.boatshop h2 {
	margin: 0;
	padding: 0 10px;
	position: relative;
}
.boatshop h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.boatshop h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.boatshop h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.boatshop h2 span.tar {
	margin: 0 0 0 8px;
	padding: 5px 6px 5px 6px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	line-height: 1;
	color: #fff;
	position: relative;
	top: 2px;
}
.boatshop p.arrow {
	margin: 10px 0 -10px 10px;
	line-height: 1;
	font-weight: bold;
}

/* スライダー
----------------------------*/
.boatshop .sliderArea {
	margin: 20px 10px 0 0;
	padding: 0 0 12px 8px;
	letter-spacing: -0.5em;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	display: -ms-flexbox;
	display: flex;
}

.boatshop .sliderBox {
	margin: 0 10px 0 0;
	border: solid 1px #dadada;
	border-top: none!important;
	width: 100%;
	min-width: 280px;
	background: #fff;
	position: relative;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.boatshop .sliderBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.boatshop .sliderBox a {
	padding: 20px 10px;
	display: block;
	text-decoration: none;
	color: #333;
}
.boatshop .profile p.myIcon {
	line-height: 0;
	width: 45px;
	height: 45px;
	overflow: hidden;
	letter-spacing: normal;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
}
.boatshop .profile p.myIcon img {
	width: 100%;
}
.boatshop .profile .data {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.boatshop .profile p.name {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.boatshop .chip {
	margin: 10px 0 0 0;
	letter-spacing: -0.5em;
	font-size: 0;
}
.boatshop .chip span {
	margin: 0 0 0 3px;
	padding: 5px 6px 4px 6px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	background: #33b6d2;
	border-radius: 3px;
	letter-spacing: 0.05em;
}
.boatshop .chip span:first-child {
	margin: 0 0 0 0;
}
.boatshop .profile ul {
	margin: 0px 0 0 0;
	letter-spacing: -0.5em;
}
.boatshop .profile li {
	margin: 0 0 0 2px;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	color: #fed100;
	line-height: 1;
}
.boatshop .profile li.non {
	color: #999;
}
.boatshop .profile li.num {
	color: #999;
}
.boatshop .profile li:first-child {
	margin: 0 0 0 0;
}

.boatshop p.more {
	margin: 5px 15px 0 0;
	letter-spacing: normal;
	text-align: right;
}
.boatshop p.more a {
	text-decoration: none;
	color: #33b6d2;
	display: inline-block;
	line-height: 1;
	font-weight: bold;
}
.boatshop p.more i {
	padding: 0 3px 0 0;
	font-size: 15px;
	position: relative;
	top: 1px;
}




/* お知らせ
-------------------------------------------*/
.news {
	margin: 30px 0 0 0;
	padding: 0 15px;
}
.news h2 {
	margin: 0;
	position: relative;
}
.news h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.news h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.news h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.news ul {
	padding: 0 0 15px 0;
	border-bottom: solid 1px #d1d1d1;
}
.news ul li {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: solid 1px #d1d1d1;
}
.news ul li a {
	padding: 0 12px 0 0;
	display: block;
	text-decoration: none;
	position: relative;
}
.news ul li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #8fa8ad;
	border-right: 2px solid #8fa8ad;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.news ul li span {
	display: block;
	line-height: 1;
	color: #8fa8ad;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.news ul li p {
	margin: 5px 0 0 0;
	line-height: 1.4;
	color: #333;
	font-size: 16px;
}
.news p.more {
	margin: 5px 15px 0 0;
	letter-spacing: normal;
	text-align: right;
}
.news p.more a {
	text-decoration: none;
	color: #33b6d2;
	display: inline-block;
	line-height: 1;
	font-weight: bold;
}
.news p.more i {
	padding: 0 3px 0 0;
	font-size: 15px;
	position: relative;
	top: 1px;
}



/* 会員ページ
===========================================*/
.myItem {
	margin: 0px 0 0 0;
	padding: 20px 10px 15px 10px;
	position: relative;
	background: #ffeedc;
}
.myItem h2 {
	margin: 0;
	padding: 0 0;
	position: relative;
}
.myItem h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.myItem h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.myItem h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.myItem h2 span.tar {
	margin: 0 0 0 8px;
	padding: 5px 6px 5px 6px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	line-height: 1;
	color: #fff;
	position: relative;
	top: 2px;
}
.myItem .myList {
	margin: 15px 0 0 0;
	background: #fff;
	border-radius: 5px;
}
.myItem li {
	margin: 0 0 0 0;
	padding: 0 10px;
	border-top: solid 1px #ddd;
}
.myItem li:first-child {
	margin: 0 0 0 0;
	border-top: none;
}
.myItem li a {
	padding: 10px 10px 10px 0;
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
}
.myItem li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.myItem li span {
    padding: 6px 6px 5px 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    letter-spacing: 0.05em;
}
.myItem li span.request {/*募集した投稿*/
    background: #1e9eb7;
}
.myItem li span.entry {/*応募した投稿*/
    background: #72a917;
}
.myItem li span.match {/*応募した投稿*/
    background: #F16063;
}

.myItem li p {
    margin: 5px 0 0 0;
    line-height: 1.4;
    color: #333;
    font-size: 16px;
	font-weight: bold;
}

.myItem p.more {
	margin: 15px 15px 0 0;
	letter-spacing: normal;
	text-align: right;
}
.myItem p.more a {
	text-decoration: none;
	color: #33b6d2;
	display: inline-block;
	line-height: 1;
	font-weight: bold;
}
.myItem p.more i {
	padding: 0 3px 0 0;
	font-size: 15px;
	position: relative;
	top: 1px;
}



/* マイページの入札一覧エリア
-------------------------------- */
.mybid {
	margin: 0px 0 0 0;
	padding: 20px 10px 15px 10px;
	position: relative;
	background: #f1f1f1;
}
.mybid h2 {
	margin: 0;
	padding: 0 0;
	position: relative;
}
.mybid h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.mybid h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.mybid h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.mybid h2 span.tar {
	margin: 0 0 0 8px;
	padding: 5px 6px 5px 6px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	line-height: 1;
	color: #fff;
	position: relative;
	top: 2px;
}

.mybid .myList {
	margin: 15px 0 0 0;
	background: #fff;
	border-radius: 5px;
}
.mybid li {
	margin: 0 0 0 0;
	padding: 0 10px;
	border-top: solid 1px #ddd;
}
.mybid li:first-child {
	margin: 0 0 0 0;
	border-top: none;
}
.mybid li a {
	padding: 10px 10px 10px 0;
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
}
.mybid li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.mybid li span {
    padding: 5px 6px 5px 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    letter-spacing: 0.05em;
}
.mybid li span.bidchip {/*募集した投稿*/
    background: #1e9eb7;
}
.mybid li span.bidchipEn {/*応募した投稿*/
    background: #666;
	color: #ccc;
}

.mybid li p {
    margin: 5px 0 0 0;
    line-height: 1.4;
    color: #333;
    font-size: 16px;
	font-weight: bold;
}

.mybid p.more {
	margin: 15px 15px 0 0;
	letter-spacing: normal;
	text-align: right;
}
.mybid p.more a {
	text-decoration: none;
	color: #33b6d2;
	display: inline-block;
	line-height: 1;
	font-weight: bold;
}
.mybid p.more i {
	padding: 0 3px 0 0;
	font-size: 15px;
	position: relative;
	top: 1px;
}


/* 新規投稿追従ボタン
-----------------------------------------*/
.tokoBtn {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 9999;
}
.tokoBtn p {
	background: #1e9eb7;
	border-radius: 100%;
	width: 70px;
	height: 70px;
	line-height: 0;
	text-align: center;
	display: table;
}
.tokoBtn a {
	line-height: 0;
	display: table-cell;
	text-decoration: none;
	border-radius: 100%;
	width: 70px;
	height: 70px;
	vertical-align: middle;
}
.tokoBtn img {
	line-height: 0;
	height: 25px;
	position: relative;
	top: -5px;
}
.tokoBtn span {
	margin-top: 0;
	display: block;
	line-height: 1;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}





/* 検索エリア
--------------------------------------*/
.searhArea {
	margin: 0 auto 0 auto;
	padding: 0 0;
	position: relative;
}


/* キーワード検索 */
.searchBar {
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	width: auto;
	background: #e9e9e9;
}
.form1{
	margin: 0 auto;
	position:relative;/*フォームの相対位置*/	
	width:94%;
	background: #fff;
	border-radius: 0 5px 5px 0!important;
}
/*検索ボックス*/
.sbox{
	left:4px;
	top:0px; 	
	outline:0;/*クリック時の青い枠線消す*/	
	height:40px;/*検索ボックスの高さ*/	
	padding:0 10px;/*テキスト位置調整*/	 
	border-radius:5px 0 0 5px;/*検索ボックスの角を丸める*/		
	background:#fff;/*検索ボックスの背景カラー*/
	border: none;
	width: 83%;
	font-size: 14px;
	position: relative;
	color: #333;
}

/*検索ボタン*/
.sbtn {
	margin: 0 0 0 -5px;
	width:40px;/*検索ボタンの横幅*/ 
	height:40px;/*検索ボタンの縦幅*/ 
	position: absolute;
	top: 0px;
	right: 0px;
	background:#34b6d0;/*検索ボタンの背景カラー*/ 
	border:none;/*検索ボタンの枠線を消す*/ 
	color:#fff;/*検索ボタンのテキストカラー*/ 
	font-weight:bold;/*検索ボタンのテキスト太字*/ 
	font-size:16px;/*検索ボタンのフォントサイズ*/ 
	border-radius: 0 5px 5px 0!important;
}

/* 検索バー */
.accordion-container {
	margin: 1px 0 0 0;
}
.search_container input[type="text"]{
  border: none;
  height: 2.0em;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background: #3879D9;
  color: #fff;
  position: absolute;
  width: 3.5em;
  height: 3.0em;
  right:0px;
  top: -5px;
  outline : none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;}

/* アコーディオンメニュー */
.accordion-container {
	text-align: center;
	display: table;
	width: 100%;
	position: relative;
}
.accordion-container .accordionBtn {
	padding: 12px 0;
	position: relative;
	background-color: #003945;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
	display: table-cell;
	width: 25%;
	border-left: solid 1px #ddd;
}
.accordion-container .accordionBtn.bt3 {
	padding: 12px 0;
	position: relative;
	background-color: #003945;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	cursor: pointer;
	display: table-cell;
	width: 33.333%;
	border-left: solid 1px #ddd;
}
.accordion-container .accordionBtn:first-child {
	border-left: none;
}
.accordion-container .accordionBtn i {
	padding: 0 4px 0 0;
	font-size: 11px;
}
.accordion-container .accordionBtn:active,
.accordionBtn.open { 
	background-color: #33b6d2;
}
.accordion-container .accordionBtn::before {
	content: "";
	position: absolute;
	bottom: 5px;
	right: 0;
	left: 0;
	margin: 0 auto;
	transition: all .3s ease-in-out;
	border-right: 3px solid transparent;
	border-top: 4px solid #fff;
	border-left: 3px solid transparent; 
	width: 0px;
	height: 0px;
 }
.accordion-container .accordion-title::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	transition: all .2s ease-in-out;
}
.accordion-container .accordionBtn.open::before {
	transform: rotate(180deg);
}
.accordion-container .accordionBtn.open::after {
	opacity: 0;
}
.accordionBox {
	padding: 15px 0 20px 0;
	position: absolute;
	top: 46px;
	left: 0;
	width: 100%;
	background: #ddd;
	z-index: 100;
}
.accordionBox p.ttl {
	margin: 20px 0 0 15px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: left;
}
.accordionBox p.ttl:first-child {
	margin: 0 0 0 15px;
}
.cp_ipselect {
	margin: 10px auto 0 auto;
	overflow: hidden;
	width: 92%;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 46%;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;


}
.accordionBox p.goto {
	margin: 20px auto 0 auto;
	width: 40%;
	line-height: 1;
}
.accordionBox p.goto a {
	padding: 10px 0;
	border-radius: 5px;
	display: block;
	line-height: 1;
	background: #f5307f;
	color: #fff;
	text-decoration: none;
}
.accordionBox p.goto i {
	padding: 0 5px 0 0;
}



/* 同行者募集一覧（検索ページ）
-------------------------------------*/
.applyArea	{
	margin: 20px 0 0 0;
	padding: 0 15px;
}
.applyArea h2 {
	margin: 0;
	padding: 0 0;
	position: relative;
}
.applyArea h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.applyArea h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.applyArea h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.applyArea h2 span.tar {
	margin: 0 0 0 8px;
	padding: 5px 6px 5px 6px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	line-height: 1;
	color: #fff;
	position: relative;
	top: 2px;
}

.applyArea .applyLoop {
	margin: 20px 0 0 0;
}

/* ループスタイル
----------------*/
.applyArea .applyBox {
	margin: 15px auto 0 auto;
	padding: 10px;
	border: solid 1px #dadada;
	border-top: none!important;
	width: 94%;
	background: #f1fdff;
	position: relative;
	box-shadow: 0px 0px 15px -9px #666;
}
.applyArea .applyBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.applyArea .applyBox a {
	display: block;
	text-decoration: none;
	color: #333;
}
.applyArea .chip {
	letter-spacing: -0.5em;
}
.applyArea .chip span {
	margin: 0 0 0 3px;
	padding: 5px 6px 4px 6px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	background: #333;
	border-radius: 3px;
	letter-spacing: 0.05em;
}
.applyArea .chip span:first-child {
	margin: 0 0 0 0;
}
.applyArea .chip span.time {
	background: #e02325;
}
.applyArea .chip span.today {
	background: #38972c;
}
.applyArea .chip span.tommorow {
	background: #1873a7;
}
.applyArea h3 {
	margin: 5px 0 0 3px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	letter-spacing: 0.05em;
}
.applyArea table {
	margin: 10px 0 0 0;
	width: 100%;
	border-bottom: solid 1px #d2d2d2;
}
.applyArea th {
	padding: 5px 0;
	border-top: solid 1px #d2d2d2;
	font-size: 12px;
	font-weight: bold;
}
.applyArea td {
	padding: 5px 0;
	border-top: solid 1px #d2d2d2;
	font-size: 12px;
	font-weight: bold;
}
.applyArea td.red {
	color:#FF0004;
	font-weight: bold;
}
.applyArea .profile {
	margin: 15px 0 0 0;
	letter-spacing: -0.5em;
}
.applyArea .profile p.myIcon {
	line-height: 0;
	width: 45px;
	height: 45px;
	overflow: hidden;
	letter-spacing: normal;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
}
.applyArea .profile p.myIcon img {
	width: 100%;
}
.applyArea .profile .data {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.applyArea .profile p.name {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.applyArea .profile p.name i {
	padding: 0 2px;
}

i.fa-male {
	color: #0015FD;
}
i.fa-female {
	color: #FF009E;
}

.applyArea .profile p.toko {
	margin: 5px 0 0 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.05em;
}

/* 行きたいボタン */
.applyArea .grace {
	margin: 15px 0 0 0;
	padding: 15px 0 5px 0;
	border-top: solid 1px #d2d2d2;
	text-align: center;
}
.applyArea .grace p {
	margin: 0 auto;
	width: 86%;
}
.applyArea .grace p a {
    padding: 10px 0;
    display: block;
    line-height: 1;
    background: #33b6d2;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
	text-decoration: none;
}
.applyArea .grace p i {
	padding: 0 7px 0 0;
	font-size: 18px;
}


/* ページャー
-----------------*/
.pager ul.pagination {
	margin-top: 30px;
	padding: 0 0 0 0;
	text-align: center;
}

.pager ul.pagination li {
  margin: 0 1px;
  padding: 0;
  display: inline-block;
  background:#a0cdd5;
  width: 40px;
  height: 40px;
  text-align: center;
  position: relative;
  border-radius: 5px;
}


.pager ul.pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #333;
  text-decoration: none;
}

.pager ul.pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager ul.pagination li a.active{
  color: #fff;
  background: #1e9eb7;
  border-radius: 5px;
}





/* 同行者募集ページ
===========================================*/

.alertBox {
	margin: 0 auto 0 auto;
	padding: 15px 10px 0 10px;
	width: 94.44%;
	/*background: #f1fdff;*/
	position: relative;
}
.alertBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.alertBox a {
	display: block;
	text-decoration: none;
	color: #333;
}
.alertBox .chip {
	letter-spacing: -0.5em;
}
.alertBox .chip span {
	margin: 0 0 0 5px;
	padding: 5px 6px 4px 6px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	background: #333;
	border-radius: 3px;
	letter-spacing: 0;
}
.alertBox .chip span:first-child {
	margin: 0 0 0 0!important;
}
.alertBox .chip span.time {
	background: #e02325;
}
.alertBox .chip span.today {
	background: #38972c;
}
.alertBox .chip span.tommorow {
	background: #1873a7;
}
.alertBox h3 {
	margin: 10px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	letter-spacing: 0.05em;
}
.alertBox h3 span {
    padding: 0px 2px;
    font-size: 19px;
    font-weight: bold;
    color: #f40808;
    background: #faf386;
}
.alertBox table {
	margin: 15px 0 0 0;
	width: 100%;
	border-bottom: solid 1px #d2d2d2;
	border-collapse:collapse;
}
.alertBox th {
	padding: 15px 5px;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	width: 100px;
}
.alertBox th:before {
	content: "";
	width: 100%;
	height: 1px;
	background: #d2d2d2;
	top: 0;
	left: 0;
	position: absolute;
}
.alertBox th:after {
	content: "";
	height: 100%;
	width: 1px;
	background: #d2d2d2;
	position: absolute;
	right: 0;
	top: 0;
}

.alertBox td {
	padding: 15px 15px;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	position: relative;
}
.alertBox td:after {
	content: "";
	width: 100%;
	height: 1px;
	background: #d2d2d2;
	top: 0;
	left: 0;
	position: absolute;
}

.alertBox td.red {
	color:#FF0004;
	font-weight: bold;
}

/* メッセージ */
.alertBox .message {
	padding: 0 0 0 0;
}
.alertBox .message h4 {
	margin: 15px 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
.alertBox .message h4 i {
	margin: 0 3px 0 0;
	padding: 0 0 0 0;
	transform: scale(-1, 1);
}
.alertBox .message p {
	margin: 10px 0 0 0;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}


/* プロフィール */
.alertBox .profile {
	margin: 15px 0 0 0;
	padding: 14px 0 15px 0;
	letter-spacing: -0.5em;
	border-top: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}
.alertBox .profile a {
	display: block;
	line-height: 0;
}
.alertBox .profile p.myIcon {
	line-height: 0;
	width: 45px;
	height: 45px;
	overflow: hidden;
	letter-spacing: normal;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
}
.alertBox .profile p.myIcon img {
	width: 100%;
}
.alertBox .profile .data {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.alertBox .profile p.name {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.alertBox .profile p.name i {
	padding: 0 2px;
}
.alertBox .profile p.name i.fa-male {
	color: #0015FD;
}
.alertBox .profile p.name i.fa-female {
	color: #FF009E;
}

.alertBox .profile p.toko {
	margin: 5px 0 0 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.05em;
}

/* 自分の投稿にアクセスした場合 */

.alertBox .myEdit {
	margin: 25px 0 0 0;
}
.alertBox p.henshu {
	margin: 15px auto 0 auto;
	width: 80%;
	text-align: center;
}
.alertBox p.henshu a {
	padding: 16px 0 15px 0;
	display: block;
	width: 100%;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	background: #96BF44;
	color: #fff;
	border-radius: 40px;
	border-bottom: solid 4px #3C5705;
}
.alertBox p.henshu i {
	padding: 0 5px 0 0;
	font-size: 15px;
	position: relative;
	top: -1px;
}


/* 一緒に行きたいボタン（固定）
--------------------------------------*/
.fixGrace {
	margin: 0 auto;
	padding: 15px 0;
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	background: rgba(0,57,69,0.9);
	z-index: 1000;
	display: block;
	letter-spacing: -0.5em;
}
.fixGrace p.entry {
	margin: 0 auto;
	width: 86%;
    display: block;
    padding: 15px 0;
    line-height: 1;
    background: #33b6d2;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
	text-decoration: none;
	box-shadow: 0px 0px 12px -6px #333;
	letter-spacing: normal;
}
.fixGrace p.entry i {
	padding: 0 5px 0 0;
	font-size: 18px;
}

/* 応募済みの場合
--------------------------------------*/
.fixGrace.done {
	margin: 0 auto;
	width: 100%;
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	background: rgba(0,57,69,0.9);
	z-index: 1000;
	display: block;
}
.fixGrace.done p.unvoid {
    margin: 0 auto;
	padding: 15px 0 16px 0;
    width: 86%;
    display: block;
    line-height: 1;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
	background: #666;
    text-decoration: none;
    box-shadow: 0px 0px 12px -6px #333;
    letter-spacing: normal;
}
.fixGrace.done p.unvoid i {
	padding: 0 5px 0 0;
    font-size: 18px;
	position: relative;
	top: 1px;
}


/* ポップアップ */
.overlay {
	display: none;
	position: fixed;
	top: -10px;
	left: 0;
	right: 0;
	bottom: -10px;
	background-color: rgba(0,57,69,0.9);
	overflow: hidden;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1000;
}
.popBox {
	display: table;
	padding: 10px 0;
	width: 100%;
	height: 100%;
}
.popInner {
	display: table-cell;
	padding: 2.7em 15px;
	vertical-align: middle;
}
.modal {
	margin: 0 auto;
	padding: 20px 20px;
	max-width: 100%;
	text-align: justify;
	text-justify: inter-ideograph;
	border-radius: 7px;
	background-color: #fff;
	position: relative;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.modal::after {
	display: table;
	content: '';
	clear: both;
}
.button {
	position: absolute;
	top: -35px;
	right: 0px;
}
.button i {
	color: #fff;
	font-size: 30px;
}
.modal p.title {
	margin: 0 0 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.modal table {
	margin: 10px 0 0 0;
	width: 100%;
	border-top: solid 1px #ccc;
}	
.modal th {
	padding: 10px 0 10px 5px;
	width: 90px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	border-bottom: solid 1px #ccc;
}	
.modal td {
	padding: 10px 0 10px 5px;
	font-size: 14px;
	line-height: 1.5;
	border-bottom: solid 1px #ccc;
}	
.modal td.red {
	color: #FF0004;
}	
.modal .word {
	margin: 15px 0 0 0;
	line-height: 0;
}	
.modal .word textarea {
	margin: 0 auto;
	padding: 10px 15px;
	border: solid 1px #ccc;
	line-height: 1.6;
	font-size: 15px;
	width: 89%;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}	
.modal .word textarea::placeholder {
	color: #BBBBBB;
}	

.modal p.kakunin {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	border-top: solid 2px #ddd;
	line-height: 1.5;
	text-align: center;
}
.modal p.entry {
	margin: 10px auto 0 auto;
	text-align: center;
	width: 86%;
}
.modal p.entry a {
	padding: 15px 0;
	display: block;
	line-height: 1;
	text-decoration: none;
	background: #33b6d2;
	color: #fff;
	border-radius: 5px;
	font-weight: 500;
	font-size: 14px;
}
.modal p.entry i {
	margin: 0 5px 0 0;
	font-weight: normal;
}

/* 応募キャンセル時のポップアップ */
.popBox.donePop p {
	text-align: center;
}
.popBox.donePop ul {
	margin: 15px 0 0 0;
	letter-spacing: -0.5em;
	text-align: center;
}
.popBox.donePop li {
	margin: 0 0 0 15px;
	padding: 12px 0 12px 0;
	border-radius: 5px;
	line-height: 1;
	letter-spacing: normal;
	display: inline-block;
	width: 30%;
}
.popBox.donePop li:first-child {
	margin: 0 0 0 10px;
}
.popBox.donePop li i {
	padding: 0 5px 0 0;
	font-size: 16px;
}
.popBox.donePop li.yes {
	background: #666;
	color: #fff;
}
.popBox.donePop li.no {
	background: #ED6E70;color: #fff;
}

/* 選択後のキャンセルへの警告 */
.popBox.donePop p.warning {
	margin: 25px 0 0 0;
	padding: 20px 0 0 0;
	text-align: left;
	color: #FF2F32;
	border-top: dashed 1px #999;
}


/* 投稿への応募があった場合のページ
-------------------------------------*/

p.devBtn {
	margin: 13px auto 0 auto;
	padding: 5px 0 5px 3px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	position: relative;
	text-align: center;
	background: #e4e4e4;
}
p.devBtn:before {
	content: "\f070";
	font-family:"Font Awesome 5 Free";
	position: relative;
	left: -3px;
}
p.devBtn.selected:before {
	content: "\f06e";
	font-family:"Font Awesome 5 Free";
	position: relative;
	left: -3px;
}
.devClose {
	margin: 13px auto 0 auto;
	padding: 0 0 0 3px;
	font-weight: bold;
	line-height: 1;
	color: #333;
	position: relative;
	text-align: right;
}
.devClose i {
	padding: 0 3px 0 0;
}

/* 応募してくれた方の一覧 */

.call {
	margin: 20px 0 0 0;
	padding: 0 10px;
}
.call h2 {
	padding: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	color: #f5307f;
	border-bottom: solid 1px #f5307f;
}
.call h2 i {
	padding: 0 5px 0 0;
	font-size: 16px;
}

.callBox {
	margin: 15px 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: solid 1px #ddd;
	display: table;
	width: 100%;
}
.callBox .inleft {
	display: table-cell;
	width: 65px;
}
.callBox .inright {
	padding: 0 0 0 10px;
	display: table-cell;
	width: 100%;
	vertical-align: top;
	position: relative;
}
.callBox a {
	display: block;
	text-decoration: none;
	line-height: 0;
}
.callBox p.Img {
	width: 60px;
	line-height: 0;
}
.callBox p.Img img {
	width: 100%;
	border-radius: 50%;
}
.callBox p.name {
    padding: 0 0 0 0;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3;
}
.callBox p.name a {
	color: #333;
	line-height: 1.3;
	font-weight: bold;
}
.callBox p.date {
	margin: 5px 0 0 2px;
	font-size: 11px;
	line-height: 1;
	color: #888;
	letter-spacing: 0.03em;
}
.callBox p.comment {
	margin: 8px 0 0 0;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	letter-spacing: 0.03em;
}
.callBox p.dec {
    margin: 10px 0 0 0;
    font-size: 10px;
	font-weight: bold;
    line-height: 1;
    color: #fff;
    width: 140px;
    text-align: center;
    border-radius: 20px; 
}

/* 応募メッセージ隠す */
.callBox label {
	width: 100%;
    border-radius: 20px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.callBox label input {
    display: none; /* デフォルトのinputは非表示にする */
    border-radius: 20px; 
}
.callBox label span {
	padding: 6px 0 5px 0;
    color: #34b6d0;
    font-size: 12px;
	font-weight: bold;
    border: 1px solid #34b6d0; 
    border-radius: 20px; 
	display: block;
	width: 100%;
}
.callBox label input:checked + span {
    color: #FFF; 
    background: #34b6d0; 
    border: 1px solid #34b6d0; 
}

/* 選択済みの場合 */
.callBox p.decDone {
    margin: 0 0 0 auto;
    font-size: 10px;
	font-weight: bold;
    line-height: 1;
    color: #fff;
    width: 100px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0;
    border-radius: 20px; 
}
.callBox p.decDone label span {
	padding: 3px 0 2px 0;
    color: #fff;
    font-size: 14px;
	font-weight: bold;
    border: 1px solid #666; 
	background: #666;
    border-radius: 20px; 
	display: block;
	width: 100%;
}


/* 決定ボタン */
.decSend {
	margin: 20px auto 0 auto;
	width: 84%;
	text-align: center;
}
.decSend p a {
	padding: 15px 0 15px 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: #FF7408;
	border-radius: 40px;
	text-decoration: none;
	display: block;
	border-bottom: solid 4px #863A00;
}
.decSend p i {
	padding: 0 7px 0 0;
	font-weight: normal;
	line-height: 1;
	font-size: 18px;
	position: relative;
	top: 1px;
}

/* お誘い済みボタン */
.decSendDone {
	margin: 20px auto 0 auto;
	width: 84%;
	text-align: center;
}
.decSendDone p {
	padding: 13px 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: #999;
	border-radius: 40px;
	text-decoration: none;
	display: block;
	border-bottom: solid 4px #222;
}
.decSendDone p i {
	padding: 0 7px 0 0;
	font-weight: normal;
	line-height: 1;
	font-size: 18px;
	position: relative;
	top: 1px;
}

/* キャンセル */
.decSendDone p.cancel {
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #999;
	background: none;
	border-radius: 0;
	text-decoration: none;
	display: block;
	border-bottom: none;
}
.decSendDone p.cancel i {
	padding: 0 5px 0 0;
	font-weight: normal;
	line-height: 1;
	font-size: 16px;
	position: relative;
	top: 1px;
}

/* 応募者がキャンセルした場合の説明 */
.prepare {
	margin: 40px 0 0 0;
	padding: 25px 20px;
	position: relative;
	background: #FFE1E2;
	border-radius: 5px;
}
.prepare p.mid {
	font-weight: bold;
	line-height: 1;
	font-size: 16px;
	text-align: center;
	color: #FF1D21;
}
.prepare p.mid i {
	padding: 0 5px 0 0;
	font-size: 18px;
	position: relative;
	top: 1px;
}
.prepare p.txt {
	margin: 15px 0 0 0;
	line-height: 1.8;
	font-size: 14px;
}
.prepare p.txt span {
	background: #FFFEE2;
	font-size: 14px;
	font-weight: bold;
}


/* 決定後ページ 
-----------------------------------*/

.kettei {
	margin: 94px 0 25px 0;
	padding: 0 15px;
}
.kettei p {
	margin: 15px 0 0 0;
	padding: 20px;
	background: #DBEEFF;
	font-size: 15px;
	line-height: 1.8;
	font-weight: bold;
}
.kettei p.Img {
	margin: 0 auto;
	width: 150px;
	padding: 0;
	background: none;
	font-size: 0;
	line-height: 0;
}
.kettei p.Img img {
	width: 100%;
}

/* 決定後にグループチャットへ繋ぐボタン */
.goChat {
	margin: 20px auto 0 auto;
	width: 84%;
	text-align: center;
}
.goChat p a {
	padding: 21px 0 20px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: #df3a3a;
	border-radius: 40px;
	text-decoration: none;
	display: block;
	border-bottom: solid 4px #863A00;
}
.goChat p i {
	padding: 0 7px 0 0;
	font-weight: normal;
	line-height: 1;
	font-size: 18px;
	position: relative;
	top: 1px;
}


/* グループチャットへボタン */
.gchatBtn {
	margin: 20px auto 0 auto;
	width: 84%;
	text-align: center;
}
.gchatBtn p a {
	padding: 21px 0 20px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: #FF7408;
	border-radius: 40px;
	text-decoration: none;
	display: block;
	border-bottom: solid 4px #863A00;
}
.gchatBtn p i {
	padding: 0 7px 0 0;
	font-weight: normal;
	line-height: 1;
	font-size: 18px;
	position: relative;
	top: 1px;
}


/* 待機中のグループ（マッチング中）
===========================================*/

.matchArea	{
	margin: 20px 0 0 0;
	padding: 0 15px;
}
.matchArea h2 {
	margin: 0;
	padding: 0 0;
	position: relative;
}
.matchArea h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.matchArea h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.matchArea h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.matchArea h2 span.tar {
	margin: 0 0 0 8px;
	padding: 5px 6px 5px 6px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	line-height: 1;
	color: #fff;
	position: relative;
	top: 2px;
}

.matchArea .applyLoop {
	margin: 20px 0 0 0;
}

/* ループスタイル
----------------*/
.matchArea .applyBox {
	margin: 15px auto 0 auto;
	padding: 10px;
	border: solid 1px #dadada;
	border-top: none!important;
	width: 94%;
	background: #fff6f6;
	position: relative;
	box-shadow: 0px 0px 15px -9px #666;
}
.matchArea .applyBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.matchArea .applyBox a {
	display: block;
	text-decoration: none;
	color: #333;
}
.matchArea .chip {
	letter-spacing: -0.5em;
}
.matchArea .chip span {
	margin: 0 0 0 3px;
	padding: 5px 6px 4px 6px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	background: #333;
	border-radius: 3px;
	letter-spacing: 0.05em;
}
.matchArea .chip span:first-child {
	margin: 0 0 0 0;
}
.matchArea .chip span.time {
	background: #e02325;
}
.matchArea .chip span.today {
	background: #38972c;
}
.matchArea .chip span.tommorow {
	background: #1873a7;
}
.matchArea h3 {
	margin: 5px 0 0 3px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	letter-spacing: 0.05em;
}
.matchArea h3 span {
    padding: 0px 2px;
    font-size: 19px;
    font-weight: bold;
    color: #f40808;
    background: #faf386;
}
.matchArea table {
	margin: 10px 0 0 0;
	width: 100%;
	border-bottom: solid 1px #d2d2d2;
}
.matchArea th {
	padding: 5px 0;
	border-top: solid 1px #d2d2d2;
	font-size: 12px;
	font-weight: bold;
	width: 100px;
}
.matchArea td {
	padding: 5px 0;
	border-top: solid 1px #d2d2d2;
	font-size: 12px;
	font-weight: bold;
}
.matchArea td.red {
	color:#FF0004;
	font-weight: bold;
	font-size: 14px;
}
.matchArea .profile {
	margin: 15px 0 0 0;
	letter-spacing: -0.5em;
}
.matchArea .profile p.myIcon {
	line-height: 0;
	width: 45px;
	height: 45px;
	overflow: hidden;
	letter-spacing: normal;
	border-radius: 50%;
	vertical-align: middle;
	display: inline-block;
}
.matchArea .profile p.myIcon img {
	width: 100%;
}
.matchArea .profile .data {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
}
.matchArea .profile p.name {
	line-height: 1.2;
	font-size: 14px;
	font-weight: bold;
	color: #333;
}
.matchArea .profile p.name i {
	padding: 0 2px;
}

.matchArea .profile p.toko {
	margin: 5px 0 0 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	letter-spacing: 0.05em;
}

/* 行きたいボタン */
.matchArea .bidArea {
	text-align: center;
}
.matchArea .bidArea p {
	margin: 0 auto;
	width: 86%;
}
.matchArea .bidArea p a {
    padding: 10px 0;
    display: block;
    line-height: 1;
    background: #df3a3a;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 15px;
	text-decoration: none;
}
.matchArea .bidArea p i {
	padding: 0 7px 0 0;
	font-size: 18px;
	font-weight: 500;
}

/* 入札ページ
-----------------------*/
.bidSend {
	margin: 20px auto 0 auto;
	padding: 0 10px;
}
.bidSend h2 {
	padding: 0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
	color: #df3a3a;
	border-bottom: solid 1px #df3a3a;
}
.bidSend h2 i {
	padding: 0 3px 0 0;
	font-size: 20px;
	font-weight: normal;
	line-height: 1;
}

.bidSend .word {
	margin: 15px 0 0 0;
	line-height: 0;
}	
.bidSend .word textarea {
	margin: 0 auto;
	padding: 10px 15px;
	font-size: 15px;
	border: solid 1px #ccc;
	line-height: 1.6;
	width: 90.55%;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}	
.modal .word textarea::placeholder {
	color: #BBBBBB;
}	

/* modal時のデティールcss */
.modal .callBox {
	border-bottom: none!important;
}



/* ■ マイページ共有ヘッダー ■ */
.mainVisualMypage { 
	margin-top: 54px;
	position: relative;
	height: 145px;
}

.mainVisualMypage p.icon {
	line-height: 0;
	width: 80px;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	bottom: -40px;
	z-index: 10;
	border: solid 3px #fff;
	background: #fff;
}
.mainVisualMypage p.icon img {
	border-radius: 50%;
	width: 100%;
}

.mainVisualMypage .headImg {
	overflow: hidden;
	height: 145px;
	position: relative;
	z-index: 9;
}
.mainVisualMypage .headImg p.Img {
	width: 100%;
}
.mainVisualMypage .headImg p.Img img {
	/*max-height: 145px;*/
	width: 100%;
}

/* 編集ページ */
.mainVisualMypage .headImg p.editBtn {
	margin: 0 auto;
	width: 35px;
	height: 35px;
	padding: 13px;
	position: absolute;
	right: 0;
	left: 0;
	top: 26px;
	border-radius: 100px;
	z-index: 10;
	line-height: 40px;
	text-align: center;
	background: rgba(0,0,0,0.9);
}
.mainVisualMypage .headImg p.editBtn i {
	line-height: 1;
	font-size: 24px;
	color: #fff;
	position: relative;
	top: 3px;
	left: 2px;
}
.mainVisualMypage .headImg p.flo {
	line-height: 1;
	font-size: 11px;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 95px;
	right: 0;
	left: 0;
	text-align: center;
}

/* -------------------------------- */




/* ボートショップ一覧
-------------------------------------------*/
.boatShopArea {
	margin: 20px 0 0 0;
	padding: 0 10px;
}
.boatShopArea h2 {
	margin: 0;
	padding: 0 0;
	position: relative;
}
.boatShopArea h2 span.inmid {
	padding: 2px 0 0 15px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0;
	display: inline-block;
	vertical-align: middle;
}
.boatShopArea h2 span.inmid:after {
	content: "";
	width: 8px;
	height: 8px;
	background: #34b6d0;
	position: absolute;
	top: 4px;
	left: 0;
}
.boatShopArea h2 span.inmid:before {
	content: "";
	width: 8px;
	height: 8px;
	background: #96e514;
	position: absolute;
	top: 15px;
	left: 0;
}
.boatShopArea h2 span.tar {
	margin: 0 0 0 8px;
	padding: 5px 6px 5px 6px;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	background: #333;
	line-height: 1;
	color: #fff;
	position: relative;
	top: 2px;
}
.boatShopList {
	margin: 10px 0 0 0;
}

.boatShopBox {
	margin: 10px 0 0 0;
	padding: 20px 10px;
	border: solid 1px #dadada;
	border-top: none!important;
	background: #fff;
	position: relative;
	vertical-align: top;
	letter-spacing: normal;
}
.boatShopBox:first-child {
	margin: 15px 0 0 0;
}
.boatShopBox:before {
	content: "";
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.boatShopBox a {
	display: block;
	text-decoration: none;
	color: #333;
	letter-spacing: -0.5em;
}
.boatShopBox .profile p.myIcon {
	margin: 0 auto;
	line-height: 0;
	width: 80px;
	height: 80px;
	overflow: hidden;
	letter-spacing: normal;
	border-radius: 50%;
	display: inline-block;
	vertical-align: top;
}
.boatShopBox .profile p.myIcon img {
	width: 100%;
}
.boatShopBox .profile .data {
	margin: 0 0 0 15px;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	width: 71%;
}
.boatShopBox .profile p.name {
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	letter-spacing: 0.03em;
}
.boatShopBox .chip {
	margin: 3px 0 0 0;
	letter-spacing: -0.5em;
}
.boatShopBox .chip span {
	margin: 0 0 0 3px;
	padding: 4px 6px 3px 6px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 1;
	color: #fff;
	background: #33b6d2;
	border-radius: 3px;
	letter-spacing: 0.05em;
}
.boatShopBox .chip span:first-child {
	margin: 0 0 0 0;
}
.boatShopBox .profile ul {
	margin: 0px 0 0 0;
	letter-spacing: -0.5em;
}
.boatShopBox .profile li {
	margin: 0 0 0 2px;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	color: #fed100;
	line-height: 1;
}
.boatShopBox .profile li.non {
	color: #999;
}
.boatShopBox .profile li.num {
	color: #999;
}
.boatShopBox .profile li:first-child {
	margin: 0 0 0 0;
}
.boatShopBox p.txt {
	margin: 10px 0 0 0;
	letter-spacing: normal;
	font-size: 14px;
	line-height: 1.6;
}

/* ボートショップの詳細
----------------------------------*/

.shopDetail {
	margin: 50px 0 0 0;
	padding: 0 10px 0 10px;
	position: relative;
}

.shopDetail h2 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}
.shopDetail p.lastLogin {
	margin: 5px 0 0 2px;
	font-size: 12px;
	line-height: 1;
	color: #999;
}
.shopDetail ul.prList {
	margin: 5px 0 0 0;
	letter-spacing: -0.5em;
}
.shopDetail ul.prList li {
	margin: 0 0 0 7px;
	display: inline-block;
	letter-spacing: normal;
	line-height: 1;
}
.shopDetail ul.prList li:first-child {
	margin: 0 0 0 0;

}
.shopDetail ul.prList li span {
	display: inline-block;
	line-height: 1;
	vertical-align: bottom;
}
.shopDetail ul.prList li span.inl {
	margin: 0 0 0 0;
	font-size: 12px;
	font-weight: bold;
}
.shopDetail ul.prList li span.str {
	color: #f5e100;
	font-weight: bold;
	font-size: 15px;
	display: inline-block;
}
.shopDetail ul.prList li a.kaz {
	margin: 0 0 0 3px;
	font-size: 12px;
	font-weight: bold;
	vertical-align: bottom;
	line-height: 1;
	color: #3444F3;
}
.shopDetail ul.prList li span.num {
	margin: 0 0 0 0;
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

.shopDetail p.fwBtn {
	position: absolute;
	right: 97px;
	top: -40px;
	width: auto;
	text-align: center;
}
.shopDetail p.fwBtn a {
	padding: 8px 8px 8px 8px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	border: solid 1px #ddd;
	border-radius: 3px;
	color: #888;
}
.shopDetail p.fwBtn i {
	padding: 0 3px 0 0;
	text-decoration: none;
	font-size: 11px;
	color: #33b6d2;
}
.shopDetail p.fwBtn02 {
	position: absolute;
	right: 10px;
	top: -40px;
	width: auto;
	text-align: center;
}
.shopDetail p.fwBtn02 a {
	padding: 8px 8px 8px 8px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	border: solid 1px #ddd;
	border-radius: 3px;
	color: #888;
}
.shopDetail p.fwBtn02 i {
	padding: 0 3px 0 0;
	text-decoration: none;
	font-size: 11px;
	color: #33b6d2;
}

.shopDetail p.ihan {
	position: absolute;
	right: 10px;
	top: -40px;
	width: auto;
	text-align: center;
}
.shopDetail p.ihan a {
	padding: 8px 8px 8px 8px;
	text-decoration: none;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	border: solid 1px #ddd;
	border-radius: 3px;
	color: #888;
}
.shopDetail p.ihan i {
	padding: 0 5px 0 0;
	text-decoration: none;
	font-size: 11px;
	color: #33b6d2;
}

/* スライダー
----------------------------*/
.shopDetail .sliderArea {
	margin: 15px 10px 0 0;
	padding: 0 0 12px 0;
	letter-spacing: -0.5em;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	display: -ms-flexbox;
	display: flex;
}

.shopDetail .sliderBox {
	margin: 0 7px 0 0;
	width: 100%;
	min-width: 200px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
}
.shopDetail .sliderBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.shopDetail .sliderBox p {
	padding: 10px 0;
	line-height: 0;
	text-align: center;
	background: #f5f5f5;
}
.shopDetail .sliderBox img {
	height: 120px;
}

/* ショップデータ */
.shopDetail table {
	margin: 5px 0 0 0;
	width: 100%;
	border-bottom: solid 1px #e4e4e4;
	border-right: solid 1px #e4e4e4;
}
.shopDetail th {
	padding: 10px;
	width: 130px;
	background: #f9f9f9;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	border-top: solid 1px #e4e4e4;
	border-left: solid 1px #e4e4e4;
}
.shopDetail td {
	padding: 10px;
	line-height: 1.5;
	border-top: solid 1px #e4e4e4;
	border-left: solid 1px #e4e4e4;
}
.shopDetail td a {
	color: #3444F3;
	word-break: break-all;
	line-height: 1.3;
	display: inline-block;
}
.shopDetail td a i {
	margin: 0 5px 0 0;
	font-size: 28px;
}
.shopDetail td a.tw i {
	color: #1da1f2;
}
.shopDetail td a.is i {
	color: #5438d9;
	background: -webkit-linear-gradient(0deg, #f4c257, #e71486, #3141f0);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.shopDetail td a.fb i {
	color: #2d88ff;
}
.shopDetail td a.yt i {
	color: #ff0000;
}

.shopDetail h3.hitokoto {
	margin: 20px 0 0 0;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}
.shopDetail h3.hitokoto i {
	padding: 0 5px 0 0;
	font-size: 20px;
}
.shopDetail p.readTxt {
	margin: 10px 0 0 0;
	padding: 15px;
	font-size: 14px;
	line-height: 1.8;
	background: #f6f6f6;
}

/* 評価 */
.evaluations h3 {
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}
.evaluations h3 i {
	padding: 0 5px 0 0;
	font-size: 20px;
}
.evaluations .evaInner {
	margin: 10px 0 0 0;
	height: 400px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}

.evaluations .evaBox {
	margin: 0px 0 0 0;
	padding: 15px 0 10px 0;
	border-top: solid 1px #e4e4e4;
}
.evaluations .head {
	display: table;
	width: 100%;
}
.evaluations p.icon {
	display: table-cell;
	width: 40px;
	border-radius: 50%;
	line-height: 0;
}
.evaluations p.icon img {
	width: 100%;
	border-radius: 50%;
	line-height: 0;
}
.evaluations .res {
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: top;
}
.evaluations p.str {
	font-size: 16px;
	color: #f5e100;
	line-height: 1;
}
.evaluations p.str span.judge {
	margin: 0 0 0 5px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	display: inline-block;
}
.evaluations p.day {
	margin: 3px 0 0 0;
	font-size: 12px;
	color: #888;
	line-height: 1;
}
.evaluations p.comTxt {
	margin: 10px 0 0 0;
	padding: 0 5px;
	font-size: 14px;
	line-height: 1.6;
}

.shopDetail p.fortop {
	margin: 10px 0 5px 0;
	padding: 15px 0 0 0;
	border-top: solid 1px #e4e4e4;
	text-align: center;
	font-weight: bold;
	line-height: 1;
}
.shopDetail p.fortop i {
	padding: 0 5px 0 0;
}

/* SNSリスト */
.shopDetail ul.snsList {
	margin: 10px 0 0 0;
	padding: 30px 0 0 0;
	border-top: solid 1px #e4e4e4;
	letter-spacing: -0.5em;
	text-align: center;
}
.shopDetail ul.snsList li {
	margin: 0 0 0 20px;
	letter-spacing: normal;
	display: inline-block;
}
.shopDetail ul.snsList li:first-child {
	margin: 0 0 0 0;
}
.shopDetail ul.snsList a {
	display: block;
}
.shopDetail ul.snsList i {
	font-size: 45px;
}
.shopDetail ul.snsList li.tw i {
	color: #1da1f2;
}
.shopDetail ul.snsList li.fb i {
	color: #2d88ff;
}
.shopDetail ul.snsList li.li i {
	color: #07b53b;
}

/* 釣り人プロフィール（全体） */
.signal h3 {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.signal h3 i {
    padding: 0 5px 0 0;
    font-size: 20px;
}
.signal ul {
	margin: 10px 0 0 0;
	padding: 0 10px;
	background: #f6f6f6;
}
.signal li {
	margin: 0 0 0 0;
	padding: 0 0;
	border-top: solid 1px #ddd;
}
.signal li:first-child {
	border-top: none;
}
.signal li a {
	padding: 10px 10px 10px 0;
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
}
.signal li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.signal li span {
    padding: 5px 6px 5px 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    border-radius: 3px;
    letter-spacing: 0.05em;
}
.signal li span.request {/*募集した投稿*/
    background: #1e9eb7;
}
.signal li span.entry {/*応募した投稿*/
    background: #72a917;
}
.signal li span.invite {/*お誘いした投稿*/
    background: #FF7408;
}
.signal li p {
    margin: 8px 5px 0 0;
    line-height: 1.3;
    color: #333;
    font-size: 14px;
}

/* グループチャットへボタン */
.yaritori {
	margin: 15px auto 0 auto;
	text-align: center;
	width: 90%;
}
.yaritori a {
	padding: 16px 0 15px 0;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	line-height: 1;
	display: block;
	background: #df3a3a;
	text-decoration: none;
	border-radius: 30px;
	border-bottom: solid 4px #7B0707;
}
.yaritori a i {
	padding: 0 6px 0 0;
	font-size: 20px;
}

/* フォロー */
.follow {
	margin: 15px 0 0 0;
}
.follow h3 {
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}
.follow h3 i {
	padding: 0 5px 0 0;
	font-size: 20px;
}
.follow ul.tabBtn {
	margin: 15px 0 0 0;
	letter-spacing: -0.5em;
	text-align: center;
}
.follow ul.tabBtn li {
	margin: 0 0 0 6px;
	padding: 10px 0;
	width: 48%;
	display: inline-block;
	vertical-align: middle;
	letter-spacing: normal;
	text-align: center;
	background: #fff;
	color: #33b6d2;
	border: solid 1px #33b6d2;
	border-radius: 30px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.follow ul.tabBtn li:first-child {
	margin: 0 0 0 0;
}
.follow ul.tabBtn li.is-active {
	background: #33b6d2;
	color: #fff;
	border: solid 1px #33b6d2;
	position: relative;
}
.follow ul.tabBtn li.is-active:after {
	content: "";
	width: 0;
	height: 0;
	margin: 0 auto;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #33b6d2;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
}

.follow .flwInner {
	margin: 18px 0 0 0;
	background: #f1fdff;
	display: none;
	height: 236px;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
.follow .flwInner.sh {
	background: #f5f5f5;
}
.flwInner.is-show{
  display:block;
}

.follow .flwBox {
	margin: -1px 0 0 0;
	padding: 0 10px;
}
.follow .flwBox a {
	padding: 15px 0 10px 0;
	border-top: solid 1px #e4e4e4;
	display: block;
	text-decoration: none;
}
.follow .head {
	display: table;
	width: 100%;
}
.follow p.icon {
	display: table-cell;
	width: 50px;
	border-radius: 50%;
	line-height: 0;
}
.follow p.icon img {
	width: 100%;
	border-radius: 50%;
	line-height: 0;
}
.follow .res {
	padding: 0 0 0 10px;
	display: table-cell;
	vertical-align: top;
}
.follow p.name {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	line-height: 1;
}
.follow p.hyo span.str {
	margin: 0 0 0 0;
	font-size: 14px;
	color: #f5e100;
	font-weight: bold;
	display: inline-block;
}
.follow p.hyo span.num {
	margin: 0 0 0 5px;
	font-size: 12px;
	color: #333;
	font-weight: bold;
	display: inline-block;
}
.follow p.day {
	margin: 3px 0 0 0;
	font-size: 12px;
	color: #888;
	line-height: 1;
}




/* グループチャット
=================================*/

.allGroup {
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
}
.allGroup h2 {
	margin: 0;
	padding: 0 10px;
	line-height: 1;
	font-size: 20px;
	font-weight: bold;
}
.gp .accordion-container .accordionBtn {
	width: 50%;
}

.gpBox {
	display: table;
	width: 96%;
}
.gpBox a {
	margin: 0 0 15px 0;
	padding: 0 2% 15px 2%;
	border-bottom: solid 1px #e4e4e4;
	display: block;
	width: 100%;
	text-decoration: none;
}
.gpBox .inleft {
	display: table-cell;
	width: 45px;
}
.gpBox .inright {
	padding: 0 10px 0 10px;
	display: table-cell;
	vertical-align: top;
}
.gpBox p.icon {
	width: 45px;
	height: 45px;
	text-align: center;
	border-radius: 50%;
	background: #f5307f;
}
.gpBox p.icon i {
	padding: 0 0 0 0;
	font-size: 30px;
	line-height: 45px;
	color: #fff;
}
.gpBox .chip {
	/*letter-spacing: -0.5em;*/
}
.gpBox .chip span {
	margin: 0 3px 0 0;
	padding: 4px 8px 3px 8px;
	display: inline-block;
	letter-spacing: normal;
	color: #fff;
	background: #333;
	font-size: 11px;
	border-radius: 3px;
	line-height: 1;
}
.gpBox p.when {
	margin: 4px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #ff0000;
}
.gpBox p.ttl {
	margin: 8px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
	letter-spacing: 0;
	color: #333;
}

.allGroup .chui {
	margin: 0px auto 0 auto;
	padding: 0 10px;
}
.allGroup .chui p {
	padding: 15px;
	font-size: 14px;
	line-height: 1.8;
	background: #f5f5f5;
}
.allGroup p.txt {
	margin: 0 0 10px 10px;
	letter-spacing: normal;
	display: block;
	line-height: 1;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}


/* チャット詳細
--------------------------*/
.gpchatGroup {
	/*margin-top: -15px;*/
	padding: 0px 0 22px 0;
}
.gpchatGroup p.txtBtn {
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	position: relative;
}
.gpchatGroup p.txtBtn::before {
    content: "\f070";
    font-family: "Font Awesome 5 Free";
    position: relative;
    left: -5px;
}
.gpchatGroup p.txtBtn.selected::before {
    content: "\f06e";
    font-family: "Font Awesome 5 Free";
    position: relative;
    left: -5px;
}
.gpMember {
	margin: 10px 0 0 0;
	padding: 0 10px 0 10px;
	letter-spacing: -0.5em;
}
.gpMember p.icon {
	margin: 5px 5px 0 0;
	letter-spacing: normal;
	display: inline-block;
	line-height: 0;
	width: 38px;
	vertical-align: middle;
}
.gpMember p.icon img {
	width: 100%;
	border-radius: 50%;
}

/* チャット詳細 */
.chatArea {
	margin: -5px 0 -50px 0;
	padding: 0 10px 35px 10px;
	background: #f1f1f1;
}

/* 自分 */
.textBox01 {
	margin: 0 0 0 auto;
	padding: 15px 0 0 0;
	letter-spacing: -0.5em;
	display: table;
	width: 94%;
	text-align: right;
}
.textBox01 .comment {
	display: table-cell;;
	letter-spacing: normal;
	width: 100%;
	vertical-align: top;
}
.textBox01 p.icon {
	padding: 0 0 0 15px;
	width: 35px;
	line-height: 0;
	display: inline-block;
	vertical-align: top;
}
.textBox01 p.icon img {
	width: 100%;
	border-radius: 50%;
}
.textBox01 p.name {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #333;
}
.textBox01 p.txt {
	padding: 10px;
	background: #fff;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 10px;
	position: relative;
}
.textBox01 p.txt:before {
	content: "";
	position: absolute;
	top: 8px;
	right: -13px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 18px;
	border-color: transparent transparent transparent #fff;
	transform: rotate(-40deg);
}
.textBox01 p.txt a,
.textBox02 p.txt a {
	display: block;
	word-break: break-word;
	line-height: 1.4;
}


/* 相手 */
.textBox02 {
	margin: 0 auto 0 0;
	padding: 15px 0 0 0;
	letter-spacing: -0.5em;
	display: table;
	width: 94%;
	text-align: left;
}
.textBox02 .comment {
	display: table-cell;;
	letter-spacing: normal;
	width: 100%;
	vertical-align: top;
}
.textBox02 p.icon {
	padding: 0 15px 0 0;
	width: 35px;
	line-height: 0;
	display: inline-block;
	vertical-align: top;
}
.textBox02 p.icon img {
	width: 100%;
	border-radius: 50%;
}
.textBox02 p.name {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #333;
}
.textBox02 p.txt {
	padding: 10px;
	background: #fff;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	border-radius: 10px;
	position: relative;
}
.textBox02 p.txt:before {
	content: "";
	position: absolute;
	top: 8px;
	left: -13px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 18px 6px 0;
	border-color: transparent #fff transparent transparent;;
	transform: rotate(40deg);
}

/* 記入エリア */
.record {
	margin: 25px auto 0 auto;
	padding: 25px 0 45px 0;
	border-top: dashed 1px #aaa;
	text-align: center;
}
.record textarea {
	margin: 0 auto;
	padding: 10px;
	width: 90%;
	border: none;
	font-size: 16px;
	line-height: 1.8;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	box-shadow: 0px 0px 11px -6px #999;
}
.record button {
	margin: 10px auto 0 auto;
	padding: 15px 0 13px 0;
	width: 84%;
	background: #33b6d2;
	line-height: 1;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 0.05em;
	color: #fff;
	border: none;
	border-bottom: solid 4px #16778c;
	border-radius: 5px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
}


/* 選ばれたお誘い
--------------------------------*/

.decision h3 {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.decision h3 i {
    padding: 0 5px 0 0;
    font-size: 20px;
}

.decision .oneblock {
	margin: 10px 0 0 0;padding: 15px;
	background: #f4f4f4;
	border: solid 1px #e4e4e4;
	border-left: solid 4px #FF7408;
}
.decision .oneblock p.chip {
	letter-spacing: -0.5em;
	text-align: center;
}
.decision .oneblock p.chip span {
	margin: 0 0 0 5px;
	padding: 6px 10px 5px 10px;
	letter-spacing: normal;
	line-height: 1;
	display: inline-block;
	color: #fff;
	background: #333;
	font-size: 14px;
}
.decision .oneblock p.chip span:first-child {
	margin: 0 0 0 0;
}
.decision .oneblock ul {
	margin: 15px 0 0 0;
	letter-spacing: -0.5em;
	text-align: center;
	line-height: 0;
}
.decision .oneblock li {
	margin: 0 0 0 10px;
	display: inline-block;
	letter-spacing: normal;
	width: 50px;
	line-height: 0;
}
.decision .oneblock li:first-child {
	margin: 0 0 0 0;
}
.decision .oneblock li a {
	border-radius: 50%;
	display: block;
	line-height: 0;
}
.decision .oneblock li img {
	width: 100%;
	border-radius: 50%;
}
.decision .oneblock table {
	margin: 15px 0 0 0;
}
.decision .oneblock th {
	padding: 5px 0;
	font-size: 14px;
	background: #333;
	color: #fff;
}
.decision .oneblock td {
	padding: 5px 10px;
	font-size: 14px;
	background: #fff;
}
.decision .oneblock p.shousai {
	margin: 10px 0 0 0;
	text-align: center;
}
.decision .oneblock p.shousai a {
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	font-size: 15px;
	color: #33b6d2;
}
.decision .oneblock p.shousai i {
	padding: 0 5px 0 0;
	font-size: 16px;
}

/* 選ばれたお誘いがない場合 */
.decision .nonList {
	margin: 10px 0 0 0;
	padding: 15px;
	text-align: center;
	background: #f6f6f6;
	/*display: none;*/
}
.decision .nonList p {
	font-size: 14px;
	line-height: 1;
}

/* 応募した投稿
------------------------------*/
.subscription h3 {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.subscription h3 i {
    padding: 0 5px 0 0;
    font-size: 20px;
}

.subscription ul {
	margin: 10px 0 0 0;
	padding: 0 10px;
	/*display: none;*/
	background: #FFF3F3;
}
.subscription li {
	margin: 0 0 0 0;
	padding: 0 0;
	border-top: solid 1px #ddd;
}
.subscription li:first-child {
	border-top: none;
}
.subscription li a {
	padding: 15px 15px 15px 5px;
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
}
.subscription li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.subscription li p {
    margin: 0 5px 0 0;
    line-height: 1.4;
    color: #333;
    font-size: 14px;
	font-weight: bold;
}

/* 選ばれた応募がない場合 */
.subscription .nonList {
	margin: 10px 0 0 0;
	padding: 15px;
	text-align: center;
	background: #f6f6f6;
	/*display: none;*/
}
.subscription .nonList p {
	font-size: 14px;
	line-height: 1;
}


/* 選ばれた応募
-----------------------------*/
.chosen h3 {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.chosen h3 i {
    padding: 0 5px 0 0;
    font-size: 20px;
}

.chosen ul {
	margin: 10px 0 0 0;
	padding: 0 10px;
	background: #F2FFF3;
	/*display: none;*/
}
.chosen li {
	margin: 0 0 0 0;
	padding: 0 0;
	border-top: solid 1px #ddd;
}
.chosen li:first-child {
	border-top: none;
}
.chosen li a {
	padding: 15px 15px 15px 5px;
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
}
.chosen li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.chosen li p {
    margin: 0 5px 0 0;
    line-height: 1.4;
    color: #333;
    font-size: 14px;
	font-weight: bold;
}

/* 選ばれた応募がない場合 */
.chosen .nonList {
	margin: 10px 0 0 0;
	padding: 15px;
	text-align: center;
	background: #f6f6f6;
	/*display: none;*/
}
.chosen .nonList p {
	font-size: 14px;
	line-height: 1;
}

/* 投稿した募集
-----------------------------*/
.postscription h3 {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.postscription h3 i {
    padding: 0 5px 0 0;
    font-size: 20px;
}

.postscription ul {
	margin: 10px 0 0 0;
	padding: 0 10px;
	background: #EFF5FF;
	/*display: none;*/
}
.postscription li {
	margin: 0 0 0 0;
	padding: 0 0;
	border-top: solid 1px #ddd;
}
.postscription li:first-child {
	border-top: none;
}
.postscription li a {
	padding: 15px 15px 15px 5px;
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
}
.postscription li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.postscription li p {
    margin: 0 5px 0 0;
    line-height: 1.4;
    color: #333;
    font-size: 14px;
	font-weight: bold;
}

/* 選ばれた応募がない場合 */
.postscription .nonList {
	margin: 10px 0 0 0;
	padding: 15px;
	text-align: center;
	background: #f6f6f6;
	/*display: none;*/
}
.postscription .nonList p {
	font-size: 14px;
	line-height: 1;
}


/* 応募＆お誘いがあった場合の通知 */
.action h3 {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.action h3 i {
    padding: 0 5px 0 0;
    font-size: 20px;
}

.action ul {
	margin: 10px 0 0 0;
	padding: 0 10px;
	background: #FFFDEB;
	/*display: none;*/
}
.action li {
	margin: 0 0 0 0;
	padding: 0 0;
	border-top: solid 1px #ddd;
}
.action li:first-child {
	border-top: none;
}
.action li a {
	padding: 15px 15px 15px 5px;
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
}
.action li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.action li p {
    margin: 0 5px 0 0;
    line-height: 1.4;
    color: #333;
    font-size: 14px;
	font-weight: bold;
}
.action li p span.angEntry {
	background: #FFD4E9;
	font-weight: bold;
	text-decoration: underline;
}
.action li p span.botEntry {
	background: #CCEBFF;
	font-weight: bold;
	text-decoration: underline;
}

/* 通知がない場合 */
.action .nonList {
	margin: 10px 0 0 0;
	padding: 15px;
	text-align: center;
	background: #f6f6f6;
	/*display: none;*/
}
.action .nonList p {
	font-size: 14px;
	line-height: 1;
}



/* 評価ボタン */
.evaBtn h3 {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
    font-size: 18px;
    line-height: 1;
    font-weight: bold;
}
.evaBtn h3 i {
    padding: 0 5px 0 0;
    font-size: 20px;
}

.evaBtn ul {
	margin: 10px 0 0 0;
	padding: 0 10px;
	background: #f6f6f6;
	/*display: none;*/
}
.evaBtn li {
	margin: 0 0 0 0;
	padding: 0 0;
	border-top: solid 1px #ddd;
}
.evaBtn li:first-child {
	border-top: none;
}
.evaBtn li a {
	padding: 15px 15px 15px 5px;
	display: block;
	position: relative;
	color: #333;
	text-decoration: none;
}
.evaBtn li a:after {
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	margin: 0 0;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 46%;
}
.evaBtn li p {
    margin: 0 5px 0 0;
    line-height: 1.4;
    color: #333;
    font-size: 14px;
	font-weight: bold;
}

.evaBtn li p.person span.data {
	margin: 0 0 0 0;
	display: block;
	line-height: 1;
	font-size: 12px;
}
.evaBtn li p.person span.name {
	margin: 8px 0 6px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	background: #FFF8D6;
}






/* 同行者募集投稿ページ
===========================================*/

.postBox {
	margin: 0 auto 0 auto;
	padding: 15px 10px 0 10px;
	width: 94.44%;
	/*background: #f1fdff;*/
	position: relative;
}
.postBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.postBox a {
	display: block;
	text-decoration: none;
	color: #333;
}
.postBox h3 {
	margin: 10px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	letter-spacing: 0em;
}
.postBox h3 i {
	padding: 0 5px 0 0;
	font-size: 20px;
}
.postBox table {
	margin: 15px 0 0 0;
	width: 100%;
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}
.postBox th {
	padding: 12px 5px 12px 10px;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	display: block;
	background: #f5f5f5;
	border-top: solid 1px #d2d2d2;
}
.postBox th span {
	margin: 0 0 0 5px;
	font-size: 11px;
	display: inline-block;
	line-height: 1;
}
.postBox th span.red {
	color: #FF3033;
}
.postBox th i {
	padding: 0px 6px 0 0;
	font-size: 16px;
}
.postBox th i.fa-male {
	padding: 0px 3px 0 0;
}

.postBox td {
	padding: 15px 15px;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	position: relative;
	border-top: solid 1px #d2d2d2;
	display: block;
}

.postBox td span.nenrei {
	color: #FF3437;
	font-weight: bold;
	display: block;
	line-height: 1;
	font-size: 12px;
}
.postBox td p.kakunin18 {
	margin: 6px 0 0 0;
	line-height: 1;
}
.postBox td p.kakunin18 span {
	margin: 0 0 0 0;
	font-size: 12px;
	display: block;
	letter-spacing: normal;
	line-height: 1;
	color: #333;
	font-weight: bold;
}
.postBox td p.kakunin18 span label {
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	font-size: 14px;
	font-weight: bold;
}

.postBox td.sel01 select {
	padding: 0px 5px;
	width: 100%;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.postBox td.sel02 select {
	margin: 0;
	padding: 0px 5px;
	width: 55px;
	border: solid 1px #ccc;
	font-size: 14px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.postBox td.sel02 select.time {
	width: 80px;
}
.postBox td.sel03 select {
	margin: 0;
	padding: 0px 5px;
	width: 90px;
	border: solid 1px #ccc;
	font-size: 14px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.postBox td.txt01 input {
	padding: 8px 5px;
	width: 96%;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.postBox td.tdsns input {
	margin: 0 0 5px 0;
}
.postBox td span.check {
	margin: 5px 0 0 0;
	display: block;
}
.postBox td span.check:first-child {
	margin: 0 0 0 0;
}
.postBox td span.check input {
	border: solid 1px #000;
	-webkit-appearance: block;
}
.postBox td span.check label {
	padding: 0 0 0 3px;
	line-height: 1;
	position: relative;
	top: -1px;
}
.postBox td.sel02 p {
	margin: 10px 0 0 0;
	font-weight: bold;
}

.postBox td p.btn {
	margin: 10px 0 0 0;
	text-align: center;
}
.postBox td p.btn a {
	padding: 12px 0 10px 0;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	background: #0084FF;
	border-radius: 10px;
	border-bottom: solid 3px #003B73;
}
.postBox td p.btn i {
	padding: 0 0 0 5px;
}
.postBox td.text textarea {
	margin: 0px 0 0 0;
	padding: 2% 3% 3% 3%;
	width: 93%;
	font-size: 14px;
	border: solid 1px #ccc;
	line-height: 1.8;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.postBox td p.hoho {
	margin: 25px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.postBox td p.hoho i {
	padding: 0 5px 0 0;
}
.postBox td ul.kya {
	margin: 15px 0 0 0;
}
.postBox td ul.kya li {
	margin: 10px 0 0 0;
	line-height: 1;
}
.postBox td ul.kya li a {
	line-height: 1;
}
.postBox td p.set {
	font-size: 12px;
	line-height: 1.6;
}

.postBox .message {
	margin: 15px 0 0 0;
}
.postBox .message p {
	font-size: 18px;
	font-weight: bold;
}
.postBox .message p i {
	padding: 0 5px 0 0;
	font-size: 18px;
}
.postBox .message textarea {
	margin: 10px 0 0 0;
	padding: 2% 3% 3% 3%;
	width: 93%;
	font-size: 14px;
	border: solid 2px #ccc;
	line-height: 1.8;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.postBox .message textarea::-webkit-input-placeholder {
    color: #777;
}
.postBox .message textarea:-moz-placeholder {
    color: #777;
}
.postBox .message textarea::-moz-placeholder {
    color: #777;
}
.postBox .message textarea:-ms-input-placeholder {
    color: #777;
}

.postBox .sendArea {
	margin: 15px 0 0 0;
	text-align: center;
}
.postBox .sendArea input {
	padding: 16px 10px 16px 10px;
	border: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.1em;
	background: none;
	width: 43%;
	border-radius: 50px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.postBox .sendArea input:hover {
	cursor: pointer;
}
.postBox .sendArea input.reset {
	background: #999;
	color: #fff;
	border-bottom: solid 3px #333;
}
.postBox .sendArea input.submit {
	margin: 0 0 0 5px;
	background: #FF7408;
	color: #fff;
	border-bottom: solid 3px #7C3702;
}



/* プライバシーポリシー
-----------------------------------*/

.privacyBox {
	margin: 0 0 0 0;
	padding: 0 15px;
}
.privacyBox h2 {
	margin: 30px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
.privacyBox h2 span {
	font-size: 12px;
	font-weight: bold;
}
.privacyBox p.txt {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.8;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.privacyBox ul {
	margin: 10px 0 0 0;
}
.privacyBox li {
	margin: 5px 0 0 15px;
	font-size: 14px;
	line-height: 1.8;
	list-style: disc;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.privacyBox p.forBtn {
	margin: 10px 0 0 0;
}
.privacyBox p.forBtn a {
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	font-weight: bold;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.privacyBox p.forBtn i {
	padding: 0 5px 0 0;
	font-size: 16px;
	position: relative;
	top:1px;
}


/* 利用規約
-----------------------------------*/

.rulesBox {
	margin: 0 0 0 0;
	padding: 0 15px;
}
.rulesBox h2 {
	margin: 30px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
.rulesBox h2 span {
	font-size: 12px;
	font-weight: bold;
}
.rulesBox p.txt {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.8;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.rulesBox ul.lis01 {
	margin: 10px 0 0 0;
}
.rulesBox ul.lis01 li {
	margin: 5px 0 0 15px;
	font-size: 14px;
	line-height: 1.6;
	list-style: decimal;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}


/* 特定商取引法に基づく表記
-------------------------------*/

.lowBox {
	margin: 0 0 0 0;
	padding: 0 15px;
}
.lowBox h2 {
	margin: 30px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
.lowBox h2 span {
	font-size: 12px;
	font-weight: bold;
}
.lowBox p.txt {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.8;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.lowBox p.forBtn {
	margin: 10px 0 0 0;
}
.lowBox p.forBtn a {
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
	font-weight: bold;

	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.lowBox p.forBtn i {
	padding: 0 5px 0 0;
	font-size: 16px;
	position: relative;
	top:1px;
}
.lowBox p.forBtn span {
	margin: 8px 0 0 0;
	font-size: 14px;
	display: block;
	line-height: 1;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.lowBox p.forBtn span i {
	font-size: 14px;
	position: relative;
	top: -1px;
}


/* 健全化に資する運用方針
-------------------------------*/

.guideBox {
	margin: 0 0 0 0;
	padding: 0 15px;
}
.guideBox h2 {
	margin: 30px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
.guideBox h2 span {
	font-size: 12px;
	font-weight: bold;
}
.guideBox p.txt {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.8;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.guideBox p.shomei {
	margin: 20px 0 0 0;
	text-align: right;
	font-size: 14px;
	line-height: 1.8;
	font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}



/* 初めての方へ
--------------------------------------*/

/* 共通 */

.mainVisualVisitor {
	padding: 90px 0 40px 0;
	background: url("../img/visitor_visual.jpg") no-repeat center bottom;
	background-size: cover;
	position: relative;
}
.mainVisualVisitor p {
	margin: 0 auto;
	line-height: 1;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #002542;
}
.mainVisualVisitor p span {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
	display: block;
	line-height: 1;
}
.mainVisualVisitor p i {
	padding: 0 0 0 5px;
	font-size: 16px;
	position: relative;
}


/* 釣り人
-----------------------*/

.visitorBox {
	margin: 0 auto 0 auto;
	padding: 0 15px 30px 15px;
}
.visitorBox p.read {
	margin: 20px 0 40px 0;
	padding: 20px;
	font-size: 15px;
	line-height: 1.8;
	background: #f1f1f1;
	position: relative;
}
.visitorBox p.read:after {
	content: "";
	width: 0px;
	position: absolute;
	bottom: -20px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-color: #f1f1f1;
	border-style: solid;
	border-width: 10px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}

.visitorBox .inbox {
	margin: 30px 0 0 0;
}
.visitorBox h2 {
	margin: 0;
	padding: 0 0 0 0;
	position: relative;
}
.visitorBox h2 span {
	padding: 4px 0 0 20px;
	font-size: 26px;
	font-weight: bold;
	line-height: 1;
	position: relative;
	letter-spacing: 0.05em;
	display: block;
}
.visitorBox h2 span:after {
	content: "";
	width: 10px;
	height: 10px;
	background: #34b6d0;
	position: absolute;
	top: 5px;
	left: 0;
}
.visitorBox h2 span:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #96e514;
	position: absolute;
	top: 18px;
	left: 0;
}
.visitorBox .meritBox {
	margin: 40px 0 0 0;
	letter-spacing: -0.5em;
	display: table;
	width: 100%:
}
.visitorBox .meritBox:first-child {
	margin: 30px 0 0 0;
}
.visitorBox .meritBox p.icon {
	display: inline-block;
	width: 70px;
	height: 70px;
	background: #fff;
	border:solid 3px #33b6d2;
	border-radius: 50%;
	text-align: center;
	line-height: 70px;
	vertical-align: top;
}
.visitorBox .meritBox p.icon i {
	font-size: 30px;
	color: #33b6d2;
	line-height: 65px;
}
.visitorBox .meritBox .disBox {
	margin: 0 0 0 3%;
	display: table-cell;
	width: 74%;
	letter-spacing: normal;
}
.visitorBox .meritBox span.point {
	display: block;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	color: #33b6d2;
	letter-spacing: 0.05em;
}
.visitorBox .meritBox h3 {
	margin: 10px 0 0 0;
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	color: #333;
	letter-spacing: 0;
}
.visitorBox .meritBox p.txt {
	margin: 15px 0 0 0;
	line-height: 1.7;
	font-size: 15px;
	color: #333;
	letter-spacing: 0em;
}

.visitorBox .sengen {
	margin: 30px 0 0 0;
	padding: 20px;
	background: #ffeded;
}
.visitorBox .sengen h3 {
	padding: 0 0 5px 0;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #ff6262;
	border-bottom: solid 1px #ff9f9f;
}
.visitorBox .sengen p.txt {
	margin: 15px 0 0 0;
	font-size: 14px;
	line-height: 1.6;
}
.visitorBox .sengen ul {
	margin: 10px 0 -5px 22px;
	font-size: 14px;
	line-height: 1.6;
}
.visitorBox .sengen li {
	margin: 5px 0 0 0;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	list-style: decimal;
}

.visitorBox .info {
	margin: 30px 0 0 0;
}
.visitorBox .info:first-child {
	margin: 20px 0 0 0;
}
.visitorBox .info h3 {
	padding: 0 0 0 15px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
}
.visitorBox .info h3:before {
	content: "";
	width: 4px;
	height: 50%;
	background: #34b6d0;
	position: absolute;
	top: 0;
	left: 0;
}
.visitorBox .info h3:after {
	content: "";
	width: 4px;
	height: 50%;
	background: #96e514;
	position: absolute;
	bottom: 0;
	left: 0;
}
.visitorBox .info h3 span {
	font-size: 12px;
	background: #ccc;
	font-weight: bold;
	line-height: 1.4;
	display: inline-block;
}

.visitorBox .info p.Img {
	margin: 15px 0 0 0;
	text-align: center;
	line-height: 0;
}
.visitorBox .info p.Img img {
	width: 100%;
}
.visitorBox .info p.txt {
	margin: 15px 0 0 0;
	font-size: 15px;
	line-height: 1.8;
}
.visitorBox .info p.txt span {
	background: #F5F8C7;
	font-weight: bold;
}
.visitorBox .info ul.list {
	margin: 20px 0 0 0;
	text-align: center;
	display: table;
	width: 100%;
}
.visitorBox .info ul.list li {
	margin: 0 0 0 0;
	padding: 0 15px;
	display: table-cell;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: normal;
	position: relative;
	text-align: center;
	border-left: solid 1px #999;
}
.visitorBox .info ul.list li:first-child {
	margin: 0 0 0 0;
}
.visitorBox .info ul.list li:last-child {
	border-right: solid 1px #999;
}
.visitorBox .info ul.list li span {
	margin: 5px 0 0 0;
	display: block;
	line-height: 1;
	font-size: 12px;
}
.visitorBox .info ul.list li i {
	margin: 10px 0 0 0;
	display: block;
	font-size: 26px;
	color: #33b6d2;
}
.visitorBox .info p.koko {
	margin: 25px 0 0 0;
	padding: 15px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 0.05em;
	background: #f7f1c3;
	position: relative;
}
.visitorBox .info p.koko:after {
	content: "";
	width: 0px;
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-color: #f7f1c3;
	border-style: solid;
	border-width: 10px;
	border-left-color: transparent;
	border-top-color: transparent;
	border-right-color: transparent;
}

.visitorBox .info p.koko span.pri {
	font-size: 28px;
	color: #EB2F32;
	line-height: 1;
	font-weight: bold;
	letter-spacing: normal;
}
.visitorBox .info p.koko span.sub {
	margin: 10px 0 0 0;
	display: block;
	font-size: 14px;
	color: #EB2F32;
	line-height: 1;
}

.visitorBox .info ul.flowList {
	margin: -10px 0 0 35px;
}
.visitorBox .info ul.flowList li {
	margin: 10px 0 0 0;
	list-style: decimal-leading-zero;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
.visitorBox .info ul.flowList li span {
	margin: 3px 0 0 0;
	font-size: 12px;
	line-height: 1.4;
	display: block;
}
.visitorBox .info .flw {
	margin: 20px 0 0 0;
	padding: 20px;
	background: #f1f1f1;
}
.visitorBox .info .flw p.mid {
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.visitorBox .info .flw p.fltxt {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.7;
}
.visitorBox p.read span {
	background: #F5F8C7;
	font-weight: bold;
}
.visitorBox p.subtxt {
	margin: 20px 0 0 0;
	font-size: 15px;
}
.visitorBox p.subtxt span {
	background: #F5F8C7;
	font-weight: bold;
}

.visitorBox ul.chek {
	margin: -10px 0 0 0;
}
.visitorBox ul.chek li {
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	color: #00004E;
}
.visitorBox ul.chek li:first-child {
	margin: 0 0 0 0;
}
.visitorBox ul.chek li:before {
	content: "\f14a";
	font-family: "Font Awesome 5 Free";
	position: absolute;
	top: 0;
	left: 0;
	font-weight: normal;
}

/* よくある質問 */
.visitorBox dl {
	margin: 0px 0 0 0;
}
.visitorBox dt {
	margin: 20px 0 0 0;
	padding: 0 0 0 25px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
}
.visitorBox dt:before {
	content: "Q.";
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: -1px;
	left: 0;
	color: #F34D50;
}
.visitorBox dd {
	margin: 10px 0 0 0;
	padding: 0 0 0 25px;
	font-size: 14px;
	line-height: 1.5;
	position: relative;
}
.visitorBox dd:before {
	content: "A.";
	font-size: 18px;
	position: absolute;
	top: -4px;
	left: 0;
	color: #029FF7;
	font-weight: bold;
}

/* コンバージョンボタン */
.entryBtn {
	margin: 10px 0 0px 0;
	padding: 40px 0;
	background: #33b6d2;
	text-align: center;
}
.entryBtn p.read {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.6;
	color: #fff;
}
.entryBtn p.btn {
	margin: 20px auto 0 auto;
	width: 90%;
}
.entryBtn p.btn a {
	padding: 17px 0 16px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	color: #33b6d2;
	background: #fff;
	border-radius: 50px;
	width: 100%;
	display: block;
	border-bottom: solid 4px #024756;
}
.entryBtn p.btn i {
	padding: 0 0 0 5px;
	font-size: 18px;
}

/* 初めての方へ（どちらか不明の場合） */

.visitorBox ul.coBtn {
	margin: 20px 0 40px 0;
	letter-spacing: -0.5em;
	text-align: center;
}
.visitorBox ul.coBtn li {
	margin: 0 0 0 3%;
	letter-spacing: normal;
	line-height: 0;
	display: inline-block;
	vertical-align: top;
	width: 48%;
}
.visitorBox ul.coBtn li:first-child {
	margin: 0 0 0 0;
}
.visitorBox ul.coBtn li a {
	padding: 15px 0;
	display: block;
	text-decoration: none;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	background: #33b6d2;
	color: #fff;
	border-radius: 3px;
}
.visitorBox ul.coBtn li i {
	padding: 0 5px 0 0;
}
.visitorBox p.fuki {
    margin: 20px 0 40px 0;
    padding: 20px;
    font-size: 14px;
    line-height: 1.6;
    background: #f1f1f1;
    position: relative;
}
.visitorBox p.fuki:after {
	content: "";
	width: 0px;
	position: absolute;
	bottom: -20px;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-color: #f1f1f1;
	border-style: solid;
	border-width: 10px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	border-right-color: transparent;
}


/* 退会手続き
-------------------------------------*/

.resignBox {
	margin: 0 0 0 0;
	padding: 0 15px;
}
.resignBox .arigato {
	margin: 30px 0 0 0;
	padding: 25px 20px;
	background: #FFF2F2;
}
.resignBox p.txt {
	margin: 10px 0 0 0;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}
.resignBox p.txt:first-child {
	margin: 0 0 0 0;
}
.resignBox p.flw {
	margin: 25px 0 0 0;
	font-size: 14px;
	line-height: 1.6;
	text-align: center;
}
.resignBox p.adoresu {
	margin: 20px auto 0 auto;
	width: 100%;
}
.resignBox p.adoresu input {
	margin: 0 0 0 0;
	padding: 3%;
	width: 94%;
	background: #f1f1f1;
	border: solid 1px #c9c9c9;
	border-radius: 5px;
	font-size: 14px;
	-webkit-appearance: none;
}
.resignBox p.adoresukakunin {
	margin: 20px 0 0 0;
	padding: 15px 0 15px 0;
	text-align: center;
	line-height: 1;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	font-size: 14px;
	font-weight: bold;
}

.resignBox .fix {
	margin: 25px 0 0 0;
	letter-spacing: -0.5em;
	text-align: center;
}
.resignBox .fix p {
	margin: 0 0 0 15px;
	letter-spacing: normal;
	display: inline-block;
	width: 40%;
}
.resignBox .fix p:first-child {
	margin: 0 0 0 0px;
}
.resignBox .fix input {
	padding: 17px 10px 15px 10px;
	border: none;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
	border-radius: 5px;
	line-height: 1;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.resignBox .fix p.yes input {
	background: #eee;
	border-bottom: solid 3px #999;
	color: #333;
}
.resignBox .fix p.non input {
	background: #d4e6ec;
	border-bottom: solid 3px #4388a8;
}






/* お問い合わせ
----------------------------------*/
.contactBox {
	margin: 0 auto 0 auto;
	padding: 15px 10px 0 10px;
	width: 94.44%;
	/*background: #f1fdff;*/
	position: relative;
}
.contactBox:before {
	content: "";
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#33b6d2+50,98e610+50 */
	background: #33b6d2; /* Old browsers */
	background: -moz-linear-gradient(left,  #33b6d2 50%, #98e610 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #33b6d2 50%,#98e610 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #33b6d2 50%,#98e610 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b6d2', endColorstr='#98e610',GradientType=1 ); /* IE6-9 */
}
.contactBox p.read {
	padding: 20px;
	background: #FFF2F2;
}
.contactBox a {
	display: block;
	text-decoration: none;
	color: #333;
}
.contactBox h3 {
	margin: 25px 0 0 0;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	color: #333;
	letter-spacing: 0em;
}
.contactBox h3 i {
	padding: 0 5px 0 0;
	font-size: 20px;
}
.contactBox table {
	margin: 15px 0 0 0;
	width: 100%;
	border-left: solid 1px #d2d2d2;
	border-right: solid 1px #d2d2d2;
	border-bottom: solid 1px #d2d2d2;
}
.contactBox th {
	padding: 12px 5px 12px 10px;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	display: block;
	background: #f5f5f5;
	border-top: solid 1px #d2d2d2;
}
.contactBox th span {
	margin: 0 0 0 6px;
	font-size: 11px;
	display: inline-block;
	line-height: 1;
	color: #FC3438;
}
.contactBox th i {
	padding: 0px 6px 0 0;
	font-size: 16px;
}
.contactBox th i.fa-male {
	padding: 0px 3px 0 0;
}

.contactBox td {
	padding: 15px 15px;
	font-size: 14px;
	line-height: 1.6;
	font-weight: bold;
	position: relative;
	border-top: solid 1px #d2d2d2;
	display: block;
}
.contactBox td.sel01 select {
	padding: 5px 8px;
	width: 100%;
	font-size: 14px;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.contactBox td.txt01 input {
	padding: 8px 5px;
	width: 96%;
	font-size: 14px;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.contactBox .message {
	margin: 15px 0 0 0;
}
.contactBox .message p {
	font-size: 18px;
	font-weight: bold;
}
.contactBox .message p i {
	padding: 0 5px 0 0;
	font-size: 18px;
}
.contactBox .message p span {
	margin: 0 0 0 6px;
	font-size: 11px;
	display: inline-block;
	line-height: 1;
	color: #FC3438;
}

.contactBox .message textarea {
	margin: 10px 0 0 0;
	padding: 2% 3% 3% 3%;
	width: 93%;
	font-size: 14px;
	border: solid 2px #ccc;
	line-height: 1.8;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.contactBox .message textarea::-webkit-input-placeholder {
    color: #bbb;
}
.contactBox .message textarea:-moz-placeholder {
    color: #bbb;
}
.contactBox .message textarea::-moz-placeholder {
    color: #bbb;
}
.contactBox .message textarea:-ms-input-placeholder {
    color: #bbb;
}

.contactBox .message p.naiyo {
	margin: 10px 0 0 0;
	padding: 15px;
	background: #f1f1f1;
	font-size: 14px;
	font-weight: normal;
}

.contactBox .sendArea {
	margin: 15px 0 0 0;
	text-align: center;
}
.contactBox .sendArea input {
	padding: 14px 10px 16px 10px;
	border: none;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 0.1em;
	background: none;
	width: 43%;
	border-radius: 50px;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.contactBox .sendArea input:hover {
	cursor: pointer;
}
.contactBox .sendArea input.reset {
	background: #999;
	color: #fff;
}
.contactBox .sendArea input.submit {
	margin: 0 0 0 5px;
	background: #FF7408;
	color: #fff;
}




/* ログインページ
---------------------------------*/
.loginBox {
	margin: 30px 0 0 0;
	padding: 0 15px;
}
.loginBox h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
}
.loginBox h2 i {
	padding: 0 5px 0 0;
	font-size: 18px;
}
.loginBox p.address {
	margin: 20px 0 0 0;
}
.loginBox p.address input {
	padding: 2% 3%;
	width: 93.555%;
	font-size: 14px;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.loginBox p.pass {
	margin: 10px 0 0 0;
}
.loginBox p.pass input {
	padding: 2% 3%;
	width: 93.555%;
	font-size: 14px;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.loginBox p.go {
	margin: 15px auto 0 auto;
	width: 80%;
	line-height: 0;
}
.loginBox p.go a {
	padding: 17px 0 15px 0;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: #EC484A;
	display: block;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	border-radius: 10px;
	border-bottom: solid 3px #830F10;
}
.loginBox p.go i {
	padding: 0 0 0 5px;
}

.loginBox p.lost {
	margin: 15px 0 0 0;
	line-height: 0;
	text-align: center;
}
.loginBox p.lost a {
	line-height: 1;
	text-decoration: none;
	color: #258fb8;
}

.loginBox .new {
	margin: 30px 0 0 0;
}
.loginBox .new h2 {
	margin: 0 0 20px 0;
}
.loginBox .new p {
	margin: 10px 0 0 0;
	text-align: center;
}
.loginBox .new p a {
	padding: 15px 0;
	display: block;
	line-height: 1;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	background: #33b6d2;
	border-radius: 10px;
	border-bottom: solid 3px #005264;
}

/* パスワード再発行
----------------------------------------*/
.lostBox {
	margin: 20px 0 0 0;
	padding: 0 15px;
}
.lostBox p.address {
	margin: 20px 0 0 0;
}
.lostBox p.address input {
	padding: 2% 3%;
	width: 93.555%;
	font-size: 14px;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.lostBox p.pass {
	margin: 10px 0 0 0;
}
.lostBox p.pass input {
	padding: 2% 3%;
	width: 93.555%;
	font-size: 14px;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.lostBox p.go {
	margin: 15px auto 0 auto;
	width: 80%;
	line-height: 0;
}
.lostBox p.go a {
	padding: 17px 0 15px 0;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background: #EC484A;
	display: block;
	line-height: 1;
	font-size: 14px;
	font-weight: bold;
	border-radius: 10px;
	border-bottom: solid 3px #830F10;
}
.lostBox p.go i {
	padding: 0 0 0 5px;
}
.lostBox p.chui {
	margin: 0 0 0 0;
	padding: 20px;
	background: #FFEEEE;
}




/* 評価する
-----------------------------------*/
.evaluationBox {
	margin: 20px 0 0 0;
	padding: 0 15px;
}
.evaluationBox .pr {
	display: table;
	width: 100%;
}
.evaluationBox p.icon {
	margin: 0 auto;
	width: 90px;
	display: table-cell;
	vertical-align: top;
}
.evaluationBox p.icon img {
	width: 100%;
	border-radius: 50%;
}
.evaluationBox .detail {
	padding: 0 0 0 15px;
	display: table-cell;
	vertical-align: middle;
}
.evaluationBox .detail h2 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
.evaluationBox .detail p.lastLogin {
	margin: 5px 0 0 0;
	font-size: 14px;
	line-height: 1;
}
.evaluationBox ul.prList {
	margin: 5px 0 0 0;
	letter-spacing: -0.5em;
}
.evaluationBox ul.prList li {
	margin: 0 0 0 7px;
	display: inline-block;
	letter-spacing: normal;
	line-height: 1;
}
.evaluationBox ul.prList li:first-child {
	margin: 0 0 0 0;
}
.evaluationBox ul.prList li span {
	display: inline-block;
	line-height: 1;
	vertical-align: bottom;
}
.evaluationBox ul.prList li span.inl {
	margin: 0 0 0 0;
	font-size: 12px;
	font-weight: bold;
}
.evaluationBox ul.prList li span.str {
	color: #f5e100;
	font-weight: bold;
	font-size: 15px;
	display: inline-block;
}

.evaluationBox .hoshi {
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	border-top: dashed 1px #ccc;
}
.evaluationBox p.godankai {
	font-size: 18px;
	font-weight: bold;
}
.evaluationBox p.godankai i {
	padding: 0 5px 0 0;
	font-size: 18px;
}
.evaluationBox .hoshi select {
	padding: 5px 8px;
	width: 100px;
	text-align: center;
	font-size: 14px;
	border: solid 1px #ccc;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
	color: #f5e100;
}

.evaluationBox .message {
	margin: 20px 0 0 0;
}
.evaluationBox .message p {
	font-size: 18px;
	font-weight: bold;
}
.evaluationBox .message p i {
	padding: 0 5px 0 0;
	font-size: 18px;
}
.evaluationBox .message p span {
	margin: 0 0 0 6px;
	font-size: 11px;
	display: inline-block;
	line-height: 1;
	color: #FC3438;
}

.evaluationBox .message textarea {
	margin: 10px 0 0 0;
	padding: 2% 3% 3% 3%;
	width: 93%;
	font-size: 14px;
	border: solid 2px #ccc;
	line-height: 1.8;
	font-family: dnp-shuei-mgothic-std, sans-serif;
	-webkit-appearance: none;
}
.evaluationBox .message textarea::-webkit-input-placeholder {
    color: #999;
}
.evaluationBox .message textarea:-moz-placeholder {
    color: #999;
}
.evaluationBox .message textarea::-moz-placeholder {
    color: #999;
}
.evaluationBox .message textarea:-ms-input-placeholder {
    color: #999;
}

.evaluationBox p.send {
	margin: 15px auto 0 auto;
	padding: 0 0 0 0;
	text-align: center;
	line-height: 1;
	width: 80%;
}
.evaluationBox p.send input {
	padding: 17px 0 15px 0;
	text-align: center;
	line-height: 1;
	background: #FC7275;
	border-bottom: solid 3px #770F11;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-radius: 10px;
}




/* 完了画面
-----------------------------------*/

.completionBox {
	margin: 20px 0 0 0;
	padding: 0 15px;
}
.completionBox p.txt {
	padding: 15px;
	background: #f6f6f6;
	line-height: 2;
	font-size: 15px;
	letter-spacing: 0.05em;
}
.completionBox p.txt i {
	padding: 0 0 0 5px;
	font-size: 16px;
}

p.bkBtn {
	margin: 20px auto 0 auto;
	line-height: 2;
	font-size: 15px;
	letter-spacing: 0.05em;
	text-align: center;
	width: 80%;
}
p.bkBtn i {
	padding: 0 5px 0 0;
	font-size: 16px;
}
p.bkBtn a {
	padding: 11px 0 10px 0;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	color: #33b6d2;
	border: solid 1px #33b6d2;
	display: block;
	border-radius: 5px;
}



/* アップロードページ用css */
.nolineUP .alertBox:before {
	display: none!important;	
}
.nolineUP .shopDetail {
    margin: 20px 0 0 0;
}
.nolineUP section {
	padding-top: 0!important;
}
.nolineUP main {
	margin-top: 15px;
}
.alertBox p.henshu.fst {
	margin-top: 30px;
}

.shopDetail p.aid {
	margin: 15px 0 0 0;
}
.shopDetail p.aid i {
	padding: 0 5px 0 0;
}


/* ボートショッププロフィール系 */
.henko {
	margin-top: 10px;
}
.input_frm {
	margin-top: 6px;
	padding: 3%;
	width: auto;
	line-height: 1.6;
	position: relative;
	top: -1px;
}
td label {
	padding: 0 0 0 6px;
}




/* 広告見出し
-----------------------------------*/
.adsTop {
	margin: 30px 0 30px 0;
}
.adsTop p.mid {
	margin: 0 0 15px 0;
	padding: 0 10px;
	font-size: 13px;
	color: #333;
	line-height: 1;
}

.adsLog {
	margin: 30px 0 30px 0;
}
.adsLog p.mid {
	margin: 0 0 15px 0;
	padding: 0 10px;
	font-size: 13px;
	color: #333;
	line-height: 1;
}