/* ===========================
logo
============================*/
.g_logo {
	float: left;
}

.g_logo a {
	text-decoration: none;
	font-size: 160%;
	color: #366b02;
	font-weight: bold;
}

.hp_link {
	float: right;
	margin-top: 15px;
}

/* ===========================
menu
============================*/
#portal_menu {
	background: #4ca627 url(../../one/images2/navi_bg.png) repeat-x;
}

#portal_menu ul {
	width: 950px;
	margin: 0 auto;
}

#portal_menu ul li {
	float: left;
	padding: 0;
}

#portal_menu ul li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* ===========================
footer
============================*/
#portal_footer {
	margin-top: 70px;
	padding-bottom: 10px;
	background: #489827;
}

/* ===========================
menu
============================*/
.plan_title {
	background: url(../../one/images2/icon_golf.png) left center no-repeat;
	padding-left: 35px;
}

/* ===========================
icon
============================*/
.no_entry {
	background: url(../../one/images2/no_entry.png) center center no-repeat;
}

.m_info {
	background: url(../../images_vg/common/member_info.png) left center no-repeat;
	padding-left: 43px;
}

/* ===========================
ac_select
============================*/
.ac_select dt {
	cursor:pointer;
	background: url(../../images_vg/common/acco_open.png) right center no-repeat;
	padding-right: 150px;
}

