body{
	font-size: 13px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	-webkit-text-size-adjust: 100%;
}

body::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    box-shadow: 0 0 1px rgba(255,255,255,.5);
}

.translated-ltr body.header_bg, .translated-rtl body.header_bg{
  background-position: center 40px;
}

a{
	text-decoration: underline;
	outline: none;
	color: #1D56AC;
	word-break: break-all;  
}
a:hover{
    color: #5390ec;
}
a:visited{
	color: #7878c3;
}

#wraper{
	width: 1024px;
	margin: 0 auto;
	padding: 0 12px;
}
#wraper:after   {  
    content: "";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}  

#centercolumn {
    font-size: 14px;
    line-height: 170%;
    word-break: break-word;
}
#centercolumn:after   {  
    content: "";  
    display: block;  
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;  
    clear: both;  
}

.breadcrumb_area{
    height: 36px;
    padding-top: 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
}

/*//// 131122 追加 ここから///*/
#pagetitle{
	background: url('../img/pagetitle_bg3.gif') no-repeat;
	height: 60px;
	padding: 0 0 0 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2{
	font-size: 20px;
	font-weight: bold;
}

#pagetitle h2{
	float: left;
	margin: 0;
	line-height: 60px;
}

h3{
	font-size: 14px;
	font-weight: bold;
	border-bottom: 3px solid #3b9521;
	border-radius: 4px 4px 0 0;
	padding: 13px 13px 7px 13px;
	background: url('../img/headline_bg02.gif');
}

h3.reset{
        background: none;
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
        font-size: inherit;
}

body.plan2 h3, body.plan3 h3{
  background: none;
	padding: 65px 0 10px 0;
	border: none;
	border-radius: 0;
	font-size: 18px;
	margin-top: 5px;
}

body.plan3 h3:first-child{
  padding-top: 10px;
}
body.plan3 h3{
  padding-top: 40px;
}

body.plan2 h3 span, body.plan3 h3 span{
  display: inline-block;
  background-color: #88c000;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  margin-right: 10px;
  color: #fff;
  font-family: 'helvetica', 'Arial';
  font-size: 24px;
}

body.plan2 #centercolumn h4, body.plan3 #centercolumn h4{
  font-size: 16px;
  margin-top: 20px;
  padding: 4px 0 4px 10px;
  font-weight: 700;
  border-left: 6px solid #88c000;
}

#pagetitle .btn_area{
	float: right;
	height: 53px;
	background: url('../img/btn_area_bg.gif') repeat-x top right;
	padding: 11px 12px;
	border-radius: 4px 4px 0 0;
	font-size: 0;
}
#pagetitle .btn_area form{
	display: inline-block;
}
#pagetitle .btn_area a{
	text-decoration: none;
	display: inline-block;
	margin-left: 10px;
}
#pagetitle .btn_area a:visited{
	color: #333333;
}
#pagetitle .btn_area a:first-child{
	margin: 0;
}

.form-inline .form-control{
	max-width: 160px;
	margin-right: 5px;
}

.form-inline .form-control.reset{
  max-width: none;
  margin: 0;
}

#pagetitle .btn_area .form-inline .form-control{
	width: 200px;
}

#centercolumn .info, #leftcolumn .info{
	margin-bottom: 10px;
	border: 1px solid #8cb082;
	padding: 10px 15px;
	border-radius: 4px;
	background: #fdfff7;
}
#centercolumn .info ul, #leftcolumn .info ul{
	margin: 0;
	padding: 0;
}
#centercolumn .info li, #leftcolumn .info li{
	list-style: none;
	padding: 5px 0;
}

/* マイページ */
#mypage_header{
	background: url('../img/mypage_bg.gif') no-repeat 0 50px;
	padding: 0 20px;
	height: 110px;
}

#mypage_header .profile_img{
	width: 100px;
	height: 100px;
	padding: 4px;
	box-shadow: 0px 0px 3px #ccc;
	background: #fff;
	float: left;
	margin-right: 20px;
}

#mypage_header .user_name{
	font-weight: bold;
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size: 22px;
	line-height: 40px;
	margin: 10px 0 8px 0;
}

#mypage_header .profile_stats{
	background: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: inline-block;
	border-radius: 4px;
}

#mypage_header .profile_stats li{
	list-style: none;	
	display: inline-block;
	padding: 4px 12px;
	border-right: 1px solid #ccc;
}
#mypage_header .profile_stats li:last-child{
	border-right: none;
}
#mypage_header .profile_stats li strong{
	font-family: "Helvetica Neue",Arial,sans-serif;
	display: block;
	font-size: 16px;
	margin-bottom: -9px;
}
#mypage_header .profile_stats li span{
	font-size: 10px;
	color: #777;
}

#mypage_header .btn_area{
	margin-top: 5px;
	float: right;
}

#mypage_header .profile_data{
	background: #fdfff7;
	border: 1px solid #8cb082;
	float: right;
	margin: 0 0 0 0;
	border-radius: 4px;
	padding: 5px 10px;
	overflow: hidden;
	width: 250px;
	font-size:13px;
}
#mypage_header .profile_data dt{
	float: left;
	width: 80px;
	margin-top: 5px;
	font-weight: normal;
}
#mypage_header .profile_data dd{
	white-space: nowrap;
	overflow: hidden;
	margin-top: 5px;
}

/* テーブル リスト表示 */
#centercolumn .title{
	font-weight: bold;
}

#centercolumn .odd, #centercolumn .even{
	padding: 10px;
}
#centercolumn .even{
	background: #f8f4ed;
}

#centercolumn table .head{
	border-bottom: 4px solid #FFFFFF;
	text-shadow: none;
	font-size: 12px;
}

#centercolumn table .head th, #centercolumn table .head td{
	padding: 6px 10px;
	line-height: 130%;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #fff;
}

#centercolumn table#question_table td {
	vertical-align: middle;
	white-space: nowrap;
	padding: 10px;
}

/* タイトル部分はユーザー投稿で文字長が固定ではないためwrapさせる */
#centercolumn table#question_table .title {
	white-space: normal;
}

.notetext{
	margin-left: 95px;
}

#centercolumn table th{
	background: #937952;
	font-weight: bold;
	padding: 5px 15px;
	color: #fff;
}
#centercolumn table th a{
	background: #fff;
	padding: 2px 10px;
	border-radius: 2px;
	float: right;
}
#centercolumn table.unstyled{
  border-collapse: separate;
}
#centercolumn table.unstyled th{
  background: none;
  color: inherit;
  min-width: 80px;
  font-size: 12px;
  vertical-align: top;
  padding: 10px;
}
#centercolumn table.border th,
#centercolumn table.border td{
  border-bottom: 1px solid #ccc;
	border-radius: 0;
}
#centercolumn table.border tr:first-child th,
#centercolumn table.border tr:first-child td{
  border-top: 1px solid #ccc;
}
#centercolumn table.border th{
  border-left: 1px solid #ccc;
}
#centercolumn table.border tr td:last-child{
  border-right: 1px solid #ccc;
}
#centercolumn table.border tr:first-child th{
	border-radius: 4px 0 0 0;
}
#centercolumn table.border tr:first-child td:last-child{
	border-radius: 0 4px 0 0;
}
#centercolumn table.border tr:last-child th:first-child{
	border-radius: 0 0 0 4px;
}

#centercolumn table.border tr:last-child td:last-child{
	border-radius: 0 0 4px 0;
}

/* ローカルナビ */

#l_navi{
	clear: both;
	font-size:13px;
}
#l_navi ul{
  margin: 0;
  padding: 0;
  border: 1px solid #c1c1c1;
  border-radius: 4px;
  display: table;
  width: 100%;
  background-color: #faf9f8;
}

#l_navi ul.sub{
	margin-top: 5px;
}

#l_navi li{
  list-style: none;
  line-height: 1.4;
  float: left;
  border-right: 1px solid #cecece;
  vertical-align: middle;
  position: relative;
}

#l_navi ul li a, #l_navi ul li span{
  height: 42px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-size: 12px;
  padding: 0 8px;
  line-height: 1.2;
}
#l_navi ul.sub li a, #l_navi ul.sub li span{
	height: 30px;
}
#l_navi li a{
	color: #333;
	text-decoration: none;
}
#l_navi li a.selected{
	background-color: #f79600;
	color: #ffffff;
}
#l_navi li span{
	background: #f39500;
	color: #fff;
}
#l_navi li:first-child span{
	border-radius: 3px 0 0 3px;
}
#l_navi ul ul{
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  min-width: 120px;
  z-index: 10;
}

#l_navi li.has_child{
  background-image: url('../img/arrow09_d.png');
  background-repeat: no-repeat;
  background-position: center 34px;;
}

#l_navi ul li:last-child ul{
  right: 0;
  left: inherit;
}

#l_navi ul ul li{
  display: block;
  border-right: none;
  border-bottom: 1px solid #cecece;
  float: none;
}

#l_navi ul ul li:last-child{
  border-bottom: none;
}

#l_navi ul ul li a, #l_navi ul ul li span{
  justify-content: left;
  height: 36px;
}



/* ページャー */
#pagelist { 
	padding: 9px 10px;
	background: url("../img/pagelist_bg.gif") repeat-x top #c1d676;
	border-radius: 4px;
	margin: 10px 0;
}

#pagelist .btn-group{
	float: left;
	margin-right: 10px;
}
#pagelist .btn-group a{
	text-decoration: none;
}
#pagelist .btn-group .dropdown-menu {
    font-size: 12px;
}

#pagelist .pager a { 
	padding:0.1em 0.4em;
	background: #fff;;
	text-decoration: none;
	border-radius: 2px;
	color: #3b9521;
	display: inline-block;
}
#pagelist .pager a:hover { 
	padding:0.1em 0.4em; 
	color:#FFFFFF;
	background:	#3b9521;
}


#pagelist .pager{
	text-align: right;
	margin: 0;
}

#pagelist .pager span { 
	padding:0.1em 0.4em; 
	color:#fff;
	background:#3b9521;
	border-radius: 2px;
	display: inline-block;
}

#pagelist .pager a.pager_arrow_next01{
	background: url("../img/pager_arrow_next01.png") no-repeat 5px 6px #5a5a5a;
	width: 22px;
	margin-left: 5px;
}
#pagelist .pager a.pager_arrow_next02{
	background: url("../img/pager_arrow_next02.png") no-repeat 5px 6px #5a5a5a;
	width: 22px;
}
#pagelist .pager a.pager_arrow_prev01{
	background: url("../img/pager_arrow_prev01.png") no-repeat 5px 6px #5a5a5a;
	width: 22px;
	margin-right: 5px;
}
#pagelist .pager a.pager_arrow_prev02{
	background: url("../img/pager_arrow_prev02.png") no-repeat 5px 6px #5a5a5a;
	width: 22px;
}

#pagelist .pager a.pager_arrow_next01:hover,
#pagelist .pager a.pager_arrow_next02:hover{
	background-color: #888888;
}

#sidebar .sub_menu li.accent{
	background: #c5e27c;
}

#pagelist.rounded{
  background: none;
  font-size: 0;
  margin: 30px 0;
}

#pagelist.rounded .pager{
  text-align: center;
}

#pagelist.rounded .pager a,
#pagelist.rounded .pager span{
  line-height: 24px;
  min-width: 24px;
  padding: 0;
  border-radius: 50px;
  font-size: 14px;
  margin: 0 3px;
}

#pagelist.rounded .pager a{
  background-color: #efefef;
}
#pagelist.rounded .pager a:hover{
  color: #3b9521;
  opacity: 0.7;
}

#pagelist.rounded .pager .pager_arrow{
  background-color: #5a5a5a;
  background-position: center center;
}

#pagelist.rounded .pager .pager_arrow:hover{
  background-color: #5a5a5a;
}

/*//// 131122 追加 ここまで ///*/


/*//// HEADER ///*/

#header{
  margin-bottom: 18px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
}
#header:after{
  content: ""; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

#header .inner, #header_small .inner{
  width: 1024px;
  padding: 0 12px;
  margin: 0 auto;
}

#header .box01, #header_small .box01{
  line-height: 29px;
	color: #fff;
  background-color: #3b9521;
  overflow: hidden;
  padding: 0 12px;
}
.translated-ltr #header, .translated-rtl #header,
.translated-ltr #header_small, .translated-rtl #header_small{
  width: 1080px;
  margin-left: -40px;
}
.translated-ltr #header .box02, .translated-rtl #header .box02{
  width: 905px;
}
.translated-ltr #header h1, .translated-rtl #header h1{
  margin-left: 0;
  margin-top: 8px;
}
.translated-ltr #header h1 img, .translated-rtl #header h1 img{
  width: 150px;
  height: auto;
}
.translated-ltr #header #logo_10thaniv, .translated-rtl #header #logo_10thaniv{
  top: 96px !important;
  left: -25px !important;}
.translated-ltr #menu .global_menu, .translated-rtl #menu .global_menu{
  table-layout: auto;
}
.translated-ltr .translated-hide, .translated-rtl .translated-hide{
  display: none;
}

#header .link, #header_small .link{
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

#header .link a, #header_small .link a{
	color: #fff;
	text-decoration: underline;
	padding-left: 21px;
  line-height: 16px;
  display: inline-block;
}

#header .link li, #header_small .link li{
	display: inline;
	border-left: 1px solid #fff;
	padding: 0 10px;
}
#header .link li:first-child, #header_small .link li:first-child{
	border-left: none;
}
#header .link li:last-child, #header_small .link li:last-child{
	margin-right: 0;
}

#header .link .l01 a, #header_small .link .l01 a{ background: url('../img/hd_ico01.gif') no-repeat; }
#header .link .l02 a, #header_small .link .l02 a{ background: url('../img/hd_ico02.gif') no-repeat; }
#header .link .l03 a, #header_small .link .l03 a{ background: url('../img/hd_ico03.gif') no-repeat; }
#header .link .l04 a, #header_small .link .l04 a{ background: url('../img/hd_ico04.gif') no-repeat; }

#header h1{
	margin: 20px 0 0 24px;
	float: left;
}

#header .box02{
	float: right;
	width: 770px;
	padding-top: 12px;
}
#header .box02 .block01{
	float: left;
	height: 50px;
} 

#header .box02 .block02{
	float: right;
	padding-top: 7px;
	font-size: 0;
}
#header .box02 .block02 .txt{
	font-size: 13px;
	margin-right: 5px;
}
#header .box02 .block02 a{
	margin-left: 5px;
}

.notice_icon{
  font-size: 0;
  width: 36px;
  height: 36px;
  border-radius: 6px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background: url('../img/bell.png') no-repeat #f1f1f1;
  background-position: 1px 1px;    
  cursor: pointer;
}

#header .box02 .block02 .notice_icon{
  width: 34px;
  height: 34px;
  margin: -7px 20px 0;
  background-position: 0 0;
}

.notice_icon span{
  font-size: 10px;
  color: #fff;
  background-color: red;
  display: block;
  position: absolute;
  line-height: 16px;
  min-width: 16px;
  text-align: center;
  border-radius: 6px;
  padding: 0 3px;
  top: -6px;
  right: -6px;
  font-weight: bold;
  font-family: sans-serif;
}

#header .box02 .block02 .notice_icon span{
}

#header .box02 .block01 .form-inline .form-control{
	width: 220px;
	float: left;
}

#header .block02 a.login_button,
#header .block02 a.new_regist_button {
  text-decoration: none;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: bold;
}
a.login_button{
  background-color: #616161;
}
a.new_regist_button{
  background-color: #d1568b;
}
#header .block02 a.login_button{
  padding: 6px 20px;
}
#header .block02 a.new_regist_button{
  font-size: 14px;
  padding: 8px 20px;
}

/*//// MENU ///*/

#menu{
	clear: both;
}
#menu ul, #menu li{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu .global_menu{
  display: table;
  width: 100%;
  border-right: 1px solid #fff;
  border-left: 1px solid #e1e1e1;
  table-layout: fixed;
}
#header_small #menu .global_menu{
  width: 530px;
  table-layout: auto;
}
body.header_bg_ad #header_small #menu .global_menu{
    width: 850px;
}

#menu .global_menu > li{
  display: table-cell;
  float: none;
  text-align: center;
  border-right: 1px solid #e1e1e1;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  vertical-align: bottom;
  background-size: auto 77px;
}
#header_small #menu .global_menu > li{
  background: none;
  height: 52px;
}

#menu .global_menu > li > a{
  color: #333;
  font-weight: bold;
  border-bottom: 6px solid rgba(255, 255, 255, 0);
  display: block;
  text-decoration: none;
  height: 77px;
  font-size: 13px;
  padding: 44px 4px 0 4px;
}
#header_small #menu .global_menu > li > a{
  border-bottom: 4px solid rgba(255, 255, 255, 0);
  padding: 20px 5px 14px 5px;
  line-height: 14px;
  height: inherit;
  font-size: 12px;
}
body.header_bg_ad #header_small #menu .global_menu > li > a{
    font-size: 13px;
}

#menu .global_menu > li > a#menu_others{
  background: url("../img/menu07_arrow@2x.png") no-repeat center top;
  background-size: 48px 154px;
}
#header_small .global_menu > li > a#menu_others{
  background-position: center -26px;
}
#menu .global_menu > li > a#menu_others.over{
  background-position: center -76px;
}
#header_small #menu .global_menu > li > a#menu_others.over{
  background-position: center -100px;
}

#menu .global_menu > li > a:hover{
  border-bottom: 6px solid #3b9521;
}
#menu .global_menu > li > a#menu_others:hover{
  border-bottom: 6px solid rgba(255, 255, 255, 0);
}
#header_small #menu .global_menu > li > a:hover{
  border-bottom: 4px solid #3b9521;
}
#header_small #menu .global_menu > li > a#menu_others:hover{
  border-bottom: 4px solid rgba(255, 255, 255, 0);
}

#menu .global_menu > li.menu_record{
  background-image: url("../img/menu01@2x.png");
}
#menu .global_menu > li.menu_plan{
  background-image: url("../img/menu02@2x.png");
}
#menu .global_menu > li.menu_data{
  background-image: url("../img/menu03@2x.png");
}
#menu .global_menu > li.menu_diary{
  background-image: url("../img/menu04@2x.png");
}
#menu .global_menu > li.menu_note{
  background-image: url("../img/menu05@2x.png");
}
#menu .global_menu > li.menu_question{
  background-image: url("../img/menu06@2x.png");
}
#menu .global_menu > li.menu_insurance{
  background-image: url("../img/menu08@2x.png");
}
#menu .global_menu > li.menu_others{
  background-image: url("../img/menu07@2x.png");
}

#menu .sub{
	background: #f8f6f3;
	border-radius: 3px;
	border-top: 4px solid #3b9521;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
  z-index: 2000;
  display: none;
  position: absolute;
  top: 77px;
  right: 0;
  min-width: 470px;
  padding: 10px 0px 10px 20px;
  white-space: nowrap;
}
#menu .sub ul{
  display: inline-block;
  margin-right: 40px;
  vertical-align: top;
}

#menu .sub li{
	float: none;
	line-height: 28px;
	text-align: left;
}

#menu .sub li a{
	padding-left: 15px;
	background: url("../img/arrow01.png") no-repeat 0px 8px;
	display: block;
	color: #333;
	width: 100%;
	text-decoration: none;
}

#menu .sub li a:hover{
	text-decoration: underline;
}

/*//// PROMOTION ///*/

#promotion{
	background: #ccc;
	margin-bottom: 20px;
	display:none;
	border-radius:6px;
	overflow:hidden;
}

#promotion .inner{
}

#promotion .inner .slide{	
	height: 320px;
}

#promotion .inner .slide01{
	background: url("../img/slide_img01b.jpg") no-repeat;
}
#promotion .inner .slide02{
	background: url("../img/slide_img02b.jpg") no-repeat;
}

#promotion .inner .slide01 .data{
	background: url("../img/top_data_bg3.png") no-repeat;
	width: 423px;
	height: 70px;
	margin: 214px 0 0 55px;
	padding: 32px 10px 0 62px;
}
#promotion .inner .slide01 .data .item{
	float: left;
	width: 164px;
	text-align: right;
	margin-right: 0;
	font-weight: bold;
}
#promotion .inner .slide01 .data .item.right{
	width: 187px;
}
#promotion .inner .slide01 a.top_btn01{
	position: absolute;
	background-image: url("../img/top_btn01.png");
	background-repeat: no-repeat;
	height: 37px;
	width: 150px;
	top: 160px;
	left: 328px;
	display: block;
	border-radius: 6px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
}
#promotion .inner .slide01 a.top_btn01:hover{
	background-position: 0 -37px;
}
#promotion .inner .slide01 .data .num{
	font-size: 24px;
	color: #00a3c1;
}

#promotion .inner .slide01 .slide_btn02{
	left: 537px;
    position: absolute;
    top: 34px;
    box-shadow: 0px 0px 6px rgba(0,0,0,0.2);
    border-radius: 8px;
}
#promotion .inner .slide01 .slide_btn02 a img:hover{
	opacity: 0.7;
}

#promotion .inner .slide02 .mov{
	margin: 25px 0 0 550px;	
}

#promotion .inner .slide02 a.signup{
	position: absolute;
	top: 228px;
	left: 51px;
	width: 283px;
	height: 65px;
	display: block;
	background-image: url("../img/signup_btn.png");
	background-repeat: no-repeat;
}
#promotion .inner .slide02 a.signup:hover{
	background-position: 0 -65px;
}
#promotion .inner .slide02 a.more{
	position: absolute;
	top: 273px;
	left: 786px;
	width: 160px;
	height: 31px;
	display: block;
	background-image: url("../img/more_premium.png");
	background-repeat: no-repeat;
}
#promotion .inner .slide02 a.more:hover{
	background-position: 0 -31px;
}
.bx-wrapper{
	margin-bottom: 65px;
}
.bx-wrapper .bx-pager{
	padding-top: 1px;
	height: 48px;
	overflow: hidden;
}
.bx-wrapper .bx-pager.bx-default-pager a{
	background-image: url("../img/slideshow_navi.png");
	background-repeat: no-repeat;
	height: 48px;
	width: 333px;
	border-radius: 0;
	margin: 0;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a{
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a{
	background-position: -333px 0;
	width: 334px;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a{
	background-position: -667px 0;
	
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a:hover{
	background: url("../img/slideshow_navi.png");
	background-position: 0 -48px;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a:hover{
	background: url("../img/slideshow_navi.png");
	background-position: -333px -48px;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a:hover{
	background: url("../img/slideshow_navi.png");
	background-position: -667px -48px;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(1) a.active{
	background: url("../img/slideshow_navi.png");
	background-position: 0 -96px;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(2) a.active{
	background: url("../img/slideshow_navi.png");
	background-position: -333px -96px;
}
.bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-child(3) a.active{
	background: url("../img/slideshow_navi.png");
	background-position: -667px -96px;
}
/*//// SIDEBAR ///*/

#sidebar{
	width: 200px;
	float: left;
	margin-right: 30px;
}

#sidebar .box{
	border: 1px solid #aecba6;
	padding: 5px;
	margin-top: 10px;
	border-radius: 4px;
}

#sidebar .box.login{
	background: #f5f1e9;
}

#sidebar .box .title{
	background: #3b9521;
	text-align: center;
	font-weight: bold;
	color: #fff;
	padding: 5px 0;
	border-radius: 3px;
	margin-bottom: 8px;
}
#sidebar .box .inner{
	padding: 0 4px;
}

#sidebar .login label{
	margin-bottom: 3px;
	font-size: 0.9em;	
}
#sidebar .login input{
	margin-bottom: 7px;
}

#sidebar .login .btn_login{
	background: url('../img/btn_login.gif') no-repeat;
	border: none;
	height: 30px;
	width: 180px;
	font-size: 0;
}

#sidebar a.s_link{
	display: block;
	margin: 10px 0;
	background: url('../img/arrow01.png') no-repeat;
	padding-left: 15px;
	line-height: 12px;
}

#sidebar .inner .block{
	margin: 10px 0;
}

#sidebar .login .checkbox{
	margin-top: -6px;
	margin-bottom: 5px;
}

#sidebar .side_banner{
	margin-top: 20px;
	text-align: center;
}

#sidebar .side_banner img{
	margin-bottom: 5px;
}

#sidebar .sub_menu{
	background: #f6f6f6;
	border-radius: 4px;
	border: 1px solid #aecba6;
	box-shadow: inset 0px 0px 0px 1px #fff;
	margin-bottom: 20px;
}

#sidebar .sub_menu .title{
	background: url('../img/sub_menu_bg.gif') ;
	text-align: center;
	font-weight: bold;
	color: #fff;
	height: 40px;
	line-height: 40px;
	border-radius: 4px 4px 0 0;
	font-size: 1.1em;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}
#sidebar .sub_menu .group_name{
	background: url('../img/sub_menu_group_bg.gif') repeat-x #4e4e4e;
	height: 40px;
	line-height: 40px;
	font-weight: bold;
	color: #fff;
	padding-left: 13px;
	margin-top: -1px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#sidebar .group_name a{
	color: #fff;
	text-decoration: none;
}
#sidebar .group_name a:hover{
	color: #fff;
	text-decoration: none;
}
#sidebar .group_name a:visited{
	color: #fff;
	text-decoration: none;
}

#sidebar .sub_menu ul{
	margin: 0;
	padding: 0;
}
#sidebar .sub_menu li{
	list-style: none;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #fff;
	background: url('../img/arrow03.png') no-repeat 177px 18px;
	line-height: 40px;
	font-weight: bold;
	padding-left: 14px;
}
#sidebar .sub_menu li:hover{
	background-color: #dfdfdf;
}
#sidebar .sub_menu li.last{
	border-bottom: none;
}

#sidebar .sub_menu li a{
	display: block;
	color: #333;
	text-decoration: none;
}

#sidebar .sub_menu ul ul{
	background: #fff;
}
#sidebar .sub_menu ul ul.last{
	border-top: 1px solid #dedede;
	border-radius: 0 0 4px 4px;
}
#sidebar .sub_menu ul ul.child li{
	background-image: none;
	padding-left: 0;
	border-bottom: none;
	border-top: none;
}
#sidebar .sub_menu ul ul.child a{
	font-weight: normal;
	padding-left: 28px;
	background: url('../img/arrow01.png') no-repeat 12px 14px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #dedede;
}
#sidebar .sub_menu ul ul.child .last a{
	border-bottom: none;
}

#sidebar .sub_menu ul ul.child a:hover{
	background-color: #d0e7c1;	
}

#sidebar .sub_menu ul ul.last li:last-child{
	border-bottom: none;
}


.accordion_head{
	cursor: pointer;
}

#sidebar_right{
  float: right;
  width: 300px;
}

/*//// TAB ///*/

ul#tab01, ul#tab01 li, ul#tab02, ul#tab02 li{
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	cursor: pointer;
}

.disnon01, .disnon02 {
  display: none;
}

.content_wrap01, .content_wrap02{
	clear: both;
}

#top_sercharea #tab01 li {
	width: 385px;
	height: 43px;
}
#top_sercharea #tab01 .tab01.unselect {
	background: url('../img/tab_search01.gif') no-repeat;
}
#top_sercharea #tab01 .tab01.unselect:hover {
	background: url('../img/tab_search01_ov.gif') no-repeat;
}
#top_sercharea #tab01 .tab01 {
	background: url('../img/tab_search01_on.gif') no-repeat;
}
#top_sercharea #tab01 .tab02.unselect {
	background: url('../img/tab_search02.gif') no-repeat;
}
#top_sercharea #tab01 .tab02.unselect:hover {
	background: url('../img/tab_search02_ov.gif') no-repeat;
}
#top_sercharea #tab01 .tab02 {
	background: url('../img/tab_search02_on.gif') no-repeat;
}

#top_tabset #tab02 li {
	width: 175px;
	height: 41px;
	margin-right: 5px;
}
#top_tabset #tab02 .tab01.unselect {
	background: url('../img/tab_list01.gif') no-repeat;
}
#top_tabset #tab02 .tab01.unselect:hover {
	background: url('../img/tab_list01_ov.gif') no-repeat;
}
#top_tabset #tab02 .tab01 {
	background: url('../img/tab_list01_on.gif') no-repeat;
}
#top_tabset #tab02 .tab02.unselect {
	background: url('../img/tab_list02.gif') no-repeat;
}
#top_tabset #tab02 .tab02.unselect:hover {
	background: url('../img/tab_list02_ov.gif') no-repeat;
}
#top_tabset #tab02 .tab02 {
	background: url('../img/tab_list02_on.gif') no-repeat;
}
#top_tabset #tab02 .tab03.unselect {
	background: url('../img/tab_list03.gif') no-repeat;
}
#top_tabset #tab02 .tab03.unselect:hover {
	background: url('../img/tab_list03_ov.gif') no-repeat;
}
#top_tabset #tab02 .tab03 {
	background: url('../img/tab_list03_on.gif') no-repeat;
}


/*//// CONTENS ///*/

#main{
	width: 770px;
	float: left;
}

#main.sm{
  width: 680px;
}

@media (min-width: 1120px) {
  .main_sm #wraper{
    width: 1114px;
  }
  #main.sm{
    width: 770px;
  }
}

#action_area{
	background: #e4e4e4;
	overflow: hidden;
	padding: 10px 0 10px 10px;
	margin-bottom: 20px;
	border-radius: 6px;
}
#action_area ul{
	margin: 0;
	padding: 0;
}
#action_area li{
	list-style: none;
	float: left;
	margin-right: 6px;
}

#top_sercharea{
	background: url('../img/top_search_bg.gif') no-repeat bottom;
	margin-bottom: 5px;
}

#top_sercharea .inner{
	padding: 10px;
	overflow: hidden;
}

#top_sercharea .inner .box01{
	padding: 10px;
	background: #c5d97f;
	border-radius: 3px;
	margin-bottom: 10px;
	overflow: hidden;
}

#top_sercharea .inner .box01 form{
	float: left;
}

#top_sercharea .inner .box01 .form-control{
	width: 282px;
	margin-right: 5px;
	float: left;
}

#top_sercharea .inner .box01 .block01{
	text-align: right;
}

#top_sercharea .ranking_img{
	width: 350px;
	height: 260px;
	background: url('../img/ranking_img_bg.gif') no-repeat;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#top_sercharea .ranking_list{
	float:right;
	padding-right: 0px;
	width: 380px;
}

#top_sercharea .ranking_list dl{
	clear: both;
	overflow: hidden;
	width: 380px;
	border-radius: 2px;
	margin: 0 0 2px 0;
	height: 40px;
	padding-left: 55px;
	padding-right: 20px;
}
#top_sercharea .ranking_list dt{
	float: left;
	line-height: 40px;
}
#top_sercharea .ranking_list dd{
	float: right;
	line-height: 40px;
}

#top_sercharea .ranking_list dl.rank1{
	height: 50px;
	margin-top: 7px;
	background: #fff;
}
#top_sercharea .ranking_list dl.rank1{ background: url('../img/rank01.gif') 8px 7px no-repeat #fff;}
#top_sercharea .ranking_list dl.rank2{ background: url('../img/rank02.gif') 11px 5px no-repeat #edf4d8;}
#top_sercharea .ranking_list dl.rank3{ background: url('../img/rank03.gif') 11px 5px no-repeat #e5eec6;}
#top_sercharea .ranking_list dl.rank4{ background: url('../img/rank04.gif') 11px 5px no-repeat #dee9b6;}
#top_sercharea .ranking_list dl.rank5{ background: url('../img/rank05.gif') 11px 5px no-repeat #d7e5a7;}


#top_sercharea .ranking_list dl.rank1 dt, #top_sercharea .ranking_list dl.rank1 dd{
	line-height: 50px;
}

#top_sercharea .ranking_list dd.location{
	min-width: 120px;
	margin-left: 20px;
	padding-left: 15px;
	background: url('../img/icon_location.png') 0 12px no-repeat
}
#top_sercharea .ranking_list .rank1 dd.location{
	background-position: 0 17px;
}

#top_sercharea .sort{
	margin: 15px 0 -5px 5px;
	padding: 0;
	overflow: hidden;
}
#top_sercharea .sort li{
	list-style: none;
	float: left;
	margin-left: 20px;
	margin-bottom: 25px;
}

