@charset "EUC-JP";

/* ======================================================

　ファイル名：admin.css
　概要：管理画面トップ（URL : http://4travel.jp/tcs/t/admin/）に使用します。
　　　　※SSLなのでimg.4travel.jpはいれない。

====================================================== */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#mypageWrap{
		width:950px;
    margin:0 10px;
    line-height:140%
}
/* ---左、中央、右レイアウト
 -------------------------------------------------------*/
#Left-Box {
    width:170px; 
    float:left;
    margin-right:10px;
}
#Center-Box {
    width:550px; 
    float:left;
    overflow:hidden;
}
#Right-Box {
    width:210px; 
    float:right;
}
#breadcrumb{
padding-top:4px;
}
/* ---ようこそ○○さん
 -------------------------------------------------------*/
#mypageWrap #Welcomemessage{
		background-color:#eee;
    border-bottom:1px solid #999;
    padding:5px;
    margin-bottom:10px;
}
#mypageWrap #Welcomemessage .name {
	float: left;
	width: 350px;
	margin-top: 7px;
}
#mypageWrap #Welcomemessage .point {
	float: left;
	width: 285px;
	margin-top: 6px;
	text-align: right;
}
#mypageWrap #Welcomemessage ul {
	float: right;
	width: 245px;
	line-height: 0em;
	padding-top:1px;
}
#mypageWrap #Welcomemessage ul li {
	display: inline;
}
#mypageWrap #Welcomemessage ul li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}
#mypageWrap #Welcomemessage .user_point_frame{
	float: left;
	width: 335px;
	text-align: right;
	padding-top:1px;
}
#mypageWrap #Welcomemessage .user_point_frame .bg_point_frame{
float:right;
display:inline-block;
*display: inline;
*zoom: 1;
height:25px;
padding-left:15px;
padding-top:6px;
background:url(/img/common/bg_user_point_frame.png) left top no-repeat;
letter-spacing:normal;
}
#mypageWrap #Welcomemessage .user_point_frame .right_frame{
float:right;
display:inline-block;
*display: inline;
*zoom: 1;
height:31px;
width:10px;
background:url(/img/common/bg_user_point_frame.png) right top;
}
#mypageWrap #Welcomemessage .user_point_frame .bg_point_frame strong{
color:#dd6727;
font-size:18px;
font-family:Verdana,meiryo,sanserif;
}

/* ---中央カラム
-------------------------------------------------------*/
#Center-Box h3 {
	  margin-bottom:5px;
    padding:5px;
    background-color:#DDEEFF;
    font-weight:bold;
}
#Center-Box .Admin-Info table td {
	padding: 2px 0;
	vertical-align: top;
}
#Center-Box .newttl {
    background-color:#eee;
    padding:2px;
	  margin-bottom:5px;
}
#Center-Box .newttl h4 {
    float:left;
}
#Center-Box .newttl p {
    text-align:right;
}
#Center-Box .message {
    color: #CC0000;
    font-weight: bold;
    margin-bottom: 5px;
}
#Center-Box .VoyageLead{
    margin:0 0 10px 0;
}
#Center-Box .VoyageBox{
		text-align:center;
}
/* 登録情報更新 */

#Center-Box div.update h3 {
    padding: 3px 5px;
    background-color:#ff9900;
	color: #ffffff;
}

#Center-Box div.update p {
	padding: 5px 0;
}

#Center-Box div.approve a {
	color: #cc0000;
}

#Center-Box div.update a {
	color: #cc0000;
}

#Center-Box div.update table {
	width: 100%;
}
/* メール */
#Center-Box p.icn-ryokoki {
padding: 2px 2px 2px 19px;
    background: transparent url(/img/my/icon_ryokoki_16.gif) no-repeat left center;
}
#Center-Box p.icn-mail {
padding: 2px 2px 2px 19px;
    background: transparent url(/img/my/icon_mail_16.gif) no-repeat left top;
}
#Center-Box table tr.NewFlag1{
	font-weight: bold;
}
/* クリップ */
#Center-Box .clip_info {
	padding: 6px;
	border: 3px solid #6699cc;
	background: #eee;
}