.ac_select dt a { color: #fffd2e; text-decoration: underline; }

.ac_select dd {
	display:none;
}

.ac_select dt.active {
	background: url(../../images_vg/common/acco_close.png) right center no-repeat;
}

/* ===========================
balloon
============================*/
.balloon {
position: relative;
color: #333;
}

.balloon::before {
content: "";
position: absolute;
border: 7px solid transparent;
border-top: 10px solid #d7d0aa;
top: 100%;
left: 5%;
}

.balloon p {
margin: 0;
padding: 9px 10px;
border: 3px #d7d0aa solid;
border-radius: 12px;
text-align: center;
}

.balloon-other {
	background:#f0eaca;
	color:#817d64;
}

/* ===========================
memo
============================*/
.memo:hover{cursor:pointer;}
.memo-profile{position:relative;background:#fff4cf;border-radius:5px;padding:3%;;font-size:0.9rem;}
.memo-profile::before{content:'';position:absolute;left:10%;top:-24px;margin-top:0px;border:12px solid transparent;border-bottom:12px solid #fff4cf;}
.memo-profile textarea{font-size:0.9rem;width:94%;}

.tab_3{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;}
.tab_3 li{width:33%;text-align:center;cursor:pointer;background:#e7e4dd;color:#0d1300;padding-top:15px;padding-bottom:15px;border-top:1px #e7e4dd solid;border-left:1px #e7e4dd solid;border-right:1px #e7e4dd solid;}
.tab_3 li:hover{background:#000;color:#FFF;}
.tab_3 li.select{background:#FFF;color:#000;background:url("../../images_vg/icon/arrow_down.png") no-repeat center bottom;}

.tunagari_list ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:20px;}
.tunagari_list li{width:17.5%;}
.tunagari_list li .nickname{text-align:center;}
.tunagari_list li .nickname span{font-size:0.8rem;}
.tunagari_list li .times{border:1px #CCC solid;padding:3px;text-align:center;border-radius:5px;margin-top:5px;margin-bottom:5px;}

.tunagari_icon{display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:center;}
.tunagari_icon dt{width:49%;text-align:right;}
.tunagari_icon dd{width:49%;text-align:left;}
.tunagari_icon img{width:80%;}

.tunagari_config{display:flex;justify-content:space-between;}
.tunagari_config div{width:calc(32.4% - 2px);border-radius:3px;}
.tunagari_config a{display:block;}
.tunagari_config dt,.tunagari_config dd{padding:3px 0;text-align:center;}
.tunagari_config i{font-size:120%;}
.tunagari_config_web{border: 1px #fdb900 solid;}
.tunagari_config_web dt{background:#fdb900;color:#4d2600;}
.tunagari_config_mail{border:1px #007cbc solid;}
.tunagari_config_mail dt{background:#007cbc;color:#ffffff;}
.tunagari_config_bad{border:1px #a8a89c solid;}
.tunagari_config_bad dt{background:#a8a89c;color:#ffffff;}

.tunagari_bad ul{display:flex;flex-wrap:wrap;}
.tunagari_bad li{width:calc(44% - 2px);margin:0 1% 10px 1%;padding:2%;border:1px #DDD solid;border-radius:2px;}
.tunagari_bad dl{display:flex;justify-content:space-between;}
.tunagari_bad dt{width:40%;text-align:center;}
.tunagari_bad dd{width:48%;position:relative;background:#fff4cf;border-radius:5px;padding:3% 3% 3% 5%;;font-size:0.8rem;}
.tunagari_bad dd::before{content:'';position:absolute;width:0;height:0;left:-15px;top:50%;margin-top:-15px;border-right:15px solid #fff4cf;border-top:15px solid transparent;border-bottom:15px solid transparent;}
.tunagari_bad dd p{color:#777;}
.tunagari_bad img{width:80%;}
.tunagari_bad textarea{width:90%;font-size:0.8rem;}
.tunagari_bad2 li{width:calc(44% - 2px);margin:0 1% 10px 1%;padding:2%;border:1px #DDD solid;border-radius:2px;}
.tunagari_bad5 li{width:calc(21% - 2px);margin:0 1% 10px 1%;padding:1%;border:1px #DDD solid;border-radius:2px;}

.tunagari_bad .nickname{text-align:center;font-size:0.8rem;margin-top:5px;line-height:130%;}
.tunagari_bad .nickname span{font-size:0.7rem;}

.memo:hover{cursor:pointer;}
.memo-profile{position:relative;background:#fff4cf;border-radius:5px;padding:3%;;font-size:0.9rem;}
.memo-profile::before{content:'';position:absolute;left:10%;top:-24px;margin-top:0px;border:12px solid transparent;border-bottom:12px solid #fff4cf;}
.memo-profile textarea{font-size:0.9rem;width:94%;}

.man{color:#005D98;}
.woman{color:#fb3030;}
.bs_grey03{border:3px #e8e3d3 solid;}

.flex2{display:flex;justify-content:space-between;}
.flex2 li{width:48%;}

.play_history_box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.play_history_box li{width:47%;margin-bottom:20px;}
.play_history{padding:10px 10px;border-radius:5px;border:1px #E4E4E4 solid;margin-bottom:10px;font-size:0.95rem;}
.play_history .list_name{padding:10px;background:#5d9e01;color:#FFF;border-radius:5px;}
.play_history .list_name span{margin-left:10px;}
.play_history ul{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:10px;}
.play_history ul li{width:31.5%;text-align:center;margin-bottom:5px;font-size:88%;}
.play_history ul li.nickname{font-size:0.9rem;line-height:115%;}
.play_history ul li.nickname span{font-size:0.7rem;}
.play_history ul li .times{border:1px #CCC solid;padding:3px;text-align:center;border-radius:5px;}

.tunagari_bad ul{display:flex;flex-wrap:wrap;}
.tunagari_bad li{width:calc(44% - 2px);margin:0 1% 10px 1%;padding:2%;border:1px #DDD solid;border-radius:2px;}
.tunagari_bad dl{display:flex;justify-content:space-between;}
.tunagari_bad dt{width:40%;text-align:center;}
.tunagari_bad dd{width:48%;position:relative;background:#fff4cf;border-radius:5px;padding:3% 3% 3% 5%;;font-size:0.8rem;}
.tunagari_bad dd::before{content:'';position:absolute;width:0;height:0;left:-15px;top:50%;margin-top:-15px;border-right:15px solid #fff4cf;border-top:15px solid transparent;border-bottom:15px solid transparent;}
.tunagari_bad dd p{color:#777;}
.tunagari_bad img{width:80%;}
.tunagari_bad textarea{width:90%;font-size:0.8rem;}
.tunagari_bad2 li{width:calc(44% - 2px);margin:0 1% 10px 1%;padding:2%;border:1px #DDD solid;border-radius:2px;}
.tunagari_bad5 li{width:calc(21% - 2px);margin:0 1% 10px 1%;padding:1%;border:1px #DDD solid;border-radius:2px;}

.tunagari_bad .nickname{text-align:center;font-size:0.8rem;margin-top:5px;line-height:130%;}
.tunagari_bad .nickname span{font-size:0.7rem;}

/* ===========================
friends entry
============================*/
.friends-entry{background:#64A700;color:#FFF;}
.friends-entry_title{font-size:1.8rem;font-weight:bold;margin-bottom:10px;text-align:center;letter-spacing:1px;}
.friends-entry_content{font-size:0.9rem;letter-spacing:0.6px;}
.friends-text{line-height:180%;letter-spacing:1px;}

.friends-limit{display:flex;border-top:4px #D50000 solid;border-bottom:4px #D50000 solid;border-right:4px #D50000 solid;letter-spacing:1px;}
.friends-limit dt{background:#D50000;color:#FFF;padding:8px 15px;}
.friends-limit dd{padding:8px 15px;font-size:106%;letter-spacing:0.5px;letter-spacing:1.5px;}
.friends-limit dd font{font-size:80%;}

.friend-attention_title{font-size:136%;margin:0 10px 5px 10px;color:#D50000;font-weight:bold;}
.friend-attention{border:1px #D50000 solid;padding:10px 10px 5px 10px;margin:0 10px;}
.friend-attention li{list-style:disc;margin-left:15px;margin-bottom:5px;padding-left:5px;letter-spacing:1px;}

.friends-list ul{display:flex;flex-wrap:wrap;}
.friends-list li{width:calc(14% - 2px);margin:0 1% 10px 1%;padding:2%;border:1px #DDD solid;border-radius:2px;text-align:center;position:relative;padding-bottom:50px;}
.friends-list li img{height:90px;}
.friends-list li p{margin-top:5px;letter-spacing:0px;text-align:center;line-height:120%;}
.friends-list li p span{font-size:84%;}
.friends-list li label{display:block;font-size:0.85rem;letter-spacing:0px;padding:3px;}
.friends-list li label:hover,.friends-list li input:hover{cursor:pointer;}
.friend-check{position:absolute;bottom:7px;left:0px;width:92%;margin:0 4%;border-top:1px #CCC solid;padding-top:7px;}
.friends-text{padding:0 10px;}
.friend-all_check{margin:10px;border:1px #CCC solid;font-size:0.85rem;}
.friend-all_check label{display:block;padding:7px;}
.friend-all_check label:hover,.friend-all_check input:hover{cursor:pointer;}
.friends-list textarea{width:95%;padding:2%;font-size:106%;}

.friends-list_confirm ul{display:flex;flex-wrap:wrap;}
.friends-list_confirm li{width:calc(19% - 2px);margin:0 1% 10px 1%;padding:2%;border:1px #DDD solid;border-radius:2px;text-align:center;}
.friends-list_confirm li img{height:90px;}
.friends-list_confirm li p{margin-top:5px;letter-spacing:0px;text-align:center;line-height:120%;}

.friends-invitation{padding:0 10px;}
.friends-invitation dl{display:flex;justify-content:space-between;}
.friends-invitation dt{width:20%;text-align:center;}
.friends-invitation dt img{width:100%;max-width:100px;}
.friends-invitation dd{width:calc(75% - 34px);border:3px #CCC solid;border-radius:10px;padding:15px;font-size:118%;}
.friends-invitation dt p{text-align:center;}
.friends-invitation_title{border:1px #CCC solid;}

.ticker_friend a{display:block;background:#F1D900;border-radius:10px;border:#C7AD00 2px solid;text-decoration:none;padding:5px;text-align:center;}
.ticker_friend span{background:#DC0000;color:#FFF;border-radius:5px;padding:0px 5px;display:inline-block;font-size:0.7rem;}
.ticker_friend strong{color:#551C00;}

/* ===========================
/*form*/
============================*/
.check_select p { display: inline-block; margin-right: 10px; margin-bottom: 5px; }
.check_select input[type="checkbox"] { border: 1px solid #CCCCCC; vertical-align: -8px; -webkit-appearance: none; position: relative; margin-right: 5px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; width: 24px; height: 24px; background: #e2e2e2; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #ffffff), color-stop(1.00, #e2e2e2) ); background: linear-gradient(to bottom, #ffffff 0%, #e2e2e2 100% ); }
.check_select input[type="checkbox"]:checked { background: #99cc00; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #058fc9), color-stop(1.00, #04709d) ); background: linear-gradient( to bottom, #058fc9 0%, #04709d 100% ); border: 1px solid #336600; }
.check_select input[type="checkbox"]:checked:before { position: absolute; left: 0px; top: 15px; display: block; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5); content: ""; width: 11px; height: 4px; background: #ffffff; -webkit-transform: rotate(45deg); -webkit-transform-origin: right center; }
.check_select input[type="checkbox"]:checked:after { display: block; position: absolute; left: 9px; top: 14px; content: ""; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5); width: 15px; height: 4px; background: #ffffff; -webkit-transform: rotate(-53deg); -webkit-transform-origin: left center; }

.check01 { display: none; }
.check01-parts { position: relative; padding-left: 26px; }
.check01-parts::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 19px;  height: 19px; border: 1px solid #CCC; border-radius: 4px; }
.check01:checked + .check01-parts { color: #e60101; font-weight: bold; }
.check01:checked + .check01-parts::after { content: ""; display: block; position: absolute; top: -3px; left: 6px; width: 8px; height: 16px; transform: rotate(40deg); border-bottom: 3px solid #e60101; border-right: 3px solid #e60101; }


.mypage_event{display:flex;justify-content:space-between;}
.mypage_event dt{width:350px;}
.mypage_event dd{width:590px;}

.pagination span{padding:5px 10px;font-weight:bold;color:#999;}
.pagination a{padding:5px 10px;color:#000;}
.pagination a:hover{background:#000;color:#FFF;border-radius:5px;}