#top_sercharea .sort li a{
	display: block;
	width: 100px;
	height: 100px;
	border-radius: 4px;
	background: #fff; 
	padding: 10px;
}

#top_sercharea .sort li .item{
	background: #67ae1e;
	text-align: center;
	font-weight: bold;
	color: #fff;
	line-height: 20px;
	height: 20px;
	border-radius: 10px;
	padding: 0 0px;
	margin-top: 5px;
	font-size: 0.9em;
	width: 100px;
	white-space: nowrap;
}

#reco_list{
	margin-top: 20px;
	margin-bottom: 20px;
}
#reco_list > h3{
	margin-top:0;
}
#reco_list .box{
	position:relative;
}
#reco_list .box .inner{
	margin-bottom: 5px;
}

#reco_list .block{
	border-bottom: 1px solid #b8b8b8;
	overflow: hidden;
}
#reco_list .block .right{
	overflow: hidden;
}

#reco_list .block{
  width: 182px;
  margin-right: 14px;
  border: none;
}

#reco_list .thumbox{
  display: block;
  position: relative;
  width: 182px;
  height: 121px;
  overflow: hidden;
  margin-bottom: 5px;
}

#reco_list .block img.thum{
  float: none;
  width: 182px;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#reco_list .block .ft{
	color: #777;
	padding-top: 3px;
	font-size:11px;
}

#reco_list .block .hd img{
	margin-right: 5px;
}

#reco_list .block .hd .location{
  background: #f0f0f0;
  border-radius: 2px;
  padding: 0 5px;
  color: #555;
  display: inline-block;
  line-height: 16px;
  height: 16px;
  font-size: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 117px;  
  vertical-align: top;
}

#reco_list .block .title{
  font-weight: bold;
  clear: both;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 2px 0 0;
}
#reco_list .block .icon{
  margin-top: 2px;
  margin-bottom: 2px;
}

#reco_list .block .icon img{
	margin-left: 4px;
}

#reco_list .block .icon img:first-child{
	margin-left: 0;
}
#reco_list .block .icon .num{
	padding-left: 4px;
	background: url("../img/hukidashi_arrow.png") no-repeat 0 -1px;
}

#reco_list .block .icon .num .inner{
	background: #e7e7e7;
	color: #777;
	vertical-align: bottom;
	padding: 1px 3px;
	border-radius: 2px;
	line-height: 18px;
	font-size: 11px;
}

#reco_list .block .ft .name{
	float: right;
}

.more{
	text-align: right;
}

.more a{
	padding: 5px 8px;
	padding-left: 22px;
	font-size: 0.9em;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	text-decoration: none;
	color: #333;
	background: url('../img/arrow01.png') no-repeat #eeeeee 7px 8px;
	margin-left: 10px;
}

.more.sm a{
  font-size: 0.7em;
}

#top_diary{
	margin-bottom: 20px;
}

#top_diary .box{
	background: #a7c63c;
	border-radius: 4px;
	padding: 10px;
	margin-bottom: 5px;
}

#top_diary .inner{
	background: #fdfcf7;
	height: 210px;
	overflow: auto;
	margin-top: 9px;	
	border-radius: 2px;
}

table.top_list{
	width: 100%;
}

#top_diary table.top_list td{
	height: 30px;
}

#top_diary .inner td{
	border-bottom: 1px solid #cecece;
}

table.top_list td.date{
	padding-left: 10px;
	width: 16%;
}

table.top_list td.time{
	width: 6%;
}

table.top_list td.cat{
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 15px;
	width: 18%;
	white-space: nowrap;
}

#top_diary .inner td.cat{
	color: #c14900;
}

#top_diary .cat_label{
	background: #fed2a6;
	display: block;
	padding: 1px 4px;
	border-radius: 2px;
}

table.top_list td.name{
	width: 16%;
}
table.top_list td.name img{
	margin-right: 4px;
}

table.top_list td.answer{
	width: 14%;
	background: url("../img/ico_comment.png") no-repeat 0 50%;
	padding-left: 20px;
}
table.top_list td.clap{
	background: url("../img/ico_clap.png") no-repeat 0 50%;
	padding-left: 20px;
	padding-right: 10px;
	color: #555;
}

table.top_list td.title{
	padding-right: 10px;
}
table.top_list td.charge{
	white-space: nowrap;
	color: #555;
	text-align: right;
	padding-right: 10px;
}

#top_tabset{
	margin-bottom: 40px;
}
#top_tabset table.top_list td{
	padding-top: 6px;
	padding-bottom: 6px;
}
#top_tabset .inner{
	background: #fbf9f5;
	padding: 10px;
	border: 1px solid #aecba6;
	border-radius: 0 4px 4px 4px;
	margin-bottom: 5px;
}

#top_tabset .inner tr{
	background: url("../img/dot_line01.gif") bottom repeat-x;
}
#top_tabset .inner td{
	padding-bottom: 1px;
}
#top_tabset .inner tr:last-child{
	background: none;
}

#top_tabset .inner td.cat{
	color: #247f09;
}

#top_tabset .cat_label{
	background: #cbe0c0;
	display: block;
	padding: 1px 4px;
	border-radius: 2px;
}

#top_tabset #tab02{
	margin-bottom: -1px;
}
#top_info dl{
	margin: 5px 0 0 0;
	overflow: hidden;
}

#top_info dt, #top_info dd{
	padding: 10px 0;
}

#top_info dt{
	float: left;
	width: 120px;
	padding-left: 5px;
	font-weight: normal;
}

#top_info dd{
	background: url("../img/dot_line01.gif") bottom repeat-x;
}

#top_bannerarea{
	margin-top: 40px;
	text-align: center;
}

.popover.info{ 
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1); 
  border-radius: 10px; 
  border-color: #8cb082; 
  background-color: #fdfff7;
}

.popover.info .arrow{
  border-top-color: #8cb082;
}

.popover.info .arrow:after{
  border-top-color: #fdfff7;
}


/*//// AD ///*/

.ad_area{
	font-size: 0;
	padding: 0 10px;
/*	background: url("../img/ad_bg.gif"); */
	display: table;
}

#ad_area01{
	width: 748px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#ad_area02{
	width: 180px;
	margin: 0 auto;
	margin-top: 20px;
}


/*//// FOOTER ///*/

#footer{
	clear: both;
	background: url('../img/footer_bg.gif') repeat-x #f6f4f1;
	min-height: 200px;
	text-align: center;
	padding-bottom: 20px;
	margin-top: 40px;
}

#footer .box01{
	width: 1000px;
	margin: 0 auto;
}
#footer .box01 .link{
	background: url('../img/footer_img.gif') no-repeat;
	height: 94px;
	color: #fff;
	padding-top: 54px;
	line-height: 40px;
	margin-bottom: 20px;
	font-size: 0.9em;
}

#footer .link a{
	color: #fff;
}

#ft_sitemap{
	text-align: left;
	font-size: 0.9em;
	margin-bottom: 50px;
	overflow: hidden;
}
#ft_sitemap ul, #ft_sitemap li{
	list-style: none;
	margin: 0;
	padding: 0;	
}

#ft_sitemap ul{
	float: left;
	margin-right: 45px;
	margin-right: 35px\9;
}
#ft_sitemap li{
	overflow: hidden;
	margin-bottom: 7px;
}

#ft_sitemap li.item01{
	border-bottom: 1px solid #98c489;
	padding-bottom: 4px;
	margin-bottom: 12px;
}

#ft_sitemap ul ul{
	width: 220px;
}
#ft_sitemap ul ul:last-child{
	margin: 0;
}

#ft_sitemap a{
	text-decoration: none;
	color: #555;
	font-weight: bold;
	display: block;
	padding-left: 10px;
	background: url("../img/arrow02.gif") no-repeat 0 4px;
}
#ft_sitemap ul ul a{
	font-weight: normal;
	background: none;
	padding: 0;
	text-indent: -1em;
	margin-left: 1em;
}

#footer .box01 .block01{
	clear: both;
}

#footer #copyright{
	font-size: 0.9em;
	color: #777;
	margin-top: 20px;
}

#page_top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9998;
    transition-property: all;
    transition-duration: 400ms;
    opacity: 0;
    font-size: 0;
}
#page_top.in {
    opacity: 1;
}

#page_top a {
    background-image: url('../img/btn_pagetop@2x.png');
    background-size: 54px 54px;
    text-decoration: none;
    color: #fff;
    display: block;
    width: 54px;
    height: 54px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
}

/* from style_tmp.css */

/*/// デザイン移行時に勝手にデザインした部分 ///*/

/*/// トップページの中央ブロック ///*/
#reco_list .block .icon .spr1{
	margin-left: 4px;
}

#reco_list .block .icon .spr1:first-child{
	margin-left: 0;
}

#reco_list .block .hd span {
    float: left;
    margin-right: 5px;
}

.feed_page a{
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  border-radius: 4px;
  background-repeat: no-repeat;
  padding: 7px 15px;
}

.feed_page a.prev{
  background-image: url('../img/arrow04_l.png');
  background-position: left 10px center;
  padding-left: 30px;
}

.feed_page a.next{
  background-image: url('../img/arrow04_r.png');
  background-position: right 10px center;
  padding-right: 30px;
}

#centercolumn .myitem_info_data{
  margin: 20px 0;
}

#centercolumn .myitem_info_data.unstyled td,
#centercolumn .myitem_info_data.unstyled th{
  padding: 0;
  color: #666;
  font-size: 13px;
  font-weight: normal;
}

#centercolumn .myitem_info_data.unstyled th{
  text-align: right;
  min-width: 80px;
  width: 80px;
  padding-right: 10px;
}

.myitem_info_ditail{
  padding: 0 !important;
  border-radius: 6px !important;
}

.myitem_info_ditail .block{
  border-bottom: 1px solid #ccc;
  padding: 20px;
  /* padding: 18px;  */
}

.myitem_info_ditail .block:last-child{
  border-bottom: none;
}

.myitem_info_ditail .block.myitem_info_photo a.img{
  display: inline-block;
  margin: 0 4px 4px 0;
}

.myitem_info_ditail .block.myitem_info_photo a:nth-child(6n){
  margin-right: 0;
}

.myitem_info_ditail .block.user .user_icon{
  width: 578px;
}

.myitem_info_ditail .block.user .user_icon img{
  margin: 0 0 4px 4px;
}

.myitem_red{
  color: #c52722;
}

.myitem_info_ditail .block.impression .item{
  margin-bottom: 20px;
}

.myitem_info_ditail .block.impression .item:last-child{
  margin-bottom: 0;
}

.myitem_info_ditail .block.rate .raty{
  width: 578px;
}

/*/// myitem_scene ///*/

.myitemInfo{
  align-items: center;
  display: flex;
  line-height: 1.3;
}

.myitem_scene .myitem_list{
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0px 0;
  overflow: hidden;
}

.myitem_scene .myitem_list .myitem{
  padding: 10px 20px;
  border-bottom: 1px solid #e1e1e1;
  overflow: hidden;
  display: flex;
}

.myitem_scene .myitem_list .myitem:last-child{
  border-bottom: none;
}

.myitem_scene .myitem_list .myitem .g-info{
  width: 543px;
}

.myitem_scene .myitem_list .g-action{
  margin-left: 77px;
  cursor: pointer;
}

.myitem_scene .myitem_list .g-action .btn{
  width: 38px;
  height: 38px;
  font-size: 0;
  background-image: url('../img/myitem_btn_lg.png');
  background-repeat: no-repeat;
  border: none;
  background-color: #fff;
}

.myitem_scene .myitem_list .myitemThumbnail{
  margin-right: 20px;
  min-width: 50px;
  text-align: center;
}

.myitem_scene .myitem_list .g-action span{
  font-size: 12px;
  background-color: #fff;
  border-radius: 6px;
  width: 38px;
  height: 38px;
  display: block;
  text-align: center;
  line-height: 15px;
  padding: 4px;
  color: #c52722;
  align-items: center;
  justify-content: center;
  display: flex;
}

.myitem_scene .myitem_list .myitem.active{
  background-color: #fcf4f4;
}

.myitem_scene .myitem_list .myitem.active:hover{
  background-color: #efefef;
}

.myitem_scene .myitem_list .myitem.active:hover .g-action span{
  background-color: #333;
  color: #fff;
}

.myitem_scene .myitem_list .g-action .tooltip{
  font-size: 11px;
  white-space: nowrap;
}

.info.info-myitem, #centercolumn .info.info-myitem{
  border-radius: 6px;
  padding: 20px 30px;
}

/*/// マイページランキング ///*/

#centercolumn table.ranking{
  table-layout: fixed;  
}

#centercolumn table.ranking td{
  padding: 8px 4px;
}

#centercolumn table.ranking tr td:first-child{
  width: 46px;
}

#centercolumn table.ranking tr td:nth-child(2){
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 130px;
}

#centercolumn table.ranking .rank{
  color: #3b9521;
  font-weight: bold;
  margin-right: 2px;
}

#mypage_ranking .data_num{
  font-size: 22px;
  color: #0e9073;
  font-family: 'helvetica neue', Arial, sans-serif;
  margin-right: 5px;
}

.done_list{
  margin-left: -3px;
  margin-right: -3px; 
}

.done_list .item{
  float: left;
  position: relative;
  width: 119px;
  font-size: 13px;
  text-decoration: none;
  color: #0e9073;
  display: block;
  border: 1px solid #0e9073;
  text-align: center;
  padding: 25px 5px 15px;
  border-radius: 4px;
  margin: 3px;
}

#mypage_ranking .done_list{
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: ease;
  overflow: hidden;
}

#mypage_ranking #more_done_list{
  position: relative;
}

#mypage_ranking #more_done_list.blinker:before{
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  content: "";
  display: block;
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  top: -50px;
}

#mypage_ranking #more_done_list.opened:before{
  height: 20px;
  top: -20px;
}

.done_list .item:hover{
  background-color: #f5f5f5;
  border-color: #0e9073;
}

.done_list .item div:first-child{
  font-family: 'helvetica neue', Arial, sans-serif;
  font-size: 28px;
  color: #0e9073;
  margin-bottom: 8px;
}

.done_list .item div:nth-child(2){
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;      
}

.done_list .item span{
  position: absolute;
  right: 2px;
  top: 2px;
  background-color: #ff7801;
  color: #fff;
  font-size: 0.8em;
  line-height: 1;
  padding: 3px 8px;
  border-radius: 3px;
}

.done_list.alldone .item{
  background: #FFF5E7;
  border: 1px solid #FF9900; 
  color: #FF7600;
}

.profile_left_area .done_list{
  margin-left: 0;
  margin-right: 0;
}

.profile_left_area .done_list h4{
  font-size: 90%;
  text-align: center;
  font-weight: bold;
  background-color: #0e9073;
  color: #fff;
  padding: 4px;
  margin-bottom: 5px;
  border-radius: 4px 4px 0 0;
}

.profile_left_area .done_list .item{
  float: none;
  width: auto;
  padding: 4px 32px 4px 8px;
  text-align: left;
  font-size: 14px;
  margin: 3px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;  
}

.profile_left_area .done_list .item div{
  font-size: 20px;
  margin-bottom: 0;
  position: absolute;
  right: 5px;
  top: 4px; 
}

.profile_left_area .done_list.alldone h4{
    background-color: #C94646;
}

.profile_left_area .done_list.alldone .item{
    padding-right: 8px;
}

.label2.mileage01{
  background-color: #F4E000;
  color: #888;
}
.label2.mileage02{
  background-color: #FF9900;
}
.label2.mileage03{
  background-color: #77BC37;
}
.label2.mileage04{
  background-color: #3498E4;
}
.label2.mileage05{
  background-color: #8942AF;
}
.label2.mileage06{
  background-color: #B91414;
}
.label2.mileage07{
  background-color: #222222;
}
.label2.mileage08{
  background-image: linear-gradient(-180deg, #ffc8a0 0%, #944F2D 100%);
  border: 2px solid #d4b6a8;
}
.label2.mileage09{
  background-image: linear-gradient(-180deg, #f1f1f1 0%, #626262 100%);
  border: 2px solid #d0d0d0;
}
.label2.mileage10{
  background-image: linear-gradient(-180deg, #fff288 0%, #CEA400 100%);
  border: 2px solid #f3dfb6;
}

#mypage_ranking #mileage{
  position: absolute; 
  top: 170px; 
  text-align: center; 
  width: 95%;
  z-index: 1;
}

.label.mileage01{
    background-color: #EFDE2A;
}

.label.mileage02{
    background-color: #FFAB00;
}

.label.mileage03{
    background-color: #77BC37;
}

.label.mileage04{
    background-color: #1283BD;
}

.label.mileage05{
    background-color: #8942AF;
}

.label.mileage06{
    background-color: #C70303;
}

.label.mileage07{
    background-color: #000000;
}

.label.mileage08{
    background-color: #562419;
}

.label.mileage09{
    background-color: #8B8B8B;
}

.label.mileage10{
    background-color: #D4A800;
}

#mypage_ranking #mileage .num{
  font-size: 50px;
  line-height: 1;
  font-family: 'helvetica neue', Arial, sans-serif;
}

#mypage_ranking .done_list .done_clear .item span {
  position: absolute;
  right: 2px;
  top: 2px;
  background-color: #0e9073;
  color: #fff;
  font-size: 0.8em;
  line-height: 1;
  padding: 3px 8px;
  border-radius: 3px;    
}

#mypage_ranking .done_list .item span {
  position: absolute;
  right: 2px;
  top: 2px;
  background-color: #ff7801;
  color: #fff;
  font-size: 0.8em;
  line-height: 1;
  padding: 3px 8px;
  border-radius: 3px;    
}

#mypage_ranking table.ranking tr td:first-child{
    width: 50px;
}

#mypage_ranking #reclist.full .block{
  padding: 15px 0;
}

#mypage_ranking #reclist .box{
  width: inherit;
}

#mypage_ranking #reclist.full .block:last-child{
  border-bottom: none;
}

#mypage_ranking #reclist .crown{
  width: 37px;
  margin-left: 15px;
  margin-right: 10px;
}

#mypage_ranking #reclist .box .block:first-child .crown{
  margin-left: 0;
  width: 52px;
  margin-right: 6px;
}

#mypage_ranking #reclist .box .block:first-child .thumbox img{
  border: 4px solid #f9b146;
}

#mypage_ranking .mileage_color{
  -webkit-font-smoothing: antialiased;
}

#mypage_ranking .mileage_color .item_row{
  display: flex;
  justify-content: space-between;
  background-color: #f5f5f5;
  padding: 5px 10px;
  margin-bottom: 5px;
  border-radius: 4px;
}

#mypage_ranking .mileage_color .item_row.hd{
  background-color: transparent;
  font-size: 11px;
  color: #666;
  margin-bottom: 0;
  padding: 4px;
}

#mypage_ranking .mileage_color .item_row div{
  width: 118px;
  text-align: right;
  line-height: 22px;
}

#mypage_ranking .mileage_color .item_row.hd div:first-child{
  text-align: left;
}

#mypage_ranking .mileage_color .item_row div.color_name{
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  padding-left: 20px;
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 12px 14px;
}

#mypage_ranking .mileage_color .item_row.yl div.color_name{
  background-image: url('../img/mileage_color01@2x.png');
}
#mypage_ranking .mileage_color .item_row.og div.color_name{
  background-image: url('../img/mileage_color02@2x.png');
}
#mypage_ranking .mileage_color .item_row.gr div.color_name{
  background-image: url('../img/mileage_color03@2x.png');
}
#mypage_ranking .mileage_color .item_row.bl div.color_name{
  background-image: url('../img/mileage_color04@2x.png');
}
#mypage_ranking .mileage_color .item_row.pr div.color_name{
  background-image: url('../img/mileage_color05@2x.png');
}
#mypage_ranking .mileage_color .item_row.rd div.color_name{
  background-image: url('../img/mileage_color06@2x.png');
}
#mypage_ranking .mileage_color .item_row.bk div.color_name{
  background-image: url('../img/mileage_color07@2x.png');
}
#mypage_ranking .mileage_color .item_row.br div.color_name{
  background-image: url('../img/mileage_color08@2x.png');
}
#mypage_ranking .mileage_color .item_row.sl div.color_name{
  background-image: url('../img/mileage_color09@2x.png');
}
#mypage_ranking .mileage_color .item_row.gd div.color_name{
  background-image: url('../img/mileage_color10@2x.png');
}

#mypage_ranking .mileage_color .item_row.active div.color_name{
  background-image: url('../img/mileage_color00@2x.png');
}

#mypage_ranking .mileage_color .item_row.active.yl{
  background-color: #F4E000;
}
#mypage_ranking .mileage_color .item_row.active.og{
  background-color: #FF9900; color: #fff;
}
#mypage_ranking .mileage_color .item_row.active.bl{
  background-color: #3498E4; color: #fff;
}
#mypage_ranking .mileage_color .item_row.active.gr{
  background-color: #77BC37; color: #fff;
}
#mypage_ranking .mileage_color .item_row.active.pr{
  background-color: #8942AF; color: #fff;
}
#mypage_ranking .mileage_color .item_row.active.rd{
  background-color: #B91414; color: #fff;
}
#mypage_ranking .mileage_color .item_row.active.bk{
  background-color: #222222; color: #fff;
}
#mypage_ranking .mileage_color .item_row.active.br{
  background-image: linear-gradient(-180deg, #ffc8a0 0%, #944F2D 100%); color: #fff;
}
#mypage_ranking .mileage_color .item_row.active.sl{
  background-image: linear-gradient(-180deg, #f1f1f1 0%, #626262 100%); color: #fff;
}
#mypage_ranking .mileage_color .item_row.active.gd{
  background-image: linear-gradient(-180deg, #fff288 0%, #CEA400 100%); color: #fff;
}

#mypage_ranking .mileage_color .item_row div.distance,
#mypage_ranking .mileage_color .item_row div.ratio{
  font-family: 'helvetica', 'Arial', sans-serif;
  color: #888;
  font-weight: bold;
  font-size: 18px;
}

#mypage_ranking .mileage_color .item_row.active div.distance,
#mypage_ranking .mileage_color .item_row.active div.ratio{
  color: #fff;
}

#mypage_ranking .mileage_color .item_row.active.yl div.distance,
#mypage_ranking .mileage_color .item_row.active.yl div.ratio{
  color: #333;
}

#mypage_ranking .mileage_color .item_row div.distance span,
#mypage_ranking .mileage_color .item_row div.ratio span{
  font-weight: normal;
  font-size: 12px;
  margin-left: 2px;
  display: inline-block;
  margin-bottom: -5px;
}

#mypage_ranking .mileage_color .item_row div.ratio{
  font-size: 14px;
}

/*/// プロフィール バッジ ///*/

.badge_profile{
  float: left;
  border-radius: 23px;
  height: 46px;
  font-size: 0.9em;
  font-weight: bold;
  max-width: 268px;
  overflow: hidden;
  white-space: nowrap;
  margin: 3px;
  align-items: center;
  display: flex;
  padding-right: 10px;
  text-decoration: none;
}

.badge_profile:hover,
.badge_profile:focus{
  text-decoration: none;
}

.badge_profile.insurance{
  background-color: #f4f0d7;
  border: 2px solid #3b9521;
  color: #574230;
}

.badge_profile.license{
  background-color: #e8f1cd;
  border: 2px solid #6cbb02;
  color: #3b9521;
}

.badge_profile.alpineclub{
  background-color: #e6f1f9;
  border: 2px solid #13708e;
  color: #13708e;
}

.badge_profile.alpineclub.leaved{
  opacity: 0.5;
}

.badge_profile .img{
  width: 42px;
  height: 42px;
  border-radius: 0 21px 21px 0;
  overflow: hidden;
  display: flex;
  vertical-align: middle;
  background-color: #fff;
  align-items: center;
}

.badge_profile .img img{
  width: 100%;
  height: auto;
}

.badge_profile .title{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 206px;
  margin-left: 6px;
  line-height: 16px;
}

.badge_profile .title span,
.badge_profile .title div{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.badge_profile.leaved .title div{
  padding-top: 1px;
}

.badge_profile .title span.leaved{
  background-color: #13708e;
  color: #fff;
  padding: 2px 6px;
  border-radius: 20px;
  margin-right: 2px;
  vertical-align: middle;
  margin-top: -1px;
  display: inline-block;
}

.badge_profile .title span{
  font-size: 0.9em;
  font-weight: normal;
}

.badge_skill, a.badge_skill{
  float: left;
  border-radius: 10px;
  height: 20px;
  font-size: 0.9em;
  line-height: 20px;
  white-space: nowrap;
  margin: 8px 6px 16px 0;
  background-color: #818181;
  color: #fff !important;
  padding: 0 10px 0 30px;
  position: relative;
  text-decoration: none;
}

.badge_skill div{
  position: absolute;
  top: -5px;
  left: 0;
  width: 30px;
  height: 30px;
  background-color: #abd346;
  border-radius: 15px;
  align-items: center;
  justify-content: center;
  display: flex;
  font-weight: bold;
}

.badge_skill:before{
  content: "";
  width: 16px;
  height: 16px;
  background-image: url('../img/badge_ribbon01@2x.png');
  background-size: 100%;
  position: absolute;
  bottom: -12px;
  left: 7px;
}

.badge_skill span{
  margin-right: 5px;
  color: #ccc;
}

.badge_skill.done div{
  background-color: #379515;
}

.badge_skill.done{
  background-color: #333;
}

.badge_skill.done:before{
  background-image: url('../img/badge_ribbon02@2x.png');
}

#view_badge.modal .logo{
  width: 120px;
  height: 120px;
  align-items: center;
  justify-content: center;
  display: flex;
}

#view_badge.modal .logo img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.label2.license{
  background-color: #3b9521;
}

.label2.insurance{
  background-color: #574230;
}

.label2.alpineclub{
  background-color: #0084af;
}

/*/// 記録リスト ///*/
#reclist{
	margin-top: 10px;
	margin-bottom: 20px;
	overflow: hidden;
}
#reclist .box{
	width: 770px;
}

@media (max-width: 1119px) {
#main.sm #reclist .box{
  width: 680px;
}
}

#reclist .block{
	padding: 10px 0;
	border-bottom: 1px solid #b8b8b8;
	overflow: hidden;
}

#reclist .block .right{
	overflow: hidden;
}

#reclist .block .thumbox{
	text-align:center;
	width:160px;
	margin-right:10px;
	float: left;
}

/*/// 131122 追加 ここから ////*/

#reclist.full .block{
	border-bottom: 2px solid #d3d3d3;
	padding: 15px 10px;
}
#reclist.full .block .thumbox{
	margin-right:20px;
	background: #f1f1f1;
}
#reclist.full .block .ft{ 
	background: url("../img/reclist_bg.gif") repeat-x; 
	margin-top: 5px;
	clear: both;
	line-height: 35px;
	padding: 0 10px 3px;
	border-radius: 0 0 4px 4px;
}

#reclist.full .block .icon{
	margin-bottom: 8px;
	float: left; 
}
#reclist.full .block .title{
	line-height: 38px;
	clear: both;
	font-size: 14px;
}

/* 拍手 */
.icon .num.popular{
	background: url("../img/hukidashi_arrow02.png") no-repeat 0 -1px;
}

.icon .num.popular .inner{
	background: #3d3d3d;
	color: #fff;
}

/*//// 131122 追加 ここまで ////*/


/*/// 131210 追加 ここから ////*/

#mypage_header .profile_data .premium_btn a{
	display: block;
	text-align: center;
	background: #ffab00;
	color: #fff;
	border-radius: 4px;
	padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	box-shadow: rgba(0,0,0,0.3) 0px 0px 2px;
}

.btn_area02{
	background: url('../img/btn_area_bg.gif') repeat-x top right;
	text-align: right;
	margin-top: -14px;
	margin-bottom: 10px;
	padding: 8px 12px;
	border-radius: 0 0 4px 4px;
	white-space: nowrap;
}
.btn_area02 form{
	display: inline-block;
	float: left;
}
.btn_area02 a{
	text-decoration: none;
	display: inline-block;
	margin-left: 10px;
}
.btn_area02 a:visited{
	color: #333333;
}
.btn_area02 a:first-child{
	margin: 0;
}

.btn_area02 .form-inline .form-control{
	max-width: 200px;
}
#mypage_header{
	line-height: 140%;
}
#mypage_header .profile_data{
	font-size: 13px;
}
#mypage_header .profile_stats li a{
	text-decoration: none;
	color: #333;
	display: block;
	margin: 3px 0 -3px;
}
.mypage .head{
	padding: 7px 15px 7px 35px;
	background-color: #3b9421;
	color: #fff;
	border-radius: 4px 4px 0 0;
	background-position: 9px 8px;
	background-repeat: no-repeat;
	font-weight: bold;
}
.mypage .head.icon01{
	background-image: url('../img/mypage_icon01.png');
}
.mypage .head.icon02{
	background-image: url('../img/mypage_icon02.png');
}
.mypage .head.icon03{
	background-image: url('../img/mypage_icon03.png');
}

.mypage .head.icon04{
	background-image: url('../img/mypage_icon04.png');
}

.mypage .head.icon05{
	background-image: url('../img/mypage_icon05.png');
}
.mypage .head.icon06{
	background-image: url('../img/mypage_icon06.png');
}

.mypage.draft{
	box-shadow: 0 0 0 1px #f2a39e;
}
.mypage.draft .head{
	background-color: #f2a39e;
}

ul.mypage{
	margin: 10px 1px;
	padding: 0;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 4px;
	box-shadow: 0 0 0 1px #ccc;
}

.mypage .date{
	font-size: 12px;
	padding-right: 7px;
}

.mypage li{
	list-style: none;
	padding: 7px 10px;
}
.mypage li:nth-child(even){
	background: #F8F4ED;	
}
.mypage .name{
	color: #666;
	font-size: 11px;
	margin-left: 12px;
	margin-right: 12px;
}

#centercolumn table#question_table .head{
	border: none;
}

#centercolumn th{
	border-radius: 4px 4px 0 0;
}

#centercolumn table#question_table th{
	border-radius: 0;
}
#centercolumn table#question_table th:first-child{
	border-radius: 4px 0 0 0;
}
#centercolumn table#question_table th:last-child{
	border-radius: 0 4px 0 0;
}


#centercolumn td{
	padding: 10px;
}

#update{
	text-align: right;
	font-size: 11px;
	color: #666666;
	margin-bottom: 10px;
}

/*検索結果*/
#reclist.search .block{
	padding: 10px;
	border-bottom: 1px solid #D3D3D3;
}

#reclist.search .block .hd .location{
	display: table;
}

#reclist .block .thumbox_s{
	float: left;
	margin-right: 12px;
}

#reclist.search .block .ft{
	line-height: 20px;
	margin-top: 0px;
	font-size: 13px;
	padding-bottom: 0;
}

#reclist.search .block .title_large{
	clear: both;
	margin: 4px 0 0px 0;
}
#reclist.search .block .icon{
	margin-bottom: 3px;
}

.more{
	line-height: 120%;
}

.pager{
	line-height: 140%;
}

/*/// 131210 追加 ここまで ////*/


/*/// 131224 追加 ここから ////*/
#record_detail{
	margin-top: 10px;
}
.record_detail #pagetitle{
	overflow: hidden;
	height: auto;
}

#pagetitle {
	background-position: left bottom;
}

.record_detail #pagetitle h2{
	width: 610px;
	line-height: 1.4;
	margin: 15px 0;
}

@media (max-width: 1119px) {
#main.sm .record_detail #pagetitle h2{
    width: 520px;
}
}

.record_detail #pagetitle h2 img{
	vertical-align: top;
}

button.mountrec{
	background: url("../img/mountrec.png") center center no-repeat #fff;
	width: 130px;
	text-indent: -9999px;
}
button.mountrec:active{
	background: url("../img/mountrec.png") center center no-repeat #fff;
}

#centercolumn #record_detail tabel{
	border: 1px solid #c1c1c1;
    border-collapse: collapse;
    width: 100%;
}
#centercolumn #record_detail th{
	border-radius: 0px;
	width: 140px;
	background: #3B9521;
	border: 1px solid #c1c1c1;
	white-space: nowrap;
}
#centercolumn #record_detail td{
	border: 1px solid #c1c1c1;
	padding: 5px 15px;
}