#Center-Box .clip_info h3 {
	padding: 0;
	background: none;
}

#Center-Box .clip_info a {
	color: #003399;
}


/* bnr_campain_wrap */
.point_pr_frame{
padding-bottom:10px;
}
.point_pr_frame .point_menu{
width:548px;
height:51px;
background:url(/img/common/bg_point_4_chage.png);
}
.point_pr_frame .point_menu .user_point{
text-align:center;
padding: 15px 8px 0 178px;
width:264px;
height:31px;
float:left;
}
.point_pr_frame .point_menu .user_point strong {
color: #dd6727;
font-size: 18px;
font-family: Verdana,meiryo,sanserif;
}
.point_pr_frame .point_menu .exchange_btn{
width:92px;
height:31px;
padding-top:10px;
float:left;
}
.point_pr_frame .point_menu .exchange_btn a:hover img{
filter: alpha(opacity=80);
-moz-opacity: 0.80;
opacity: 0.80;
}
.gray_to_noline .point_pr_frame .point_menu a,
.gray_to_noline .point_pr_frame .point_menu a:hover{
color: #003399;
}
.point_pr_frame .whats_point{
background:url(/img/common/bg_point_4_change_line.png) repeat-y;
}
.point_pr_frame .whats_point .link{
text-align:center;
padding-top:5px;
}
.point_pr_frame .whats_point .link a{
color: #003399;
padding-left:1em;
background: url(/img/about_us/icon_small.gif) no-repeat left 0.4em;
}
.point_pr_frame .about_point_my{
background: url(/img/common/bg_point_4_change_line.png) left top repeat-y;
width:548px;
}
.point_pr_frame .about_point_my .point_btm{
background: url(/img/common/bg_point_4_change_line_btm.png) bottom left no-repeat;
text-align:center;
padding-bottom:20px;
}
.point_pr_frame .about_point_my .point_btm a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
.point_pr_frame .about_point_my .link{
padding-top:3px;
}
.point_pr_frame .about_point_my .link a{
color: #003399;
padding-left: 1em;
background: url(/img/about_us/icon_small.gif) no-repeat left 0.4em;
}

/* bnr_campain_wrap */
#Center-Box .bnr_campain_wrap {
  margin-bottom: 10px;
}
#Center-Box .bnr_campain_wrap p {
  float: left;
  margin: 0 8px 5px 0;
}
#Center-Box .bnr_campain_wrap p.last {
  margin-right: 0;
}


/* feed */
#Center-Box .feed {
	margin-bottom: 15px;
}
#Center-Box .feed .linkDetail {
	text-align: right;
	margin-top: -2.1em;
	margin-right: 5px;
}
#Center-Box .feed table td {
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
	color: #666;
}
#Center-Box .feed table a {
	color: #003366;
}

#Center-Box .feed table .icn {
	width: 73px;
}
#Center-Box .feed table .photo {
	width: 45px;
}
#Center-Box .feed table .news {
	width: 432px;
}
#Center-Box .feed table p.time {
	font-size: 0.85em;
	margin-top: 3px;
}
#Center-Box .feed table p.time span {
	font-weight: bold;
	color: #990000;
}

/* ---右カラム（#Right-Box）
-------------------------------------------------------*/

/*新着プレゼント＆メルマガ*/
#Right-Box h3 {
    background: #6699CC;
    padding:2px;
    color: #FFF;
}
#Right-Box div.title-pre { 
    padding: 2px 2px 2px 19px;
    background: #6699CC url(/img/common/icn_present_s.gif) no-repeat left center;
    color: #FFF;
}
#Right-Box div.title-maga {
    padding: 2px 2px 2px 19px;
    background: #6699CC url(/img/common/icon_16_magazine.gif) no-repeat left center;
    color: #FFF;
}
#Right-Box div.presentBox{
    border:solid 1px #6699cc;
    padding:4px;
    margin-bottom:5px;
}
#Right-Box .presentBox ul li {
    background: url(/img/about_us/icon_small.gif) no-repeat left 0.4em;
    padding-left: 10px;
    margin: 0 0 5px 2px;
}