#record_detail .box{
	margin-bottom: 20px;
}
#record_detail ul{
	padding: 0;
}
#record_detail li{
	list-style: none;
	padding: 4px 10px;
}
#record_detail li .date{
	font-size: 12px;
    padding-right: 7px;
}
#record_detail li .location{
	font-size: 12px;
    padding: 0 7px;
}
#record_detail li .name{
	font-size: 12px;
}


#centercolumn #record_detail .photo_area{
  background: #f7f3ec;
  padding: 26px 0 6px 26px;
  border-radius: 4px;
  font-size: 0;
  line-height: 18px;
}

#centercolumn #record_detail .photo_area a{
	text-decoration: none;
}
#centercolumn #record_detail .photo_area .item a{
	display: block;
	margin-bottom: 5px;
}

#centercolumn #record_detail .photo_area .item{
  width: 160px;
  display: inline-table;
  margin-bottom: 20px;
  margin-right: 26px;
  font-size: 12px;
}

#centercolumn #record_detail .photo_area .item:nth-child(4n){
  margin-right: 0;
}
#centercolumn #record_detail .photo_area .item a img{
  max-width: 100%;
}

@media (max-width: 1119px) {
#main.sm #centercolumn #record_detail .photo_area{
  padding: 13px 0 6px 13px;
}
#main.sm #centercolumn #record_detail .photo_area .item{
  width: 156px;
  margin-right: 10px;
}
#main.sm #centercolumn #record_detail .photo_area .item a img{
  max-width: 156px;
}
}

#centercolumn #record_detail .photo_area .item .icon{
	margin-top: 3px;
}

#record_detail .comment, #diary_main .comment{
    background: #f7f3ec;
    border-radius: 12px;
    border: none;
    padding: 20px;
    margin-bottom: 40px;
}
#record_detail .comment.disable, #diary_main .comment.disable{
	text-align: center;
}

#record_detail .comment .comment_post, #diary_main .comment .comment_post{
	padding: 20px 0;
	border-bottom: 2px solid #fff;
}
#record_detail .comment .comment_post:last-child, #diary_main .comment .comment_post:last-child{
	border: none;
	padding-bottom: 0;
}

#record_detail .route .inner{
	margin-bottom: 20px;
}
#transit {
	background: #666;
	padding: 5px;
	display: inline-block;
	border-radius: 4px;
	margin: 10px 0;
	color: #fff;
	font-size: 13px;
}

a.add_wiki{
	text-align: center;
	display: block;
	text-decoration: none;
	background: #666;
	padding: 4px 0;
	color: #fff;
	border-radius: 4px;
}

#record_detail .connect #reclist.full .block .icon{
	float: none;
	display: block;
}
#record_detail .connect #reclist.search .block{
	padding-bottom: 2px;
}

.blogparts_area{
	margin-top: 20px;
}

#record_detail_header{
	margin: 10px 0 0px 0;
	font-size: 13px;
}
.label2{
    border-radius: 2px;
    display:inline-block;
    padding: 0px 10px;
    color: #fff;
    line-height: 24px;
    margin-right: 5px;
    background: #848282;
}
.label2.kids{
	background: #f8f5c1;
	padding: 0 4px;
	font-size: 13px;
	color: #3B9521;
	margin-right: 8px;
}
.label2.kids img{
	vertical-align: text-top;
	margin-right: 3px;
}
.label2.privacy01{
	background: #159667;
}
.label2.privacy02{
	background: #4fb32b;
}
.label2.privacy03{
	background: #d25900;
}
.label2.privacy04{
	background: #f1a29d;
}
#record_detail_header .genre{
	background: #ccc;
}
#record_detail_header .genre.genre0{
	background: #7c7c7c;
}
#record_detail_header .genre.genre2{
	background: #5e59a0;
}
#record_detail_header .genre.genre1{
	background: #da84b5;
}
#record_detail_header .genre.genre10{
	background: #865cc7;
}
#record_detail_header .genre.genre100{
	background: #a8a8a8;
}
#record_detail_header .genre.genre11{
	background: #65a0bf;
}
#record_detail_header .genre.genre20{
	background: #a6c655;
}
#record_detail_header .genre.genre3{
	background: #6080c4;
}
#record_detail_header .genre.genre4{
	background: #3994c0;
}
#record_detail_header .genre.genre5{
	background: #d57e39;
}
#record_detail_header .genre.genre6{
	background: #48b094;
}
#record_detail_header .genre.genre7{
	background: #2554b9;
}
#record_detail_header .genre.genre8{
	background: #69a5ea;
}
#record_detail_header .genre.genre9{
	background: #bba069;
}
#record_detail_header .location{
	background: #f0f0f0;
	color: #666;
}

.share{
  z-index: 98;
  background-color: #efefef;
  border-radius: 8px;
  display: flex;
  border: 1px solid #ccc;
  white-space: nowrap;
}

.share.hd{
  position: absolute;
  right: 0; 
  top: -7px; 
}

.share div{
  display: flex;
  align-items: center;
  padding: 6px 6px;
  font-size: 11px;
  color: #888;
  font-weight: bold;
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

.share div.left{
  border-right: 1px solid #ccc;
}

.share a{
  display: block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  margin: 0 5px;
  transition-property: all;
  transition-duration: 300ms;
}

.share a:hover{
  opacity: 0.7;
}

.share span{
  margin: 0 5px;
}

.share a.print{
  background-image: url('../img/icon_share_print@2x.png');
}
.share a.tw{
  background-image: url('../img/icon_share_tw@2x.png');
}
.share a.fb{
  background-image: url('../img/icon_share_fb@2x.png');
}
.share a.mail{
  background-image: url('../img/icon_share_mail@2x.png');
}

.share_ft{
  position: fixed; 
  top: -80px; 
  left: 0; 
  z-index: 9999; 
  width: 100%; 
  background-color: #fff; 
  height: 64px; 
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 12px;
  min-width: 1024px;
  -webkit-font-smoothing: antialiased;
  transition-property: all;
  transition-duration: 400ms;
}
.share_ft.in{
  top: 0;
}
.share_ft .inner{
  max-width: 1300px;
  margin: 0 auto;
}
.share_ft div{
  display: flex;
  align-items: center;
}
.share_ft .inner .title{
  line-height: 1.4;
  padding-right: 20px;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100vw - 623px);
  text-decoration: none;
  color: #333;
}

@media (max-width: 1024px) {
.share_ft .inner .title{
  width: calc(1024px - 623px);
}
}
@media (min-width: 1324px) {
.share_ft .inner .title{
  width: calc(1324px - 633px);
}
}

.share_ft .inner .share{
  border: none;
}
@media (min-width: 1324px) {
.share_ft .inner .share{
  margin-left: 10px;
}
}

.share_ft .inner .share_btn{
  display: inline-block;
  background-color: #666;
  border-radius: 8px;
  margin-right: 10px;
  text-decoration: none;
  font-weight: bold;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  color: #ccc;
  min-width: 120px;
  transition-property: box-shadow, color;
  transition-duration: 300ms;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.share_ft .inner .share_btn.has_arrow{
  padding-right: 30px;
}
.share_ft .inner .share_btn.ac:hover{
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.45);
  color: #fff;
}
.share_ft .inner .share_btn.ac:active{
  background-color: #333;
}
.share_ft .inner .share_btn.active{
  color: #fff;
  background-color: #444;
  padding: 0;
}
.share_ft .inner .share_btn.active:hover{
  box-shadow: none;
}
.share_ft .inner .share_btn span{
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: 24px 24px;
  margin-right: 5px;
}
.share_ft .inner .share_btn.comme span{
  background-image: url('../img/icon_share_ft_comme@2x.png');
}
.share_ft .inner .share_btn.favo span{
  background-image: url('../img/icon_share_ft_favo@2x.png');
}
.share_ft .inner .share_btn.clap span{
  background-image: url('../img/icon_share_ft_clap@2x.png');
}
.share_ft .inner .share_btn.comme.active span{
  background-image: url('../img/icon_share_ft_comme_ac@2x.png');
}
.share_ft .inner .share_btn.favo.active span{
  background-image: url('../img/icon_share_ft_favo_ac@2x.png');
}
.share_ft .inner .share_btn.clap.active span{
  background-image: url('../img/icon_share_ft_clap_ac@2x.png');
}
.share_ft .inner .share_btn .clap_arrow{
  position: absolute;
  right: 0;
  padding: 15px 10px;
  opacity: 0.7;
  border-left: 1px solid #888;
}
.share_ft .inner .share_btn.active .clap_arrow{
  display: none;
}
.share_ft .inner .share_btn .clap_arrow:hover{
  opacity: 1;
}
.share_ft .inner .share_btn .popover{
  width: 110px;
  color: #888;
  font-size: 12px;
  text-align: center;
  display: none !important;
}
.share_ft .inner .share_btn .popover:hover p{
  color: #444;
}
.share_ft .inner .share_btn .popover.in{
  display: block !important;
}
.share_ft .inner .share_btn .popover .popover-content{
  justify-content: center;
  padding: 6px 8px;
}
.share_ft .inner .user_icon{
  width: 32px;
  height: 32px;
  border-radius: 6px;
}

.record_detail .dropdown-menu a{
	text-decoration: none;
	font-size: 13px;
}
#record_detail .dropdown-menu li{
	padding: 0;
}

.record_detail .level{
    float: right;
    padding: 8px;
    margin-top: 10px;
    background-color: #666;
    border-radius: 8px;
}

.record_detail .level img{
    display: block;
}

.record_detail .clap_num{
    float: right;
    margin-top: 10px;
    margin-right: 5px;
    background-color: #efefef;
    border-radius: 8px;
    padding: 7px 10px;
    display: inline-block;
    text-decoration: none;
    color: #666;
    font-size: 11px;
    line-height: 14px;
}

.record_detail .clap_num span{
    font-family: 'helvetica', 'Arial', sans-serif;
    font-size: 18px;
}
  
.record_detail .clap_num:hover{
    opacity: 0.7;
}

.record_detail .access{
	margin-bottom: 10px;
	font-size: 13px;
}
.record_detail .access .label2{
	float: left;
	margin-right: 10px;
}
.record_detail .access .item {
	overflow: hidden;
	line-height: 24px;
}
.record_detail .access .item span{
	white-space: nowrap;
	display: inline-block;
}
#record_detail .place ul{
	overflow: hidden;
}
#record_detail .place li{
	float: left;
	width: 385px;
	padding: 2px 0;
	padding-left: 20px;
	background: url("../img/icon_place.png") no-repeat 6px 7px;
}

@media (max-width: 1119px) {
#main.sm #record_detail .place li{
  width: 340px;
}
}
.record_detail #reclist .access {
    margin-bottom: 6px;
    margin-top: 3px;
	height: 22px;
}
.record_detail #reclist.search .block .ft{
	background: none;
	padding: 0;
}
.record_detail #reclist .label2{
	line-height: 20px;
	font-size: 12px;
}
.record_detail #reclist.search .block .ft .label2{
	background: #f0f0f0;
	color: #999;
}
.record_detail #reclist.search .block .ft .label2.tech{
	color: #093fa2;
}
.record_detail #reclist.search .block .ft .label2.power{
	color: #eb6877;
}
.record_detail #reclist.search .block .ft .gauge{
	height: 20px;
	display: inline-block;
	width: 96px;
	vertical-align: bottom;
	margin-right: 20px;
}

.gauge.g01{
	background: url("../img/level_gauge01.png") no-repeat;
}
.gauge.g02{
	background: url("../img/level_gauge02.png") no-repeat;
}
.gauge.level5{
	background-position: 0px 0px;
}
.gauge.level4{
	background-position: 0px -20px;
}
.gauge.level3{
	background-position: 0px -40px;
}
.gauge.level2{
	background-position: 0px -60px;
}
.gauge.level1{
	background-position: 0px -80px;
}

img.lock{
	margin: 0 3px;
	vertical-align:text-bottom; 
}

h3{
	line-height: 1.4;
}
h3.s01{
	background: none;
	border-bottom: none;
	border-left: 4px solid #3B9521;
	border-radius: 0;
	padding: 0 0 0 10px;
	line-height: 30px;
}

.comment h3.s01{
	border: none;
	color: #379615;
	padding-left: 32px;
	background: url("../img/icon_comment_green.png") 12px 10px no-repeat;
	padding-top: 4px;
	margin: 0 0 10px 0;
}
.comment h3.s01.write{
	margin-top: 25px;
}
.comment h3.s01.view{
	background-color: #fff;
	border-radius: 4px;
}
.comment .inner{
	overflow: hidden;
	margin-bottom: 20px;
}
.comment .left{
	float: left;
	width: 145px;
	padding-left: 0px;
	background: url("../img/comment_bg.gif") right top no-repeat;
	margin-right: -2px;
	min-height: 100px;
}
.comment .left img{
	display: block;
	border: 4px solid #fff;
	box-shadow: 0 0 3px #CCCCCC;
	margin-bottom: 5px;
}
.comment .left .u_info{
	font-size: 11px;
	line-height: 1.7;
	margin-top: 10px;
}
.comment .right{
	padding-left: 20px;
	overflow: hidden;
	border-left: 2px solid #c6c2bd;
}
.comment .date{
	text-align: right;
	font-size: 12px;
	color: #666;
}
.comment .title{
	margin-bottom: 15px;
}
.comment .emoticon{
	margin-bottom: 20px;
}
.impression, .comment_post{
	overflow: hidden;
}

.impression h3.s01{
	background: url("../img/imp_bg.gif") right top no-repeat;
	width: 150px;
	float: left;
	margin-top: 0;
	margin-right: -2px;
}
.impression h3.s01 .name{
	font-size: 12px;
}
.impression .txt{
	overflow: hidden;
	padding-left: 20px;
	border-left: 2px solid #dedede;
}

.record_detail .box .btn_area{
	float: right;
}


.detail_ft{
    border-radius: 12px;
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    -webkit-font-smoothing: antialiased;
}
.detail_ft .sns{
	height: 21px;
}
.detail_ft .counter{
    color: #666;
    line-height: 21px;
    position: absolute;
    right: 16px;
    top: 26px;	
}
.detail_ft .inner{
    border-top: 1px solid #c1c1c1;
    clear:both;
    padding: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.detail_ft .inner .block{
    display: inline-block;
    background: #f5f5f5;
    border-radius: 6px;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
    vertical-align: bottom;
    min-width: 160px;
    text-align: center;
    transition-property: all;
    transition-duration: 400ms;
    border: 1px solid #fff;
}
.detail_ft .inner .block:hover{
    background: #efefef;
}

.detail_ft .inner .block span{
    font-size: 28px;
    font-weight: bold;
    font-family: "Helvetica Neue",Arial,sans-serif;
    line-height: 1em;
}
.detail_ft .inner .favo span{
	color: #3b9521;
}
.detail_ft .inner .clap span{
	color: #eb6100;
}

.detail_ft .usericon{
    padding: 0 12px 13px ;
    padding-top: 0;
  }
  
  @media (max-width: 1119px) {
  .detail_ft .usericon{
    padding: 0 13px 13px ;
  }
}

.detail_ft .usericon a{
    display: inline-block;
    width: 27px;
    height: 27px;
    margin: 2px;
    transition-property: all;
    transition-duration: 400ms;
    position: relative;
}

.detail_ft .usericon a.favo:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    top: -1px;
    left: -1px;
    background-color: #3b9521;
  }

.detail_ft .usericon a:hover{
    opacity: 0.7;
}  
.detail_ft .usericon a img{
    width: 100%;
    height: auto;
    border-radius: 100px;
}

.detail_ft .usericon .tooltip{
    font-weight: bold; 
  }
  .detail_ft .usericon .tooltip_icon{
    display: inline-block;
    width: 16px;
    height: 16px;
    background-size: cover;
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -1px;
  }
  
  .detail_ft .usericon .tooltip_icon.favo {
    background-image: url('../img/icon_share_tooltip_favo@2x.png');
  }
  
  .detail_ft .usericon .tooltip_icon.clap {
    background-image: url('../img/icon_share_tooltip_clap@2x.png');
  }

.detail_ft .inner:first-child{
	border: none;
}

.dropdown-menu .checkbox{
	padding: 3px 30px;
	margin: 0;	
}

#diary_main{
	width: 580px;
	float: left;
}
#main.sm #diary_main{
  width: 100%;
  float: none;
}

#diary_main .label2{
	float: left;
}
#diary_main .category{
	margin-bottom: 10px;
}

#diary_main table.photo{
	border: none;
	margin-bottom: 28px;
}
#diary_main table.photo td{
	padding: 0;
}

#diary_main table.photo .photo{
	border: none;
	box-shadow: 0 0 3px #CCCCCC;
}

#diary_right{
	width: 160px;
	float: right;
}
#sidebar_right #diary_right{
  width: 100%;
  float: none;
}

#sidebar_right .box, #diary_right .box{
  margin-bottom: 20px;
  overflow: hidden;
}
#diary_right .calendar table{
  width: 100%;
  table-layout: fixed;
}
#diary_right .calendar td{
  font-size: 13px;
  color: #666;
  padding: 3px 0;
}
#diary_right .calendar td a{
	font-weight: bold;
	text-decoration: none!important;
}
#diary_right .calendar tr:nth-child(n+2) td a{
  background-color: #ebf6cf;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
}

#centercolumn #diary_right th{
	text-align: center;
}

#centercolumn #diary_right td{
	padding: 0;
}

#sidebar_right h3, #diary_right h3{
  background: #389615;
  color: #FFFFFF;
  border-bottom: none;
  border-radius: 4px;
  text-align: center;
  padding: 7px 13px;
}
#sidebar_right h3{
  margin-top: 0;
}

#diary_right ul{
	padding: 0;
}

#sidebar_right ul.list li, #diary_right li{
	font-size: 13px;
	line-height: 1.4;
	list-style: none;
	margin-bottom: 7px;
	padding-left: 10px;
	background: url("../img/arrow02.gif") no-repeat scroll 0 6px;
}

#sidebar_right ul.list.thumb li{
  padding-left: 0;
  background-image: none;
  overflow: hidden;
  margin-bottom: 15px;
}

#sidebar_right ul.list.thumb li .title, #sidebar_right ul.list.thumb li div{
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  width: 240px;
  overflow: hidden;
}
#sidebar_right ul.list.thumb li .title{
  padding: 4px 0 2px 0;
}
#sidebar_right ul.list.thumb li div{
  color: #818181;
}

#sidebar_right ul.list.thumb li a{
  display: block;
}

#sidebar_right ul.list.thumb .thumb_img{
  float: left;
  margin-right: 10px;
}

#sidebar_right #diary_right .monthly li{
  float: left;
  width: 33.33%;
}

#diary_right .comment span{
	display: block;
	font-size: 11px;
	color: #666;
}

/*/// 131224 追加 ここまで ////*/


/*/// 140119 追加 ここから ////*/

#header_small{
  margin: 0 0 10px 0;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.15);
  border-top: 4px solid #3b9521;
}

@media (min-width: 1120px) {
  .main_sm #header_small .inner{
    width: 1115px;
  }
  .main_sm #header_small #menu .global_menu{
    width: 620px;
  }
}

#header_small:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear:both;
}

body.header_bg_ad #header_small{
  margin-bottom: 20px;
  border-top: none;
}
.horizontal{
	float: left;
	display: block;
}
.header_logo_small{
    margin: 0 5px 0 0 !important;
    height: 52px;
    display: flex;
    align-items: center;
}
body.header_bg_ad .header_logo_small{
    width: 237px;
    height: 63px;
    text-align: center;
    justify-content: center;
}
.header_logo_small img{
    display: block;
}
.search_area.small{
	margin: 0px 7px 0 0px;
        padding-top: 8px;
}
body.header_bg_ad .search_area.small{
    margin: 0;
}
.search_area .search_box{
  margin-right: 0;
  border-radius: 4px 0 0 4px;
  border-right: none;
}
.search_area button[type="submit"]{
  border-radius: 0 4px 4px 0;
}
.search_area.small button[type="submit"]{
  padding: 6px 8px;
}

.menu_small{
 margin: 0 0 0 11px;
	clear:none!important;
}

body.header_bg_ad .menu_small{
    clear: both !important;
    margin-left: 0;
    margin-top: 0;
}

.header_right_small{
  float: right;
  padding-top: 13px;
}
body.header_bg_ad .header_right_small{
  padding: 13px 0;
}

.header_right_small a.login_button,
.header_right_small a.new_regist_button {
  text-decoration: none;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
}

.header_right_small a.new_regist_button{
	margin: 0 0 0 3px;
}

#menu .sub_small{
	background: #f8f6f3;
	border-radius: 3px;
	border-top: 4px solid #3b9521;
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	z-index: 2000;
  top: 52px;
  right: 0;
  min-width: 470px;
  display: none;
  position: absolute;
  padding: 10px 0px 10px 20px;
  white-space: nowrap;
}
#menu .sub_small ul{
  display: inline-block;
  margin-right: 40px;
  vertical-align: top;
}

#menu .sub_small li{
	float: none;
  line-height: 28px;
  text-align: left;
}

#menu .sub_small li a{
	padding-left: 15px;
	background: url("../img/arrow01.png") no-repeat 0px 8px;
	display: block;
	color: #333;
	width: 100%;
	text-decoration: none;
}

#menu .sub_small li a:hover{
	text-decoration: underline;
}

#user_plate{
	width: 124px;
	background-image: url(../img/user_plate.png);
	background-repeat: no-repeat;
	margin: 0 0 0 4px;
}
#user_name{
	width: 105px;
	height: 25px;
	float: left;
	padding: 5px 0 0 12px;
	font-size: 12px;
}

/*/// 140119 追加 ここまで ////*/

/*/// 140120 追加 ここから ////*/

.box.book .block{
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.box.book .left{
    text-align: center;
    float: left;
    margin-right: 12px;
    width: 100px;
}

.box.book .title_large{
    margin-bottom:10px;
}
.box.book .publisher{
    margin-left: 15px;
}

.box.book .amazon_link{
    float: right;
}

.box.book .more{
    float: left;
}

.box.book .more a{
    margin: 0;
}

/*/// 140120 追加 ここまで ////*/

/*/// 140122 追加 ここから ////*/

#main h3,h4{
	font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

.label2.privacy05{
	background: #91496e;
}
#diary_detail_header{
	margin: 10px 0 -10px 0;
	font-size: 13px;
}
#diary_detail_header:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear:both;
}
.diary_title{
	font-size: 18px;
	font-weight: bold;
	margin-top: 18px;
	margin-bottom: 9px;
}
.date_category{
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 15px;
}

.photo td a{
	text-decoration: none;
}

/** 前後の日記 **/
.next_prev_diary{
	margin: 35px 0 26px 0;
	height: 80px;
	background-color: #f6f6f6;
	
	border-radius : 4px;

}
.next_diary_block{
	float: right;
	width: 292px;
	margin-right: 13px;
	text-align: right;
	background: url(../img/chevron-right.png) no-repeat right center;
}
.prev_diary_block{
	float: left;
	width: 288px;
	margin-left: 17px;
	background: url(../img/chevron-left.png) no-repeat left center;
}
.next_diary_block span{
	padding-right: 27px;
}
.prev_diary_block span{
	padding-left: 23px;
}
.next_prev_diary_arrow{
	width: 40px;
	position: relative;
	top: 50%;
	margin-top: -1em;
}
.next_prev_diary_text{
	width: 230px;
}
a.no_underline{
	text-decoration: none;
}
.link_diary_text{
	font-size: 14px;
	color: #1d56ac;
	text-decoration: underline;
	display: table-cell;
	height: 80px;
	vertical-align: middle;
}


/** social **/
.add_literal{
	display: inline;
	vertical-align: bottom;
	line-height: 23px;
}
.favo_detail{
	float: left;
	margin-right: 10px;
	width: 245px;
	padding-top: 10px;
	background: url(../img/favo_arrow.png) 13px top no-repeat;
}
.favo_detail a{
	text-decoration: none;
}

/** diary comment **/
/*
#diary_main .comment{
	background: #f7f3ec;
	border-radius: 4px;
	border: 1px solid #c1c1c1;
	padding: 20px;
	margin-top: 25px;
}
#diary_main .comment.disable{
	text-align: center;
}

#diary_main .emoticon img{
	display: block;
	float: left;
}
#diary_main .comment .right .btn{
	margin-top: 23px;
}

#diary_main .comment .comment_post{
	padding: 20px 0;
	border-bottom: 2px solid #fff;
}
#diary_main .comment .comment_post:last-child{
	border: none;
	padding-bottom: 0;
}
*/

/** right paneのnext prev diary **/
.next_prev_diary_right:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear:both;
}
.next_prev_diary_right .diary_link{
	background-color: #e5e5e5;
	width: 75px;
	height: 50px;
	display: block;
	position: relative;
	border-radius : 4px;
}
.next_prev_diary_right .diary_link_prev{
	margin-right: 10px;
	float: left;
}
.next_prev_diary_right .diary_link_next{
	float: right;
}

.next_prev_diary_right .diary_link img{
	position: absolute;
	top: 17px;
	left: 33px;
}

.favcheer_btn {
	display:inline;
}

/*/// 140122 追加 ここまで ////*/

/*/// 140123 追加 ここから  ///*/
#centercolumn #record_detail .equip_area{
	border: 1px solid #c1c1c1;
	border-radius: 4px;
}
#centercolumn #record_detail .equip_area_personal{
	margin-bottom: 25px;
}
#centercolumn #record_detail .equip_area_personal:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
#centercolumn #record_detail .adjust_equip_space{
	margin-top: 28px;
}
#centercolumn #record_detail .equip_table_shared{
	margin: 13px 14px 15px 14px;
	width: 740px;
}
#centercolumn #record_detail .equip_table_personal{
	margin: 13px 6px 15px 14px;
	width: 300px;
	float: left;
}
#centercolumn #record_detail .equip_table{
	border: none;
	border-collapse: collapse;
	table-layout: fixed;
}
#centercolumn #record_detail .equip_table th{
	background-color: #FFFFFF;
	padding: 0 3px 0 0;
	border: none;
	font-size: 12px;
}
#centercolumn #record_detail .equip_table th div{
	padding: 5px 0 2px 0;
	background-color: #f7f3ec;
	color: #379615;
	text-align: center;
}
#centercolumn #record_detail .equip_table td{
	padding: 3px 0 4px 6px;
}
#centercolumn #record_detail .equip_table td.align_center{
	text-align: center;
}
#centercolumn #record_detail .equip_table .item{
	width: 246px;
}
#centercolumn #record_detail .equip_table .item_num{
	width: 37px;
}
#centercolumn #record_detail .equip_table .owner{
	width: 122px;
}
#centercolumn #record_detail .equip_table .wearer{
	width: 122px;
}
#centercolumn #record_detail .equip_table .remark{
	width: 204px;
}
#centercolumn #record_detail .equip_table td{
	border: none;
}
#centercolumn #record_detail .equip_table .equip_record{
	border-bottom: dashed 1px #c1c1c1;
}

#centercolumn #record_detail .equip_table .item_personal{
	width: 156px;
}
#centercolumn #record_detail .equip_table .item_num_personal{
	width: 37px;
}
#centercolumn #record_detail .equip_table .remark_personal{
	width: 120px;
}

#centercolumn #record_detail .ad_double_section{
	margin: 3px 0 27px 0;;
}
#centercolumn #record_detail .ad_double_section:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
#centercolumn #record_detail .ad_double_section .ad_area{
	float: left;
	margin-right: 20px;
}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}
/*/// 140123 追加 ここまで ///*/


/*/// 140201 追加 ここから ///*/

#main .profile_area{
	border: solid 1px #cccccc;
	border-radius: 4px;
	margin: 20px 0 20px 0;
}
#main h3.profile_header{
	padding: 4px 12px 4px 18px;
	margin: 0;
}
#main a.edit_profile{
	display: block;
	float: right;
	color: #000000;
	text-decoration: none;
}
#main span.profile_title{
	display: block;
	float: left;
	margin: 9px 0 6px 0;
}

#main .profile_area .profile_left_area{
	width: 210px;
	float: left;
	padding: 0 23px 0 15px;
}
#main .profile_area .profile_left_area .profile_photo_area{
	border: solid 1px #cccccc;
	margin: 15px 0 0 0;
}
#main .profile_area .profile_left_area .profile_photo_area img{
	margin: 5px auto;
	display: block;
}
#main .profile_area .profile_left_area .profile_photo_area .edit_photo{
	background-color: #eeeeee;
	display: block;
	color: #000000;
	text-decoration: none;
	margin: 5px 5px 5px 5px;
}
#main .profile_area .profile_left_area .view_map_block{
	margin: 10px 0;
}
#main .profile_area .profile_left_area .profile_group_area{
	border: solid 1px #cccccc;
	border-radius: 4px;
}
#main .profile_area .profile_left_area .profile_group_area .profile_group_header{
	margin: 0;
	padding: 3px 0 0 0;
	background-color: #4e4e4e;
	color: #ffffff;
	text-align: center;
}
#main .profile_area .profile_left_area .profile_group_area .profile_group{
	margin: 0;
	padding: 8px 0 5px 0;
}
#main .profile_area .profile_left_area .profile_group_area .profile_group_alt{
	background-color: #f8f4ed;
}
#main .profile_area .profile_left_area .profile_group_area .banner_img_frame{
	margin: 0 auto 0 auto;
	display: block;
	width: 92px;
	padding: 2px;
	box-shadow: 0 0 3px #ccc;
}
#main .profile_area .profile_left_area .profile_group_area img{
}
#main .profile_area .profile_left_area .profile_group_area .banner_group_block{
	text-align: center;
	margin: 0;
}
#main .profile_area .profile_right_area{
	float: left;
	width: 558px;
}
#main .profile_area .profile_right_area .profile_text_table{
	margin: 15px 0 0 0;
	width: 542px;
	table-layout: fixed;
}
#main .profile_area .profile_right_area .profile_text_table tr.profile_text_line{
	border-bottom: solid 1px #e1e1e1;
	text-align: left;
	vertical-align: top;
}
#main .profile_area .profile_right_area .profile_text_table tr.profile_text_line:last-child{
	border-bottom: none;
}

#main .profile_area .profile_right_area .profile_text_table th.profile_text_header{
	background-color: #ffffff;
	background-color: rgba(255,255,255,0);
	color: #000000;
	font-weight: bold;
	padding: 10px 0 10px 10px;
	width: 140px;
}
#main .more_btn_float_area{
	margin: 0 0 25px 0;
}
#main .more_btn_float_area .more{
	float: right;
}
#main .ad_double_section .ad_area{
	float: left;
	margin-right: 20px;
}
@media (max-width: 1119px) {
 #main.sm .ad_double_section{
   margin-right: -8px;
 }
}
#main .ad_double_section .ad_area{
  margin-right: 8px;
  padding: 0;
}

#main h4.profile_group_header{
	background-color: #4e4e4e;
	color: #ffffff;
	margin: 0;
	padding: 5px 10px 5px 14px;
	font-size: 14px;
}
#main h4.profile_group_header .profile_group_status{
	display: block;
	float: left;
	margin: 9px 0 6px 26px;
	font-size: 13px;
}
#main h4.profile_group_header .profile_group_status img{
	margin: -4px 6px 0 0;
}
#main .profile_area .profile_left_area .profile_group_photo_area{
	border: solid 1px #cccccc;
	margin: 15px 0;
}
#main .profile_area .profile_left_area .profile_group_photo_area .image_align{
	height: 170px;
	width: 170px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#main .profile_area .profile_left_area .profile_group_photo_area img{
	margin: 5px auto 5px auto;
	display: block;
}

/*/// 140201 追加 ここまで ///*/

/*/// 140203 追加 ここから ///*/
#main .content_column{
  font-size: 14px;
  line-height: 170%;
}
#main #ptinfo_category_links{
  margin: 18px 0 0px 0;
}
#main a.cate_link{
  border-radius: 2px;
  display:inline-block;
  padding: 0px 10px;
  color: #333333;
  margin-right: 5px;
  background: #c5e27c;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
}
#main .update_by{
  text-align: right;
  margin: 0 0 10px 0;
}