#Right-Box .presentBox ul li img {
	vertical-align: middle;
	margin: 0 0 0 5px;
}
/*採用急募アイコン*/
#Right-Box .presentBox ul li .ico_recruit_kyubo {
	margin-left: 5px;
	padding: 1px 2px;
	background: #EF5F00;
	color: #fff;
	font-size: 0.9em;
	border-radius: 2px;
	font-weight: normal;
}
/*訪問者*/
#Right-Box .visiterBox{
    border:solid 1px #6699cc;
    padding:4px;
    margin-bottom:10px;
}
#Right-Box .visiterBox img {
		margin-right:5px;
    float: left;
}
/*タイアップ誘導枠 140610追記*/
#Right-Box.mypage_adbnr {
	width:210px;
	margin-bottom:5px;
}


/* ---クチコミレコメンド（.shisetsu_list）
-------------------------------------------------------*/
#Right-Box .shisetsu_list {
	margin-bottom:10px;
	border: solid 1px #6699cc;
	_zoom: 1;
  overflow: hidden;
}
#Right-Box .shisetsu_list dl {
	margin: -1px 0 10px;
	padding: 5px 0 0 0;
	border-top: solid 1px #ccc;
  overflow: hidden;
}
#Right-Box .shisetsu_list dl dt {
	float: left;
	width: 50px;
}
#Right-Box .shisetsu_list dl dt img {
	padding: 0 5px 5px;
}
#Right-Box .shisetsu_list dl dd {
	margin: 0 5px 0 55px;
}
#Right-Box .shisetsu_list dl dd .star {
	margin-bottom: 5px;
	font-weight: bold;
}
#Right-Box .shisetsu_list dl dd .star img {
	vertical-align: text-bottom;
}
#Right-Box .shisetsu_list dl dd a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
#Right-Box .shisetsu_list dl dd .area_info {
	font-size: 0.8em;
}
/*キャンペーン*/
#Right-Box .shisetsu_list .link_campain {
	padding: 7px;
	text-align: center;
	background: #fff8d6;
}
#Right-Box .shisetsu_list .link_campain a {
	background: url(/img/about_us/icon_small.gif) no-repeat left center;
	margin: 8px 0;
	padding-left: 10px;
}
/* ---採用情報（.recruit）
-------------------------------------------------------*/
#Right-Box .recruit .lead {
	margin-bottom: 10px;
}
#Right-Box .recruit p.pict {
	margin: 20px 0 10px;
	text-align: center;
}
#Right-Box .recruit p.more01 {
	text-align: right;
}
/* ---左 ナビ（#Left-Box）
-------------------------------------------------------*/
#Left-Box #myProfile {
		border:solid 1px #6699cc;
    padding:4px;
    margin-bottom:5px;
}
#Left-Box #myProfile ul li{
		text-align: left;
    margin: 0 0 5px 2px;
    padding-left: 10px;
    background: transparent url(/img/about_us/icon_small.gif) no-repeat left center;
}
#Left-Box table {
		margin-bottom: 5px;
}
#Left-Box table td {
		padding:2px;
}
#Left-Box h3{
    padding:3px;
    background-color:#6699cc;
    color:#FFF;
}
#Left-Box #myProfile p.myPhoto {
    text-align: center;
    margin-bottom:5px;
}
/* ---マイページ専用フッター
-------------------------------------------------------*/
#FooterBox{
  padding:5px;
  text-align:center;
  width:950px;
  margin:0 auto;
  clear:both;
}
#FooterBox .Links{
  padding-bottom: 5px;
}
#FooterBox .Copyright{
  border-top: dotted 1px #CCC;
  padding-top: 5px;
}
#FooterBox span {
	color: #ddd;
}