#main #ptinfo_stats div.basic_info_area{
  margin: 0 0 0 0;
  border: solid 1px #cccccc;
  padding: 7px 14px 16px 14px;
  border-radius: 4px;
  background-color: #ffffff;
}
#main #ptinfo_stats .basic_info_area div.basic_info_header{
  color: #ffffff;
  background-color: #389615;
  padding: 4px 15px;
  font-weight: bold;
  margin: -6px -13px;
  border-radius: 4px 4px 0 0;
}
#main #ptinfo_stats .basic_info_area table.basic_info{
  margin: 12px 0 0 0;
}
#main #ptinfo_stats .basic_info_area .basic_info th{
  width: 52px;
  height: 34px;
  padding: 0 0 0 5px;
  color: #333333;
  background: none;
}
#main #ptinfo_stats .basic_info_area .basic_info_detail th {
  vertical-align: top;
  width: 130px;
  color: #333333;
  background: none;
  padding: 1px;
}

#main #ptinfo_stats .basic_info_area .basic_info th,
#main #ptinfo_stats .basic_info_area .basic_info td{
  vertical-align: middle;
}
#main #ptinfo_stats .basic_info_area .basic_info tr.basic_info_separator{
  border-bottom: solid 1px #e1e1e1;
}
#main #ptinfo_stats .basic_info_area .btn-group{
  margin: 8px 0 0 0;
}
#main #ptinfo_stats .basic_info_area .btn-group{
  width: 421px;
}
#main #ptinfo_stats .basic_info_area .basic_info_explain{
  margin: 15px 0 0 0;
  padding: 9px 0 9px 0px;
  border-top: solid 1px #e1e1e1;
  border-bottom: solid 1px #e1e1e1;
}
#main #ptinfo_stats .basic_info_area .basic_info_detail{
  margin: 12px 0 0 0;
}
#main #ptinfo_stats .basic_info_area .basic_info_detail tr{
  height: 29px;
  border-bottom: dotted 1px #e1e1e1;
}
#main #ptinfo_stats .basic_info_area .basic_info_detail th{
  vertical-align: top;
  width: 130px;
}
#main #ptinfo_stats .basic_info_area .basic_info_detail th > img{
  margin: 0 5px 0 5px;
}

.ptinfo_photo_area{
  margin: -2px;
}

.ptinfo_photo_area a{
  display: block;
  float: left;
  margin: 2px;
}

.ptinfo_photo_area a:first-child{
  height: 338px;
  overflow: hidden;
}

@media (min-width: 1120px) {
  .ptinfo_photo_area a:first-child img{
    margin-top: -45px;
  }
}
  
@media (max-width: 1119px) {
  .ptinfo_photo_area a:first-child img{
    width: 338px;
    height: auto;
  }
}

.chart_box{
  background-color: #f5f5f5;
  padding: 5px;
  border-radius: 6px;
}

.chart_box_wrapper {
  background-color: #f5f5f5;
  border-radius: 6px;
}

.ptinfo_table{
  width: 100%;
  border-collapse: separate;
}
.ptinfo_table td{
  padding: 3px 10px;
  border-bottom: 1px solid #e1e1e1;
  color: #666;
}
.ptinfo_table tbody tr:last-child td{
  border-bottom: none;
}
.ptinfo_table .txt_e{
  font-family: "Helvetica Neue",Arial,sans-serif;
}
.ptinfo_table tbody tr:hover{
  background-color: #ddf3ed;
}

#plist{
  margin-right: -5px;
}
#plist img{
  width: 132px;
  height: auto;
  margin-right: 5px; 
}

#main #pt_wiki{
}

#main .neighbor ul{
  overflow: hidden;
  padding: 0;
  margin-bottom: 40px;
}
#main .neighbor li{
  float: left;
  list-style: none;
  width: 385px;
  padding: 2px 0;
  padding-left: 20px;
  background: url("../img/icon_place.png") no-repeat 6px 7px;
}

@media (max-width: 1119px) {
 #main.sm .neighbor li{
   width: 340px;
 }
}

#main .route_box{
  margin: 50px 0 0 0;
}
#main .relation_box{
  margin: 50px 0 0 0;
}

/*/// 140203 追加 ここまで ///*/

/*/// 140220 追加 ここから ///*/

a.add_plan{
    border-radius: 50px;
    color: #333;
    display: block;
    padding: 16px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    border: 2px solid #ccc;
    margin: 60px auto;
    width: 480px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
a.add_plan:hover{
	text-decoration: none;
}
a.add_plan img{
	vertical-align: text-top;
	margin-right: 10px;
}

.record_detail .box .map_btn{
	float: none;
	padding: 10px;
	background: url("../img/reco_detail_icon_bg.gif") repeat-x;
    border-radius: 4px;
}
.record_detail .box .map_btn .btn-sm{
    font-size: 12px;
}


/*/// 140220 追加 ここまで ///*/

/*/// 140307 追加 ここから ///*/
.subbtn_area{
	background: url("../img/reco_detail_icon_bg.gif") repeat-x;
	border-radius: 4px;
    padding: 6px 10px 0;
    margin-bottom: 10px;
}

#question_list{
	overflow: hidden;
	border-bottom: 1px solid #d2d2d2;
	margin-top: 0;
}

#question_list dt{
	clear: both;
	float: left;
	width: 70px;
}
#question_list dd{
	float: left;
}
#question_list dd.center{
	width: 590px;
	padding-right: 10px;
}

#question_list .title{
	margin: 5px 0;
}

#question .label2.cat{
	font-weight: normal;
	background-color: #2966af;
}

#question .label2.qa_level{ color: #333; }
#question .label2.level_1{ background-color: #a7d1ca; }
#question .label2.level_2{ background-color: #cde792; }
#question .label2.level_3{ background-color: #e6e352; }
#question .label2.level_4{ background-color: #e7af5c; }
#question .label2.level_5{ background-color: #e7795c; }

#question_list dd.status{
	width: 110px;
	text-align: center;
	line-height: 30px;
}
#question_list dt, #question_list dd{
	padding: 10px 0;
	border-top: 1px solid #d2d2d2;
}

#question_list dd.status .status01{
	border: 1px solid #cecece;
	border-radius: 4px 4px 0 0;
}

#question .status01.on{
	background: #31a3cd;
	color: #fff;
}

#question .status01.off{
	background: #e7e7e7;
	color: #666;
}

#question_list dd.status .status02{
	border: 1px solid #cecece;
	border-top: none;
	border-radius: 0 0 4px 4px;
}

.question_detail{
	margin-top: 10px;
}

.question_detail .status01.left{
	border-radius: 4px;
	line-height: 50px;
	text-align: center;
	width: 110px;
	margin-right: 20px;
}

.question_detail .title{
	font-size: 16px;
	border-top: 2px solid #cecece;
	margin-top: 4px;
	padding-top: 6px;
}

.question_detail .box{
	overflow: hidden;
	border: 1px solid #cecece;
	border-radius: 4px;
}

.question_detail .question .box{
	background: #f2fadf;
	border-color: #adcba5;
}

.question_detail .box .inner{
	padding: 10px 15px;
	border-top: 1px solid #cecece;
}

.question_detail .question .box .inner{
	border-color: #adcba5;
}

.question_detail .subbtn_area{
	float: right;
}

.question_detail .block{
	clear: both;
	margin-bottom: 10px;
	overflow: hidden;
}

.question_detail .left{
	float: left;
	width: 130px;
	overflow: hidden;
	padding: 5px;
	margin-right: -1px;
}
.question_detail .left{
	background: url("../img/question_box_bg01.png") right 12px no-repeat;
}
.question_detail .answer .left{
	background: url("../img/question_box_bg02.png") right 12px no-repeat;
}

.question_detail .right{
	overflow: hidden;
}

.question_detail .box .point{
	text-align: center;
	padding: 8px 0;
	background: #f5f5f5;
	font-weight: bold;
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #cecece;
}

.question_detail .box .point span{
	color: #e88080;
	font-size: 16px;
}

.question_detail .head{
	text-align: right;
	padding: 5px 15px;
}
.question_detail .head span{
	float: left;
	font-weight: bold;
}
.question_detail .question .head span{
	color: #3b9521;
}

.question_detail .left img{
	border: 4px solid #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
    display: block;
    margin-bottom: 5px;
}

#qa_notice{
	background: #f2f2f2;
	padding: 15px 30px 5px;
	border-radius: 4px;
	margin-top: 50px;
}

#qa_notice dt{
	float: left;
	clear: both;
	width: 100px;
	line-height: 2;
}
#qa_notice dd{
	overflow: hidden;
	line-height: 2;
	padding-bottom: 10px;
}

#question a.btn{
	text-decoration: none;
}

.qa_btn{
	margin-bottom: 10px;
	margin-left: 129px;
	text-align: center;
}

#question a.qa_btn01{
	background: #fd9500;
	border-color: #e08606;
	color: #fff;
}

#question a.qa_btn01:hover{
	background: #e38600;
	border-color: #c97805;
	color: #fff;
}

#question a.qa_btn02{
	background: #e88080;
	border-color: #cf7b7b;
	color: #fff;
}

#question a.qa_btn02:hover{
	background: #d07373;
	border-color: #ba6e6e;
	color: #fff;
}

a.btn-default {
	color: #333;
}
a.btn-danger{
	color: #fff;
}

.question_detail .right .inner .btn_area{
	margin-top: 10px;
	text-align: right;
}


/*/// 140307 追加 ここまで ///*/
/*/// 140311 追加 ここから ///*/

#yamanote ul{
	padding: 0;
	margin-bottom: 20px;
}

#yamanote li{
	list-style: none;
	margin: 0;
	padding: 10px;
	overflow: hidden;
}

#yamanote li .thumbox{
	float: left;
	width: 80px;
	margin-right: 10px;
}

#yamanote li .right{
	margin-left: 95px;
}

#yamanote li:nth-child(even){
	background: #f8f4ed;
}
.label2{
	font-size: 13px;
}
.icon .spr1 {
    margin-left: 8px;
}
#yamanote .label2{
	float: left;
}

#yamanote .label2.cat1{
	background: #2966af;
}
#yamanote .label2.cat2{
	background: #5a5a5a;
}

#yamanote .hd{
	text-align: right;
	overflow: hidden;
	margin-bottom: 5px;
}

#yamanote .ft{
	text-align: right;
	overflow: hidden;
	margin-top: 5px;
}
#yamanote .ft .icon{
	float: left;
	margin-left: -8px;
}

/*/// 140311 追加 ここまで ///*/
#diary_list .thumbox{
	float: left;
	margin-right: 15px;
}

#diary_list .block{
	padding: 10px 0 20px;
	border-bottom: 1px solid #d2d2d2;
	overflow: hidden;
}
#diary_list .block .right{
	overflow: hidden;
}

.diary .label2.date{
	background: #eeeeee;
	color: #333;
}
.diary .label2.cat{
	background: #fed2a6;
	color: #C14900;
}
.diary .label2.privacy{
	float: right;
}

#diary_list .block .hd{
	overflow: hidden;
	margin-bottom: 5px;
}

#diary_list .block .ft{
	text-align: right;
	overflow: hidden;
	margin-top: 5px;
}
#diary_list .block .ft .icon{
	float: left;
	margin-left: -8px;
}

#diary_list .block .ft .icon .update{
	color: #666;
	margin-left: 10px;
	font-size: 13px;
}

.label2 a{
	color: inherit;
	text-decoration: none;
}

#diary_main.mypage .block{
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 20px;
}

#diary_main.mypage .hd{
	overflow: hidden;
	margin-bottom: 5px;
}

#diary_main.mypage h4{
	background: #f8f4ed;
	border-bottom: 2px solid #3b9521;
	margin: 0;
	font-size: 15px;
	padding: 10px 15px;
	border-left: 1px solid #FFFFFF;
    border-radius: 4px 4px 0 0;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

#diary_main.mypage .post{
	padding: 15px;
}

#diary_main.mypage table.photo{
	margin-bottom: 10px;
}
#diary_main.mypage h3{
	line-height: 24px;
}
#diary_main.mypage h3 img{
	vertical-align: top;
	margin-right: 5px;
}
#diary_main.mypage h3 .label2{
	float: right;
}

#diary_main .label2.privacy{
	float: right;
}


/*/// 140315 追加 ここまで ///*/

/*/// 140321 追加 ここから ///*/

#facorite_popup{
	background: #fff;
	border-radius: 4px;
/*	position: absolute; */
/*	top: 40%; */
/*	left: 50%; */
/*	margin: -175px 0 0 -290px; */
	width: 580px;
	padding: 10px;
	min-height: 350px;
}

#facorite_popup .hd01{
	background: #c4d87f;
	text-align: center;
	border-radius: 2px;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 10px;
	margin-bottom: 10px;
	border: 1px solid #b1c56e;
}

#facorite_popup .hd02{
	background: #efefef;
	text-align: center;
	border-radius: 2px;
	padding: 10px 10px;
	margin-bottom: 10px;
}

#facorite_popup dl{
	padding: 0 20px;
	margin-bottom: 0;
}
#facorite_popup dt{
	float: left;
	clear: both;
	width: 90px;
	padding-top: 12px;
}
#facorite_popup dd{
	overflow: hidden;
	padding-bottom: 20px;
}

.label2.favo{
	background: #efefef;
	color: #3b9521;
}
a.label2.favo:hover,
a.label2.favo:visited{
	color: #3b9521;
}

a.label2{
	text-decoration: none;
	margin-bottom: 6px;
}
a.label2:hover,
a.label2:visited{
	color: #fff;
}

#facorite_popup form{
	margin: 5px 0;
}

#facorite_popup .btn_area{
	text-align: center;
	padding: 12px 0 2px;
	border-top: 1px solid #ccc;
}
#facorite_popup .btn_area .btn{
	width: 30%;
}

.popup_close{
	background: url("../img/popup_close_btn.png") no-repeat;
	width: 29px;
	height: 29px;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: -15px;
	right: -15px;
}

#my_favorite{
	margin-top: 10px;
}
#my_favorite .block{
	padding: 8px 0;
	border-bottom: 1px solid #d3d3d3;
}
#my_favorite .block .inner{
	overflow: hidden;	
}
#my_favorite .block .memo{
	background: #f8f4ed;
	padding: 5px 10px;
	border-radius: 4px;
	clear: both;
	margin-top: 5px;
	line-height: 1.4;
}
#my_favorite .block .thumbox{
	float: left;
	margin-right: 10px;
}

#my_favorite .block .title .spr1{
	margin-left: 10px;
	vertical-align: text-top;
}

#my_favorite .block .right{
	float: right;
	margin-left: 10px;
	background: #f6f6f6;
	padding: 10px;
	text-align: center;
	border-radius: 4px;
}

#my_favorite .block .favo_user{
	font-weight: bold;
	color: #3b9521;
	margin-bottom: 5px;
}
#my_favorite .block .name{
	margin-left: 15px;
}

/* 140521 コメントアウト
.label2.type{
	background: #3b9521;
}
*/

#my_favorite .favo_user img{
	vertical-align: text-top;
}
.label2.cat{
	background: #2966AF;
}

#my_favorite .block .center{
	overflow: hidden;
	margin-left: 95px;
}

a.btn-default, a.btn-success, a.btn-warning, a.btn-danger, a.btn-darkgray{
	text-decoration: none;
}
a.btn-success, a.btn-warning{
  color: #fff;
}

.btn_area.style1{
	margin-top: 20px;
}
.dropdown-menu a{
	text-decoration: none;
}

#diary_main.mypage .post .icon{
	margin-bottom: -25px;
    margin-top: 10px;
}
#diary_main.mypage .post .icon span:first-child{
	margin-left: 0;
}

/*/// 140321 追加 ここまで ///*/

/*/// 140411 追加 ここから ///*/

#follow_timeline{
	margin-top: 10px;
	margin-bottom: 10px;
}
#follow_timeline .block{
	padding: 8px 0;
	border-bottom: 1px solid #d3d3d3;
}
#follow_timeline .block .inner{
	overflow: hidden;	
}

#follow_timeline .block .thumbox{
	float: left;
	margin-right: 10px;
}
#follow_timeline .profile_img{
	border: 4px solid #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
}
#follow_timeline .profile_img{
	margin: 3px;
}

#follow_timeline .block .title .spr1{
	margin-left: 10px;
	vertical-align: text-top;
}

#follow_timeline .block .right{
	float: right;
}

#follow_timeline .block .name{
	margin-left: 15px;
}

#follow_timeline .block .center{
	overflow: hidden;
	margin-left: 95px;
}

.label2.name{
	background: #efefef;
	color: #3b9521!important;
	font-weight: bold;
	margin-left: 0!important;
}

#event_list{
	margin-top: 10px;
	margin-bottom: 10px;
}
#event_list .block.done .inner{
	opacity: 0.6;
}
#event_list .block.done{
	background: #fbfbfb;
}
#event_list .block{
	padding: 12px 0;
	border-bottom: 2px solid #d3d3d3;
}
#event_list .block .title{
	margin-bottom: 5px;
}

#event_list .block .inner{
	overflow: hidden;
	padding: 0 10px;
}

#event_list .block .thumbox{
	float: left;
	margin-right: 10px;
}

#event_list .profile_img{
	margin: 3px;
}

#event_list .block .right{
	float: right;
}

#event_list .block .name{
	margin-left: 15px;
}

#event_list .block .center{
	overflow: hidden;
	margin-left: 95px;
}

#event_list .date{
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#event_list .right.st{
	font-weight: bold;
}
#event_list .right.st span{
	font-size: 12px;
	color: #666;
	font-weight: normal;
}
#event_list .right.st.price{
	background: #efefef;
	padding: 2px 6px;
	border-radius: 2px;
}
#event_detail table{
	border-collapse: collapse;
	margin-bottom: 10px;
}

#centercolumn #event_detail th{
	border-radius: 0px;
	border-bottom: 1px solid #fff;
	background: #edf6ea;
	color: #379615;
	white-space: nowrap;
	width: 16%;
}
#centercolumn #event_detail td{
	border-bottom: 1px solid #e4e4e4;
}
#centercolumn #event_detail th, #centercolumn #event_detail td{
	padding: 6px 8px;
}
#centercolumn #event_detail table{
	border-collapse:separate;
	border-radius: 5px;
	border: 3px solid #379615;
}
#centercolumn #event_detail tr:first-child th{
	border-radius: 4px 0 0 0;
	padding-top: 6px;
}
#centercolumn #event_detail tr:first-child td{
	padding-top: 6px;
}
#centercolumn #event_detail tr:last-child th{
	border-radius: 0 0 0 4px;
	border-bottom: none;
	padding-bottom: 6px;
}
#centercolumn #event_detail tr:last-child td{
	border-bottom: none;
	padding-bottom: 6px;
}

.label2.event_info{
	background-color: #2fc5db;
}

.label2.collect{
	background-color: #fe9f07;
}
.label2.d_gray{
	background-color: #444;
}
.label2.l_gray{
	background-color: #f2f2f2;
	color: #666;
}

.label_area{
	margin-top: 10px;
	margin-bottom: -30px;
	overflow: hidden;
}

#centercolumn #event_detail .photo_area{
	background: #f7f3ec;
	padding: 26px 0 6px 17px;
	border-radius: 4px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 5px;
}
#centercolumn #event_detail .photo_area a{
	text-decoration: none;
}
#centercolumn #event_detail .photo_area .item a{
	display: block;
	margin-bottom: 5px;
}

#centercolumn #event_detail .photo_area .item{
	width: 184px;
	display: inline-table;
    margin-bottom: 20px;
	text-align: left;
}
.fb_iframe_widget {
    display: inline-flex!important;
    margin-right: 10px;
}

#event_detail .comment{
	background: #f7f3ec;
	border-radius: 4px;
	border: 1px solid #c1c1c1;
	padding: 20px;
}
#event_detail .comment.disable{
	text-align: center;
}


#event_detail .comment .comment_post{
	padding: 20px 0;
	border-bottom: 2px solid #fff;
}
#event_detail .comment .comment_post:last-child{
	border: none;
	padding-bottom: 0;
}

.subbtn_area.event{
	float: right;
}
#event_detail .member_list dl{
	display: table;
	margin: 0;
	border-bottom: 1px solid #e4e4e4;
	width: 100%;
}
#event_detail .member_list dt{
	font-weight: normal;
	width: 240px;
	display: table-cell;
	padding: 5px;
}
#event_detail .member_list dt img{
	margin-right: 10px;
}
#event_detail .member_list dd{
	font-size: 12px;
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
	overflow: hidden;
}

#event_detail.event_collect .organizer{
	float: left;
	width: 150px;
	margin-right: 10px;
}
#event_detail.event_collect .organizer .hd{
	background-color: #379514;
	border-radius: 2px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 3px 0;
}
#event_detail.event_collect .organizer img{
	box-shadow: 0 0 5px #CCCCCC;
	margin: 10px auto 5px auto;
	display: block;
}

#centercolumn #event_detail.event_collect table{
    width: 610px;
}
.subbtn_area.event button{
	padding: 0 10px;
	line-height: 35px
}
.btn.join{
	background: #74b404;
	border-color: #6ca507;
	color: #fff;
	font-weight: bold;
}
a.btn-default.btn-info, a.btn-default.btn-warning{
	color: #fff;
	font-weight: bold;
}
.subbtn_area.event .btn-info span, .subbtn_area.event .btn-warning span, .subbtn_area.event .s2 span{
	display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
    border-left: 1px solid rgba(255,255,255,0.4);
}

.btn.join:hover{
	background: #68a204;
	border-color: #619406;
}

.subbtn_area.event a.btn.member{
	font-size: 12px;
	padding: 0 10px 0 30px;
	line-height: 35px;
	background-image: url("../img/arrow_down.png");
	background-repeat: no-repeat;
	background-position: 10px center;
} 
.btn.member	span{
	font-size: 16px;
	font-weight: bold;
}

#join_popup{
	background: #535353;
	border-radius: 6px;
	margin-top: 5px;
	box-shadow: 0 0 5px #CCCCCC;
	color: #fff;
	padding: 10px;
	position: absolute;
	min-width: 310px;
}

#join_popup .form-control.n1{
	display: inline-block;
	vertical-align: text-bottom;
    width: 45px;
}
#join_popup button{
	vertical-align: text-bottom;
	padding: 0 10px;
	line-height: 35px
}

#event_detail .box{
	margin-bottom: 20px;
}

#footer .box02{
	text-align: left;
	margin-bottom: 30px;
}

#footer .box02 .app{
	background: #fbfbf9;
	border: 1px solid #fff;
	display: table;
	padding: 10px;
	border-radius: 4px;
	margin: 0;
}
#footer .box02 .app dt{
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
	color: #379615;
}
#footer .box02 .app dd{
	display: table-cell;
	vertical-align: middle;
	padding-right: 30px;
}
#footer .box02 .app dd:last-child{
	padding-right: 0px;
}

#footer .box02 .btn-group{
	float: right;
	padding: 10px;
	background: #dddbd8;
	border-radius: 4px;
	overflow: visible;
}

#ft_sitemap{
	clear: both;
}

#centercolumn #diary_post table th{
	border-radius: 0;
	background: #F7F3EC;
	color: #379615;
	vertical-align: top;
	border-bottom: 1px solid #fff;
	padding: 10px;
}
#centercolumn #diary_post table td{
	border-bottom: 1px solid #e4e4e4;
}
#centercolumn #diary_post table th a{
	float: none;
	padding: 0;
	background: none;
}

#centercolumn #diary_post table tr:first-child th{
    border-radius: 4px 0 0 0;
}
#centercolumn #diary_post table tr:last-child th{
    border-radius: 0 0 0 4px;
    border-bottom: none;
}
#centercolumn #diary_post table tr:last-child td{
    border-bottom: none;
}


#centercolumn #diary_post table{
	border: 4px solid #379615;
    border-collapse: separate;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 5px;
}

#diary_post .form-inline .form-control{
	max-width: 220px;
}

#diary_post .help{
	font-size: 12px;
	line-height: 1.6;
}

#diary_post input[type="file"]{
	display: inline-block;
}

#diary_post ul#input_file{
	margin: 0 0 20px;
	padding: 0
}
#diary_post ul#input_file li{
	list-style: none;
	margin-bottom: 10px;
}

.mytips{
/*	font-weight: normal; */
}

#diary_post .label2.privacy{
	float: right;
}

.a_right{
	text-align: right;
}

#join_popup .form-group {
    margin-bottom: 5px;
}

.subbtn_area.event .status{
    -moz-user-select: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    margin-bottom: 0;
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background: #fff;
	color: rgba(255, 255, 255, 0.8);
}

.subbtn_area.event .status.s1{
	background: #5BC0DE;
}
.subbtn_area.event .status.s2{
	background: #8884b0;
}
.subbtn_area.event .status.s3{
	background: #F0AD4E;
}
.subbtn_area.event .status.s4{
	background: #999;
}

.subbtn_area.event .btn.s2{
	background: #8884b0;
	font-weight: bold;
	color: #fff;
	border-color: #7c78a8;
}
.subbtn_area.event .btn.s2:hover{
	background: #7a779e;
	border-color: #6f6c97;
}

.subbtn_area.event button{
	font-weight: bold;
}

#centercolumn #event_detail.event_collect.brand table {
	width: 100%;
}

.label2.limit{
	font-weight: normal;
	background: #bba68f;
	border-radius: 0 2px 2px 0;
	margin-left: -7px;
}

/*/// 140411 追加 ここまで ///*/

/*/// 140423 追加 ここから ///*/

#centercolumn #question table th{
	border-radius: 0;
	background: #F7F3EC;
	color: #379615;
	vertical-align: top;
	border-bottom: 1px solid #fff;
	padding: 10px;
}
#centercolumn #question table td{
	border-bottom: 1px solid #e4e4e4;
}
#centercolumn #question table th a{
	float: none;
	padding: 0;
	background: none;
}

#centercolumn #question table tr:first-child th{
    border-radius: 4px 0 0 0;
}
#centercolumn #question table tr:last-child th{
    border-radius: 0 0 0 4px;
    border-bottom: none;
}
#centercolumn #question table tr:last-child td{
    border-bottom: none;
}


#centercolumn #question table{
	border: 4px solid #379615;
    border-collapse: separate;
    border-radius: 5px;
    margin-bottom: 20px;
    margin-top: 5px;
}

.question_detail .form_area{
	margin-left: 129px;
	display: none;
	margin-bottom: 0;
}

.question_detail .form_area textarea{
	margin-bottom: 7px;
}
textarea.form-control{
	line-height: 170%;
	color: #333;
}

#question .qa_btn{
	height: 36px;
}

#question.question_close .point{
	color: #E88080;
}

#question.question_close .point select.form-control{
	font-weight: bold;
	color: #333;
	background: #fff;
}
#question.question_close .info{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	color: #3B9521;
	padding: 40px 0;
	margin-bottom: 20px;
}

.submit_btn_area.bottom{
	margin-top: 20px;
	padding: 15px;
	background: #efefef;
	border-radius: 4px; 
	text-align: center;
}

#sidebar .sub_menu ul ul.child li:last-child a{
	border-bottom: none;
	border-radius: 0 0 4px 4px;
}
#sidebar .sub_menu ul ul.child li:last-child {
	border-radius: 0 0 4px 4px;
}
#sidebar .sub_menu ul ul.child{
	border-radius: 0 0 4px 4px;
}

.box.comment{
	background: none repeat scroll 0 0 #F7F3EC;
    border: 1px solid #C1C1C1;
    border-radius: 4px;
    padding: 20px;
}
#event_detail .comment{
	background: #f7f3ec;
	border-radius: 4px;
	border: 1px solid #c1c1c1;
	padding: 20px;
}
.box.comment.disable{
	text-align: center;
}

.box.comment .comment_post{
	padding: 20px 0;
	border-bottom: 2px solid #fff;
}
.box.comment .comment_post:last-child{
	border: none;
	padding-bottom: 0;
}

.yamanote_detail{
	margin-top: 10px;
	padding: 10px 20px 0;
	border: 1px solid #C1C1C1;
	margin-bottom: 20px;
	border-radius: 4px;
	background: #fff;
	clear: both;
}

.yamanote_detail .noteheader{
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.yamanote_detail .noteheader .data{
	float: right;
}

.yamanote_detail .notetitle{
	clear: both;
	font-size: 22px;
	margin:3px 0 6px;
	border-top: 4px double #C1C1C1;
	padding-top: 12px;
}
.yamanote_detail .description{
	border-bottom: 1px solid #C1C1C1;
	padding-bottom: 10px;
}

.yamanote_detail .noteitem{
	margin-bottom: 20px;
	position: relative;
}

.yamanote_detail .noteitem:after {
    content: " ";
	clear: both;
	display: block;
}
.yamanote_detail .title.h02{
	font-size:18px;
	font-weight:bold;
	line-height: 1.3;
	background: #f5f5f5;
	padding: 10px 10px;
	border-radius: 2px;
}

.yamanote_detail .title.h03{
	font-size:16px;
	margin-bottom: 10px;
}

a.link_btn{
	background: url("../img/arrow05.png") no-repeat 7px 8px #3B9521;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px 5px 22px;
	font-weight: bold;
	border-radius: 3px;
}

#centercolumn .yamanote_edit table{
	border-collapse:separate;
	border-radius: 5px;
	border: 3px solid #379615;
}

#centercolumn .yamanote_edit th{
	border-radius: 0px;
	border-bottom: 1px solid #fff;
	background: #edf6ea;
	color: #379615;
	white-space: nowrap;
	width: 20%;
	vertical-align: top;
}
#centercolumn .yamanote_edit td{
	border-bottom: 1px solid #e4e4e4;
}
#centercolumn .yamanote_edit th, #centercolumn .yamanote_edit td{
	padding: 6px 8px;
}

#centercolumn .yamanote_edit tr:first-child th{
	border-radius: 4px 0 0 0;
	padding-top: 6px;
}
#centercolumn .yamanote_edit tr:first-child td{
	padding-top: 6px;
}
#centercolumn .yamanote_edit tr:last-child th{
	border-radius: 0 0 0 4px;
	border-bottom: none;
	padding-bottom: 6px;
}
#centercolumn .yamanote_edit tr:last-child td{
	border-bottom: none;
	padding-bottom: 6px;
}

#centercolumn .yamanote_edit .noteitem:hover{
	background: #f1f8f8;
}

#centercolumn .yamanote_edit .noteitem{
	margin-bottom: 35px;
}

.add_item{
	background: url("../img/plus_white.png") no-repeat 11px center #3ab2ca;
	padding: 5px 14px 5px 30px;
	border-radius: 3px;
	margin-bottom: 35px;
}
.add_item strong{
	color: #fff;
	margin-right: 10px;
	vertical-align: middle;
}
.add_item .btn{
	width: 75px;
	color: #555555;
    font-weight: bold;
}

.move_btn img{
	vertical-align: inherit;
	cursor:pointer;
	float: left;
}
.move_btn img:hover{
	opacity: 0.7;
}

#yamanote .label2.option_btn{
	margin: 5px 0;
	float: none;
	outline: none;
}
#yamanote a.label2.option_btn:focus{
	color: #fff;
}

.edit_close{
	cursor:pointer;
	float:right;
	right:20px;
	margin-top: 5px;
	color: #fff;
}

#centercolumn .yamanote_edit #form{
	padding: 10px;
	background:#efefef;
	margin-bottom: 10px;
	border-radius: 3px;
}

#centercolumn .yamanote_edit #form .url{
	padding: 4px 15px;
	background: #999;
	margin-bottom: 10px;
	border-radius: 3px;
	color: #fff;
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size: 18px;
	font-weight: bold;
}

#centercolumn .yamanote_edit #form label{
	margin-bottom: 0;
	font-size: 13px;
	display: block;
}
#centercolumn .yamanote_edit #form .btn_block{
	clear: both;
	padding-top: 5px;
}

#centercolumn .yamanote_edit .noteitem.link{
	padding: 12px;
	border: 1px solid #C1C1C1;
	border-left-width: 5px;
}