/* ---パーツ
-------------------------------------------------------*/
.brown_to_noline A:link {
	COLOR: #550000; TEXT-DECORATION: underline
}
.brown_to_noline A:visited {
	COLOR: #550000; TEXT-DECORATION: underline
}
.brown_to_noline A:hover {
	COLOR: #550000; TEXT-DECORATION: none
}
.gray_to_noline A:link {
	COLOR: #333; TEXT-DECORATION: underline
}
.gray_to_noline A:visited {
	COLOR: #333; TEXT-DECORATION: underline
}
.gray_to_noline A:hover {
	COLOR: #333; TEXT-DECORATION: none
}


/* ---フォートラベルモバイル登録用
-------------------------------------------------------*/

body#mobile {
	background: none;
}

#mobile-container {
	margin: 0 auto;
	border-top: 5px solid #7FAAD5;
	text-align: left;
	width: 370px;
}

#mobile-container h1 {
	margin: 0 0 15px 0;
	padding: 10px 0 5px;
	font-size: 140%;
	color: #6699cc;
	border-top: 5px solid #669ACC;
	border-bottom: 1px solid #cccccc;
}

#mobile-container h2 {
	margin-bottom: 10px;
	padding: 3px;
	font-size: 110%;
	color: #666666;
	border: 1px solid #6699CC;
}

#mobile-container p {
	margin-bottom: 15px;
	line-height: 1.4;
}

#mobile-container p.mail {
	background: #efefef;
	margin-bottom: 20px;
	padding: 10px;
}

#mobile-container p.button {
	border-top: 1px solid #cccccc;
	text-align: center;
	margin-bottom: 20px;
	padding-top: 5px;
}

/* ハイライト */
input.highlight {
	font-size: 120%;
	padding: 2px 1px;
}
/* スタッフブログ導線 */
#maincontent #Right-Box .Blog {
    padding-left: 10px;
    background: transparent url(/img/about_us/icon_small.gif) no-repeat left center;
    margin: 8px 0;
}
#maincontent div.lead {
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #cccccc;
  line-height: 160%;
}


/*旅タグ編集ツール
--------------------------------------------------*/
#tcs_tag_edit {
    margin: 0 10px;
    line-height: 160%;
    text-align: left;
}
#tcs_tag_edit .Lead{
    line-height:140%;
	border: 5px solid #e5f4ff;
	margin: 15px 0;
	padding: 10px; 
}
#tcs_tag_edit table {
	width: 100%;
	border: 2px solid #cccccc;
	border-collapse: collapse;
	margin-bottom: 10px;
  line-height: 140%;
}
#tcs_tag_edit table th,
#tcs_tag_edit table td {
	vertical-align: middle;
	border: 1px solid #d9d9d9;
	vertical-align: top;
}
#tcs_tag_edit table td {
	padding: 10px;
}
#tcs_tag_edit table th {
	padding: 10px 0;
	background: #e5f4ff;
	font-weight: bold;
    text-align: center;
}
#tcs_tag_edit table th.photo {
	width: 15%;
}
#tcs_tag_edit table th.info {
	width: 40%;
}
#tcs_tag_edit table th.tag {
	width: 22%;
}
#tcs_tag_edit p.submit {
	background: #F1F1F1;
	padding: 10px 10px;
	text-align: center;
	margin: 10px 0;
}
#tcs_tag_edit p.submit.bottom {
	margin-bottom: 40px;
}
#tcs_tag_edit p.submit input{
	vertical-align: middle;
	margin: 0;
}

#tcs_tag_edit p.submit span {
	color: #cc0000;
	padding-right: 20px;
}
#tcs_tag_edit p.submit input {
	vertical-align: ;
}
#tcs_tag_edit table td div.cover p.title{
	font-weight: bold;
	margin-bottom: 5px;
}
#tcs_tag_edit table td div.cover ul{
	margin-bottom: 15px;
}
#tcs_tag_edit table td div.cover ul li{
	border-bottom: 1px dotted #999999;
	padding-bottom: 3px;
	font-size: 90%;
	margin-top: 5px;
}
#tcs_tag_edit table td div.cover ul li p.ttl{
	float: left;
	width: 65px;
}
#tcs_tag_edit table td div.cover ul li p.txt{
	float: right;
	width: 285px;
}
#tcs_tag_edit table td div.cover ul li p.txt strong{
	font-size: 120%;
}

#tcs_tag_edit table td p.msg {
	margin: 3px;
	text-align: center;
}
#tcs_tag_edit table td p.edit{
	margin-top: 5px;
	text-align: center;
}
#tcs_tag_edit table td em {
	padding: 0 1px;
	margin: 0 2px;
	font-style: normal;
	background: #FFcc00;
}


.tcs_tag_edit_btn .btn{
	margin: 5px 15px 5px 0;
	float: left;
	width:150px;
}
.tcs_tag_edit_btn .btn form{
	margin: 0;
	padding: 0;
}
.tcs_tag_edit_btn .btn form iput{
	width: 150px;
}


.tcs_tag_edit_btn .txt{
	margin: 5px 0;
	float: left;
	width:405px;
	fobnt-size: 90%;
}




#tcs_tag_edit table td div.tag p{
	margin-bottom: 7px;
	color: #666666;

}
#tcs_tag_edit table td div.tag p img{
	float: left;
}
#tcs_tag_edit table td div.tag span.btn{
	float: left;
	display:block;
}

#tcs_tag_edit table td div.tag span.btn a{
	display:block;
	text-indent:-50px;
	overflow:hidden;
	width: 46px;
	height: 17px;
}
#tcs_tag_edit table td div.tag.del span.btn a{
    background: transparent url(/img/general/4travel/tcs/icon_bg_tag_del.gif) no-repeat 0px 0px;
}
#tcs_tag_edit table td div.tag.del span.btn a:hover{
    background: transparent url(/img/general/4travel/tcs/icon_bg_tag_del.gif) no-repeat 0px -17px;
}
#tcs_tag_edit table td div.tag.add span.btn a{
    background: transparent url(/img/general/4travel/tcs/icon_bg_tag_add.gif) no-repeat 0px 0px;
}
#tcs_tag_edit table td div.tag.add span.btn a:hover{
    background: transparent url(/img/general/4travel/tcs/icon_bg_tag_add.gif) no-repeat 0px -17px;
}

#tcs_tag_edit table td div.tag span.keyword{
	float: right;
	width: 135px;
	display:block;
}
#tcs_tag_edit table td div.tag span.keyword a:link,
#tcs_tag_edit table td div.tag span.keyword a:visited {
	color: #666666;
	text-decoration:underline;
}
#tcs_tag_edit table td div.tag span.keyword a:hover{
	color: #999;
	text-decoration:none;
}
#tcs_tag_edit div.links{
	padding: 5px 10px;
}


.finish_msg {
    font-size:140%;
    color:#CC0000;
    font-weight:bold;
    padding: 15px 15px 15px 0;
}




/*ページナビ用
\eco_templates\common_parts\pagenavi.tpl
----------------------------------------------*/
.pagenav {
	position: relative;
	clear: both;
	margin: 0 13px 30px;
	padding-top: 5px;
	border-top: 1px dotted #999999;
	text-align: center;
	zoom: 1;
}

.pagenav p {
	padding-bottom: 2px;
}

.pagenav p.current {
	color: #666666;
	font-size: 1.3em;
	font-family: Arial;
}

.pagenav p.current a {
	font-size: 0.8em;
}

.pagenav p.current strong {
	color: #000000;
}

.pagenav p.prev {
	position: absolute;
	left: 0;
	top: 5px;
	text-align: left;
}

.pagenav p.next {
	position: absolute;
	right: 0;
	top: 5px;
	text-align: right;;
}

.pagenav span.arrow {
	padding: 1px 1px 0 1px;
	border: solid 1px #cdcdcd;
	background: #f5f5f5;
	color: #666666;
	font-size: 0.8em;
}

.pagenav p.current a.skip {
	font-size: 0.7em;
	font-family: "MS P Gothic","ＭＳ Ｐゴシック","sans-serif";
}