#centercolumn .yamanote_edit .noteitem.mountain{
	padding: 12px;
	border: 1px solid #C1C1C1;
}

#centercolumn .yamanote_edit .noteitem.video{
	padding: 12px;
	border: 1px solid #C1C1C1;
}
#centercolumn .yamanote_edit .noteitem.video iframe{
	margin-bottom: 10px;
}
#centercolumn .yamanote_edit .edit_btn{
	vertical-align: bottom; 
	position: absolute; 
	bottom: -25px; 
	right: 0px; 
	height: 20px; 
	font-size: 12px;
}
#centercolumn .yamanote_edit .edit_btn a{
	vertical-align: top;
}

#yamanote .notedraft_list{
	margin-bottom: 20px;	
}

#yamanote .notedraft_list ul{
	margin: 10px 1px;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 4px;
	box-shadow: 0 0 0 1px #ccc;
}

#yamanote .notedraft_list li{
	list-style: none;
	padding: 4px 15px;
}

#yamanote .notedraft_list  li:nth-child(even){
	background: #F8F4ED;	
}
#yamanote .notedraft_list .head {
    background-color: #3B9421;
    background-position: 9px 8px;
    background-repeat: no-repeat;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    font-weight: bold;
	padding: 4px 15px;
}

#yamanote .notedraft_list li a{
	display: block;
}
#yamanote .notedraft_list li a .btn{
	float: right;
}

.note_list{
	margin-bottom: 20px;
}

.note_list ul{
	padding: 0;
	margin: 0 0 10px;
}
.note_list li{
	list-style: none;
	border-bottom: 1px solid #D3D3D3;
	padding: 5px 0;
	overflow: hidden;
}
.note_list li img{
	vertical-align: bottom;
	margin-right: 4px;
}
.note_list li .date{
	float: right;
	font-size: 13px;
	line-height: 30px;
}
.icon .spr1 {
    vertical-align: text-top;
}

#yamanote .qq-uploader .btn{
	margin-bottom: 10px;
}

#yamanote .qq-upload-list li{
	margin-bottom: 5px;
}

#yamanote .qq-upload-drop-area, .qq-upload-extra-drop-area {
    background: #EAF6F6;
    border: 3px dashed #3AB2CA;
    border-radius: 4px;
    color: #2FA5BD;
    font-weight: bold;
}

#centercolumn #pagetitle h2{
    line-height: 1.4;
    margin: 13px 0 12px 0
}

#centercolumn #pagetitle {
    height: auto;
    overflow: hidden;
    padding-bottom: 4px;
    clear: both;
}


#centercolumn .guide_detail #pagetitle {
  display: flex;
  justify-content: space-between;
}

#centercolumn .guide_detail #pagetitle h2{
  padding-right: 20px;
}
	
/*/// 140423 追加 ここまで ///*/

/*/// 140521 追加 ここから ///*/

.label2.type.type01{
    background: #3B9521;
}

.label2.type.type02{
    background: #ecbd00;
}
.label2.type{
    background: #9e8c52;
}

/*/// 140521 追加 ここまで ///*/

/*/// 140623 追加 ここから ///*/

body.fullsize{
	background: #d3d0ca;
	height: 100%;
}

body.fullsize #wraper{
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
	height: 100%;
	min-height: 100%;
	overflow: auto;	
	overflow-x: hidden;
}

body.fullsize #header{
	background: url("../img/header_bg.png") repeat-x;
	box-shadow: 0px 1px 4px rgba(0,0,0,0.2);
	height: 48px;
	min-height: 48px;
	padding: 4px 12px 0;
	min-width: 980px;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

body.fullsize #header .left{
	float: left;
	vertical-align: middle;
	width: 22%;
}
body.fullsize #header h1{
	margin: 6px 12px 0 0;
}
body.fullsize #header h2{
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	line-height: 48px;
}
body.fullsize #header ul{
	padding: 0;
	display: table;
	width: 75%;
	float: left;
}
body.fullsize #header li{
	list-style: none;
	display: table-cell;
}

body.fullsize .step_btn_next{
	position: fixed;
	right: 10px;
	*right: 30px;
	top: 50%;
	margin-top: -47px;
	z-index: 9997;
}

body.fullsize .step_btn_back{
	position: fixed;
	left: 10px;
	top: 50%;
	margin-top: -47px;
	z-index: 9997;
}
body.fullsize .btn-m.preview{
	position: fixed;
	right: 10px;
	top: 60px;
	padding: 10px 10px;
	background-image: url("../img/icon_winblank.png");
	background-repeat: no-repeat;
	background-position: right top;
	width: 110px;
	text-align: center;
}
body.fullsize .btn-m.save{
	position: fixed;
	right: 10px;
	top: 110px;
	padding: 10px 10px;
	width: 110px;
	text-align: center;
}

body.fullsize .prev{
	position: fixed;
	left: 10px;
	top: 60px;
}


body.fullsize .step_btn_next, body.fullsize .btn-m.preview, body.fullsize .btn-m.save{
	right: 25px\9;
}
body.fullsize .step_btn_next:not(:target), body.fullsize .btn-m.preview:not(:target), body.fullsize .btn-m.save:not(:target){
	right: 25px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
body.fullsize .step_btn_next, body.fullsize .btn-m.preview, body.fullsize .btn-m.save{
	right: 25px;
}
}


body.fullsize .modal.in{
  top: 45px;
}

body.fullsize .modal.in h3{
  padding: 0;
  font-size: 16px;
}

body.fullsize .modal.in p{
  margin-bottom: 40px;
}

body.fullsize #centercolumn{
  width: 730px;
  margin: 60px auto 40px     auto;
}

body.fullsize.plan2 #centercolumn{
  margin: 30px auto 0 auto;
}

body.fullsize.plan3 #centercolumn{
  width: 70%;
  min-width: 730px;
  margin-top: 0;
  padding-top: 80px;
}

body.fullsize.plan2 #leftcolumn{
  width: 730px;
  margin: 60px auto 20px auto;
}

@media (min-width: 1020px) {

body.fullsize.plan2 #leftcolumn{
  width: 24%;
  margin-top: 130px;
  margin-left: 2%;
  margin-right: 0;
  float: left;
  position: relative;
}

body.fullsize.plan2 #centercolumn{
  margin-top: 0px;
  margin-left: 0;
  margin-right: 2%;
  float: right;
  width: 70%;
}

body.fullsize.plan2 #leftcolumn .btn_area{
  position: fixed;
  top: 70px;
  width: 24%;
}

body.fullsize.plan2 .prev{
  position: absolute;
  top: 0;
  left: 0;
  width: 48%;
}

body.fullsize.plan2 .btn-m.preview{
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
}
}

body.fullsize .mypage{
	background: #fff;
	line-height: 1.42857;
	margin: 1px;
}
body.fullsize .mypage.route{
	box-shadow: 0 0 0 1px #3b9521;
}

.btn-m{
	padding: 10px 16px;
}

body.fullsize .btn-black{
	background-color: rgba(0,0,0,0.6);
	color: #fff;
	border-color: #fff;
}

body.fullsize .btn-black:hover{
	opacity: 0.7;
}

#centercolumn table.post{
	border-collapse:separate;
	border-radius: 5px;
	border: 3px solid #379615;
	background-color: #fff;
	margin-bottom: 10px;
}
body.fullsize #centercolumn table.post{
	width: 100%;
}

#centercolumn table.post th{
	border-radius: 0px;
	border-bottom: 1px solid #fff;
	background: #edf6ea;
	color: #379615;
	white-space: nowrap;
	width: 20%;
	vertical-align: top;
	font-size: 13px;
	line-height: 1.4;
	padding: 8px 15px;
}
#centercolumn table.post th .sub{
	font-weight: normal;
	color: #666;
	font-size: 12px;
	margin-top: 10px;
}
#centercolumn table.post td{
	border-bottom: 1px solid #e4e4e4;
}
#centercolumn table.post td{
	padding: 8px;
}

#centercolumn table.post tr:first-child th{
	border-radius: 4px 0 0 0;
}
#centercolumn table.post tbody tr:first-child td{
}
#centercolumn table.post tbody tr:last-child th{
	border-radius: 0 0 0 4px;
	border-bottom: none;
	padding-bottom: 6px;
}
#centercolumn table.post tr:last-child td{
	border-bottom: none;
	padding-bottom: 6px;
}

.plan3 #centercolumn table.post th, .plan3 #centercolumn table.post td{
  padding: 4px 8px;
}

body.fullsize #centercolumn .block{
	border: 3px solid #379615;
	background-color: #fff;
	border-radius: 5px;
	margin-bottom: 20px;
}
body.fullsize #centercolumn .box{
	padding: 10px 15px;
}

body.fullsize.plan3 .photo_box{
  font-size: 0;
}

body.fullsize.plan3 .photo_box img{
  margin-bottom: 4px;
  margin-right: 4px;
}

body.fullsize.plan3 .route_box{
  border: 3px solid #379615;
  border-radius: 5px;
}

body.fullsize #centercolumn .block h3{
	margin: 0;
	border: none;
	background: #379614;
	color: #fff;
	border-radius: 0;
  padding-top: 10px;
  font-size: 14px;
}

body.fullsize.plan #centercolumn .block h3{
  padding-left: 10px;
}
body.fullsize #centercolumn .block h3.t_btn{
	border: 1px solid #b1d6a6;
	border-radius: 2px;
}
body.fullsize #centercolumn .block h3.t_btn:hover{
	opacity: 0.6;
}
body.fullsize #centercolumn .block h3.t_btn.arrow{
	background-repeat:  no-repeat;
	background-position:  right 13px center; 
}
body.fullsize #centercolumn .block h3.t_btn.arrow.cl{
	background-image: url("../img/arrow07_d.png");
}

body.fullsize #centercolumn .block h3.t_btn.arrow.op{
	background-image: url("../img/arrow07_u.png");
	border: none;
	border-radius: 0;
}


ul.link_list{
	padding: 0;
	margin: 0;
}

ul.link_list li{
	list-style: none;
}
ul.link_list li a{
	display: block;
	padding: 10px 15px;
	border-top: 1px solid #e4e4e4;
	text-decoration: none;
	color: #333;
	background-image: url("../img/arrow06.png");
	background-repeat: no-repeat;
	background-position: right 15px center;
}
ul.link_list li a:hover{
	background-color: #d0e7c1
}

ul.link_list .info{
	margin: 0 15px;
}

body.fullsize #centercolumn table th a {
    background: none;
    float: none;
    padding: 0;
}
body.fullsize #centercolumn .form-inline .form-control{
	 display: inline-block;
}

body.fullsize #centercolumn td.date .form-control{
	width: 70px;
}
body.fullsize #centercolumn td.date .form_y{
	width: 100px;
}

body.fullsize #centercolumn td.member .form-inline{
  float: left;	
  margin: 5px 24px 5px 0;
}
body.fullsize #centercolumn td.member .form-control{
  width: 73px;
  padding: 5px;
  margin-right: 0;
}
body.fullsize #centercolumn .member label{
	font-weight: normal;
	min-width: 100px;
	white-space: nowrap;
}
body.fullsize #centercolumn .modal-body.member label{
	width: 130px;
}
body.fullsize #centercolumn .modal-header{
	border: none;
	padding: 0;
}
body.fullsize #centercolumn .modal-header h3{
	padding: 18px 13px 12px;
}
body.fullsize #centercolumn .modal-footer{
	margin: 0;
	padding: 10px 20px;
	background: #efefef;
	border-radius: 0 0 6px 6px;
}

body.fullsize #centercolumn .member input{
	margin-right: 3px;	
}
body.fullsize #centercolumn td.member .form-inline fieldset{
	display: inline-block;
}

body.fullsize #centercolumn td.member .form-inline label.disabled{
	opacity: 0.5;
}

body.fullsize #centercolumn .add_member{
	clear: both;
	background: #666666 url("../img/plus_white.png") no-repeat left 15px center;
	border-radius: 4px;
	margin: 0 0 5px 0;
	padding: 5px;
	padding-left: 40px;
}
body.fullsize #centercolumn .member_list{
	overflow: hidden;
}

body.fullsize.plan3 #centercolumn .member_list span{
  white-space: nowrap;
}

body.fullsize.plan2 #centercolumn #member_info li{
  display: none;
}

body.fullsize.plan2 .member_info_btn{
  position: relative;
}

body.fullsize.plan2 .member_info_btn.btn-danger:before{
  content: "!";
  color: #fff;
  font-size: 14px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  text-align: center;
  font-weight: 700;
  position: absolute;
  right: -12px;
  top: -9px;
  background-color: red;
  line-height: 18px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
}
body.fullsize #centercolumn .box.upload{
	background: url("../img/hukidashi_arrow03.png") no-repeat 235px top;
	padding-top: 9px;
}
body.fullsize #centercolumn .box.upload.arrow_r{
	background: url("../img/hukidashi_arrow03.png") no-repeat 470px top;
}

body.fullsize #centercolumn #upload{
	background: #666;
	color: #fff;
	border-radius: 4px;
	padding: 10px 15px;
	font-size: 13px;
	overflow: hidden;
}
body.fullsize #centercolumn #upload .left{
	float: left;
	width: 290px;
}
body.fullsize #centercolumn #upload .left a{
	color: #fff;
}
body.fullsize #centercolumn #upload .right{
	overflow: hidden;
	float: right;
	width: 360px;
}

body.fullsize #centercolumn #upload #storage_bg{
	background: #494949;
	padding: 10px 15px;
	border-radius: 3px;
	font-size: 12px;
}

body.fullsize #centercolumn #upload .meter{
	background: #2c2c2c;	
	border-radius: 2px;
	padding: 2px;
	height: 17px;
	position: relative;
	width: 240px;
	float: left;
	clear: both;
	margin-right: 10px;
	
}
body.fullsize #centercolumn #upload .meter_value{
	background: #61a300;
	line-height: 13px;
}
body.fullsize #centercolumn #upload .meter_text{
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding-top: 2px;
}

body.fullsize #centercolumn #upload .limit{
	line-height: 17px;
}
ul.photo_list{
	padding: 0;
	list-style: none;
}
ul.location_list li{
	list-style: none;
}
body.fullsize #centercolumn .photo_list li{
	margin-bottom: 2px;
}
body.fullsize #centercolumn .photo_list li .hd{
	background: url("../img/headline_bg02.gif");
	padding: 5px 15px;
	text-align: right;
	font-size: 12px;
	position: relative;
}
body.fullsize #centercolumn .photo_list li .hd .btn{
	padding: 2px 8px;
}
body.fullsize #centercolumn .photo_list li .left{
	float: left;
	width: 240px;
	height: 160px;
	text-align: center;
	margin-right: 15px;
	display: table;
	position: relative;
}
body.fullsize #centercolumn .photo_list li .left div{
	display: table-cell;
	vertical-align: middle;
}
body.fullsize #centercolumn .photo_list li .right{
	overflow: hidden;
}

body.fullsize #centercolumn .photo_list li .left a.rotation_l,
body.fullsize #centercolumn .photo_list li .left a.rotation_r{
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 65px;
	cursor: pointer;
}
body.fullsize #centercolumn .photo_list li .left a:hover{
	opacity: 0.6;
}
body.fullsize #centercolumn .photo_list li .left a.rotation_l{
	background: url("../img/rotation_left.png") no-repeat;
}

body.fullsize #centercolumn .photo_list li .left a.rotation_r{
	right: 0;
	background: url("../img/rotation_right.png") no-repeat;
}
body.fullsize #centercolumn .photo_list li .move_btn{
	font-size: 0;
	position: absolute;
	width: 83px;
	right: 75px;
	top:8px;
}
body.fullsize #centercolumn .photo_list li .move_btn img{
	float: none;
}
body.fullsize #centercolumn .photo_list li .radio{
	margin: 5px 0;
}
body.fullsize #centercolumn .photo_list li .box{
	padding: 10px 15px;;
}

body.fullsize #centercolumn .photo_list li .form-group{
	margin-bottom: 7px;
}

body.fullsize #upload_result{
	position: fixed;
	bottom: 0;
	right: 20px;
	z-index: 9998;
	background: #fcfef6;
	border-radius: 4px 4px 0 0;
	padding: 10px 15px;
	border: 1px solid #8aae80;
	border-bottom: none;
	font-size: 12px;
	text-align: right;
}
body.fullsize #upload_result .inner{
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden;
	margin-top: 5px;
	text-align: left;
}
body.fullsize #upload_result table{
	max-height: 300px;
	overflow: scroll;
	color: #75996b;
}

body.fullsize #upload_result tr td:first-child{
	padding-right: 20px;
}
body.fullsize #upload_result .error{
	color: #d8534f;
}

body.fullsize #course_time .date{
	background: #3b9521;
	color: #fff;
	padding:  0px 10px;
	line-height: 34px;
	height: 34px;
	border-radius: 3px;
	margin-top: 6px;
	font-weight: bold;
}

body.fullsize #course_time input.timepicker{
  vertical-align: baseline;
  width: 100px;
}

body.fullsize #course_time table{
	margin-top: -23px;
}
body.fullsize #course_time th{
	text-align: center;
	background: #fff url("../img/course_time_th_r.gif") right top no-repeat;
	color: #666;
	border-radius: 3px 0 0 0!important;
	padding-right: 9px;
	padding-left: 0;
}
body.fullsize #course_time td{
	border: none;
	padding: 3px;
	white-space: normal;
}

body.fullsize #course_time tr td:first-child{
	padding-left: 30px;
	padding-right: 5px;
	background: url("../img/course_time_icon02.gif") no-repeat left center;
}
body.fullsize #course_time tr:first-child td:first-child{
	background: none;
}
body.fullsize #course_time .first_day tr:nth-child(2) td:first-child{
	background: url("../img/course_time_icon01.gif") no-repeat left center;
}
body.fullsize #course_time .first_day tr:last-child td:first-child{
	background: url("../img/course_time_icon03.gif") no-repeat left center;
}
body.fullsize #course_time .middle_day tr:nth-child(2) td:first-child{
	background: url("../img/course_time_icon04.gif") no-repeat left center;
}
body.fullsize #course_time .middle_day tr:last-child td:first-child{
	background: url("../img/course_time_icon03.gif") no-repeat left center;
}
body.fullsize #course_time .last_day tr:nth-child(2) td:first-child{
	background: url("../img/course_time_icon04.gif") no-repeat left center;
}
body.fullsize #course_time .last_day tr:last-child td:first-child{
	background: url("../img/course_time_icon05.gif") no-repeat left center;
}

body.fullsize #course_time .first_day.last_day tr:nth-child(2) td:first-child{
    background: url("../img/course_time_icon01.gif") no-repeat left center;
}
body.fullsize #course_time .first_day.last_day tr:last-child td:first-child{
    background: url("../img/course_time_icon05.gif") no-repeat left center;
}

body.fullsize #course_time tr td:last-child{
	text-align: right;
	padding-right: 0;
}
body.fullsize #course_time tr td:last-child ul{
	text-align: left;
}

body.fullsize #course_time .time.input-sm,  x:-moz-any-link{
	padding: 5px 2px;
}
body.fullsize #course_time .time{
	margin: 0;
}

body.fullsize #course_time #disabledInpt{
	color: #333!important;
	background: #f8f4ec;
}

body.fullsize .add_mov{
	margin-top: 4px;
	background: url("../img/hukidashi_arrow03.png") no-repeat 50px top;
    padding-top: 9px;
}

body.fullsize .add_mov .inner{
	background: #666;
	border-radius: 4px;
	padding: 5px 20px;
	color: #fff;
}
body.fullsize #file_upload {
	font-size: 13px;
	background: #f8f4ec;
	padding: 10px 0 10px 20px;
	border-radius: 4px;
	margin: 10px 0 0 0;
}
body.fullsize #file_upload dt{
	float: left;
	min-width: 80px;
	clear: both;
	font-weight: normal;
	padding-top: 6px;
}
body.fullsize #file_upload dt,
body.fullsize #file_upload dd{
	margin-bottom: 6px;
	
}
body.fullsize #file_upload dd{
	overflow: hidden;
}
body.fullsize #file_list{
	font-size: 13px;
}
body.fullsize #file_list td{
	border-bottom: 1px solid #e4e4e4;
	line-height: 1.5;
}
body.fullsize #file_list img{
	vertical-align: text-bottom;
}
body.fullsize #file_list tr td:nth-child(2){
	width: 20%;
	line-height: 1.3;
}

.label2{
	white-space: nowrap;
}

.label2.light_gray1{
	background: #EFEFEF;
    color: #3B9521;
}
.label2.light_gray2{
	background: #EFEFEF;
    color: #999;
}

body.fullsize #tool_box{
	position: fixed;
	top:60px;
	left:50px;
	background: #555;
	border-radius: 4px;
	color: #fff;
	padding: 10px 15px;
	box-shadow: rgba(0,0,0,0.4) 0px 0px 2px;
	min-width: 610px;
}

body.fullsize #tool_box .btn-gray1{
	border-color: #b0b0b0;
	background-color: #797979;
	color: #fff;
}
body.fullsize #tool_box .btn-gray1.active{
	background-color: #5d5d5d;
}

body.fullsize #tool_box .box{
	margin-top: 10px;
}

body.fullsize #tool_box .tool_btn{
	height: 43px;
	border: none;
	background-color: #555;
	background-image: url("../img/tool_btn.png");
	background-repeat: no-repeat;
}
body.fullsize #tool_box #tool_btn{
	font-size: 0;
	float: left;
	margin-right: 20px;
}
body.fullsize #tool_box .tool_btn.route{
	width: 150px;
	background-position: -20px -20px;
	margin-right: 10px;
}
body.fullsize #tool_box .tool_btn.back{
	width: 87px;
	background-position: -200px -20px;
}
body.fullsize #tool_box .tool_btn.turn{
	width: 87px;
	background-position: -287px -20px;
	margin-right: 10px;
}
body.fullsize #tool_box .tool_btn.trash{
	width: 50px;
	background-position: -400px -20px;
}

body.fullsize #tool_box .tool_btn.route:hover{
	background-position: -20px -80px;
}
body.fullsize #tool_box .tool_btn.back:hover{
	background-position: -200px -80px;
}
body.fullsize #tool_box .tool_btn.turn:hover{
	background-position: -287px -80px;
}
body.fullsize #tool_box .tool_btn.trash:hover{
	background-position: -400px -80px;
}
body.fullsize #tool_box .tool_btn.route:active{
	background-position: -20px -140px;
}
body.fullsize #tool_box .tool_btn.route.active{
	background-position: -20px -140px;
}
body.fullsize #tool_box .tool_btn.back:active{
	background-position: -200px -140px;
}
body.fullsize #tool_box .tool_btn.turn:active{
	background-position: -287px -140px;
}
body.fullsize #tool_box .tool_btn.trash:active{
	background-position: -400px -140px;
}

body.fullsize #put_photo{
	background: #252525;
	height: 150px;
	position: fixed;
	bottom: 0;
	width: 100%;
	color: #fff;
	padding: 0;
	min-width: 702px;
}

body.fullsize #put_photo:before{
	content: "";
	float: left;
    position: relative;
    top: 0;
    width: 46px;
    height: 150px;
    display: block;
    border-right: 1px solid #959595;
}

body.fullsize #put_photo:after{
	content: "";
	float: right;
    position: relative;
    bottom: 149px;
    width: 46px;
    height: 150px;
    display: block;
    border-left: 1px solid #959595;
}

body.fullsize #put_photo .inner{
	margin: 0 46px;
	padding: 0 10px;
	min-width: 610px;
}
body.fullsize #put_photo .btn_area{
	float: right;
}
body.fullsize #put_photo .btn_area button{
	height: 29px;
	padding: 0 20px;
	line-height: 29px;
	border: none;
	border-radius: 0 0 3px 3px;
	margin-left: 6px;
	font-size: 12px;
	color: #fff;
}
body.fullsize #put_photo .btn_area button.cl{
	background: #555;
}
body.fullsize #put_photo .btn_area button.cl:hover{
	background: #444;
}


body.fullsize #carousel li{
	text-align: center;
}
body.fullsize #carousel li img{
	margin:0 10px;
	cursor: pointer;
}

body.fullsize .elastislide-horizontal{
	padding: 10px 46px;
}

body.fullsize .route .step_btn_back {
	left: 0;
}
body.fullsize .route .step_btn_next {
	right: 0;
}
body.fullsize .item_box{
	overflow: hidden;
	margin-bottom: 15px;
	background: #f8f4ed;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px solid #E4E4E4;
}
body.fullsize .item_box2{
	margin-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 10px 8px;
}
body.fullsize .item_box .inner{
	padding: 5px 8px;
}

body.fullsize .item_box .btn_area{
	padding: 5px 8px;
	background: #666;
	overflow: hidden;
	display: block;
}

.checkbox_inline label{
  	margin: 4px 8px 4px 0;
  	white-space: nowrap;
	font-weight: normal;
}

body.fullsize .item_box .label2{
	float: left;
}
body.fullsize .item_box .label2.all{
	background: #3b9521;
}

.form-control.focus2{
	border-width: 3px;
}

.bg_light_gray{
	background: #EFEFEF;
	padding: 6px 12px;
	border-radius: 4px;
	overflow: hidden;
}
.bg_dark_gray{
	background: #4E4E4E;
	padding: 6px 12px;
	border-radius: 4px;
	overflow: hidden;
	color: #fff;
}

body.fullsize #set_time{
	position: fixed;
	background: #fff;
	top: 172px;
	left: 300px;
	padding: 15px;
	border-radius: 4px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

body.fullsize #set_time .form-control{
	padding: 5px 2px; 
	margin:0 2px 0 0;
}



/*/// 140623 追加 ここまで ///*/

/*/// 140710 追加 ここから ///*/

body.fullsize.plan #header{
	background: url("../img/header_bg02.png");	
}
body.fullsize.plan{
	background: #d7d7d7;
}

body.fullsize.plan #centercolumn td.date .form-control {
    width: 58px;
    margin: 0;
    padding: 5px 2px;
}
body.fullsize.plan #centercolumn td.date .form_y {
	width: 75px;
}

.checkbox_inline input{
	margin-right: 5px;
}
ul.list{
	padding: 0;
	margin: 0;
}
ul#menber_contact, ul#family_contact{
	margin-bottom: 10px;

}
ul.list li{
	list-style: none;
	margin-bottom: 10px;
}
ul.list li:last-child{
	margin-bottom: 0;
}
ul#menber_contact li span{
	background: #efefef;
	display: inline-block;
	width: 120px;
	border-radius: 4px 0 0 4px;
	margin: 0;
	box-shadow: none;
	border-right: none;
}
ul#menber_contact li input{
	border-radius:  0 4px 4px 0;
}

body.fullsize .help-block{
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.6;
}
body.fullsize .confirm{
	background: none repeat scroll 0 0 #fff;
    border: 1px solid #c1c1c1;
    border-radius: 4px;
    clear: both;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 20px;
}
body.fullsize .confirm hr{
	border-color: #c1c1c1;
}

a.btn-primary{
	text-decoration: none;
	color: #fff;
}
body.fullsize .box.onoff{
  margin:0px 0 20px; padding:20px;
}

body.fullsize.plan2 #centercolumn .box.onoff{
  padding: 0;
}

body.fullsize .box.onoff .btn_area{
  border-radius: 6px;
  float:right;
  padding: 6px;
  background: #777;
}

body.fullsize.plan2 .box.onoff .btn_area{
  border-radius: 6px;
  border: 2px solid #ccc;
  overflow: hidden;
  float: left;
  padding: 0;
  background: none;
}

body.fullsize .box.onoff button{
	width:120px;
	font-weight: bold;
	border: none;
}
body.fullsize .box.onoff button.on{
	border-radius:4px 0 0 4px;
	color: #ccc;
}
body.fullsize .box.onoff button.off{
	border-radius:0 4px 4px 0;
	color: #666;
}
body.fullsize .box.onoff button.on.active{
	background: #87bf00;
	color: #fff;
}
body.fullsize .box.onoff button.off.active{
	background: #666;
	color: #fff;
}
body.fullsize .box.onoff strong{
	font-weight:bold;
	font-size: 16px;
	line-height:38px;
	padding: 10px 16px;
	display: block;
}

#send_system_guide .modal-dialog{
  width: 740px;
}

/*/// 140710 追加 ここまで ///*/
/*/// 140715 追加 ここから ///*/

.label2.item{
	margin-bottom: 4px;
	background: #f7f3ec;
	color: #333;
	border: 1px solid #e1e1e1;
}

a.label2.item{
  cursor: pointer;
}
a.label2.item:hover, a.label2.item:visited{
  color: #333;
  opacity: 0.7;
}

#centercolumn #record_detail table{
	border-radius: 4px;
	border-collapse:separate;
}
#centercolumn #record_detail tr:first-child th{
	border-radius: 4px 0 0 0;
}
#centercolumn #record_detail tr:first-child td{
	border-radius: 0 4px 0 0;
} 
#centercolumn #record_detail tr:last-child th{
	border-radius: 0 0 0 4px;
}
#centercolumn #record_detail tr:last-child td{
	border-radius: 0 0 4px 0;
}
#centercolumn #record_detail th,
#centercolumn #record_detail td{
	border-style: none;
	border-bottom-style: solid;
}
#centercolumn #record_detail th{
	border-left-style: solid;
}
#centercolumn #record_detail td{
	border-right-style: solid;
}
#centercolumn #record_detail tr:first-child th,
#centercolumn #record_detail tr:first-child td{
	border-top-style: solid;
}
.tab{
	display: flex;
	width: 100%;
        border-bottom: 1px solid #c1c1c1;
}
.tab .btn{
	border-radius: 4px 4px 0 0;
	padding: 10px;
	border-color: #fff;
	color: #3b9521;
	font-weight: bold;
        margin: 0 5px;
}

.tab .btn.active{
	background: #fff;
	box-shadow: none;
	border-color: #c1c1c1;
	border-bottom-color: #fff;
	color: #333;
        margin-bottom: -1px;
}

.tab_body{
        display: none;
}

.tab_body.tb1{
        display: block;
}

.tab.cell2 .btn{
	width: 50%;
}

#search_area{
	background: #666;
	padding: 10px;
	border-radius: 6px;
	margin-bottom: 10px;
	position: relative;
}

#editpt .pttype .ysp{
	margin-right: 4px;
}
#editpt .pttype label{
	margin-right: 10px;
	width: 150px
}
#editpt .pttype ul{
	padding: 0 0 0 10px;
}
#editpt .pttype li{
	list-style: none;
	margin-bottom: 6px;
}
#editpt .pttype input.form-control{
	max-width: 410px;
}
.form-control.disabled{
	color: #eee;
}
.form-control.disabled::-webkit-input-placeholder{color: #eee}
 
.form-control.disabled::-moz-placeholder{color: #eee}
 
.form-control.disabled:-moz-placeholder{color: #eee}
 
.form-control.disabled:-ms-input-placeholder{color: #eee} 

/*/// 140715 追加 ここまで ///*/

/*/// 140730 追加 ここから ///*/

.c_time .time.label2{
	margin: 0;
	padding: 0 5px;
	border: 1px solid #d2d2d2;
    line-height: 23px;
}
.c_time .time.arrive{
	border-radius: 3px 0 0 3px;
	/*background: #96876e;*/
	background: #fff;
	color: #333;
}
.c_time .time.leave{
	border-radius: 0 3px 3px 0;
	background: #e2dbd2;
	color: #777;
}

.c_time .point{
	padding: 0 6px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	display: inline-block;
    line-height: 23px;
    background: #f7f3ec;
    white-space: nowrap;
}
.c_time .block.label2{
	margin-bottom: 6px;
	color: #333;
	padding: 0;
	background: url("../img/arrow08.png") right center no-repeat #fff;
	padding-right: 4px;
	display: inline-block;
	margin-right: 2px;
}

.c_time .block.label2.end{
	background: none;
}

.c_time .start .label2.arrive{
	background: #dd3e93;
	color: #fff;
	border-color:  #dd3e93;
	border-right: none;
}
.c_time .end .label2.leave{
	background: #dd3e93;
	color: #fff;
	border-color:  #dd3e93;
	border-left: none;
}

#record_detail .box.c_time{
	margin-bottom: 10px;
	font-size: 0;
}
.c_time .total dt.day{
	background: #77b547;
	border-radius: 2px 0 0 2px;
	width: 70%;
	font-weight: bold;
	border: none;
	text-align: left;
}
.c_time a{
	text-decoration: underline;
}
.box-line{
	border: 1px solid #c1c1c1;
	padding: 10px;
	border-radius: 4px;
}

#c_time2 .c_time .block.label2{
	background: none;
	margin: 0;
	margin-bottom: 6px;
	padding: 0;
}
#c_time2 .c_time .point{
	border: 1px solid #d2d2d2;
	border-radius: 3px;
}

#c_time2 .d_time{
	margin: 0 5px;
	border-radius: 3px;
	padding: 0 5px;
	background: #666;
	position: relative;
}