.pagenav p a:link,
.pagenav p a:visited {
	text-decoration: none;
}

.pagenav p a:hover,
.pagenav p a:focus,
.pagenav p a:active {
	text-decoration: underline;
}

.pagenav p span.back_return {
	padding-left: 15px;
}

/* 旅行予定エリアの新着情報（行ってきます） */
dl.goingAreaInfo {
	margin-bottom: 6px;
}
dl.goingAreaInfo dt {
	float: left;
	width: 120px;
}
dl.goingAreaInfo dt span {
	font-size: 0.8em;
	color: #666;
	padding: 1px 2px;
	border: 1px solid #ccc;
	background: #ebebeb;
	margin-left: 6px;
}
dl.goingAreaInfo dd.area {
	float: left;
	width: 190px;
}
dl.goingAreaInfo dd.area span {
	color: #b3b3b3;
	margin-left: 4px;
	font-size: 0.85em;
}
dl.goingAreaInfo dd.area span a {
	color: #2c7906;
	text-decoration: none;
}
dl.goingAreaInfo dd.area span a:hover {
	text-decoration: underline;
}
dl.goingAreaInfo dd.info {
	float: left;
	width: 235px;
}
dl.goingAreaInfo dd.info span {
	color: #999;
}
dl.goingAreaInfo dd.info a {
	color: #ff6600;
	font-weight: bold;
	margin-right: 6px;
}
p.goingLoguinTime {
	font-size: 0.85em;
	margin-bottom: 4px;
	color: #808080;
}

/** 旅行記/QA/クチコミ 通報フォーム レスポンシブ *
    https://ssl.4travel.jp/tcs/t/contribution/?type=album&id=11751777
*/
#contributionForm {
  max-width: 680px;
  min-height: 600px;
  margin: 15px auto;
  font-size: 0.875rem; /* 14px*/
}
/* 一旦下線をなし */
#contributionForm a:hover {
  text-decoration: none;
}
/* hover動作が使えるデバイスのみ */
@media (hover: hover) {
  #contributionForm a:hover {
    text-decoration: underline;
  }
  #contributionForm .inputButton .buttonArea:hover {
    opacity: 0.8;
  }
}
/* h1タイトル */
#contributionForm .pageTitle {
  padding: 10px 15px;
  font-size: 1.125rem;/* 18px*/
}
/* PCから h1タイトル*/
@media screen and (min-width: 768px){
  #contributionForm .pageTitle {
    padding: 10px 0;
    font-size: 1.375rem;/* 22px*/
  }
}
/* h2タイトル */
#contributionForm .pageSubTitle {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: solid 1px #eee;
  font-size: 0.937rem; /* 15px*/
  font-weight: normal;
}
/* テキスト用 */
#contributionForm .read {
  margin: 15px;
  line-height: 1.5;
  text-align: center;
}
/* 太字の時 */
#contributionForm .read.is_bold {
  font-weight: bold;
}
/* 左よせの時 */
#contributionForm .read.is_left {
  text-align: left;
}
#contributionForm .read.is_mb10 {
  margin-bottom: 10px;
}
/* エラーメッセージ */
#contributionForm .read.is_error {
  color: #cc3333;
  font-weight: bold;
}
#contributionForm .selected {
  margin-bottom: 30px;
  padding: 0 15px;
  text-align: center;
}
#contributionForm .selected span {
  display: inline-block;
  padding: 12px 15px;
  border: 2px solid #ccc;
  border-radius: 4px;
}
/* 注釈 */
#contributionForm .attention {
  padding: 0 15px 30px;
  color: #666;
  font-size: 0.75rem; /* 12px */
  line-height: 1.7;
}
/* タイトル／本文 */
#contributionForm .postedContents {
  margin-bottom: 30px;
  padding: 15px 20px;
  background: #f8f8f8;
  line-height: 1.8;
}
/* セレクトボックスの親 */
#contributionForm .selectPulldownWrap {
  position: relative;
  display: block;
  max-width: 500px;
  margin: 0 15px 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  /* 子要素の背景色をはみ出させないように */
  overflow: hidden;
  cursor: pointer;
}
@media screen and (min-width: 768px){
  #contributionForm .selectPulldownWrap {
    margin: 0 auto 15px;
  }
}
/* セレクトボックスの親にアイコン設定 */
#contributionForm .selectPulldownWrap::after {
  position: absolute;
  right: 5px;
  top: 50%;
  /* アイコンの大きさの半分戻す */
  transform: translate(-50%, -50%);
  color: #ccc;
  font-family: "FontAwesome";
  content: "\f078";
  font-size: 1rem;
  pointer-events: none;
}
/* デフォルトのセレクトボックスをリセット、調整 */
#contributionForm .selectPulldown {
  width: 100%;
  padding: 15px 35px 15px 10px;
  /* 以下からiOS時に必要 */
  border: none;
  border-radius: 0;
  /* FFが背景グレー対策に必要 */
  background: #fff;
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
  font-size: inherit;
  cursor: pointer;
}

/* 確認画面へボタン */
#contributionForm .inputButton {
  margin: 0 auto 30px;
  padding: 15px;
  background: #f3f3f3;
  text-align: center;
}
#contributionForm .inputButton .buttonArea {
  display: inline-block;
  width: 100%;
  max-width: 500px;
  padding: 15px 10px;
  border: none; /* 一旦inputのボーダーリセット */
  border-radius: 4px;
  border-bottom: 2px solid #0076ac;
  background-color: #0098de;
  color: #fff;
  /* iOS時の角丸を解除 */
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
}
@media screen and (min-width: 768px){
  #contributionForm .inputButton .buttonArea {
    font-size: 1rem; /* 16px */
  }
}
/* 確認画面へボタン */
#contributionForm .inputButton .buttonArea.is_request {
  border-bottom-color: #f36d33;
  background-color: #f38d33;
}
/* 編集ボタン */
#contributionForm .inputButton .buttonArea.is_invert {
  border: solid 1px #ccc;
  border-bottom: 2px solid #ccc;
  background-color: #fff;
  color: #333;
}
/* ボタン2カラムの時 */
#contributionForm .inputButton.is_2col {
  display: flex;
  justify-content: center;
  flex-flow: wrap;
  gap: 15px;
}
/* ボタン2カラムの時 formタグ */
#contributionForm .inputButton.is_2col > form {
  flex: 1 1 46%;
  text-align: center;
}
#contributionForm .inputButton.is_2col .buttonArea {
  width: 100%;
}
#contributionForm .finishedText {
  text-align: center;
  margin: 30px 15px;
}
#contributionForm .myPageLink {
  display: inline-block;
  margin-top: 20px;
}

/* ヘッダ/フッタ スマホ用に上書き css/webapp/parts/common.cssの上書き */
@media screen and (max-width: 768px){
  /* フッタ */
  .u_footer.is_low970 {
    width: auto;
    padding: 15px;
  }
  .u_footer.is_low970 .link {
    width: auto;
  }
  .u_footer.is_low970 .copyright {
    width: auto;
  }
  .u_primaryBox_more.is_low970 {
    width: auto;
    padding: 15px;
  }
  /* ヘッダ */
  .u_header.is_low970 {
    min-width: auto;
    position: unset
  }
  .u_header.is_low970 .logo {
    padding: 0;
  }
  .u_header.is_low970 .logo img {
    width: 100px;
    height: auto;
    vertical-align: bottom;
  }
  .u_header.is_low970 .u_header_wrap {
    width: auto;
    padding: 10px;
  }
  .u_headerContentsBox.is_withBread {
    height: auto;
  }
  .u_headerContentsBox.is_withBread .u_breadcrumbLine .breadcrumb {
    width: auto;
  }
  .u_header.is_low970 .u_header_search {
    padding-top: 5px;
  }
}


#Right-Box .list_sns {
	width: 200px;
	margin: 0 auto;
}
#Right-Box .list_sns li {
	margin-bottom: 10px;
}
#Right-Box .list_sns p {
	margin-bottom: 5px;
}