#c_time2 .d_time:before{
  content: '';
  background:url("../img/arrow09_l.png") left center no-repeat;
  position: absolute;
  display: block;
  width: 4px;
  height: 7px;
  top: 8px;
  left: -4px;
}
#c_time2 .d_time:after{
  content: '';
  background:url("../img/arrow09_r.png") left center no-repeat;
  position: absolute;
  display: block;
  width: 4px;
  height: 7px;
  top: 8px;
  right: -4px;
}

#c_time2 .start .label2.arrive{
	border-right: none;
}
#c_time2 .start .point{
	border-radius: 0 3px 3px 0;
	border-left: none;
}
#c_time2 .end .label2.leave{
	border-left: none;
}
#c_time2 .end .point{
	border-radius: 3px 0 0 3px;
	border-right: none;
}
#c_time1, #c_time2{
	clear: both;
}

.c_time .total{
	font-size: 14px;
	border: 1px solid #77b547;
    line-height: 23px;
    display: table;
    width: 100%;
	border-radius: 3px;
	padding-right:0px;
	margin-right: 6px;
	margin-bottom: 8px;
}
.c_time .total dt, .c_time .total dd{
	display: table-cell;
	white-space: nowrap;
	text-align: center;
	padding: 2px 7px;
	vertical-align: middle;
}
.c_time .total dt{
	font-weight: normal;
	border-left: 1px solid #77b547;
	border-right: 1px solid #bcdaa4;
}
.c_time .total dd.total_t{
	font-weight: bold;
	font-size: 15px;
	border-radius: 0 2px 2px 0;
}
.c_time .total dt.total_t{
	font-size: 13px;
	border-right: 1px solid #ccc;
}
.c_time .total .total_t{
	background: #fff;
}
.c_time .total .break_t{
	background: #e2efd9;
	color: #555;
	font-size: 13px;
}
.c_time .block span:last-child, .c_time .block a:last-child{
	border-right: 1px solid #d2d2d2;
	border-radius: 0 3px 3px 0;
}

#diary_right .box.comment{
	padding: 0;
	background: none;
	border: none;
}

/*/// 140730 追加 ここまで ///*/

/*/// 140816 追加 ここから ///*/

#header_mapsearch{
	background: url("../img/header_bg.png") repeat-x;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	height: 48px;
	padding: 8px 6px 0 12px;
	z-index: 9998;
	position: relative;
}
#header_mapsearch h1{
	border: 0;
	margin: 2px 12px 0 0;
    padding: 0;
}

#map_canvas .gm-style-mtc div:first-child{
	padding: 5px 20px!important;
	font-size: 13px!important;
}

#map_canvas .gm-style-mtc div div{
	padding: 0!important;
}

#window
{
	position: absolute;
	right: 10px;
	top: 150px;
	width: 600px;
	height: 400px;
	overflow: hidden;
	/*display: none;*/
	background-color: #3b9521;
	border-radius: 4px;
}
#windowTop
{
	height: 30px;
	overflow: 30px;
	background-position: right top;
	background-repeat: no-repeat;
	position: relative;
	overflow: hidden;
	cursor: move;
}
#windowTopContent
{
	overflow: hidden;
	line-height: 30px;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	padding: 5px 10px;
}
#windowMin
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
}
#windowMax
{
	position: absolute;
	right: 25px;
	top: 10px;
	cursor: pointer;
	display: none;
}
#windowClose
{
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer;
}
#windowBottom
{
	position: relative;
	height: 370px;
/*	background-image: url("http://www.yamareco.com/include/interface/images/window_bottom_end.png"); */
	background-position: right bottom;
	background-repeat: no-repeat;
}
#windowBottomContent
{
	position: relative;
	height: 370px;
/*	background-image: url("http://www.yamareco.com/include/interface/images/window_bottom_start.png"); */
	background-position: left bottom;
	background-repeat: no-repeat;
	margin-right: 13px;
}
#windowResize
{
	position: absolute;
	right: 3px;
	bottom: 5px;
	cursor: se-resize;
}
#windowContent
{
	position:absolute;
	top: 35px;
	left: 10px;
	width: auto;
	height: auto;
	overflow: auto;
	margin-right: 10px;
	height: 355px;
	width: 580px;
	background-color: #fff;
	border-radius: 2px;
}
#windowContent p
{
	margin: 10px;
}

#contenthdr{
	padding:5px 10px;
	margin:10px;
	font-size:14px;	
}
#contenthdr label{
	margin: 0 20px 0 0;
	padding: 4px;
}
a.show_route{
	float:right;
	margin-left: 20px;
}
a.show_route:hover{
	text-decoration: none;
}

#readMore a.bg_light_gray{
	margin: 10px;
	text-align: center;
	display: block;
	color: #333;
	padding: 10px;
}
#readMore a.bg_light_gray:hover{
	text-decoration: none;
}

.view_route_btn{
	position: absolute;
	top:80px;
	right:250px;
	border: 0px solid rgba(0, 0, 0, 0.15);
	border-radius: 2px;
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
    background-color: #4e4e4e;
    color: #fff;
    padding: 5px 20px;
    right: 290px;
    top: 54px;
    font-size: 13px;
}

.view_route_btn:hover{
    background-color: #333;
}
#header_mapsearch h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    float: left;
    color: #333;
}

#reclist.search.mapsearch .block .title_large{
	clear: none;
}
#reclist.search.mapsearch .block .icon {
    margin-bottom: 8px;
}
#reclist.search.mapsearch .block .ft .name a{
	font-weight: normal;    
}
#reclist .block .icon .spr1:first-child {
	margin-top: 2px;
}
body.fullsize.plan #tool_box {
	min-width: 570px;
}

ul#menber_contact li div{
	max-width:280px;
	margin-right:5px;
	border-radius:0 4px 4px 0;
	box-shadow: none;
}

.form-inline label{
	font-weight: normal;
}
.form-inline label input{
	margin-top: 4px;
	margin-right: 5px;
}

.bg_white{
	padding: 6px 12px;
	border-radius: 4px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.bg_beige{
	background: #f8f4ec;
	padding: 6px 12px;
	border-radius: 4px;
	overflow: hidden;
}

#reclist.search.mapsearch{
	margin-bottom: 0;
}

#centercolumn #record_detail .equip_table tr:first-child th{
	border-bottom-style: solid;
}

/*/// 140816 追加 ここまで ///*/

/*/// 140910 追加 ここから ///*/

#centercolumn table#mode02{
	width: 100%;
	margin-bottom: 10px;
}
#centercolumn table#mode02 th{
	border-radius: 0;
	padding: 4px 10px;
	border-right: 1px solid #fff;
}
#centercolumn table#mode02 td{
	border-bottom: none;
	padding: 6px 5px 0 5px;
}

.btn-darkgray, a.btn-darkgray{
	background-color: #666;
    border-color: #555;
    color: #fff;
}
.btn-darkgray:hover, a.btn-darkgray:hover{
	background-color: #444;
    border-color: #333;
    color: #fff;
}

/*/// 140910 追加 ここまで ///*/

/*/// 150726 追加 ここから ///*/

#centercolumn table.head_green{
	border-collapse: separate!important;
	border-radius: 4px;
	border: 1px solid #ccc;
    box-shadow: 0 0 0 1px #fff inset;
    margin: 10px 0;
    padding: 0;
    background-color: #f8f4ed;
}
#centercolumn table.head_green th{
	background-color: #3b9521!important;
	border-radius: 4px 4px 0 0;
	border: 1px solid #fff;
	border-bottom: none;
}
#centercolumn table.head_green tr td:first-child{
	padding-left: 15px;
	font-weight: bold;
	font-size: 13px;
}
#centercolumn table.head_green tr td{
	padding: 8px 10px;
}
#centercolumn table.head_green tr:last-child  td:first-child{
	border-radius: 0 0 0 4px;
}
#centercolumn table.head_green tr:last-child  td:last-child{
	border-radius: 0 0 4px 0;
}
#centercolumn table.head_green tr:nth-child(2n) td{
	background-color: #fff;
}

ul.list_style01 li{
	line-height: 1.4;
	margin-bottom: 8px;
	font-size: 13px;
	color: #444;
}

#webpayform #WP_checkoutBox{
	display: inline-block;
}
#webpayform #WP_checkoutBox input{
	border-radius: 4px!important;
    font-size: 14px!important;
    line-height:1.42857!important;
    padding: 6px 12px!important;
    height: inherit;
}

table.no-border > tbody > tr > td:first-child{
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}
.btn-premium{
	width: 570px;
}
a.btn-premium{
	border-radius: 5px;
	border: 1px solid #d3a300;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
	background-image: -moz-linear-gradient(top, #eba732, #e69406);
	background-image: -ms-linear-gradient(top, #eba732, #e69406);
	background-image: -webkit-linear-gradient(top, #eba732, #e69406);
	background-image: linear-gradient(top, #eba732, #e69406);
	background-clip: padding-box;
	color: #fff;
	padding: 13px;
	font-size: 20px;
}
a.btn-premium:hover{
	background: #e69406;
	color: #fff;
	box-shadow: none;
}

.premiumplan h3{
	text-align: center;
	background: #2db814;
	color: #fff;
	font-size: 18px;
	padding: 10px 13px 6px;
	font-weight: 500;
	margin-bottom: 20px;
}

.premiumplan ul.voice li{
	float: left;
	width: 250px;
}
.premiumplan ul.voice li:nth-child(3n-1){
	margin: 0 10px;
}

.premiumplan ul.voice.vo2 li{
	border: 1px solid #dcd3b8;
	background-color: #f8f4e7;
	padding: 10px;
	padding-bottom: 35px;
	font-size: 13px;
	line-height: 1.4;
	text-align: justify;
	margin-bottom: 10px;
	position: relative;
}
.premiumplan ul.voice.vo2 li p{
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.premiumplan ul.voice.vo2 li:nth-child(n+4){
	display: none;
}
.premiumplan ul.voice.vo2 li div{
	text-align: center;
	font-weight: bold;
	color: #c77f03;
	font-size: 15px;
	margin-top: 4px;
	margin-bottom: 10px;
}

.premiumplan ul.merit li{
	float: left;
	width: 370px;
	line-height: 1.5;
	font-size: 13px;
	min-height: 330px;
}
.premiumplan ul.merit li:nth-child(2n){
	margin-left: 30px;
}
.premiumplan ul.merit li div{
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.premiumplan ul.merit li img{
	margin-bottom: 10px;
}
#centercolumn .premium_table {
	border-collapse: separate!important;
	font-size: 13px;
}
#centercolumn .premium_table th{
	background-color: #fefbf1;
	color: #4e3c2e;
	font-weight: bold;
	border-bottom: 1px solid #e7dcb7;
	border-right: 1px solid #e7dcb7;
	border-radius: 0px;
	border-left: 2px solid #aa9677;
	vertical-align: middle;
}
#centercolumn .premium_table tr:last-child th,
#centercolumn .premium_table tr:last-child td{
	border-bottom: 2px solid #aa9677;
}
#centercolumn .premium_table tr:last-child th{
		border-radius: 0 0 0 6px;
}
#centercolumn .premium_table tr:first-child td:first-child{
	border: none;
}
#centercolumn .premium_table td{
	text-align: center;
	border-right: 1px solid #e7dcb7;
	border-bottom: 1px solid #e7dcb7;
	vertical-align: middle;
}
#centercolumn .premium_table tr:nth-child(2) th{
	border-top: 2px solid #aa9677;
	border-radius: 6px 0 0 0;
}
#centercolumn .premium_table tr:first-child td:nth-child(2){
	border-top: 2px solid #aa9677;
	border-left: 2px solid #aa9677;
	border-bottom: none;
	background-color: #ebe5df;
	color: #83683d;
	font-weight: bold;
	border-radius: 6px 0 0 0;
}
#centercolumn .premium_table tr td:nth-child(3){
	background-color: #fcefd9;
	border-right: 4px solid #ff7e00;
	border-left: 4px solid #ff7e00;
	color: #e55c00;
	font-weight: bold;
}
#centercolumn .premium_table tr:first-child td:nth-child(3){
	border-top: 4px solid #ff7e00;
	border-bottom: none;
	background-image: -moz-linear-gradient(top, #eba732, #e69406);
	background-image: -ms-linear-gradient(top, #eba732, #e69406);
	background-image: -webkit-linear-gradient(top, #eba732, #e69406);
	background-image: linear-gradient(top, #eba732, #e69406);
	background-clip: padding-box;
	color: #fff;
	font-weight: bold;
	border-radius: 0 6px 0  0;
}
#centercolumn .premium_table span{
	font-size: 11px;
	color: #818181;
	line-height: 1.4;
	display: block;
	font-weight: normal;
}
#centercolumn .premium_table tr:last-child td:nth-child(3){
	border-bottom: 4px solid #ff7e00;
	border-radius: 0 0 6px 0;
}

.premiumplan .faq dt{
	padding: 10px 15px 10px 40px;
	border-radius: 4px;
	margin-bottom: 10px;
	cursor: pointer;
	background-image: url("../img/premium_faq_q.png");
	background-repeat:  no-repeat;
	background-position:  10px center;
	background-color:  #ebe5df;
	background-size: 19px 18px;
}
.premiumplan .faq dt:hover{
	opacity: 0.6;
}
.premiumplan .faq dd{
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 10px;
	display: none;
	background-image: url("../img/premium_faq_a.png");
	background-repeat:  no-repeat;
	background-position:  10px 12px;
	background-size: 19px 18px;
}
.premiumplan .faq dd p,
.premiumplan .faq dd ul{
	padding: 0;
	margin: 10px;
	margin-left: 40px;
}
body.modal-open{
	margin: 0;
}
table.chg th{
	background: none!important;
	border-bottom: 2px solid #ccc;
	color: #333!important;
	font-size: 13px;
	padding-bottom: 0px!important;
}
table.chg th:nth-child(n+2){
	text-align: right;
}
table.chg tr td:nth-child(n+2){
	text-align: right;
}
table.chg tr td{
	border-bottom: 1px solid #ccc;
}
table.chg label{
	margin-bottom: 0;
}
table.chg .disabled td,
table.chg .disabled td label{
	font-weight: normal!important;
	color: #999;
}

#sidebar .premium_menu{
	border: 3px solid #1e896d;
	border-radius: 5px;
    margin-bottom: 20px;
    padding-bottom: 2px;
	background-color: #fdfaec;
}
#sidebar .premium_menu ul{
	list-style: none;
	padding: 4px 0;
	padding-left: 12px;
	margin: 0;
}
#sidebar .premium_menu li a{
	color: #846706;
	text-decoration: none;
	padding: 4px 0 4px 16px;
	display: block;
    background: url("../img/premium_side_arrow.png?v=1") no-repeat left center;
    background-size: 11px 11px;
}
#sidebar .premium_menu li a:hover{
	text-decoration: underline;
}

/*/// 150726 追加 ここまで ///*/

#reclist .block .ft{
	background: url("../img/dot_line02.gif") top repeat-x;
	color: #777;
	padding-top: 3px;
}

#reclist .block .hd span{
	float: left;
	margin-right: 5px;
}

#reclist .block .hd .location{
	font-size: 0.9em;
	background: #f0f0f0;
	display: block;
	line-height: 15px;
	height: 15px;
	border-radius: 2px;
	overflow: hidden;
	padding: 0 5px;
	color: #555;
}

#reclist .block .icon{
	margin-bottom: 5px;
}

#reclist .block .icon .spr1{
	margin-left: 8px;
}

#reclist .block .icon .spr1:first-child{
	margin-left: 0;
}

.icon .num{
	padding-left: 4px;
	background: url("../img/hukidashi_arrow.png") no-repeat 0 -1px;
}

.icon .num .inner{
	background: #e7e7e7;
	color: #777;
	vertical-align: bottom;
	padding: 1px 3px;
	border-radius: 2px;
}

#reclist .block .member{
	/* 131122 追加 */
	float: right; 
	padding-left: 60px; 
	background: url("../img/label_member.png") no-repeat 0 4px;
	line-height: 21px;
	/* 131122 追加 ここまで*/
	margin-bottom: 5px;
}

#reclist .block .ft .name{
	float: right;
}

.top_tabset{
  margin-bottom: 40px;
}
.tabset ul.tab_btn{
  padding: 0;
  margin: 0;
  margin-bottom: -1px;
  overflow: hidden;
}
.tabset ul.tab_btn li{
  float: left;
  list-style: none;
  margin-right: 5px;
  border: 1px solid #e2e2e2;
  border-radius: 4px 4px 0 0;
  background-color: #f4f4f4;
  padding: 2px 2px 0;
  min-width: 120px;
  text-align: center;
}
.tabset ul.tab_btn li:hover{
  background-color: #d9d9d9;
}
.tabset ul.tab_btn li.active{
  border-bottom-color: #fff;
  background-color: #fff;
}
.tabset ul.tab_btn li a{
  text-decoration: none;
  color: #3b9521;
  font-weight: bold;
  padding: 6px 15px;
  display: block;
}
.tabset ul.tab_btn li.active a{
  color: #fff;
  background-color: #3b9520;
  border-radius: 2px;
}
.tabset .inner{
  display: none;
  border: 1px solid #e2e2e2;
  padding: 15px;
  border-radius: 0px 4px 4px 4px;
}
.sharp_mode .tabset .inner{
  display: block;
  margin-bottom: 5px;
}
.tabset .inner.active{
  display: block;
}
.tabset .inner table{
  table-layout: fixed;
}
.tabset .inner td{
  vertical-align: top;
}
.tabset .inner table.tool td{
  text-align: center;
  color: #818181;
  font-size: 12px;
  padding: 0 5px;
  line-height: 1.3;
}
.tabset .inner table.tool tr:first-child td{
  padding-bottom: 18px;
}
.tabset .inner table.tool td a{
  display: block;
  height: 100px;
  margin-bottom: 3px;
}
.tabset .inner a:hover{
  opacity: 0.6;
}

.tabset .inner table.word td img{
  float: left;
  margin-right: 10px;
}
.tabset .inner table.word tr:first-child td{
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 15px;
}
.tabset .inner table.word tr:last-child td{
  padding-top: 15px;
}
.tabset .inner table.word tr td:first-child{
  border-right: 1px solid #e2e2e2;
  padding-right: 15px;
}
.tabset .inner table.word tr td:last-child{
  padding-left: 15px;
}
.tabset .inner table.word .cat{
  font-size: 11px;
  line-height: 12px;
}
.tabset .inner table.word .title{
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 9px;
  display: block;
  line-height: 17px;
}
.tabset .inner table.word .word_txt{
  font-size: 12px;
  color: #818181;
  line-height: 17px;
  text-align: justify;
}
.tabset .inner.word{
  padding: 15px 0px 10px 13px;
  font-size: 0;
}
.tabset .inner.word a{
  display: inline-block;
  margin: 0 5px 5px 0;
}
.tabset .inner table.recruit{
  table-layout: auto;
  margin-bottom: -10px;
}
.tabset .inner table.recruit td{
  border-top: 1px solid #e2e2e2;
  padding: 10px 0;
  vertical-align: middle;
}
.tabset .inner table.recruit th{
  border-bottom: 3px double #e2e2e2;
  padding-bottom: 3px;
  font-size: 12px;
}
.tabset .inner table.recruit td.cat a{
  text-decoration: none;
  color: #247f09;
  display: inline-block;
  background-color: #e9f2e5;
  border-radius: 2px;
  border: 1px solid #94c486;
  width: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
}

#top_brand_area .brand_list a{
  text-decoration: none;
  display: inline-block;
  float: left;
  margin-right: 14px;
  margin-bottom: 14px;
  border: 1px solid #e5e5e5;
  padding: 2px;
}
#top_brand_area .brand_list a:nth-child(7n){
  margin-right: 0;
}
#top_brand_area .brand_list a img{
  height: auto;
}
#top_brand_area .brand_list a:hover{
  border-color: #ccc;
}
#top_brand_area .brand_list a:hover img{
  opacity: 0.6;
}

.text_news{
  border: 1px solid #A7C59F;
  border-radius: 4px;
  padding: 10px 15px;
  margin-bottom: 20px;
  background-color: #F4FFED;
  width: 610px;
}

.text_news ul.newsticker{
    margin: 0px;
    padding: 0px;
    height: 20px;
    overflow: hidden;
}
.text_news ul.newsticker li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text_news span{
  color: #666;
  margin-right: 15px;
}

#top_bannerarea2{
  font-size: 0;
  margin-top: 20px;
  margin-bottom: -10px;
}
#top_bannerarea2 a{
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 10px;
  position: relative;
}
#top_bannerarea2 a:nth-child(3n){
  margin-right: 0;
}
#top_bannerarea2 a:hover{
  opacity: 0.7;
}
#top_bannerarea2 span{
  font-size: 14px;
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background-color: rgba(61, 61, 61, 0.70);
  color: #fff;
  width: 100%;
  padding: 4px 6px;
  text-shadow: 0px 0px 5px black;
}


/*/// おすすめルート ///*/
.viewport {
  width: 770px;
  overflow: hidden;
  margin: 0 auto;
  -webkit-transform: translateZ(0); /* Optional: When heavy at iOS6+ */
}

.flipsnap {
  width: 3144px;
}
.flipsnap.fs2{
  width: 2352px;
}


.flipsnap:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

.flipsnap .item {
  float: left;
}

.fs_btn{
  position: absolute;
  top: 62px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 6px;
  font-size: 0;
  background-color: rgba(255, 255, 255, 0.75);
  border: 1px solid #e1e1e1;
  background-repeat: no-repeat;
  background-position: 14px 11px;
}
.fs_btn.fs2{
  top: 38px;
}

.fs_next{
  right: -20px;
  background-image: url('../img/arrow06.png');
}
.fs_prev{
  left: -20px;
  background-image: url('../img/arrow06_l.png');
}
.fs_btn:focus{
  outline: none;
  background-color: rgba(255, 255, 255, 0.9);
}
.fs_btn:disabled{
  opacity: 0;
}

#top_guide{
  margin-bottom: 20px;
}

#top_guide > h3{
  margin-top: 0;
  padding-bottom: 12px;
  font-size: 15px;
}

#top_guide #route_guide{
  margin-bottom: 10px;
  position: relative;
}

#top_guide #route_guide ul{
  margin-bottom: 0;
}

#route_guide ul{
  list-style: none;
  padding: 0;
  padding-top: 5px;
  margin-bottom: 0;
}
#route_guide li{
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

#top_guide #route_guide li{
  border: none;
  margin-right: 16px;
  margin-bottom: 0;
  padding-bottom: 0;
  width: 246px;
  position: relative;
}

#route_guide .thumbox{
  float: left;
  margin-right: 10px;
}

#top_guide #route_guide .thumbox{
  float: none;
  margin-right: 0;
  width: 246px;
  height: 164px;
  position: relative;
  overflow: hidden;
}

#top_guide #route_guide .thumbox img{
  height: auto;
  width: 246px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#top_guide #route_guide .featured_label{
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
}
#route_guide .label_area{
  float: right;
  height: 24px;
  margin: 0px;
  font-size: 0;
}

#top_guide #route_guide .label_area{
  float: none;
  clear: both;
  height: inherit;
}

#top_guide #route_guide .icon_area{
  height: 20px;
  margin-bottom: 4px;
}
#route_guide .icon_area{
  border-radius: 3px;
  height: 24px;
  display: inline-block;
  padding: 0 5px;
  vertical-align: top;
  background-color: #F0F0F0;
}
#top_guide #route_guide .icon_area .mytips{
  width: 20px;
  height: auto;
}

#top_guide #route_guide .label_area .label2{
  margin-right: 4px;
  margin-left: 0;
  margin-bottom: 4px;
  line-height: 20px;
  font-size: 11px;
  padding: 0 4px;
}

#route_guide .label_area .label2{
  margin: 0;
  margin-left: 4px;
}
.label2.grade1{
  background-color: #B3C520;
}
.label2.grade2{
  background-color: #E5A200;
}
.label2.grade3{
  background-color: #4F83C5;
}
.label2.grade4{
  background-color: #ED91C5;
}
.label2.grade5{
  background-color: #7E4FC5;
}

.route_season{
  position: relative;
  width: 100%; 
  background-color: #fff; 
  overflow: hidden;
  display: table;
  border: 1px solid #C1C1C1;
  padding-top: 1px;
  padding-bottom: 1px;
  border-radius: 3px 3px 0 0;
}
.route_season .season_month{
  position:relative;
  height: 20px;
  font-size: 12px;
  display: table-cell;
  table-layout: fixed;
}
#top_guide .route_season .season_month{
  height: 16px;
}

.guide_detail .route_season .season_month{
  font-size: 14px;
}
.route_season .season_month .season_title{
  font-weight: bold;
  position: absolute;
  top: 0;
  line-height: 17px;
  padding-top: 3px;
  width: 100%;
  text-align: center;
  color: #0E9073;
}

#top_guide .route_season .season_month .season_title{
  line-height: 13px;
  font-size: 11px;
}
.route_season .season_month .season:last-child{
  border-right: 1px solid #e1e1e1;
}

.route_season .season{
  width: 33.3%;
  height: 20px;
  float: left;
}
#top_guide .route_season .season{
  height: 18px;
}
.route_season .season.season_1 {
  background-color: #ddf3ed;
}
.route_season .season.season_2 {
  background-color: #9adcc9;
}
.guide_detail .route_season .season_month{
  height: 28px;
}
.guide_detail .route_season .season_month .season_title{
  line-height: 28px;
  padding-top: 2px;
}
.guide_detail .route_season .season_month .season{
  width: 22px;
  height: 28px;
}
.guide_detail .route_season .season_month .season:last-child{
  width: 20px;
}

#route_guide .rightbox{
  overflow: hidden;
}
#route_guide .route_title{
  margin-bottom: 4px;
  overflow: hidden;
}

#top_guide #route_guide .route_title{
  margin-bottom: 4px;
}

#route_guide .route_name{
  font-weight: bold;
  line-height: 110%;
  margin-top: 6px;
  margin-bottom: 6px;
  float: left;
}

#top_guide #route_guide .route_name{
  margin-top: 6px;
}

.route_note{
  line-height: 20px;
  min-height: 54px;
  border: 1px solid #ccc;
  border-top: none;
  padding: 7px 12px;
  border-radius: 0 0 3px 3px;
  background-color: #fdfff7;
}

#top_guide .route_note{
  min-height: inherit;
  line-height: 17px;
  padding: 4px 8px;
  font-size: 12px;
}
.featured  .route_note{
  border-top: 1px solid #ccc;
  border-radius: 3px;
}
.guide_detail .route_note{
  padding: 15px 20px;
  font-size: 16px;
  line-height: 24px;
}

.label2.location{
  background: #f0f0f0;
  color: #666;
}

.guide_detail .icon_area{
  border-radius: 4px;
  height: 40px;
  padding: 5px 10px;
  vertical-align: top;
  background-color: #F0F0F0;
  font-size: 0;
  margin-top: 6px;
  white-space: nowrap;
}

.route_comment h4{
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px 0;
  padding-top: 5px;
  line-height: 1.5;
}
.route_comment strong.hd{
  color: #3B9521;
}
.route_comment ul{
  padding: 10px 18px !important;
  background-color: #EAF1D7;
  border-radius: 4px;
  margin-top: 3px;
  margin-bottom: 20px;
}
.route_comment li{
  font-size: 15px;
  padding: 5px 0px !important;
  padding-left: 1.4em !important;
  text-indent: -1.4em;
  font-weight: bold;
}
.route_comment li span{
  margin-right: 0.4em;
  display: inline;
  color: #3B9521;
}
.route_data{
  border: 1px solid #ccc;
  border-radius: 3px;
}
.route_data .inner{
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #ccc;
}
.route_data .inner .value{
  display: table-cell;
  text-align: center;
  height: 45px;
  padding-bottom: 3px;
  vertical-align: bottom;
  border-left: 1px solid #ccc;
  background-color: #efefef;
  color: #0E9073;
  font-family: "Helvetica Neue",Arial,sans-serif;
}
.route_data .inner .value:first-child{
  border-left: none;
}
.route_data strong{
  font-size: 13px;
  color: #0E9073;
  margin-right: 5px;
}
.route_data span{
  font-size: 30px;
  margin-right: 2px;
}

.picbtn{
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  height: 50px;
  line-height: 20px;
  padding: 15px 0px;
  position: absolute;
  z-index:3000;
  top: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
  background-size: 8px auto;
  width: 80px;
}
.picbtn:hover{
  opacity: 0.8;
  color: #fff;
}
.picbtn.prev{
  border-radius: 0 4px 4px 0;
  left: 0px;
  background-image: url("../img/arrow07_l.png");
  background-position: 5px center;
  padding-right: 10px;
  text-align: right;
}
.picbtn.next{
  border-radius: 4px 0 0 4px;
  right: 0px;
  background-image: url("../img/arrow07_r.png");
  background-position: 66px center;
  padding-left: 10px;
  text-align: left;
}
#centercolumn #record_detail .route_comment th{
  background-color: #EAF5F2;
  color: #0E9073;
}
.route_comment .time{
  font-weight: 500;
  font-family: "Helvetica Neue",Arial,sans-serif;
  font-size: 20px;
  margin-left: 4px;
  margin-right: 4px;
  color: #0E9073;
}
#centercolumn .guide_detail #record_detail .photo_area{
  background-color: #EAF5F2;
}
.guide_detail .photo_area .item{
  position: relative;
}
.guide_detail .photo_area .item .num{
  position: absolute; 
  top: 133px;
  left: 0;
  width: 27px;
  height: 27px;
  color: #fff;
  background-color: #0E9073;
  text-align: center;
  line-height: 30px;
  font-family: "Helvetica Neue",Arial,sans-serif;
  font-weight: 700;
  font-size: 16px;
  z-index: 999;
}
.guide_detail .photo_area .item:after{
  content: "";
  width: 10px;
  height: 14px;
  display: block;
  background: url("../img/arrow10_r.png") no-repeat;
  position: absolute;
  top: 73px;
  right: -18px;
  opacity: 0.5;
}
    .guide_detail .photo_area .item:last-child:after{
  display: none;
}
.guide_detail .photo_area .item a:hover{
  opacity: 0.7;
}

.ft_app_info h4{
  text-align: center;
  color: #6f4141;
  font-size: 16px;
  font-weight: bold;
  margin-top: 30px;
}
.ft_app_info ul{
  margin: 0;
  padding: 0;
  background-color: #e4e0da;
  border: 1px solid #fff;
  padding: 10px 0;
  display: table;
  width: 100%;
  border-radius: 20px;
}
.ft_app_info ul li{
  list-style: none;
  display: table-cell;
  padding: 10px 100px;
}
.ft_app_info ul li:nth-child(2){
  border-left: 1px solid #f8f7f6;
  border-right: 1px solid #f8f7f6;
}
.ft_app_info img.appicon{
  float: left;
  margin-right: 13px;
}
.ft_app_info ul div{
  color: #333;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 3px;
}
.ft_app_info ul li p{
  font-size: 12px;
  margin-bottom: 8px;
}
.ft_app_info a.btn{
  background-color: #333;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
  padding: 0;
  line-height: 22px;
  width: 84px;
  margin-right: 5px;
}
.ft_app_info a.btn:hover{
  opacity: 0.7;
}
.ft_app_info a.btn.disabled{
  opacity: 0.3;
}
.ft_sns_area{
  background-color: #fbfbf9;
  width: 760px;
  border: 1px solid #cfcac2;
  border-radius: 4px;
  padding: 0px 10px;
  height: 56px;
  position: relative;
}
.ft_sns_area > div{
  display: inline-block;
  height: 55px;
  padding-top: 17px;
}
.ft_sns_area > div.fb-like{
  border-right: 1px solid #cfcac2;
  width: 210px;
}
.ft_sns_label{
  position: absolute;
  top: -15px;
}
.ft_sns_icon{
  display: inline-block;
  vertical-align: top;
  margin-top: 13px;
  margin-left: 6px;
  margin-right: 11px;
}
.ft_sns_icon:hover{
  opacity: 0.7;
}

/*/// 登山メモ ///*/
#mypage_header.yamamemo{
  margin-top: 10px;
  overflow: hidden;
  height: auto;
  min-height: 110px;
}
ul.yamamemo_list li{
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  padding: 20px 0;
}
ul.yamamemo_list.timeline li{
  padding: 20px 0;
}

ul.yamamemo_list li .left{
  float: left;
  width: 200px;
}
ul.yamamemo_list li .center{
  float: left;
}
ul.yamamemo_list li .right{
  float: right;
}
ul.yamamemo_list li .left .date{
  font-weight: bold;
  font-size: 14px;
  background: url("../img/icon_location.png") no-repeat left center;
  padding-left: 14px;
  margin-bottom: 10px;
}
ul.yamamemo_list li .right .map_btn{
  background: url("../img/arrow03_u.png") no-repeat 8px center;
  padding-left: 23px;
}
.label_private{
  background: url("../img/icon_lock.png") no-repeat 6px center #efefef;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 4px 4px 4px 24px;
  font-size: 13px;
  color: #666;
  font-weight: normal;
  vertical-align: text-top;
}
ul.yamamemo_list li .center img{
  margin-bottom: 10px;
}

/*/// 山岳保険 ///*/
#insurance{
  margin-top: 10px;
  position: relative;
  padding-top: 90px;
}

#insurance .floating{
  background-color: rgba(51, 51, 51, 0.9);
  border-radius: 6px;
  padding: 10px;
  padding-left: 20px;
  position: absolute;
  top: 0;
  width: 770px;
}
#insurance .floating.fix{
  position: fixed;
  z-index: 999;
  border-radius: 0 0 6px 6px;
}

#insurance .floating a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 50px;
  display: inline-block;
  font-size: 16px;
  margin: 0 20px;
}
#insurance a.order{
  display: inline-block;
  line-height: 50px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  background-color: #ff4800;
  text-align: center;
  width: 310px;
  border-radius: 6px;
  font-size: 22px;
  border: 2px solid #ff9166;
  float: right;
  margin: 0;
}

#insurance .floating a:hover{
  opacity: 0.7;
}
#insurance  a.order:hover{
  background-color: #ff733c;
  opacity: 1;
}

#insurance .main_img{
  background: url('../img/insurance_bg.png');
  height: 300px;
  padding: 30px;
  margin-bottom: 40px;
  font-size: 15px;
}

#insurance .main_img img{
  display: block; 
  margin: 25px auto 48px auto;
}

#insurance section{
  margin-bottom: 80px;
  padding-top: 90px;
  margin-top: -90px;
}

#insurance h2{
  color: #3b9521;
  font-size: 24px;
  border-bottom: 5px solid;
  padding-bottom: 5px;
  margin-bottom: 30px;
}
#insurance h2 span{
  color: #574230;
  font-size: 16px;
  margin-left: 10px;
}

.insurance_feature{
  margin-bottom: 20px;
}
.insurance_feature .col-xs-6{
  padding-bottom: 20px;
}
.insurance_feature .col-xs-6 span{
  font-weight: bold;
  color: #3b9521;
}
.insurance_feature h3{
  border: none;
  background: none;
  background-color: #f4ff77;
  padding: 3px;
  font-size: 20px;
  color: #574230;
  line-height: 1;
  margin-top: 2px;
}

#centercolumn table.reset th{
  background-color: #efefef;
  color: #333;
  font-weight: normal;
  border-radius: 0;
}

#centercolumn table.insurance_table thead th,
#centercolumn table.insurance_table thead td{
  padding: 5px;
  background: none;
}
#centercolumn table.insurance_table thead td{
  background-color: #3b9521;
  text-align: center;
  color: #fff;
  border-left: 2px solid #fff;
  font-weight: bold;
}
#centercolumn table.insurance_table thead tr td:nth-child(2){
  border-radius: 6px 0 0 0;
}
#centercolumn table.insurance_table thead tr td:last-child{
  border-radius: 0 6px 0 0;
}


#centercolumn table.insurance_table tbody td,
#centercolumn table.insurance_table tbody th{
  padding: 16px 15px;
  vertical-align: middle;
}
#centercolumn table.insurance_table tbody th{
  background-color: #d0cbb7;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  width: 120px;
  font-size: 13px;
}
#centercolumn table.insurance_table tbody td{
  background-color: #f4efd7;
  text-align: center;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
}
#centercolumn table.insurance_table td:last-child{
  border-right: none;
}
#centercolumn table.insurance_table tbody tr:first-child th{
  border-radius: 6px 0 0 0;
}
#centercolumn table.insurance_table tbody tr:last-child th{
  border-bottom-left-radius: 6px;
}
#centercolumn table.insurance_table tbody tr:last-child td:last-child{
  border-radius: 0 0 6px 0;
}

.insurance_table .price{
  color: #3b9521;
  font-weight: bold;
  margin-right: 2px;
  font-family: sans-serif;
  
}
.insurance_table .price_m{
  font-size: 24px;
}
.insurance_table .price_s{
  font-size: 22px;
}
.insurance_table .price_xs{
  font-size: 18px;
}

.insurance_table .items span{
  color: #ff4800;
  font-weight: bold;
}

#insurance .qa_list a{
  font-weight: bold;
  font-size: 16px;
  color: #3b9521;
  margin-bottom: 15px;
  display: block;
}

#insurance .qa_list div{
  margin-bottom: 25px;
  padding-left: 1.5em;
  display: none;
}
.popup_window{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 840px;
  height: 640px;
  background-color: #fff;
  z-index: 9999;
  border-radius: 12px;
  padding: 35px;
	display: none;
}
.popup_overlay{
  display: block;
  background-color: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  display: none;
}

.create_btn_area{
  position: relative;
}
.create_btn{
  line-height: 24px;
  padding: 3px 13px;
  margin-bottom: 10px;
  width: 140px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border: 3px solid #ff9231;
  border-radius: 5px;
  text-align: left;
  background: url('../img/arrow04_d.png') no-repeat #ff7800;
  background-position: 112px 12px;  
}
.create_btn_area.top .create_btn{
  padding: 6px 13px;
  background-position: 112px 15px;
}

.create_btn:hover{
  color: #fff;
  opacity: 0.8;
}
.create_btn:active{
  box-shadow: none;
  background-image: url('../img/arrow04_d.png');
}

.create_btn .icon{
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../img/icon_pen_wh_18x18.png') no-repeat;
  vertical-align: text-top;
  margin-right: 11px;
}

.create_btn_area ul{
  position: absolute;
  z-index: 99;
  top: 42px;
  right: -1px;
  list-style: none;
  padding: 0;
  background-color: #fff;
  width: 220px;
  border: 3px solid #3b9521;
  border-radius: 7px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  display: none;
}
.create_btn_area.top ul{
  top: 48px;
}

.create_btn_area ul li{
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #e1e1e1;
}
.create_btn_area ul li:last-child{
  border-bottom: none;
}

.create_btn_area ul li a{
  color: #333;
  text-decoration: none;
  display: block;
  padding: 12px 0 12px 55px;
  background-image: url('../img/icon_create.png?v=1');
  background-repeat: no-repeat; 
  background-position: 16px 6px;
  position: relative;
}
.create_btn_area ul li.plan a{
  background-position: 16px -44px;
}
.create_btn_area ul li.diary a{
  background-position: 16px -94px;
}
.create_btn_area ul li.note a{
  background-position: 16px -144px;
}
.create_btn_area ul li.question a{
  background-position: 16px -194px;
}
.create_btn_area ul li.myitem a{
    background-position: 16px -244px;
}

.create_btn_area ul li a:hover{
  background-color: #f5f5f5;
}

#info_menu {
  list-style: none;
  font-size: 14px;
  line-height: 30px;
  clear: both;
  margin: 10px 0;
  clear: both;
  background-color: #efefef;
  padding: 5px 0;
  border-radius: 4px;  
}

#info_menu li a {
  padding-left: 28px;
  padding-right: 5px;
  background: url(../img/arrow01.png) no-repeat 10px 10px;
  display: block;
  float: left;
}

/*/// 山のランキング ///*/

.ranking .ranking_list h3{
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  margin-top: 10px;
  display: inline-block;
  font-size: 20px;
}

.ranking .ranking_list .label2.location{
  background-color: #fff;
}

.ranking .ranking_list .rank{
  width: 100px;
  margin-right: 10px;
  padding-top: 10px;
}

.ranking .ranking_list .reco_num{
  background-color: #fff;
  padding: 5px;
  border-radius: 8px;
}

.ranking .ranking_list .reco_num a{
  font-size: 20px;
  font-family: 'Helvetica', 'Arial', sans-serif;
  color: #333;
}

.ranking .ranking_list .box{
  background-color: #EAF5F2;
  padding: 10px;
  border-radius: 8px;
  margin-bottom: 10px;
  position: relative;
}

.ranking .ranking_list .box.sm .crown{
  position: absolute;
  left: 31px;
  margin: auto;
}

.rank_num{
  color: #fff;
  height: 44px;
  position: relative;
  padding-top: 20px;
  font-size: 20px;
  font-weight: bold;
}

.ranking .ranking_list .img_area .img{
  position: relative;  
  width: 340px;
  height: 255px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  background-color: rgba(255, 255, 255, 0.5);
}

.ranking .ranking_list .img_area .img img{
  width: 340px;
  height: 255px;
  object-fit: cover;
}

.ranking .ranking_list .box.sm .img_area .img{
  height: 150px;
}

.ranking .ranking_list .box.sm .img_area .img img{
  height: 150px;
}

_:-ms-lang(x), .ranking .ranking_list .img_area .img img{ 
  height: auto;
  width: 340px;
  position: absolute;
  top: -100%;
  bottom: -100%;
  left: -100%;
  right: -100%;
  margin: auto;
} 

.sort_btn .btn.active{
  background-color: #f39500;
  color: #fff;
}

.feed_page a{
  text-decoration: none;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  border-radius: 4px;
  background-repeat: no-repeat;
  padding: 7px 15px;
}

.feed_page a.prev{
  background-image: url('../img/arrow04_l.png');
  background-position: left 10px center;
  padding-left: 30px;
}

.feed_page a.next{
  background-image: url('../img/arrow04_r.png');
  background-position: right 10px center;
  padding-right: 30px;
}


/*/// Myアイテム ///*/
#myitem{
  margin-top: 10px; 
}

.myitem_toolbar{
  padding: 14px 10px;
  background-color: #f5f5f5;
  border-radius: 6px;
  margin-bottom: 10px;
}

.myitem_toolbar .total{
  width: 120px;
  height: 62px;
  border-right: 3px solid #fff;
  margin-top: -14px;
  margin-right: 15px;
  text-align: center;
  padding-top: 12px;
  padding-right: 6px;
  font-weight: bold;
}

.myitem_toolbar .total div{
  line-height: 1;
  margin-bottom: 7px;
}

.myitem_toolbar .total span{
  color: #c52722;
  font-family: 'helvetica', 'Arial', sans-serif;
  font-size: 28px;
}


.btn-myitem, a.btn-myitem{
  background-color: #c52722;
  color: #fff;
  text-decoration: none;
}

.btn-myitem:hover, .btn-myitem:focus{
  color: #fff;
  background-color: #e20f09;
}

.btn-myitem.wh:hover, .btn-myitem.wh:focus{
  color: #c52722;
  background-color: #ebebeb;
}

.btn-myitem.bk:hover, .btn-myitem.bk:focus{
  color: #fff;
  background-color: #666;
}

.btn-myitem.wh, a.btn-myitem.wh{
  background-color: #fff;
  color: #c52722;
  border: 1px solid #ccc;
  text-decoration: none;
}

.btn-myitem.bk, a.btn-myitem.bk{
  background-color: #444;
  color: #fff;
  text-decoration: none;
}

#myitem .btn, #myitem input, #myitem select, #myitem textarea{
  border-radius: 6px;
}

#myitem .btn:focus{
  outline: none;
}

#myitem .tab .btn{
  border-radius: 6px 6px 0 0;
  color: #c52722;
}

#myitem .tab .btn.active{
  color: #333;
}

select.myitem, select.myitem:focus{
  border: 2px solid #c52722;
}

a.myitem_link{
  color: #c52722;
}

a.myitem_link.arrow{
  padding-left: 15px;
  background: url('../img/arrow01_red.png') no-repeat left center;
}

.myitem_header{
  border: 2px solid #ccc;
  border-radius: 6px;
  color: #c52722;
  text-align: center;
  padding: 8px 0;
}

.myitem_header h3{
  font-size: 18px;
  padding: 0 86px;
}

.myitem_header span.number{
  font-size: 22px;
  font-family: 'helvetica', 'Arial', sans-serif;
}

.myitem_body{
  margin-top: 15px;
}

.myitem_body.list .category{
  margin-bottom: 15px;
}

.myitem_body.list .left{
  background-color: #f7f3ec;
  float: left;
  width: 102px;
  height: 210px;
  border-radius: 6px 0 0 6px;
  margin-right: 8px;
  padding: 10px;
}

.myitem_body.list .left h4{
  font-size: 95%;
  font-weight: 700;
  margin-bottom: 10px;
}

.myitem_body.list .left div{
  font-size: 24px;
  color: #c52722;
  font-weight: 700;
  font-family: 'helvetica', 'Arial', sans-serif;
  margin-bottom: 10px;
}

.myitem_body{
  width: 780px;
  margin-right: -10px;
  margin-bottom: 40px;
}

.myitem_body.list .right{
  width: 668px;
  float: left;
  margin-right: -8px;
  position: relative;
}

.myitem_body .item{
  position: relative;       /* add kamijo debug*/
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  display: block;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  color: #333;
  float: left;
  width: 185px;
  height: 240px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.myitem_body .item:hover{
  border-color: #ccc;
}

.myitem_body .item:hover .item_img{
  opacity: 0.8;
}

.myitem_body.list .item{
  width: 159px;
  height: 210px;
  margin-right: 8px;
  margin-bottom: 0;
}

.myitem_body .item .img_box{
  width: 137px;
  height: 137px;
  margin-bottom: 5px;  
  display: flex;
  align-items: center;
}

.myitem_body.grid .item .img_box{
  width: 163px;
  height: 163px;
}

.myitem_body .item .item_img{
  max-height: 137px;
  width: auto;
  margin: 0 auto;
}

.myitem_body.grid .item .item_img{
  max-height: 163px;
}

.myitem_body .item .maker{
  clear: both;
  font-size: 70%;
  color: #818181;
}

.myitem_body .item .name{
  clear: both;
  font-size: 85%;
}

.myitem_body .item .maker, .myitem_body .item .name{
  line-height: 16px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.myitem_body.toppage .item .maker, .myitem_body.toppage  .item .name{
  line-height: 25px;
}

.myitem_body .item .raty{
  height: 12px;
  margin-bottom: 3px;
  float: left;
}

.myitem_body.other_item div{
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.myitem_body.other_item div:nth-child(6n){
  margin-right: 0;
}

.myitem_body.other_item img{
  max-height: 120px;
  width: auto;
  margin: 0 auto;
}

#edit_myitem .raty{
  background-color: #f5f5f5;
  padding: 4px 10px;
  display: inline-block;
  border-radius: 6px;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 10px;
}

#myitem .raty img{
  margin-right: 2px;
}

#myitem #edit_myitem .raty img{
  margin-right: 6px;
}

#myitem .item .raty img{
  /* vertical-align: baseline; */
  vertical-align: top;
}

.myitem_body .item .impression{
  height: 15px;
}
.myitem_body .item .impression img{
  vertical-align: top;
}

.myitem_body .item .like{
  height: 15px;
}
.myitem_body .item .like img{
  vertical-align: top;
}

.myitem_body .item.add_btn{
  background-color: #f5f5f5;
  align-items: center;
  display: flex;
}

.myitem_body .item.add_btn:hover{
  border-color: #c52722;
}

.myitem_body .item.add_btn span{
  width: 36px;
  height: 36px;
  display: block;
  background: url('../img/myitem_icon_plus_lg.png') no-repeat;
  margin: 0 auto;
}

.myitem_body .item.add_btn:hover span{
  background-position: -50px 0;
}


#myitem .modal.add_myitem .modal-dialog{
  width: 680px;
}

/*
#myitem .modal.add_myitem .tab_body{
  min-height: 550px;
}
*/

#myitem .modal-content{
  box-shadow: none;
  border: none;
  border-radius: 10px;
}

.modal.add_myitem #searchResult, .modal.add_myitem#select_myitem #equipList{
  padding: 0;
  border-radius: 6px;
  height: 430px;
  overflow-y: scroll;
}

.modal.add_myitem#select_myitem #equipList{
  height: 580px;
}

.modal.add_myitem #searchResult .result, .modal.add_myitem#select_myitem #equipList .result{
  padding: 15px 20px;
  border-bottom: 1px solid #e1e1e1;
}

.modal.add_myitem #searchResult .result:last-child, .modal.add_myitem#select_myitem #equipList .result:last-child{
  border-bottom: none;
}

.modal.add_myitem .searchInfo{
  align-items: center;
  display: flex;
  min-height: 90px;
  line-height: 1.3;
}

.modal.add_myitem .searchInfo .item{
  font-size: 93%;
}

.modal.add_myitem .searchThumbnail{
  margin-right: 20px;
}

.modal.add_myitem .searchInfo .g-info{
  width: 345px;
}

.modal.add_myitem .searchInfo .g-action{
  margin-left: 31px;
}

.modal.add_myitem#select_myitem .searchInfo .g-action{
  margin-left: 77px;
}

.modal.add_myitem#select_myitem .searchInfo .g-action span{
  font-size: 12px;
  background-color: #efefef;
  border-radius: 6px;
  margin-left: 8px;
  width: 38px;
  height: 38px;
  display: block;
  text-align: center;
  line-height: 15px;
  padding: 4px;
  color: #c52722;
}

.modal.add_myitem .searchInfo .g-action .btn{
  width: 38px;
  height: 38px;
  font-size: 0;
  background-image: url('../img/myitem_btn_lg.png');
  background-repeat: no-repeat;
  border: none;
  background-color: #fff;
  margin-left: 8px;
}

.modal.add_myitem .searchInfo .g-action .btn.want-item{
  background-position: -50px 0;
}

.modal.add_myitem .searchInfo .g-action .btn.want-item:hover{
  background-position: -50px -50px;
}

.modal.add_myitem .searchInfo .g-action .btn.want-item.remove{
  background-position: -50px -50px;
}

.modal.add_myitem .searchInfo .g-action .btn.want-item.remove:hover{
  /* background-position: -50px 0; */
}

.modal.add_myitem .searchInfo .g-action .btn.addmyitem:hover{
  opacity: 0.7;
}

.modal.add_myitem .searchInfo .g-action .btn.addmyitem.remove{
  background-position: 0 -50px;
}

.modal.add_myitem .searchInfo .g-action .tooltip{
  font-size: 11px;
}

#edit_myitem .modal-dialog{
  width: 880px;
}

#edit_myitem .editInfo, .myitem_review{
  width: 450px;
  float: right;
}

.myitem_review.view{
  width: 100%;
  float: none;
  overflow: hidden;
  margin-top: 20px;
}

.myitem_myimages{
  float: left;
}

.myitem_myimages.view{
  float: none;
}

#edit_myitem .img-wrap{
  width: 300px;
  height: 300px;
  align-items: center;
  display: flex;
  text-align: center;
}

#edit_myitem .img-wrap img{
  max-width: 300px;
  max-height: 300px;
  width: auto;
  height: auto;
  margin: 0 auto;
}

#edit_myitem #img-list.view_mode img{
  cursor: pointer;
}

#edit_myitem .product_info{
  line-height: 1.2;
}

#edit_myitem .product_info label{
  font-size: 12px;
  color: #818181;
  min-width: 60px;
  padding-right: 10px;
}

#edit_myitem .product_info .mode.view{
  border-bottom: 1px solid #ccc;
  margin: 0 10px;
  padding-bottom: 5px;
}

#myitem .popover{
  box-shadow: none;
}

#myitem .popover-content{
  padding: 6px 12px;
}

#myitem .tip{
  display: inline-block;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  margin: 0 15px 10px 0;
  position: relative;
  cursor: default;
}

#myitem .tip .label2{
  margin: 0;
  border-radius: 3px;
  vertical-align: top;
}

#myitem .tip .label2.green{
  background-color: #5ba745;
  border-radius: 3px 0 0 3px;
}

#myitem .tip .label2.white{
  background-color: #fff;
  border-radius: 0px 3px 3px 0px;
  color: #c52722;
}

#myitem .tip .delete_icon{
  width: 15px;
  height: 15px;
  position: absolute;
  background: url('../img/icon_close_red.png') no-repeat;
  cursor: pointer;
  right: -7px;
  top: -7px;
  display: none;
}

#myitem .edit .tip:hover .delete_icon{
  display: block;
}

#myitem .editImage{
  height: 64px;
}

#myitem .editImage label{
  width: 64px;
  height: 64px;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
  margin-bottom: 0;
  background: url('../img/myitem_icon_editimag.png') no-repeat;
}

#myitem .editImage .view_mode label{
  cursor: default;
}

#myitem .editImage label.delete{
  position: relative;
}

#myitem .editImage label.delete:after{
  content: "\524A\9664";
  color: #fff;
  font-size: 12px;
  line-height: 64px;
  text-align: center;
  display: block;
  width: 64px;
  height: 64px;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

#myitem .editImage label:hover{
  background-position: 0 -64px;
}

#myitem .editImage label img{
  vertical-align: baseline;
}

#myitem .editImage input[type="file"]{
  display: none;
}

#myitem .editImage #img-list .myphoto:after:hover{
  content: "0";
}

#img-list .delete_icon {
    width: 15px;
    height: 15px;
    position: absolute;
    background: url(../img/icon_close_white.png) no-repeat;
    cursor: pointer;
    right: 1px;
    top: 1px;
}

#img-list .delete_icon {
    width: 15px;
    height: 15px;
    position: absolute;
    background: url(../img/icon_close_white.png) no-repeat;
    cursor: pointer;
    right: 1px;
    top: 1px;
}

#myitem #scene_select{
  position: relative;
  display: inline-block;
}


#myitem #scene_select ul{
  position: absolute;
  display: none;
  padding: 10px 0;
}

#myitem #scene_select ul li{
  position: relative;
}

#myitem #scene_select > ul{
  top: -160px;
  left: 60px;
  width: 200px;
  background-color: #434343;
}

#myitem #scene_select > ul > li > ul{
  width: 220px;
  top: -100px;
  right: -220px;
  background-color: #666666;
}

#myitem #scene_select ul li button{
  color: #fff;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  text-align: left;
  line-height: 30px;
  padding: 0 20px;
  white-space: nowrap;
}

#myitem #scene_select ul li button:focus{
  outline: none;
}

#myitem #scene_select ul li:hover{
  background-color: #666;
}

#myitem #scene_select ul ul li:hover{
  background-color: #c52722;
  background: url('../img/myitem_icon_plus_sm.png') no-repeat #c52722 10px center;
}

#myitem #scene_select ul ul li button{
  padding-left: 30px;
}

.myitem_toolbar .btn_swich_view{
  margin: 4px 10px 0;
}

.myitem_toolbar .icon_view{
  width: 26px;
  height: 25px;
  display: inline-block;
  background-image: url('../img/myitem_icon_swich_view.png');
  background-repeat: no-repeat;
  margin-left: 10px;
}

.myitem_toolbar .icon_view.view_grid{
  background-position-x: -50px;
}

.myitem_toolbar .icon_view.active, .myitem_header .icon_view:hover{
  background-position-y: -50px
}

#myitem .icon_plus_sm{
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url('../img/myitem_icon_plus_sm.png') no-repeat;
}

.like_btn_warp {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 2px 6px;
    display: inline-block;
    background-color: #fff;
}

.like_btn{
  display: inline-block;
  height: 20px;
  width: 50px;
  background-image: url('../img/like_btn.png');
  background-repeat: no-repeat;
  cursor: pointer;
  vertical-align: top;
}

.like_btn.active{
  background-position: 0 -20px;
}

.like_btn:hover{
  background-position: 0 -20px;
}

.like_btn.active:hover{
  background-position: 0 0;
}

#myitem .viewport{
  width: 660px;
  margin: inherit;
}

.myitem_flip{
  overflow: hidden;
}

.myitem_flip:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

#myitem .fs_btn{
  background-color: rgba(0, 0, 0, 0.8);
  background-position: center center;
  border: none;
  width: 20px;
  height: 70px;
  top: 0;
  bottom: 0;
  margin: auto;
}

#myitem .fs_next{
  right: 8px;
  border-radius: 4px 0 0 4px;
  background-image: url('../img/arrow04_r.png');
}

#myitem .fs_prev{
  left: 0px;
  border-radius: 0 4px 4px 0;
  background-image: url('../img/arrow04_l.png');
}

.myitem_alert{
  position: fixed;
  top:0;
  left: 0;
  right: 0;
  margin: auto;
  width: 800px !important;
  border-radius: 0 0 6px 6px;
  border-top: none;
  z-index: 9999;
}

.myitem_body.grid .g-action{
  position: absolute;
  right: 4px;
  top: 4px;
  z-index: 89;
}

.myitem_body.grid .g-action span{
  font-size: 12px;
  background-color: #efefef;
  border-radius: 4px !important;
  margin-left: 8px;
  width: 26px;
  height: 26px;
  display: block;
  text-align: center;
  line-height: 15px;
  padding: 4px;
  color: #c52722;
}

.myitem_body.grid .g-action .btn{
  width: 26px;
  height: 26px;
  font-size: 0;
  background-image: url('../img/myitem_btn_sm.png');
  background-repeat: no-repeat;
  border: none;
  background-color: #fff;
  margin-left: 4px;
}

.myitem_body.grid .g-action .btn.want-item{
  background-position: -30px 0;
}

.myitem_body.grid .g-action .btn.want-item:hover{
  background-position: -30px -30px;
}

.myitem_body.grid .g-action .btn.want-item.remove{
  background-position: -30px -30px;
}

.myitem_body.grid .g-action .btn.want-item.remove:hover{
  background-position: -30px 0;
}

.myitem_body.grid .g-action .btn.addmyitem:hover{
  opacity: 0.7;
}

.myitem_body.grid .g-action .btn.addmyitem.remove{
  background-position: 0 -30px;
}

.myitem_body.grid .g-action .tooltip{
  font-size: 11px;
  white-space: nowrap;
}

.myitem_body.grid .scene{
  position: absolute;
  font-size: 10px;
  top: 4px;
  left: 4px;
  line-height: 1.4;
  background-color: #818181;
  color: #fff;
  padding: 0 4px;
  border-radius: 3px;
}

.myitem_body.everybody .item{
  padding-top: 34px;
  height: 272px;
}

.myitem_body.grid .item{
  padding-top: 34px;
  height: 272px;
}

.myitem_body.toppage .item{
  width: 182px; 
  height: 272px;
  padding-top: 25px;  
  margin-right: 14px;  
}

.myitem_body.toppage .fs_btn{
    top: 116px;
}

.myitem_header .sort_btn{
  color: #818181;
  margin: 3px 20px 0; 
}

.myitem_header .sort_btn a.current{
  text-decoration: none;
  pointer-events: none;
}

.myitem_header .sort_btn a.active{
  text-decoration: none;
  color: #818181;
}

.myitem_header .sort_btn a.active:hover{
  text-decoration: underline;
  color: #c52722;
}

/*/// 山のリスト ///*/
#centercolumn table thead.green th{
  background-color: #379611;
  color: #fff;
}

table.tr_hover tr:hover{
  background-color: #ddf3ed;
}

#centercolumn table.ptlist td, #centercolumn table.ptlist th{
  vertical-align: middle;
  white-space: nowrap;
}

table.ptlist tr td:first-child, table.donelist tr td:first-child{
  text-align: center;
  font-family: 'helvetica', 'Arial', sans-serif;
  font-weight: bold;
  color: #379611;
}

table.donelist tr td:nth-child(4) span {
    font-family: 'helvetica neue', Arial, sans-serif;
    font-size: 20px;
    color: #0e9073;
    margin-right: 5px;
}

table.ptlist tr td:nth-child(3){
  width: 40%;
  font-family: 'helvetica', 'Arial', sans-serif;
  font-style: italic;
  color: #666;
}

table.ptlist tr td .height_wrap{
    width: 230px;
}

table.ptlist tr td .height{
  background-color: #379611;
  background-image: url('../../../modules/yamainfo/images/ptlist_gradation.png');
  background-size: 230px auto;
  height: 4px;
}

table.ptlist td .ysp{
  margin-right: 3px;
}

.donelist_hd{
  color: #0e9073;
  border: 1px solid #0e9073;
  border-radius: 4px;
  padding: 20px;
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.donelist_hd h3{
  font-weight: normal;
  font-size: 20px;
  display: inline-block;
}

.donelist_hd .num{
  font-family: 'helvetica neue', Arial, sans-serif;
  font-size: 28px;
  position: absolute;
  width: 130px;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
}

.donelist_hd.alldone .num, .donelist_hd.soon .num{
  top: 0;
  padding-top: 30px;
}

.donelist_hd.soon{
  background-color: #DDF3ED;
}

.donelist_hd.alldone{
  background-color: #FFF5E7;
  border-color: #FF9900;
  color: #FF7600;
  background-image: url('../../../modules/yamareco/images/donelist_reco01@2x.png');
  background-repeat: no-repeat;
  background-size: 95px 70px;
  background-position: right 20px bottom;
  padding: 23px 20px;
}

.donelist_hd.alldone.has_empty.own{
  background-image: url('../../../modules/yamareco/images/donelist_reco02@2x.png');
  background-size: 59px 71px;
}

.donelist_hd.alldone.has_empty.other{
  background-image: url('../../../modules/yamareco/images/donelist_reco01@2x.png');
  background-size: 95px 70px;
}


.donelist_hd.alldone .num:before, .donelist_hd.alldone .num::after{
  content: "";
  position: absolute;
  top: 6px;
  width: 28px;
  height: 60px;
  background-size: cover;
}

.donelist_hd.alldone .num:before{
  background-image: url('../../../modules/yamareco/images/donelist_leaf_l@2x.png');
  left: -28px;
}

.donelist_hd.alldone .num:after{
  background-image: url('../../../modules/yamareco/images/donelist_leaf_r@2x.png');
  right: -28px;
}

.donelist_hd.alldone .num{
  color: #C94646;
}

.donelist_hd .lb{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.donelist_hd .message{
  position: absolute;
  right: 0px;
  width: 230px;
  line-height: 1.4;
  font-size: 12px;
  color: #8B572A;
}

#centercolumn table.donelist td, #centercolumn table.donelist th{
  vertical-align: middle;
  white-space: nowrap;
}

table.donelist tr.done{
  background-color: #f5f5f5;
}

table.donelist tr.done:hover{
  background-color: #ddf3ed;
}

table.donelist tr td:nth-child(3){
 text-align: right;
 font-size: 12px;
 color: #818181;
}

table.donelist tr td:nth-child(3) span{
  font-family: 'helvetica neue', Arial, sans-serif;
  font-size: 20px;
  color: #0e9073;
  margin-right: 5px;
}

#centercolumn table.donelist tr td:nth-child(4){
  text-align: right;
  font-size: 12px;
  color: #818181;
}

table.donelist tr td:nth-child(4) span{
  font-family: 'helvetica neue', Arial, sans-serif;
  font-size: 20px;
  color: #0e9073;
  margin-right: 5px;
}

#centercolumn table.donelist tr td:nth-child(5){
  width: 70%;
  white-space: normal;
}

table.donelist tr td:nth-child(5) .btn_area{
  font-size: 0;
  margin: -2px;
}

table.donelist tr td:nth-child(5) .btn_area .btn{
  margin: 2px;
}

a.arrow_s{
  padding-left: 10px;
  background: url("../img/arrow02.gif") no-repeat 0 8px;
  display: inline-block;
}

.ptlist_map_select{
  background-color: #f7f3ec;
  overflow: hidden;
}

.ptlist_map_select ul{
  padding-left: 1px;
  margin-bottom: 0;
  overflow-y: scroll;
  height: 426px;
}

.ptlist_map_select li a{
  display: block;
  padding-left: 20px;
  background: url(../img/icon_place.png) no-repeat 6px 6px;
}

.ptlist_map_select li a:hover{
  background-color: rgba(255, 255, 255, 0.8);
}

.ptlist_map_select div{
  height: 24px;
  color: #fff;
  background-color: #379611;
  font-size: 12px;
  align-items: center;
  justify-content: center;
  display: flex;
}

.btn-arrow{
  padding-right: 38px;
  background-image: url("../img/arrow06.png");
  background-repeat: no-repeat;
  background-position: right 12px center;
}

.btn.has_arrow{
  align-items: center;
  display: flex;
}

.user_icon.grid{
  margin: -2px;
}

.user_icon.grid img{
  margin: 2px;
}

#more_record .reco_list dt{
  clear: both;
  float: left;    
  padding: 8px 0;
  min-width: 125px;
}

#more_record .reco_list dd{
  padding: 8px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#more_record .reco_list a dt{
  text-decoration: underline;
}

/*/// 新規登録 ///*/
#centercolumn .register_form_area table.post{
  margin-bottom: 40px;  
}

#centercolumn .register_form_area table.post th,
#centercolumn .register_form_area table.post td{
  padding: 15px !important;
}

.register_form_area .disclaimer{
  white-space: pre-wrap;
  height: 280px;
  overflow-y: scroll;
  border: 2px solid #efefef;
  padding: 20px;
  color: #666;
  line-height: 20px;
}

.register_form_area .checkbox .checkbox{
  margin-bottom: 0.2em;
}

.register_form_area .btn{
  transition-property: all;
  transition-duration: 400ms;
}

input.has-error{
  border-color: #d43f3a;
  background-color: rgba(217, 83, 78, 0.1);
}

.register_form_area .error_txt{
  color: #d9534f;
}

/*/// 友達申請 ///*/

#sec_friend .inner{
  width: 400px;
  display: inline-block;
}

#sec_friend.delete .inner{
  width: auto;
  max-width: 400px;
  display: inline-block;
}

#sec_friend .inner .btn{
  min-width: 190px;
}

#sec_friend .thumb_box{
  border: solid 1px #E1E1E1;
  padding: 4px;
  width: 102px;
  height: 102px;
  float: left;
  margin-right: 20px;
}

#sec_friend .thumb_box img{
  width: 100%;
  height: auto;
}

#sec_friend .inner p{
  display: block;
  font-size:12px;
  color: #818181;
  line-height: 1.3;
  padding-top: 10px;
}

#sec_friend .userinfo{
  display: flex;
  align-items: center;
}

#sec_friend .message{
  border: 1px solid #e1e1e1;
  padding: 10px 15px;
  border-radius: 4px;
}

#sec_friend .request{
  margin-bottom: 40px;
}

#sec_friend .request .message{
  line-height: 1.4;
  white-space: normal;
}

#sec_friend .request .message .inner{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0;
}

#sec_friend table.reset td img.use_icon{
  width: 50px;
  height: 50px;
  margin-right: 15px;
}

#sec_friend table.reset td{
  vertical-align: middle;
  white-space: nowrap;
}

#sec_friend .list table.reset th{
  background-color: #3B9521;
  color: #fff;
  font-size: 13px;
  line-height: 1.2;
  font-weight: normal;
  border-bottom: none;
  text-align: center;
  border-right: 1px solid #fff;
}

#sec_friend .list table.reset th:last-child{
  border-right: none;
}

#sec_friend table.reset tbody tr{
  border-bottom: solid 1px #E1E1E1;
}

#sec_friend table.reset td .title{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 440px;
  display: inline-block;
  font-weight: normal;
}

#sec_friend table.reset td .text-red{
  color: #C94646;
}

.btn.btn-rounded{
  border-radius: 100px;
}

.btn.btn-grey{
  color: #3B9521;
  text-decoration: none;
  background-color: #EFEFEF;
}

.btn.btn-green{
  color: #fff;
  text-decoration: none;
  background-color: #3B9521;
}

.event_post .ima_box_area{
  margin: 0 -5px;
}

.event_post .img_box{
  position: relative;
  width: 105px;
  height: 105px;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 4px;
  background-color: #f8f4ec;
}
  
.event_post .img_box img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: auto;
  max-width:  105px;
  max-height: 105px;
}
  
.event_post .img_box .delete_icon {
  width: 15px;
  height: 15px;
  position: absolute;
  background: url(../img/icon_close_white.png) no-repeat;
  cursor: pointer;
  right: 1px;
  top: 1px;
}


/*/// 記録リストのヘッダー部分 ///*/
#listhead {
	border-bottom: 1px solid #b8b8b8;
	overflow: hidden;
}

#listhead .reorder{
	float:right;
}
#listhead #pagelist{
	float:left;
}

#listhead h1{
	font-size:25px;
}

/*/// 記録ページのヘッダー部分 ///*/
#pagehead {
	border-bottom: 1px solid #b8b8b8;
	overflow: hidden;
}

#modtitle{
	font-size:25px;
}

#recbody{
	width:770px;
}

/*/// コメントタイトルの画像を非表示に ///*/
.comment_post .right .title img{
	display: none;
}

/*/// Yahoo地図の崩れを修正 ///*/
div ul li.yolp-layerset-on, div ul li.yolp-layerset-off, div ul li.yolp-layerset-disable {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
}

/*/// highslideの崩れを修正 ///*/
.highslide-container * {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
}


/*/// xoops用のtextareaをdivで囲ってbootstrapに ///*/
.force-form-control textarea{
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.force-form-control textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

/* グループページ用のヘッダー */
#grpinfo_header {
    line-height: 140%;
    height: 50px;
    overflow: hidden;
    padding: 0 30px;
}
#grpinfo_header .profile_img {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 3px #CCCCCC;
    float: left;
    height: 39px;
    margin-right: 20px;
    padding: 4px;
    width: 96px;
}
#grpinfo_header .grp_name{
	font-weight: bold;
	font-family: "Helvetica Neue",Arial,sans-serif;
	font-size: 22px;
	line-height: 40px;
}
#grpinfo_header .btn_area{
	margin-top: 8px;
	float: right;
}
#diary_body{
	margin-top: 15px;
}
#diary_body td{
	padding:0;
}

/* 複数カラムのtable用th */
#centercolumn .multicol th{
	border-radius: 0;
}
#centercolumn .multicol th:first-child{
	border-radius: 4px 0 0 0;
}
#centercolumn .multicol th:last-child{
	border-radius: 0 4px 0 0;
}

#centercolumn #record_detail #map td {
	padding: 0;
	margin: 0;
	border: 0px;
}

/*/// CSSスプライト ///*/
.spr1 {
    background: url(../img/csg-52998f8ea2452.png) no-repeat top left;
    _background: url(../img/csg-52998f8ea2452.gif) no-repeat top left;
	vertical-align:middle;
    display: inline-block;
	_display: inline;
}

.spr1-action_btn01{ background-position: 0 0; width: 120px; height: 120px; } 
.spr1-action_btn02{ background-position: 0 -170px; width: 120px; height: 120px; } 
.spr1-action_btn03{ background-position: 0 -340px; width: 120px; height: 120px; } 
.spr1-action_btn04{ background-position: 0 -510px; width: 120px; height: 120px; } 
.spr1-action_btn05{ background-position: 0 -680px; width: 120px; height: 120px; } 
.spr1-action_btn06{ background-position: 0 -850px; width: 120px; height: 120px; } 
.spr1-banner_chizupuri{ background-position: 0 -1020px; width: 200px; height: 60px; } 
.spr1-banner_cyclering{ background-position: 0 -1130px; width: 200px; height: 60px; } 
.spr1-banner_gamenote{ background-position: 0 -1240px; width: 200px; height: 60px; } 
.spr1-banner_kamo{ background-position: 0 -1350px; width: 200px; height: 60px; } 
.spr1-banner_mountrec{ background-position: 0 -1460px; width: 200px; height: 60px; } 
.spr1-footer_logo{ background-position: 0 -1570px; width: 210px; height: 37px; } 
.spr1-genre0{ background-position: 0 -1657px; width: 60px; height: 16px; } 
.spr1-genre1{ background-position: 0 -1723px; width: 60px; height: 16px; } 
.spr1-genre10{ background-position: 0 -1789px; width: 60px; height: 16px; } 
.spr1-genre100{ background-position: 0 -1855px; width: 60px; height: 16px; } 
.spr1-genre11{ background-position: 0 -1921px; width: 60px; height: 16px; } 
.spr1-genre2{ background-position: -260px 0; width: 60px; height: 16px; } 
.spr1-genre20{ background-position: -260px -66px; width: 60px; height: 16px; } 
.spr1-genre3{ background-position: -260px -132px; width: 60px; height: 16px; } 
.spr1-genre4{ background-position: -260px -198px; width: 60px; height: 16px; } 
.spr1-genre5{ background-position: -260px -264px; width: 60px; height: 16px; } 
.spr1-genre6{ background-position: -260px -330px; width: 60px; height: 16px; } 
.spr1-genre7{ background-position: -260px -396px; width: 60px; height: 16px; } 
.spr1-genre8{ background-position: -260px -462px; width: 60px; height: 16px; } 
.spr1-genre9{ background-position: -260px -528px; width: 60px; height: 16px; } 
.spr1-givemyclimb{ background-position: -260px -594px; width: 180px; height: 88px; } 
.spr1-ico_clap{ background-position: -260px -732px; width: 14px; height: 18px; } 
.spr1-ico_clap02{ background-position: -260px -800px; width: 14px; height: 18px; } 
.spr1-ico_comment{ background-position: -260px -868px; width: 14px; height: 18px; } 
.spr1-ico_globe{ background-position: -260px -936px; width: 14px; height: 14px; } 
.spr1-ico_hiyoko{ background-position: -260px -1000px; width: 21px; height: 18px; } 
.spr1-ico_imp{ background-position: -260px -1068px; width: 14px; height: 18px; } 
.spr1-ico_lock{ background-position: -260px -1136px; width: 14px; height: 14px; } 
.spr1-ico_photo{ background-position: -260px -1200px; width: 16px; height: 18px; } 
.spr1-ico_route{ background-position: -260px -1268px; width: 15px; height: 18px; } 
.spr1-ico_sort01{ background-position: -260px -1336px; width: 80px; height: 80px; } 
.spr1-ico_sort02{ background-position: -260px -1466px; width: 80px; height: 80px; } 
.spr1-ico_sort03{ background-position: -260px -1596px; width: 80px; height: 80px; } 
.spr1-ico_sort04{ background-position: -260px -1726px; width: 80px; height: 80px; } 
.spr1-ico_sort05{ background-position: -260px -1856px; width: 80px; height: 80px; } 
.spr1-ico_sort06{ background-position: -520px 0; width: 80px; height: 80px; } 
.spr1-ico_sort07{ background-position: -520px -130px; width: 80px; height: 80px; } 
.spr1-ico_sort08{ background-position: -520px -260px; width: 80px; height: 80px; } 
.spr1-ico_star{ background-position: -520px -390px; width: 17px; height: 18px; } 
.spr1-info_title{ background-position: -520px -458px; width: 770px; height: 40px; } 
.spr1-label_member{ background-position: -520px -548px; width: 52px; height: 16px; } 
.spr1-level_A{ background-position: -520px -614px; width: 37px; height: 12px; } 
.spr1-level_B{ background-position: -520px -676px; width: 37px; height: 12px; } 
.spr1-level_C{ background-position: -520px -738px; width: 37px; height: 12px; } 
.spr1-level_D{ background-position: -520px -800px; width: 37px; height: 12px; } 
.spr1-level_S{ background-position: -520px -862px; width: 37px; height: 12px; } 
.spr1-logo{ background-position: -520px -924px; width: 150px; height: 102px; } 
.spr1-ranking_title{ background-position: -1340px -889px; width: 380px; height: 35px; } 
.spr1-top_diary_title{ background-position: -1340px -974px; width: 106px; height: 20px; } 
.spr1-top_list_title01{ background-position: -1340px -1044px; width: 375px; height: 40px; } 
.spr1-top_list_title02{ background-position: -1340px -1134px; width: 375px; height: 40px; } 


a.spr1{
	margin:0 auto;
	text-indent: -9999px;
}
.spr1-menu01{ background-position: -520px -1076px; width: 111px; height: 77px; } 
.spr1-menu01:hover{ background-position: -520px -1203px; width: 111px; height: 77px; } 
.spr1-menu02{ background-position: -520px -1330px; width: 110px; height: 77px; } 
.spr1-menu02:hover{ background-position: -520px -1457px; width: 110px; height: 77px; } 
.spr1-menu03{ background-position: -520px -1584px; width: 110px; height: 77px; } 
.spr1-menu03:hover{ background-position: -520px -1711px; width: 110px; height: 77px; } 
.spr1-menu04{ background-position: -520px -1838px; width: 110px; height: 77px; } 
.spr1-menu04:hover{ background-position: -1340px 0; width: 110px; height: 77px; } 
.spr1-menu05{ background-position: -1340px -127px; width: 110px; height: 77px; } 
.spr1-menu05:hover{ background-position: -1340px -254px; width: 110px; height: 77px; } 
.spr1-menu06{ background-position: -1340px -381px; width: 110px; height: 77px; } 
.spr1-menu06:hover{ background-position: -1340px -508px; width: 110px; height: 77px; } 
.spr1-menu07{ background-position: -1340px -635px; width: 109px; height: 77px; } 
.spr1-menu07:hover{ background-position: -1340px -762px; width: 109px; height: 77px; } 


/*/// くっきりモード用 ///*/

#top_tabset .tab{
	display: none;
}

.sharp_mode #top_tabset .tab{
	display: block;
	margin-bottom: -1px;
	width:auto;
}

.sharp_mode .disnon02{
	display: block;
}

.sharp_mode #tab02{
	display: none;
}

#top_tabset .more{
	display: inline-block;
}
#top_tabset{
	text-align: right;
}

#top_tabset .inner{
	text-align: left;
}

.sharp_mode #top_tabset .more.normal{
	display: none;
}
#top_tabset .more.sharp{
	display: none;
}
.sharp_mode #top_tabset .more.sharp{
	display: block;
}

/* bootstrapで印刷時にリンクURLが表示される問題に対応 */
@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
  .share_ft, #sidebar_right, .share.hd, #nt_popup1{
      display: none;
  }

  #clap_num {
    display: block;      
  }
}


/*/// モバイル共通スタイル ///*/
hr {
	margin: 15px 0;
}

.width-m{ width:100px; }
.w100{ width:100%; }
.w70{ width:70%; }
.w60{ width:60%; }
.w50{ width:50%; }
.w40{ width:40%; }
.w33{ width:33.333%; }
.w30{ width:30%; }
.w25{ width:25%; }
.w20{ width:20%; }

.m-no{ margin: 0!important; }
.ma10{ margin: 10px!important; }
.ma15{ margin: 15px!important; }
.mt2{ margin-top: 2px!important; }
.mt5{ margin-top: 5px!important; }
.mt10{ margin-top: 10px!important; }
.mt15{ margin-top: 15px!important; }
.mt20{ margin-top: 20px!important; }
.mb2{ margin-bottom: 2px!important; }
.mb5{ margin-bottom: 5px!important; }
.mb10{ margin-bottom: 10px!important; }
.mb15{ margin-bottom: 15px!important; }
.mb20{ margin-bottom: 20px!important; }
.ml2{ margin-left: 2px!important; }
.ml5{ margin-left: 5px!important; }
.ml10{ margin-left: 10px!important; }
.ml15{ margin-left: 15px!important; }
.ml20{ margin-left: 20px!important; }
.mr2{ margin-right: 2px!important; }
.mr5{ margin-right: 5px!important; }
.mr10{ margin-right: 10px!important; }
.mr15{ margin-right: 15px!important; }
.mr20{ margin-right: 20px!important; }

.p-no{ padding: 0!important; }
.pa5{ padding: 5px!important; }
.pa10{ padding: 10px!important; }
.pa15{ padding: 15px!important; }
.pa20{ padding: 20px!important; }
.pt2{ padding-top: 2px!important; }
.pt5{ padding-top: 5px!important; }
.pt10{ padding-top: 10px!important; }
.pt15{ padding-top: 15px!important; }
.pt20{ padding-top: 20px!important; }
.pb2{ padding-bottom: 2px!important; }
.pb5{ padding-bottom: 5px!important; }
.pb10{ padding-bottom: 10px!important; }
.pb15{ padding-bottom: 15px!important; }
.pb20{ padding-bottom: 20px!important; }
.pl2{ padding-left: 2px!important; }
.pl5{ padding-left: 5px!important; }
.pl10{ padding-left: 10px!important; }
.pl15{ padding-left: 20px!important; }
.pl20{ padding-left: 15px!important; }
.pr2{ padding-right: 2px!important; }
.pr5{ padding-right: 5px!important; }
.pr10{ padding-right: 10px!important; }
.pr15{ padding-right: 15px!important; }
.pr20{ padding-right: 20px!important; }


.over-f-h{ overflow: hidden; }

.fl{ float: left; }
.fr{ float: right; }

.r2{ border-radius: 2px;}
.r4{ border-radius: 4px;}

.fs-20{ font-size: 20px!important; }
.fs-18{ font-size: 18px!important; }
.fs-16{ font-size: 16px!important; }
.fs-15{ font-size: 15px!important; }
.fs-14{ font-size: 14px!important; }
.fs-13{ font-size: 13px!important; }
.fs-12{ font-size: 12px!important; }
.fs-11{ font-size: 11px!important; }
.fs-0{ font-size: 0px!important; }
.fw-b{ font-weight: bold; }
.fw-n{ font-weight: normal; }
.f-sm{ font-size: 12px; color: #666;}
.f-md{ font-size: 14px; color: #666;}

.t-center{ text-align: center; }
.t-left{ text-align: left; }
.t-right{ text-align: right; }

.dis-b{ display: block; }
.dis-n{ display: none; }
.dis-i{ display: inline-block; }
.dis-t{ display: table; }
.dis-tc{ display: table-cell; }

.bg-lg{ background-color: #efefef; border-radius: 4px;}
.bg-mg{ background-color: #818181; border-radius: 4px;}
.bg-dg{ background-color: #666; color: #fff; border-radius: 4px;}
.bg-wh{ background-color: #fff; color: #333; border-radius: 4px; border: 1px solid #ccc;}
.bg-wh-nb{ background-color: #fff; color: #333; border-radius: 4px; }
.bg-gr{ background-color: #3b9521; border-radius: 4px;}

.bd-t{ border-top: 1px solid #ccc; }
.bd-l{ border-left: 1px solid #ccc; }
.bd-r{ border-right: 1px solid #ccc; }
.bd-b{ border-bottom: 1px solid #ccc; }

/* DEBUG */
.create_btn_area{
  position: relative;
}
.create_btn{
  line-height: 24px;
  padding: 3px 13px;
  margin-bottom: 10px;
  width: 140px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border: 3px solid #ff9231;
  border-radius: 5px;
  text-align: left;
  background: url('../img/arrow04_d.png') no-repeat #ff7800;
  background-position: 112px 12px;
}
.create_btn_area.top .create_btn{
  padding: 6px 13px;
  background-position: 112px 15px;
}

.create_btn:hover{
  color: #fff;
  opacity: 0.8;
}
.create_btn:active{
  box-shadow: none;
  background-image: url('../img/arrow04_d.png');
}

.create_btn .icon{
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../img/icon_pen_wh_18x18.png') no-repeat;
  vertical-align: text-top;
  margin-right: 11px;  
}

.create_btn_area ul{
  position: absolute;
  z-index: 99;
  top: 42px;
  right: -1px;
  list-style: none;
  padding: 0;
  background-color: #fff;
  width: 220px;
  border: 3px solid #3b9521;
  border-radius: 7px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.35);
  overflow: hidden;
  display: none;
}
.create_btn_area.top ul{
  top: 48px;
}

.create_btn_area ul li{
  text-align: left;
  font-size: 14px;
  border-bottom: 1px solid #e1e1e1;
}
.create_btn_area ul li:last-child{
  border-bottom: none;
}

.create_btn_area ul li a{
  color: #333;
  text-decoration: none;
  display: block;
  padding: 12px 0 12px 55px;
  background-image: url('../img/icon_create.png?v=1');
  background-repeat: no-repeat; 
  background-position: 16px 9px;
}
.create_btn_area ul li.plan a{
  background-position: 16px -41px;
}
.create_btn_area ul li.diary a{
  background-position: 16px -91px;
}
.create_btn_area ul li.note a{
  background-position: 16px -141px;
}
.create_btn_area ul li.question a{
  background-position: 16px -191px;
}
.create_btn_area ul li a:hover{
  background-color: #f5f5f5;
}


.guidance_menu{
  /* border: 1px solid #000; */
}

.guidance_menu:after {
  display: block;
  clear: both;
  content: "";
}

/* 退会 */
.goodbye {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 70px;
    padding: 0px 10px 0;
    margin-bottom: 30px;    
}

.goodbye .user_icon_area{
    width: 90px;
    padding: 10px 20px;   
}

.goodbye .user_name_area{
    padding: 10px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.goodbye .user_icon{
    margin: 0 10px 10px 0;
    width: 50px;
    height: 50px;
    border-radius: 4px;
}

.goodbye span{
    font-weight: bold;
}

#cheers .iconwb, #mycheer .iconwb {
    width: 25px;
    height: 25px;
}

/* Photo Book */
.btn_photobook{
    position: relative; 
    width: 680px; 
    margin: 20px auto 40px auto;
  }
  
  .btn_photobook img.pic{
    position: absolute; 
    top:22px;
    pointer-events: none;
  }
  
  .btn_photobook img.pic.left{
    left:232px;
    width: 130px;
  }
  .btn_photobook img.pic.right{
    left:376px;
    width: 130px;
  }
  
  .btn_photobook .btn_pb{
    position: absolute;
    display: inline-block;
    border-radius: 50px;
    text-decoration: none;
    transition-property: all;
    transition-duration: 300ms;
    transition-delay: 0s;
    transition-timing-function: ease;
  }
  .btn_photobook .btn_pb:hover{
    opacity: 0.8;
  }
  
  .btn_photobook .btn01{
    background-color: #fff;
    color: #666;
    font-size: 12px;
    left: 50px;
    bottom: 22px;
    padding: 1px 8px;
  }
  
  .btn_photobook .btn02{
    background-color: #3b9521;
    color: #fff;
    font-weight: bold;
    right: 20px;
    bottom: 22px;
    padding: 6px 24px;
    border: 2px solid #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16)
  }


/* /// プレミアムプラン申し込み /// */ 
  h2.pagetitle {
    border-left: 6px solid #3b9521;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 20px;
    padding: 16px 12px;
    font-size: 20px;
  }
  h2.pagetitle.premium {
  border-left-color: #1D8465;
  }
  .premium_oreder {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ ProN", Meiryo, メイリオ, sans-serif;
	-webkit-font-smoothing: antialiased;
	line-height: 1.42857143;
  }
  .premium_oreder .inner {
    max-width: 700px;
    margin: 0 auto;
  }
  .premium_oreder section {
    padding: 60px 0;
  }
  .premium_oreder section.caution {
    background-color: #F5F4EC;
  }
  .premium_oreder section.caution .inner {
    max-width: 960px;
  }
  .premium_oreder section.caution .box {
    padding: 40px;
    border: 1px solid #e6e4d2;
    background-color: #fff;
  }
  .premium_oreder section.caution h3 {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
  }
  .premium_oreder section.caution h4 {
    font-size: 105%;
    margin-bottom: 16px;
    font-weight: bold;
  }
  .premium_oreder section.caution ul {
    padding-left: 1.5em;
    margin-bottom: 40px;
  }
  .premium_oreder section.caution ul:last-child {
    margin-bottom: 0;
  }
  .premium_oreder section.caution ul li {
    margin-bottom: 12px;
  }
  .premium_oreder .plan_status {
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #ccc;
  }
  .premium_oreder .plan_status .hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .premium_oreder .plan_status .hd .name {
    font-weight: bold;
    font-size: 16px;
  }
  .premium_oreder .plan_status .hd .name img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
  }
  .premium_oreder .plan_status .hd .right span {
    display: inline-block;
  }
  .premium_oreder .plan_status .hd .right .green {
    color: #1D8465;
    font-size: 85%;
  }
  .premium_oreder .plan_status .hd .right .plan {
    font-weight: bold;
    margin: 0 8px;
  }
  .premium_oreder .plan_status .hd .right .status {
    font-size: 12px;
    color: #aaa;
    font-weight: bold;
    border: 1px solid #aaa;
    border-radius: 6px;
    padding: 2px 8px;
  }
  .premium_oreder .plan_status .hd .right .status.join {
    background-color: #FBB61E;
    border-color: #FBB61E;
    color: #fff;
  }
  .premium_oreder .plan_status .change_card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #efefef;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px 16px;
  }
  .premium_oreder .plan_status .change_card .right {
    display: flex;
  }
  .premium_oreder .plan_status dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .premium_oreder .plan_status dl dt {
    color: #1D8465;
    width: 14%;
    font-weight: normal;
    font-size: 13px;
  }
  .premium_oreder .plan_status dl dd {
    width: 86%;
    margin-bottom: 16px;
  }
  .premium_oreder .plan_status dl dd:last-child {
    margin-bottom: 0;
  }
  .premium_oreder .plan_status dl.card_data dt {
    width: 18%;
    color: #666;
  }
  .premium_oreder .plan_status dl.card_data dd {
    width: 82%;
    margin-bottom: 8px;
  }
  .premium_oreder .plan_status dl.card_data dd:last-child {
    margin-bottom: 0;
  }
  .premium_oreder .order_form .step {
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #ccc;
    margin-bottom: 30px;
  }
  .premium_oreder .order_form .step h3 {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .premium_oreder .order_form .step h3 span {
    font-size: 24px;
    color: #1D8465;
    margin-right: 8px;
    vertical-align: middle;
  }
  .premium_oreder .order_form .step .plan_select {
    display: flex;
    justify-content: center;
  }
  .premium_oreder .order_form .step .plan_select > div {
    min-width: 145px;
  }
  .premium_oreder .order_form .step .plan_select > div.left {
    margin-right: 20px;
  }
  .premium_oreder .order_form .step .plan_select > div.right {
    width: 475px;
  }
  .premium_oreder .order_form .step .plan_select .hd {
    background-color: #666;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    padding: 4px;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 12px;
  }
  .premium_oreder .order_form .step .btn_area {
    display: flex;
    margin: 0 -10px;
  }
  .premium_oreder .order_form .step .btn_area .check_custom {
    margin: 0 10px;
  }
  .premium_oreder .order_form .step .check_custom {
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    width: 100%;
    position: relative;
  }
  .premium_oreder .order_form .step .check_custom.off {
    opacity: 0.5;
    pointer-events: none;
    background-color: #f5f5f5;  
  }
  .premium_oreder .order_form .step .check_custom .arrow_box {
    position: absolute;
    bottom: -20px;
    left: -100%;
    right: -100%;
    margin: auto;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    width: 230px;
    background: #F6B31E;
    padding: 6px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
  }
  .premium_oreder .order_form .step .check_custom .arrow_box.off {
    background-color: #888;
    font-size: 12px;
    font-weight: normal;
    min-width: 340px;
    bottom: -46px;
  }
  .premium_oreder .order_form .step .check_custom .arrow_box.off:after {
    border-bottom-color: #888;
  }
  .premium_oreder .order_form .step .check_custom .arrow_box:after {
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(246, 179, 30, 0);
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 10px;
    border-right-width: 10px;
    margin-left: -10px;
    border-bottom-color: #F6B31E;
    bottom: 100%;
    left: 50%;
  }
  .premium_oreder .order_form .step .check_custom .arrow_box:after.off {
    background-color: #666;
  }
  .premium_oreder .order_form .step .check_custom span.check {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-image: url(../img/premium_oreder_check_off@2x.png);
    background-size: 32px 32px;
  }
  .premium_oreder .order_form .step .check_custom div.name {
    font-weight: bold;
    font-size: 16px;
  }
  .premium_oreder .order_form .step .check_custom.inline {
    display: flex;
    align-items: center;
    padding: 26px 20px;
  }
  .premium_oreder .order_form .step .check_custom.inline span.check {
    margin-right: 8px;
  }
  .premium_oreder .order_form .step .check_custom.vertical {
    text-align: center;
    padding: 16px;
    min-height: 183px;
  }
  .premium_oreder .order_form .step .check_custom.vertical span.check {
    margin-bottom: 8px;
  }
  .premium_oreder .order_form .step .check_custom.vertical .name {
    margin-bottom: 8px;
  }
  .premium_oreder .order_form .step .check_custom.vertical .price {
    font-size: 16px;
  }
  .premium_oreder .order_form .step .check_custom.vertical .price span {
    font-size: 12px;
    margin-left: 2px;
  }
  .premium_oreder .order_form .step .check_custom.vertical .month {
    margin-top: 12px;
    font-size: 90%;
    color: #666;
  }
  .premium_oreder .order_form .step .check_custom.vertical .month span {
    display: inline-block;
    background-color: #c3c3c3;
    color: #fff;
    font-size: 11px;
    border-radius: 50px;
    padding: 2px 6px;
    margin-bottom: 4px;
  }
  .premium_oreder .order_form .step .check_custom.selected {
    border-color: #1D8465;
    background-color: #EFF8F6;
  }
  .premium_oreder .order_form .step .check_custom.selected span.check {
    background-image: url(../img/premium_oreder_check_on@2x.png);
  }
  .premium_oreder .order_form .step .check_custom.selected.vertical .month span {
    background-color: #85BDAC;
  }
  .premium_oreder .bg_green {
    background-color: #EFF8F6;
    border-radius: 8px;
  }
  .premium_oreder .bank {
    display: flex;
    justify-content: center;
  }
  .premium_oreder .bank table {
	width: initial !important;
  }
  .premium_oreder .bank table th, .premium_oreder .bank table td {
	padding: initial !important;
	padding-bottom: 20px !important;
    vertical-align: top;
  }
  .premium_oreder .bank table th {
	background: initial !important;
    font-size: 90%;
	padding: initial !important;
    padding-right: 20px !important;
	color: #333 !important;
    line-height: 2;
  }
  .premium_oreder .bank table td {
    font-size: 120%;
    line-height: 1.5;
  }
  .premium_oreder .bank table td small {
    font-size: 75%;
  }
  .premium_oreder .bank_form {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
  }
  .premium_oreder .bank_form h4 {
    font-size: 100%;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1em;
  }
  .premium_oreder .bank_form h4 span {
    display: inline-block;
    height: 1em;
    width: 1em;
    background-color: #1D8465;
    border-radius: 50%;
    vertical-align: bottom;
    margin-right: 2px;
  }
  .premium_oreder .bank_form dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
  }
  .premium_oreder .bank_form dl dt {
    width: 22%;
    font-size: 85%;
    padding-top: 8px;
  }
  .premium_oreder .bank_form dl dd {
    width: 78%;
    margin-bottom: 12px;
  }
  .premium_oreder .btn-order {
    background-color: #1D8465;
    color: #fff;
    padding: 16px;
    min-width: 420px;
    font-weight: bold;
    transition-property: "background-color";
    transition-duration: 400ms;
  }
  .premium_oreder .btn-order:hover {
    background-color: #48c39e;
  }
  .premium_oreder .btn-order:hover:disabled {
    background-color: #1D8465;
  }