@charset "utf-8";

body {
	background: #eee;
	color: #333;
	-webkit-text-size-adjust: 100%;
}

a { text-decoration: none; }
a:link,
a:visited { color: #0077ff; }
a:hover { text-decoration: none; }

time {
	color: #888;
	font-size: 77%;
}

.errormsg {
	margin-top: 2px;
	margin-left: 1em;
	color: #d00;
	text-indent: -1em;
	font-size: 93%;
	line-height: 1.4;
}

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

 header

=======================================*/
header {
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,0.1);
	width: 100%;
	height: 46px;
	/* SD-7536追加 */
	position: sticky;
	left: 0;
	top: 0;
	/* SD-7536追加 */
}
header h1 { text-align:left;}
#logo {
	width: 50%;
	float: left;
}
header h1#logo a{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none;
	display:block;
	width: 100px;
	height:46px;
	text-indent: -9999px;
}
header #slidemenu,
#slidemenu-controll nav {
	width: 50%;
	height: 46px;
	overflow: hidden;
}
header #slidemenu li,
#slidemenu-controll li {
	margin-right: 4px;
	text-indent: -9999px;
}
/* 190613 バッジが表示されないので変更 */
header #slidemenu li {text-indent: 0px;}

#slidemenu-controll {
	background-color: #fff;
	height:46px;
	border-bottom: 1px solid #ddd;
}
header #slidemenu a,
#slidemenu-controll a{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}
#slidemenu-controll .close a { display: block;}
/*
 modal
---------------------------------------------------------------------------------*/
#modal-win {
	width: 100%;
	position: absolute;
}
#modal-win-inner {
	box-shadow: 0 0 5px rgba(0, 0, 0, .25);
	margin: 0 0 60px auto;
	position: relative;
	z-index: 101;
}
#modal-bg {
	width: 100%;
	min-height: 500px;
	height: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}
#modal-service,
#modal-setting{
	display: none;
	background-color: #ffffff;
	padding: 0;
	border-radius: 0 0 0 8px;
}
#container.noscroll {
    overflow-y: scroll;
    position: fixed;
	width: 100%;
}
#iconMenu-wrapper {
	background-color: #f7f7f7;
	padding: 15px 0 10px 5px;
	border-radius: 5px 5px;
}
#settingmenu-list {
	background-color: #f7f7f7;
	padding: 15px 0 0 5px;
	border-radius: 5px 5px;
}
.modal-head {
	color: #6f6f6f;
	padding: 0 10px 10px;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.modal-close {
	float: right;
}
.modal-close a {
	background-color: #b3b3b3;
	border-radius: 50px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	margin-top: -3px;
	padding: 3px 8px;
}
/*
 settingmenu-list
---------------------------------------------------------------------------------*/
#settingmenu-list ul{
	margin: 0;
	padding: 0;
}
#settingmenu-list li:first-child{ border-top: 1px solid #e6e6e6;}
#settingmenu-list li {
	background-color: #f7f7f7;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e6e6e6;
	position: relative;
}
#settingmenu-list li a {
	display: block;
	color: #6f6f6f;
	font-size: 15px;
	padding: 17px 0 15px 49px;
}
#settingmenu-list li > a:after{
	position: absolute;
	top: 50%;
	right: 16px;
	content: "";
	margin: -4px 0 0 0;
	width: 6px;
	height: 6px;
	border-top: solid 2px #6f6f6f;
	border-right: solid 2px #6f6f6f;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
#settingmenu-list .icon40 {
	margin-top: 8px;
}
/*
 iconMenu
---------------------------------------------------------------------------------*/
#iconMenu-wrapper{}
#iconMenu-wrapper .sprite.bbs{ background-position: -80px -150px;}
#iconMenu-wrapper .sprite.bbs-adult{ background-position: -80px -180px;}
#iconMenu-wrapper .sprite.search{ background-position: -80px -210px;}
#iconMenu-wrapper .sprite.members { background-position: -80px -240px;}
#iconMenu-wrapper .sprite.phone { background-position: -80px -270px;}
#iconMenu-wrapper .sprite.diary { background-position: -80px -300px;}
#iconMenu-wrapper .sprite.footmark { background-position: -80px -330px;}
#iconMenu-wrapper .sprite.entame { background-position: -80px -360px;}
#iconMenu-wrapper .sprite.favorite { background-position: -110px -150px;}
#iconMenu-wrapper .sprite.photo { background-position: -110px -180px;}
#iconMenu-wrapper .sprite.movie { background-position: -110px -210px;}
#iconMenu-wrapper .sprite.j-tube { background-position: -110px -240px;}
#iconMenu-wrapper .sprite.afi { background-position: -110px -270px;}
#iconMenu-wrapper .sprite.market { background-position: -110px -300px;}
#iconMenu-wrapper .sprite.crown { background-position: -110px -330px;}
#iconMenu-wrapper .sprite.weather_i { background-position: -80px -420px;}
#iconMenu-wrapper .sprite.h-box { background-position: -80px -620px;}
#iconMenu-wrapper .sprite.affiliate { background-position: -110px -620px;}
.iconMenu{ margin-bottom: 20px;}
.iconMenu ul{
	margin: 0 auto;
	width: 280px;
}
/*
@media screen and (min-width: 480px){ul.sidemenu{width: 425px;}}
@media screen and (min-width: 768px){ul.sidemenu{width: 740px;}}
@media screen and (min-width: 1024px){ul.sidemenu{width: 950px;}}
*/
.iconMenu ul li{
	float: left;
	position: relative;
	margin: 0 5px 10px 0;
	background-color: #fff;
	box-shadow: 0 1px 1px 1px #e6e6e6;
	border-radius: 8px;
	height: 75px;
	text-align: center;
	width: 88px;
}
.iconMenu ul li a{
	border-radius: 8px;
	display: block;
	padding: 15px 0 10px;
	width: 100%;
}
.iconMenu ul li p.title{
	line-height: 1.2;
	color: #666;
	padding: 0;
	font-size: 10px;
	font-weight: bold;
	margin-top: 3px;
}
.iconMenu ul li .sprite.icon{
	display: inline-block;
	left: auto;
	height: 30px;
  width: 30px;
	position: relative;
}

/*
#header {
	position: relative;
	padding: 7px 5px 9px 10px;
	border-top: 3px solid #0077ff;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
#header:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: "";
}
#header #menu {
	position: absolute;
	top : 62px;
	left: 0;
	z-index: 5000;
	width: 100%;
}
#header #menu ul { }
#header #menu ul li a {
	display:block;
	padding: 12px 20px;
}
#header #menu ul li { border-top: 1px solid #111; }
#header #menu ul li a {
	border-top: 1px solid #333;
	background:#222;
	color: #fff;
}
#header #menu ul li:last-child a { border-bottom: 1px solid #111; }
#header #logo {
	float: left;
	text-align: center;
}
#header .btn {
	position: relative;
	float: right;
}
#header .menu_btn {
	display: block;
	padding: 10px 0;
	color: #333;
	text-align: center;
}
#header .menu_btn span {
	display: block;
	padding: 2px 10px 2px 16px;
	border-left: 1px solid #ddd;
}
#header .tog_menu { display:none; }

#header_pattern_01 {
	overflow: hidden;
	padding: 10px 10px;
	border-bottom: 1px solid #ddd;
	background: #fff;
}
*/

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

 footer

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

#footer {
	position: relative;
	clear: both;
	width: 100%;
	background: #353535;
	color: #fff;
}
#footer .footer_nav {
	position: relative;
	z-index: 100;
	margin: 10px 0;
	padding: 0 20px;
	background: #353535;
	text-align: center;
}
#footer .footer_nav img {
	display: block;
	margin: 0 auto;
	max-width: 540px;
	width: 100%;
	vertical-align: bottom;
}
#footer .footer_nav ul { padding: 0 10px; }
#footer .footer_nav ul li { display: inline; }
#footer .footer_nav ul li a {
	padding: 0 10px;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 77%;
}
#footer .footer_nav ul li:last-child a { border-right: 0; }
#footer .copyright {
	padding: 8px 10px;
	background: #1d1d1d;
	text-align: center;
	font-size: 85%;
}

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

 contents

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

#contents { }
#container { background: #eee; }
.main_block { }
.section_block { }

.align_left { text-align: left; }
.align_center { text-align: center; }
.align_right { text-align: right; }

.contents_block { background: #fff; }
.contents_block a { text-decoration: underline;}

.contents_box { }

.box { }

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

 title

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

.caption_title {
	margin: 10px 0;
	padding: 8px 6px 9px;
	border-top: 2px solid #0077ff;
	background: #fff;
	color: #0077ff;
	font-size: 116%;
}

.sub_title {
	padding: 5px 10px 4px;
	/*border-bottom: 1px dashed #aaa;*/
	background-color: #ddd;
	font-size: 108%;
}

.contents_title {
	clear: both;
	margin: 10px auto;
	padding: 0 3px 3px;
	border-bottom: 1px solid #bbb;
	font-size: 108%;
}

.point_display {
	margin: 10px 0;
	padding: 5px 10px 4px;
	background-color: #0077ff;
	color: #fff;
	text-align: center;
}

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

 main_img

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

.main_img {
 position: relative;
 z-index: 100;
 padding: 20px;
 background-color: #444;
 text-align: center;
}

.main_img img {
 display: block;
 margin: 0 auto;
 max-width: 300px;
 width: 100%;
 vertical-align: bottom;
}

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

 main_block

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

.main_block { margin-bottom: 20px; }
.main_block:after {
	display: block;
	clear: both;
	content: "";
}
.user_area {
	background: url(../../img/img1/android/common/main_img.png) 0 0 no-repeat transparent;
	-webkit-background-size: 100%;
	   -moz-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
	    -ms-background-size: 100%;
}
.user_area .user_head {
	position: relative;
	padding: 40px 20px 0 110px;
	height: 60px;
}
.user_area .user_head .user_img {
	position: absolute;
	bottom: -40px;
	left: 20px;
	padding: 5px;
	background: #fff;
}
.user_area .user_head .user_img a {
	display: block;
	overflow: hidden;
	width: 65px;
	height: 65px;
}
.user_area .user_head .user_img img {
	width: 65px;
}
.user_area .nav { margin: 0;}
.user_area .user_name {
	overflow: hidden;
	padding: 4px 20px 5px 110px;
	border-top: 1px solid #fff;
	background-color: rgba(255,255,255,0.8);
	font-size: 17px;
	line-height: 20px;
}
.user_area .user_name a {
	display: inline-block;
	padding: 10px 0 10px 45px;
	color: #333;
	text-transform: uppercase;
}
.user_area .user_name a.icon_sex_m { background: url(../../img/img1/android/icon/icon_man.png) left 50% no-repeat; }
.user_area .user_name a.icon_sex_w { background: url(../../img/img1/android/icon/icon_woman.png) left 50% no-repeat; }
.user_area .user_name a.icon_sex_m,
.user_area .user_name a.icon_sex_w {
	-webkit-background-size: 40px 40px;
	   -moz-background-size: 40px 40px;
	     -o-background-size: 40px 40px;
	        background-size: 40px 40px;
	    -ms-background-size: 40px 40px;
}

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

 tab_block

=======================================*/
.tab_block {
	overflow: hidden;
	margin: 0 0 10px;
}
.tab_block .tabs_paging {
	background-color: #ddd;
	zoom: 1;
}
.tab_block .tabs_paging:after {
	display: block;
	visibility:hidden;
	clear:both;
	height:0px;
	content:".";
	line-height:0;
}
.tab_block .tabs_paging li {
	float: left;
	width: 50%;
	border-bottom: none;
	background-image: none;
	text-align: center;
}
.tab_block .tabs_paging li:last-child { background: none; }
.tab_block .tabs_paging li a {
	display: block;
	padding: 10px 0;
	color: #222;
}
.tab_block .tabs_paging li a:hover {
	background-color: #bbb;
	color: #fff;
}
.tab_block .tabs_paging li.active,
.tab_block .tabs_paging li.active a,
.tab_block .tabs_paging li.active a:hover {
	background-color: #fff;
	color: #222;
}
.tab_block .detail {
	clear: both;
	overflow: hidden;
	background-color: #fff;
}
.tab_block .detail .list_pattern_02 { margin: 0;}
.tab_block .tabbox { display: none; }

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

	message_tab

=======================================*/
.message_tab {
	overflow: hidden;
	margin: 10px 0;
	padding: 10px;
	background-color: #555;
}
.message_tab ul {
	display: table;
	table-layout: fixed;
	margin: 0 auto;
	border: 1px solid #333;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	width: 90%;
	text-align: center;
}
.message_tab ul li {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #333;
	color: #fff;
}
.message_tab ul li:last-child { border: none;}
.message_tab ul li a {
	display: block;
	padding: 10px 5px;
	color: #fff;
}
.message_tab_active { background-color: #333;}

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

	contents_tab

=======================================*/
.contents_tab {
	margin: 10px 0;
	padding-bottom: 10px;
	background-color: #fff;
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			 -o-box-sizing: border-box;
			-ms-box-sizing: border-box;
					box-sizing: border-box;
}
.tabNav {
	margin-bottom: 10px;
	overflow: hidden;
	border-top: 1px solid #ccc;
	box-sizing: inherit;
}
.tabNav li {
	float: left;
	width: 50%;
	padding: 10px;
	background: #999999;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#aaaaaa), to(#999999));
	background: -webkit-linear-gradient(#aaaaaa, #999999);
	background: -moz-linear-gradient(#aaaaaa, #999999);
	background: -ms-linear-gradient(#aaaaaa, #999999);
	background: -o-linear-gradient(#aaaaaa, #999999);
	background: linear-gradient(#aaaaaa, #999999);
	box-sizing: inherit;
	color: #fff;
	cursor: pointer;
	text-align: center;
}
.tabNav li.active {
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fafafa), to(#ffffff));
	background: -webkit-linear-gradient(#fafafa, #ffffff);
	background: -moz-linear-gradient(#fafafa, #ffffff);
	background: -ms-linear-gradient(#fafafa, #ffffff);
	background: -o-linear-gradient(#fafafa, #ffffff);
	background: linear-gradient(#fafafa, #ffffff);
	box-sizing: inherit;
	color: #000;
}
.tabContent {
	clear: both;
	width: 100%;
	display: none;
	box-sizing: inherit;
}
.tabContent ul { box-sizing: inherit;}
.tabContent li {
	background: #fff;
	box-sizing: inherit;
}
.tabContent li a {
	display: block;
	padding: 10px;
	box-sizing: inherit;
}
.tabContent li dl {
	overflow: hidden;
	box-sizing: inherit;
}
.tabContent li dt {
	float: left;
	width: 80px;
	box-sizing: inherit;
}
.tabContent li dt span {
	position: relative;
	display: block;
	width: 80px;
	height: 80px;
	overflow: hidden;
	box-sizing: inherit;
	background-color: #ccc;
}
.tabContent li dt span img {
	position: absolute;
	width: 80px;
	top: 50%;
	left: 50%;
	box-sizing: inherit;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.tabContent li dd {
	margin-left: 90px;
	line-height: 1.4;
	box-sizing: inherit;
}
.tabContent li.more a {
	text-align: right;
	padding-right: 25px;
	box-sizing: inherit;
	font-weight: bold;
}
.active {
	display: block;
	box-sizing: inherit;
}

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

 list_pattern

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

/* list_pattern_01 */
.list_pattern_01 {
	margin: 0 0 10px;
	background: #fff;
}
.list_pattern_01:last-child { margin-bottom: 0; }
.list_pattern_01:first-child { margin-top: 0; }

.list_pattern_01 ul { width: 100%; }
.list_pattern_01 ul li { border-bottom: 1px solid #ddd;}
.list_pattern_01 ul li:last-child { border-bottom: none; }
.list_pattern_01 ul li a { overflow: hidden; }
.list_pattern_01 ul li img {
	float: left;
	padding: 0 10px 0 0;
}
.list_pattern_01 time { font-size: 85%;}
.list_pattern_01 .txt {
	display: block;
}
.list_pattern_01 .more a {
	display: block;
	padding: 5px 10px;
	border-top: 1px solid #ddd;
	text-align: right;
}
.list_pattern_01 ul .prev_black a,
.nav .prev_white a,
.nav .prev_black a,
.nav .next_white a,
.nav .next_black a,
.list_pattern_01 ul .next_black a {
	padding: 10px 30px;
}
.list_pattern_01 ul .prev_black a .txt,
.list_pattern_01 ul .next_black a .txt,
.nav table td .txt {
	margin-top: 5px;
}
.list_pattern_01 ul .prev_black a img,
.list_pattern_01 ul .next_black a img {
	float: none;
	padding: 0;
	width: 100%;
}

/* list_pattern_02 */
.list_pattern_02 {
	overflow: hidden;
	margin: 0 0 10px;
	background: #fff;
}
.list_pattern_02:last-child { margin-bottom: 0; }
.list_pattern_02:first-child { margin-top: 0; }
.list_pattern_02 .more {
	display: block;
	padding: 5px 10px;
	border-top: 1px solid #ddd;
	text-align: right;
}

.list_pattern_02 li { border-bottom: 1px solid #ddd; }
.list_pattern_02 li:last-child { border-bottom: none; }
.list_pattern_02 dl {
	display: table;
	overflow: hidden;
	width: 100%;
}
.list_pattern_02 dl dt {
	display: table-cell;
	padding: 10px 0 10px 10px;
	width: 65px;
	vertical-align: middle;
}
.list_pattern_02 dl dt span {
	display: block;
	overflow: hidden;
	background-color: #eee;
	width: 65px;
	height: 65px;
}
.list_pattern_02 dl dt span img { width: 65px;}
.list_pattern_02 dl dd { display: table-cell;}
.list_pattern_02 dl dd a {
	display: block;
	padding: 10px;
	color: #333;
}

.list_pattern_02 dl dd .list_title,
.list_pattern_04 .list_box .list_text .list_title {
	display: block;
	margin-bottom: 4px;
	font-weight: bold;
}
.list_pattern_02 dl dd .list_text { font-size: 93%;}
.list_pattern_02 dl dd .list_subtext {
	color: #888;
	font-size: 85%;
	line-height: 1.4;
}

.list_pattern_02 dl dd .list_title.photo,
.list_pattern_02 dl dd .list_title.movie,
.list_pattern_02 dl dd .list_text,
.list_pattern_02 dl dd .list_subtext,
.list_pattern_02 dl dd .icon_sex_m,
.list_pattern_02 dl dd .icon_sex_w {
	display: block;
	padding-left: 25px;
}
.list_pattern_02 dl dd .icon_sex_m img,
.list_pattern_02 dl dd .icon_sex_w img {
	vertical-align: middle;
}
.list_pattern_02 dl dd .list_title.photo { background: url(../../img/img1/android/icon/list_icon_photo_min.png) 0 0 no-repeat transparent;}
.list_pattern_02 dl dd .list_title.movie { background: url(../../img/img1/android/icon/list_icon_movie_min.png) 0 0 no-repeat transparent;}
.list_pattern_02 dl dd .icon_sex_m { background: url(../../img/img1/android/icon/list_sex_man_min.png) 0 0 no-repeat transparent; }
.list_pattern_02 dl dd .icon_sex_w { background: url(../../img/img1/android/icon/list_sex_woman_min.png) 0 0 no-repeat transparent; }

.list_pattern_02 dl dd .list_title.photo,
.list_pattern_02 dl dd .list_title.movie,
.list_pattern_02 dl dd .icon_sex_m,
.list_pattern_02 dl dd .icon_sex_w {
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	     -o-background-size: 20px 20px;
	        background-size: 20px 20px;
	line-height: 1.6;
	    -ms-background-size: 20px 20px;
}
.list_pattern_02 dl dd.align_right {
	padding: 10px 10px 10px 5px;
	/*width: 90px;*/
}
.list_pattern_02 dl dd.align_right time {
	display: block;
	margin-bottom: 5px;
	vertical-align: top;
}

/* list_pattern_03 */
.list_pattern_03 {
	width: 100%;
	overflow: hidden;
	margin: 0 0 10px;
	background: #fff;
}
.list_pattern_03:last-child { margin-bottom: 0; }
.list_pattern_03:first-child { margin-top: 0; }

.list_pattern_03 li { border-bottom: 1px solid #ddd; }
.list_pattern_03 li:last-child { border-bottom: none; }
.list_pattern_03 dl {
	display: table;
	overflow: hidden;
	width: 100%;
}
.list_pattern_03 dl dt {
	display: table-cell;
	padding: 10px;
	vertical-align: middle;
}
.list_pattern_03 dl dd {
	display: table-cell;
	padding: 10px;
	color: #0077ff;
	vertical-align: middle;
	text-align: right;
}
.list_pattern_03 .list_subtext {
	color: #888;
	font-size: 85%;
	line-height: 1.4;
}

/* list_pattern_04 */
.list_pattern_04 {
	overflow: hidden;
	margin: 0 0 10px;
	background: #fff;
}
.list_pattern_04:last-child { margin-bottom: 0; }
.list_pattern_04:first-child { margin-top: 0; }
.list_pattern_04 .more a {
	display: block;
	padding: 5px 10px;
	border-top: 1px solid #ddd;
	text-align: right;
}

.list_pattern_04 li {
	padding: 10px;
	border-bottom: 1px solid #ddd;
}
.list_pattern_04 li:last-child { border-bottom: none;}
.list_pattern_04 li .list_box_title {
	margin-bottom: 10px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #bbb;
}
.list_pattern_04 li .list_box_title time {
	color: #333;
	font-size: 85%;
}
.list_pattern_04 li .list_box { display: block;}
.list_pattern_04 li .list_box.new {
	background: url(../../img/img1/android/icon/icon_notice_01.png) right 50% no-repeat transparent;
	-webkit-background-size: 25px 25px;
	   -moz-background-size: 25px 25px;
	     -o-background-size: 25px 25px;
	        background-size: 25px 25px;
	    -ms-background-size: 25px 25px;
}
.list_pattern_04 li .list_box a {
	display: block;
	overflow: hidden;
	padding: 0 30px 0 0;
	color: #333;
}
.list_pattern_04 li .list_box .list_img { float: left;}
.list_pattern_04 li .list_box .list_img img { width: 64px;}

.list_pattern_04 li .list_box .list_text {
	display: block;
	margin-left: 74px;
}
.list_pattern_04 li .list_box .list_text { }

.list_pattern_04 .subtext {
	color: #888;
	font-size: 85%;
	line-height: 1.4;
}
.list_pattern_04 .text { font-size: 93%;}

.list_pattern_04 li .list_box .list_box_title {
	padding: 5px;
	font-weight: bold;
}
.list_pattern_04 li .list_box .list_text .title.photo,
.list_pattern_04 li .list_box .list_text .title.movie,
.list_pattern_04 li .list_box .list_text .text,
.list_pattern_04 li .list_box .list_text .subtext,
.list_pattern_04 li .list_box .list_text .icon_sex_m,
.list_pattern_04 li .list_box .list_text .icon_sex_w {
	display: block;
	padding-left: 25px;
}
.list_pattern_04 li .list_box .list_title.photo { background: url(../../img/img1/android/icon/list_icon_photo_min.png) 0 0 no-repeat transparent;}
.list_pattern_04 li .list_box .list_title.movie { background: url(../../img/img1/android/icon/list_icon_movie_min.png) 0 0 no-repeat transparent;}
.list_pattern_04 li .list_box .icon_sex_m { background: url(../../img/img1/android/icon/list_sex_man_min.png) 0 0 no-repeat transparent; }
.list_pattern_04 li .list_box .icon_sex_w { background: url(../../img/img1/android/icon/list_sex_woman_min.png) 0 0 no-repeat transparent; }
.list_pattern_04 li .list_box .list_title.photo,
.list_pattern_04 li .list_box .list_title.movie,
.list_pattern_04 li .list_box .icon_sex_m,
.list_pattern_04 li .list_box .icon_sex_w {
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	     -o-background-size: 20px 20px;
	        background-size: 20px 20px;
	line-height: 1.6;
	    -ms-background-size: 20px 20px;
}

/* list_pattern_05 */
.list_pattern_05 { margin: 10px 0;}
.list_pattern_05 ul {
	width: 100%;
	text-align: center;
}
.list_pattern_05 ul > li {
	display: inline-block;
	vertical-align: top;
}
.list_pattern_05 ul li {
	position: relative;
	top: 0;
	left: 0;
	margin: 1%;
	overflow: hidden;
	background-color: #fff;
	width: 30%;
	height: auto;
}
.list_pattern_05 ul li:before {
	content: "";
	display: block;
	padding-top: 100%; /* 1:1 */
}
.list_pattern_05 ul li a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.list_pattern_05 ul li a p {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}
.list_pattern_05 ul li a p > * {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.list_pattern_05 ul li a p img {
	position: absolute;
  top: 50%;
  left: 50%;
	transform: translate3d(0, 0, 0px);
		-webkit-transform: translate3d(-50%, -50%, 0px);
		-moz-transform: translate3d(-50%, -50%, 0px);
		-ms-transform : translate3d(-50%, -50%, 0px);
	width: 100%;
}

.list_pattern_05 ul li a .rank_01::before { content: url(../../img/img1/android/icon/icon_rank_01.png);}
.list_pattern_05 ul li a .rank_02::before { content: url(../../img/img1/android/icon/icon_rank_02.png);}
.list_pattern_05 ul li a .rank_03::before { content: url(../../img/img1/android/icon/icon_rank_03.png);}

.list_pattern_05 ul li a .rank_01::before,
.list_pattern_05 ul li a .rank_02::before,
.list_pattern_05 ul li a .rank_03::before {
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	transform: scale(0.4) translate3d(-50%, -50%, 1px);
		-webkit-transform: scale(0.4) translate3d(-50%, -50%, 1px);
		-moz-transform: scale(0.4) translate3d(-50%, -50%, 1px);
		-ms-transform : scale(0.4) translate3d(-50%, -50%, 1px);
	transform-origin: 5px 5px 0;
		-webkit-transform-origin: 5px 5px 0;
		-moz-transform-origin: 5px 5px 0;
		-ms-transform: 5px 5px 0;
	z-index: 1;
}

.list_pattern_05 ul li a .icon_sex_m::before { content: url(../../img/img1/android/icon/icon_man.png);}
.list_pattern_05 ul li a .icon_sex_w::before { content: url(../../img/img1/android/icon/icon_woman.png);}

.list_pattern_05 ul li a .icon_sex_m::before,
.list_pattern_05 ul li a .icon_sex_w::before {
	display: block;
	position: relative;
	transform: scale(0.4) translate3d(0%, 0%, 1px);
		-webkit-transform: scale(0.4) translate3d(0%, 0%, 1px);
		-moz-transform: scale(0.4) translate3d(0%, 0%, 1px);
		-ms-transform : scale(0.4) translate3d(0%, 0%, 1px);
	transform-origin: 50% 50% 0;
		-webkit-transform-origin: 50% 50% 0;
		-moz-transform-origin: 50% 50% 0;
		-ms-transform: 50% 50% 0;
	z-index: 1;
}

/* list_pattern_06 */
.list_pattern_06 {
	padding: 10px 0;
}
.list_pattern_06 ul {
	display: table;
  border-collapse: separate;
  border-spacing: 10px 0;
	width: 100%;
}
.list_pattern_06 ul li {
	display: table-cell;
	vertical-align: top;
	background-color: #fff;
	border: 3px solid #fff;
	width: 33.33333%;
	-webkit-box-shadow: 0 6px 6px -6px #aaa;
		 -moz-box-shadow: 0 6px 6px -6px #aaa;
					box-shadow: 0 6px 6px -6px #aaa;
}
.list_pattern_06 ul li a p.user_imgbox {
	position: relative;
	overflow: hidden;
	height: auto;
}
.list_pattern_06 ul li a p.user_imgbox span {
	display: block;
	text-align: center;
}
.list_pattern_06 ul li a p.user_imgbox span.img_user_age {
	position: absolute;
	bottom: 0;
	padding: 2px 0;
	background-color: rgba(0,0,0,0.7);
	width: 100%;
	color: #fff;
}
.list_pattern_06 ul li a p.user_imgbox span img {}

.list_pattern_06 ul li a p.user_infobox { padding: 6px;}
.list_pattern_06 ul li a p.user_infobox span {
	display: block;
	text-align: center;
}

/* link_list */
.link_list {
	margin: 5px 0 0;
	border-top: 1px dotted #888;
}
.link_list li { border-bottom: 1px dotted #888; }
.link_list li a {
	text-decoration: none;
}

.link_list .next_black a {
	padding: 8px 30px 8px 4px;
}

.link_list .prev_black a {
	padding: 8px 4px 8px 30px;
}

/* check_list */
.check_list li { margin-bottom: 5px;}
.check_list li:last-child { margin-bottom: 0;}

/* ticket_list */
.ticket_list {
	margin: 10px auto;
	width: 310px;
}
.ticket_list li { margin-bottom: 10px;}
.ticket_list li:last-child { margin-bottom: 0;}

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

	icon

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

.next_white a, .next_black a { padding: 10px 30px 10px 10px;}
.next_white a { background: url(../../img/img1/android/parts/list/list_arrow_01.png) right 50% no-repeat #353535; }
.next_black a { background: url(../../img/img1/android/parts/list/list_arrow_03.png) right 50% no-repeat #ffffff; }

.prev_white a, .prev_black a { padding: 10px 10px 10px 30px;}
.prev_white a { background: url(../../img/img1/android/parts/list/list_arrow_02.png) left 50% no-repeat #353535; }
.prev_black a { background: url(../../img/img1/android/parts/list/list_arrow_04.png) left 50% no-repeat #ffffff; }

.next_white a,
.next_black a,
.prev_white a,
.prev_black a {
	display: block;
	-webkit-background-size: 20px 14px;
	   -moz-background-size: 20px 14px;
	     -o-background-size: 20px 14px;
	        background-size: 20px 14px;
	    -ms-background-size: 20px 14px;
}
.next_black a, .prev_black a { color: #333; }
.next_white a, .prev_white a { color: #fff; }

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

 main_menu

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

.main_menu {
	overflow: hidden;
	margin: 0 auto;
	width: 280px;
}
.main_menu li {
	display: block;
	float: left;
	margin-right: 20px;
	width: 80px;
	height: 80px;
}
.main_menu li:last-child { margin-right: 0; }

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

 btn

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

.btn_pattern_01,
.btn_pattern_02,
.btn_pattern_03 {
	margin: 10px auto;
	width: 96%;
}
.contents_block .btn_pattern_01:first-child,
.contents_block .btn_pattern_02:first-child,
.contents_block .btn_pattern_03:first-child { margin-top: 0;}
.contents_block .btn_pattern_01:last-child,
.contents_block .btn_pattern_02:last-child,
.contents_block .btn_pattern_03:last-child { margin-bottom: 0;}

.btn_pattern_02,
.btn_pattern_03 { overflow: hidden;}

.btn_pattern_01 li,
.btn_pattern_02 li,
.btn_pattern_03 li { margin-bottom: 10px;}

.btn_pattern_02 li {
	float: left;
	width: 49%;
}
.btn_pattern_03 {
	display: table;
	border-collapse: separate;
	border-spacing: 10px 0;
	width: 100%;
}
.btn_pattern_03 li {
	display: table-cell;
	text-align: center;
	width: 33.3333%;
}
.btn_pattern_01 li:last-child,
.btn_pattern_02 li:last-child,
.btn_pattern_03 li:last-child,
.btn_pattern_02 li:nth-last-child(2) { margin-bottom: 0;}
.btn_pattern_02 li:nth-child(even) { float: right;}

.btn_pattern_01 li a {
	padding: 10px 30px 10px 10px;
	background: url(../../img/img1/android/parts/list/list_arrow_01.png) right 50% no-repeat #aaa;
	-webkit-background-size: 20px 14px;
	   -moz-background-size: 20px 14px;
	     -o-background-size: 20px 14px;
	        background-size: 20px 14px;
}
.btn_pattern_01 li a,
.btn_pattern_01 li input[type="reset"],
.btn_pattern_01 li input[type="button"],
.btn_pattern_01 li input[type="submit"],
.btn_pattern_02 li a,
.btn_pattern_02 li input[type="reset"],
.btn_pattern_02 li input[type="button"],
.btn_pattern_02 li input[type="submit"],
.btn_pattern_03 li a,
.btn_pattern_03 li input[type="reset"],
.btn_pattern_03 li input[type="button"],
.btn_pattern_03 li input[type="submit"] {
	display: block;
	padding: 10px;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0px -2px 0 0 #888;
	   -moz-box-shadow: inset 0px -2px 0 0 #888;
	        box-shadow: inset 0px -2px 0 0 #888;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
	   -ms-background-size: 20px 14px;
}
.btn_pattern_01 li input[type="reset"],
.btn_pattern_01 li input[type="button"],
.btn_pattern_01 li input[type="submit"],
.btn_pattern_02 li input[type="reset"],
.btn_pattern_02 li input[type="button"],
.btn_pattern_02 li input[type="submit"],
.btn_pattern_03 li input[type="reset"],
.btn_pattern_03 li input[type="button"],
.btn_pattern_03 li input[type="submit"] {
	width: 100%;
	border: none;
}
.btn_pattern_01 li .color_variations_01,
.btn_pattern_01 li input[type="reset"].color_variations_01,
.btn_pattern_01 li input[type="button"].color_variations_01,
.btn_pattern_01 li input[type="submit"].color_variations_01,
.btn_pattern_02 li .color_variations_01,
.btn_pattern_02 li input[type="reset"].color_variations_01,
.btn_pattern_02 li input[type="button"].color_variations_01,
.btn_pattern_02 li input[type="submit"].color_variations_01,
.btn_pattern_03 li .color_variations_01,
.btn_pattern_03 li input[type="reset"].color_variations_01,
.btn_pattern_03 li input[type="button"].color_variations_01,
.btn_pattern_03 li input[type="submit"].color_variations_01  {
	background-color: #0077ff;
	-webkit-box-shadow: inset 0px -2px 0 0 #039;
	   -moz-box-shadow: inset 0px -2px 0 0 #039;
	        box-shadow: inset 0px -2px 0 0 #039;
}
.btn_pattern_01 li .color_variations_02,
.btn_pattern_01 li input[type="reset"].color_variations_02,
.btn_pattern_01 li input[type="button"].color_variations_02,
.btn_pattern_01 li input[type="submit"].color_variations_02,
.btn_pattern_02 li .color_variations_02,
.btn_pattern_02 li input[type="reset"].color_variations_02,
.btn_pattern_02 li input[type="button"].color_variations_02,
.btn_pattern_02 li input[type="submit"].color_variations_02,
.btn_pattern_03 li .color_variations_02,
.btn_pattern_03 li input[type="reset"].color_variations_02,
.btn_pattern_03 li input[type="button"].color_variations_02,
.btn_pattern_03 li input[type="submit"].color_variations_02 {
	background-color: #ee3333;
	-webkit-box-shadow: inset 0px -2px 0 0 #900;
	   -moz-box-shadow: inset 0px -2px 0 0 #900;
	        box-shadow: inset 0px -2px 0 0 #900;
}
.btn_pattern_01 li .color_variations_03,
.btn_pattern_01 li input[type="reset"].color_variations_03,
.btn_pattern_01 li input[type="button"].color_variations_03,
.btn_pattern_01 li input[type="submit"].color_variations_03,
.btn_pattern_02 li .color_variations_03,
.btn_pattern_02 li input[type="reset"].color_variations_03,
.btn_pattern_02 li input[type="button"].color_variations_03,
.btn_pattern_02 li input[type="submit"].color_variations_03,
.btn_pattern_03 li .color_variations_03,
.btn_pattern_03 li input[type="reset"].color_variations_03,
.btn_pattern_03 li input[type="button"].color_variations_03,
.btn_pattern_03 li input[type="submit"].color_variations_03 {
	background-color: #aadd33;
	-webkit-box-shadow: inset 0px -2px 0 0 #690;
	   -moz-box-shadow: inset 0px -2px 0 0 #690;
	        box-shadow: inset 0px -2px 0 0 #690;
}
.btn_pattern_01 li .color_variations_04,
.btn_pattern_01 li input[type="reset"].color_variations_04,
.btn_pattern_01 li input[type="button"].color_variations_04,
.btn_pattern_01 li input[type="submit"].color_variations_04,
.btn_pattern_02 li .color_variations_04,
.btn_pattern_02 li input[type="reset"].color_variations_04,
.btn_pattern_02 li input[type="button"].color_variations_04,
.btn_pattern_02 li input[type="submit"].color_variations_04,
.btn_pattern_03 li .color_variations_04,
.btn_pattern_03 li input[type="reset"].color_variations_04,
.btn_pattern_03 li input[type="button"].color_variations_04,
.btn_pattern_03 li input[type="submit"].color_variations_04 {
	background-color: #aaa;
	-webkit-box-shadow: inset 0px -2px 0 0 #888;
	   -moz-box-shadow: inset 0px -2px 0 0 #888;
	        box-shadow: inset 0px -2px 0 0 #888;
}
.btn_pattern_01 li .color_variations_05,
.btn_pattern_01 li input[type="reset"].color_variations_05,
.btn_pattern_01 li input[type="button"].color_variations_05,
.btn_pattern_01 li input[type="submit"].color_variations_05,
.btn_pattern_02 li .color_variations_05,
.btn_pattern_02 li input[type="reset"].color_variations_05,
.btn_pattern_02 li input[type="button"].color_variations_05,
.btn_pattern_02 li input[type="submit"].color_variations_05,
.btn_pattern_03 li .color_variations_05,
.btn_pattern_03 li input[type="reset"].color_variations_05,
.btn_pattern_03 li input[type="button"].color_variations_05,
.btn_pattern_03 li input[type="submit"].color_variations_05 {
	background-color: #ff9944;
	-webkit-box-shadow: inset 0px -2px 0 0 #f74;
	   -moz-box-shadow: inset 0px -2px 0 0 #f74;
	        box-shadow: inset 0px -2px 0 0 #f74;
}
.btn_pattern_01 li .color_variations_06,
.btn_pattern_01 li input[type="reset"].color_variations_06,
.btn_pattern_01 li input[type="button"].color_variations_06,
.btn_pattern_01 li input[type="submit"].color_variations_06,
.btn_pattern_02 li .color_variations_06,
.btn_pattern_02 li input[type="reset"].color_variations_06,
.btn_pattern_02 li input[type="button"].color_variations_06,
.btn_pattern_02 li input[type="submit"].color_variations_06,
.btn_pattern_03 li .color_variations_06,
.btn_pattern_03 li input[type="reset"].color_variations_06,
.btn_pattern_03 li input[type="button"].color_variations_06,
.btn_pattern_03 li input[type="submit"].color_variations_06 {
	background-color: #0c9;
	-webkit-box-shadow: inset 0px -2px 0 0 #096;
	   -moz-box-shadow: inset 0px -2px 0 0 #096;
	        box-shadow: inset 0px -2px 0 0 #096;
}
.btn_pattern_01 li .color_variations_07,
.btn_pattern_01 li input[type="reset"].color_variations_07,
.btn_pattern_01 li input[type="button"].color_variations_07,
.btn_pattern_01 li input[type="submit"].color_variations_07,
.btn_pattern_02 li .color_variations_07,
.btn_pattern_02 li input[type="reset"].color_variations_07,
.btn_pattern_02 li input[type="button"].color_variations_07,
.btn_pattern_02 li input[type="submit"].color_variations_07,
.btn_pattern_03 li .color_variations_07,
.btn_pattern_03 li input[type="reset"].color_variations_07,
.btn_pattern_03 li input[type="button"].color_variations_07,
.btn_pattern_03 li input[type="submit"].color_variations_07 {
	background-color: #fc3;
	-webkit-box-shadow: inset 0px -2px 0 0 #c93;
	   -moz-box-shadow: inset 0px -2px 0 0 #c93;
	        box-shadow: inset 0px -2px 0 0 #c93;
}
.btn_pattern_01 li a span,
.btn_pattern_02 li a span,
.btn_pattern_03 li a span {
	display: inline-block;
	padding: 5px 0;
}

.btn_pattern_01 .icon_paperplane, .btn_pattern_02 .icon_paperplane { background: url(../../img/img1/android/parts/btn/icon_paperplane.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_newspaper, .btn_pattern_02 .icon_newspaper { background: url(../../img/img1/android/parts/btn/icon_newspaper.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_search, .btn_pattern_02 .icon_search { background: url(../../img/img1/android/parts/btn/icon_search.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_ticket, .btn_pattern_02 .icon_ticket { background: url(../../img/img1/android/parts/btn/icon_ticket.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_heart, .btn_pattern_02 .icon_heart { background: url(../../img/img1/android/parts/btn/icon_heart.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_foot, .btn_pattern_02 .icon_foot { background: url(../../img/img1/android/parts/btn/icon_foot.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_user, .btn_pattern_02 .icon_user { background: url(../../img/img1/android/parts/btn/icon_user.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_mail, .btn_pattern_02 .icon_mail { background: url(../../img/img1/android/parts/btn/icon_mail.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_like, .btn_pattern_02 .icon_like { background: url(../../img/img1/android/parts/btn/icon_like.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_pen, .btn_pattern_02 .icon_pen { background: url(../../img/img1/android/parts/btn/icon_pen.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_rank, .btn_pattern_02 .icon_rank { background: url(../../img/img1/android/parts/btn/icon_rank.png) left 50% no-repeat transparent; }
.btn_pattern_01 .icon_new, .btn_pattern_02 .icon_new { background: url(../../img/img1/android/parts/btn/icon_new.png) left 50% no-repeat transparent; }

.btn_pattern_01 .icon_paperplane, .btn_pattern_02 .icon_paperplane,
.btn_pattern_01 .icon_newspaper, .btn_pattern_02 .icon_newspaper,
.btn_pattern_01 .icon_search, .btn_pattern_02 .icon_search,
.btn_pattern_01 .icon_ticket, .btn_pattern_02 .icon_ticket,
.btn_pattern_01 .icon_heart, .btn_pattern_02 .icon_heart,
.btn_pattern_01 .icon_foot, .btn_pattern_02 .icon_foot,
.btn_pattern_01 .icon_user, .btn_pattern_02 .icon_user,
.btn_pattern_01 .icon_mail, .btn_pattern_02 .icon_mail,
.btn_pattern_01 .icon_like, .btn_pattern_02 .icon_like,
.btn_pattern_01 .icon_pen, .btn_pattern_02 .icon_pen,
.btn_pattern_01 .icon_rank, .btn_pattern_02 .icon_rank,
.btn_pattern_01 .icon_new, .btn_pattern_02 .icon_new {
	padding-left: 35px;
	-webkit-background-size: 30px 30px;
	   -moz-background-size: 30px 30px;
	     -o-background-size: 30px 30px;
	        background-size: 30px 30px;
	    -ms-background-size: 30px 30px;
}

.btn_pattern_03 .icon_paperplane { background: url(../../img/img1/android/parts/btn/icon_paperplane.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_newspaper { background: url(../../img/img1/android/parts/btn/icon_newspaper.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_search { background: url(../../img/img1/android/parts/btn/icon_search.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_ticket { background: url(../../img/img1/android/parts/btn/icon_ticket.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_heart { background: url(../../img/img1/android/parts/btn/icon_heart.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_foot { background: url(../../img/img1/android/parts/btn/icon_foot.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_user { background: url(../../img/img1/android/parts/btn/icon_user.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_mail { background: url(../../img/img1/android/parts/btn/icon_mail.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_like { background: url(../../img/img1/android/parts/btn/icon_like.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_pen { background: url(../../img/img1/android/parts/btn/icon_pen.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_rank { background: url(../../img/img1/android/parts/btn/icon_rank.png) center top no-repeat transparent; }
.btn_pattern_03 .icon_new { background: url(../../img/img1/android/parts/btn/icon_new.png) center top no-repeat transparent; }

.btn_pattern_03 .icon_paperplane,
.btn_pattern_03 .icon_newspaper,
.btn_pattern_03 .icon_search,
.btn_pattern_03 .icon_ticket,
.btn_pattern_03 .icon_heart,
.btn_pattern_03 .icon_foot,
.btn_pattern_03 .icon_user,
.btn_pattern_03 .icon_mail,
.btn_pattern_03 .icon_like,
.btn_pattern_03 .icon_pen,
.btn_pattern_03 .icon_rank,
.btn_pattern_03 .icon_new {
	padding-top: 40px;
	-webkit-background-size: 40px 40px;
	   -moz-background-size: 40px 40px;
	     -o-background-size: 40px 40px;
	        background-size: 40px 40px;
	    -ms-background-size: 40px 40px;
}

/* facebook btn only */
.btn_pattern_01 li .color_facebook[type="reset"],
.btn_pattern_01 li .color_facebook[type="button"],
.btn_pattern_01 li .color_facebook[type="submit"] {
	background-color: #3664a2;
	-webkit-box-shadow: inset 0px -2px 0 0 #274977;
	   -moz-box-shadow: inset 0px -2px 0 0 #274977;
	        box-shadow: inset 0px -2px 0 0 #274977;
}
.btn_pattern_01 li .color_facebook[type="reset"],
.btn_pattern_01 li .color_facebook[type="button"],
.btn_pattern_01 li .color_facebook[type="submit"] { background: url(../../img/img1/android/parts/btn/icon_facebook.png) 10% 50% no-repeat #3664a2;}
.btn_pattern_01 li .color_facebook[type="reset"],
.btn_pattern_01 li .color_facebook[type="button"],
.btn_pattern_01 li .color_facebook[type="submit"] {
	-webkit-background-size: 30px 30px;
	   -moz-background-size: 30px 30px;
	     -o-background-size: 30px 30px;
	        background-size: 30px 30px;
	    -ms-background-size: 30px 30px;
}

.btn_pattern_02 .upload_btn .file_btn {
	display: block;
	margin: 0;
	padding: 10px;
	height: 19px;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-webkit-appearance: none;
	-webkit-box-shadow: inset 0px -2px 0 0 #888;
	   -moz-box-shadow: inset 0px -2px 0 0 #888;
	        box-shadow: inset 0px -2px 0 0 #888;
	background-color: #aaa;
	-webkit-box-shadow: inset 0px -2px 0 0 #888;
	   -moz-box-shadow: inset 0px -2px 0 0 #888;
	        box-shadow: inset 0px -2px 0 0 #888;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
	line-height: 1.4;
	cursor: pointer;
}
.btn_pattern_02 .upload_btn .file_btn input {
	visibility: hidden;
	height: 0;
}
.btn_pattern_02 .upload_btn { width: 16%;}
.btn_pattern_02 .send_message { width: 82%;}

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

 nav

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

.nav ul { border-top: 1px solid #ddd;}
.nav ul li { border-bottom: 1px solid #ddd; }
.nav ul li:last-child { margin-bottom: 0; }

.nav table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	background: #fff;
}
.nav table td {
	width: 50%;
	border-bottom: 1px solid #ddd;
}
.nav table td:nth-child(even) { border-left: 1px solid #ddd; }

.nav table .txt_right { text-align: right;}

.nav table td span {
	display: block;
}

#footer .nav { margin: 0 0; }
#footer .nav ul { border-top: none;}
#footer .nav ul li {
	border-top: 1px solid #444;
	border-bottom: 1px solid #222;
}
#footer .nav ul li:first-child { border-top: none;}
#footer .nav ul li:last-child { border-bottom: none;}

.assist_menu {
	overflow: hidden;
	margin: 10px 0;
	padding: 5px 10px;
	background-color: #555;
}
.assist_menu p {
	color: #fff;
	font-size: 85%;
}
.assist_menu ul {
	float: right;
	overflow: hidden;
}
.assist_menu ul li {
	float: left;
	margin-right: 5px;
}
.assist_menu ul li:last-child { margin-right: 0;}
.assist_menu ul li a,
.assist_menu ul li input[type="reset"],
.assist_menu ul li input[type="button"],
.assist_menu ul li input[type="submit"] {
	display: inline-block;
	padding: 2px 10px;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	-webkit-appearance: none;
	background-color: #333;
	-webkit-box-shadow: inset 0px -2px 0 0 #222;
	   -moz-box-shadow: inset 0px -2px 0 0 #222;
	        box-shadow: inset 0px -2px 0 0 #222;
	color: #fff;
	text-align: center;
	font-size: 85%;
}
.assist_menu ul li a.form_clear_glay {
	background-color: #aaa;
	-webkit-box-shadow: inset 0px -2px 0 0 #888;
	   -moz-box-shadow: inset 0px -2px 0 0 #888;
	        box-shadow: inset 0px -2px 0 0 #888;
}
.assist_menu ul li input[type="reset"],
.assist_menu ul li input[type="button"],
.assist_menu ul li input[type="submit"] {
	padding: 3px 10px;
	border: none;
}
.assist_menu dl {
	display: table;
	overflow: hidden;
	width: 100%;
	color: #fff;
	font-size: 93%;
}
.assist_menu dl dt {
	display: table-cell;
	vertical-align: middle;
}
.assist_menu dl dd {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}

.assist_menu dl dd label {
	display: inline-block;
	padding: 2px 10px;
	-webkit-border-radius: 6px;
	   -moz-border-radius: 6px;
	        border-radius: 6px;
	background-color: #333;
	-webkit-box-shadow: inset 0px -2px 0 0 #222;
	   -moz-box-shadow: inset 0px -2px 0 0 #222;
	        box-shadow: inset 0px -2px 0 0 #222;
	color: #fff;
	text-align: center;
	font-size: 85%;
}
.assist_menu dl dd .checkbox_input_together,
.assist_menu dl dd .radio_input_together { display: none;}

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

 contents_box

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

.contents_box .img_left {
	float: left;
	margin: 0 10px 5px 0;
}
.contents_box .img_right {
	float: right;
	margin: 0 0 5px 10px;
}
.contents_box .img_center {
	margin: 0 0 5px 0;
	text-align: center;
}

.contents_box .posted_img {
	margin: 0 0 5px 0;
	text-align: center;
}
.contents_box .posted_img a {
	display: block;
	overflow: hidden;
	height: 150px;
}
.contents_box .posted_img img {
	width: 100%;
}

.contents_box .text_left { text-align: left; }
.contents_box .text_right { text-align: right; }
.contents_box .text_center { text-align: center; }

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

 contents_flow

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

.contents_flow { margin: 10px 0; }
.contents_flow .flow_block {
	margin: 10px 0;
	padding: 0 0 25px;
	background: url(../../img/img1/android/parts/contents_flow/arrow_bottom_001.png) center bottom no-repeat;
	-webkit-background-size: 20px 14px;
	   -moz-background-size: 20px 14px;
	     -o-background-size: 20px 14px;
	        background-size: 20px 14px;
	    -ms-background-size: 20px 14px;
}
.contents_flow div:first-child { margin-top: 0; }
.contents_flow .flow_block:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

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

 contents_flow_list

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

.contents_flow_list {
	margin: 10px 0;
}
.contents_flow_list li {
	margin: 10px 0;
	padding: 0 0 25px;
	background: url(../../img/img1/android/parts/contents_flow_list/arrow_bottom_001.png) center bottom no-repeat;
	-webkit-background-size: 15px 15px;
	   -moz-background-size: 15px 15px;
	     -o-background-size: 15px 15px;
	        background-size: 15px 15px;
	    -ms-background-size: 15px 15px;
}
.contents_flow_list li p {
	background: #eee;
	padding: 5px;
}
.contents_flow_list li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

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

 contents_table

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

.contents_table_01,
.contents_table_02 {
	margin: 10px 0;
	padding: 0 3px;
	background: #fff;
}
.contents_table_01 table,
.contents_table_02 table {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
.contents_table_01 table th,
.contents_table_01 table td { border-bottom: 1px solid #ddd; }
.contents_table_01 table th,
.contents_table_02 table th {
	padding: 4px 8px;
	background: #eee;
	text-align: left;
	font-weight: bold;
}
.contents_table_01 table td,
.contents_table_02 table td { padding: 10px 8px; }
.contents_table_02 table th,
.contents_table_02 table td { border: 1px solid #ddd; }

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

 contents_faq

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

.contents_faq { margin: 10px 0; }
.contents_faq dl {
	clear: both;
	overflow: hidden;
}
.contents_faq dl dt { float: left; }
.contents_faq dl dd { padding-left: 1.5em; }
.contents_faq dl.question {
	margin: 0 auto 5px;
	padding: 2px 3px 5px;
	border-bottom: 1px dotted #444;
	font-weight: bold;
}
.contents_faq dl.answer {
	margin: 0 auto 30px;
	padding: 2px 3px 0;
}
.contents_faq dl.answer dt { color: #ff0000; }
.contents_faq:last-child,
.contents_faq dl.answer:last-child { margin-bottom: 0; }

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

 contents_accordion

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

.contents_accordion {}
.contents_accordion h2,.contents_accordion h3 {
	clear: both;
	font-size: 108%;
}
.contents_accordion dl {
	overflow: hidden;
}
.contents_accordion dl dt {
	clear: both;
	margin: 10px auto;
	padding: 0 3px 3px;
	border-bottom: 1px solid #bbb;
	font-size: 108%;
	font-weight: bold;
}
.contents_accordion dl dd {
	overflow: hidden;
	margin: 10px 3px 20px;
}
.contents_accordion dl dd:last-child { margin-bottom: 0; }
.contents_accordion dl dd p {
	padding: 0 2px;
	margin-bottom: 10px;
}
.contents_accordion dl dd p:last-child { margin-bottom: 0; }
.contents_accordion .trigger {
	padding:10px 10px 10px 15px;
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px solid #d0d0d0;
}
.contents_accordion .trigger.active {
	border-bottom: 1px solid #cfcfcf;
}
.contents_accordion .trigger:last-child {
	border-bottom: 0;
}
.contents_accordion .acordion_tree {
	padding: 15px;
	border-bottom: 1px solid #d0d0d0;
	background-color: #fff;
}
.contents_accordion .open-close {
	float:right;
	text-indent: -9999px;
	display:block;
	background: url(../../img/img1/android/parts/contents_accordion/list_arrow_bottom.png) 0 5px no-repeat;
	padding: 0 10px 2px 10px;
	-moz-background-size: 20px 14px; /* Firefox */
	-webkit-background-size: 20px 14px; /* Safari,Chromeなど */
	-o-background-size: 20px 14px; /* Opera */
	-ms-background-size: 20px 14px; /* ie */
	background-size: 20px 14px;
}
.contents_accordion .trigger.active .open-close {
	background: url(../../img/img1/android/parts/contents_accordion/list_arrow_top.png) 0 5px no-repeat;
	padding: 0 10px 2px 10px;
	-moz-background-size: 20px 14px; /* Firefox */
	-webkit-background-size: 20px 14px; /* Safari,Chromeなど */
	-o-background-size: 20px 14px; /* Opera */
	-ms-background-size: 20px 14px; /* ie */
	background-size: 20px 14px;
}
.contents_accordion .text_left { text-align: left; }
.contents_accordion .text_right { text-align: right; }
.contents_accordion .text_center { text-align: center; }
.contents_accordion .contents_block { margin-bottom: 0; }

.msg_reply dl dt {
	border-bottom: none;
}
.msg_reply dl dd {
	position: relative;
}
.msg_reply dl dd span.open-close {
	position: absolute;
	top: 40%;
	right: 10px;
}
.msg_reply .acordion_tree {
	padding: 0;
}
.msg_reply .list_pattern_03 dt {
	padding: 10px;
}


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

	counter

=======================================*/
.counter {
	margin-bottom: 5px;
	padding: 0 10px 0;
	overflow: hidden;
}
.counter ul {
	float: right;
	overflow: hidden;
}
.counter ul li {
	float: left;
	margin-left: 10px;
	border-bottom: none;
	font-size: 77%;
}
.counter ul .count_view { background: url(../../img/img1/android/icon/icon_count_view.png) left 50% no-repeat; color: #ff9933;}
.counter ul .count_like { background: url(../../img/img1/android/icon/icon_count_like.png) left 50% no-repeat; color: #ff3333;}
.counter ul .count_dislike { background: url(../../img/img1/android/icon/icon_count_dislike.png) left 50% no-repeat; color: #33ccff;}

.counter ul .count_view,
.counter ul .count_like,
.counter ul .count_dislike {
	padding-left: 24px;
	-webkit-background-size: 20px 20px;
	   -moz-background-size: 20px 20px;
	     -o-background-size: 20px 20px;
	        background-size: 20px 20px;
	    -ms-background-size: 20px 20px;
}

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

 bbs_corner

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

.bbs_corner {
  overflow-x: auto;
	background-color: #fff;
}
.bbs_corner::-webkit-scrollbar{
	display:none;
	height: 5px;
}
.bbs_corner::-webkit-scrollbar {
}
.bbs_corner::-webkit-scrollbar-track {
	background: #ccc;
}
.bbs_corner::-webkit-scrollbar-thumb {
	background: #ccc;
}
.bbs_corner_tab{
  overflow-x: auto;
	display: table;
  border-collapse: separate;
  border-spacing: 3px 0;
	margin-top: 20px;
}
.bbs_corner_button{
	display: table-cell;
	text-align: center;
	background: rgb(217, 221, 227) none repeat scroll 0% 0%;
	vertical-align: middle;
	-webkit-border-radius: 6px 6px 0 0;
	   -moz-border-radius: 6px 6px 0 0;
	        border-radius: 6px 6px 0 0;
	border-bottom-width: 4px;
}

.bbs_corner_button.bbs_corner_active {
	border-bottom: none;
}
.bbs_corner_button a{
	padding: 8px 20px;
	color: #fff;
	display: block;
	text-decoration: none;
	font-size: 12px;
}

.bbs_corner_button.bbs_category_00 { background-color: #888888; }
.bbs_corner_button.bbs_category_01 { background-color: #0299FD; }
.bbs_corner_button.bbs_category_02 { background-color: #E01514; }
.bbs_corner_button.bbs_category_03 { background-color: #F86DB8; }
.bbs_corner_button.bbs_category_04 { background-color: #96356F; }
.bbs_corner_button.bbs_category_05 { background-color: #aadd33; }
.bbs_corner_button.bbs_category_06 { background-color: #006633; }
.bbs_corner_button.bbs_category_07 { background-color: #0D78FE; }
.bbs_corner_button.bbs_category_08 { background-color: #643498; }
.bbs_corner_button.bbs_category_14 { background-color: #663399; }
.bbs_corner_button.bbs_category_15 { background-color: #FD7118; }
.bbs_corner_button.bbs_category_28 { background-color: #ffcc33; }

.border_category_00 { border-top: 3px solid #888888; }
.border_category_01 { border-top: 3px solid #0299FD; }
.border_category_02 { border-top: 3px solid #E01514; }
.border_category_03 { border-top: 3px solid #F86DB8; }
.border_category_04 { border-top: 3px solid #96356F; }
.border_category_05 { border-top: 3px solid #aadd33; }
.border_category_06 { border-top: 3px solid #006633; }
.border_category_07 { border-top: 3px solid #0D78FE; }
.border_category_08 { border-top: 3px solid #643498; }
.border_category_14 { border-top: 3px solid #663399; }
.border_category_15 { border-top: 3px solid #FD7118; }
.border_category_28 { border-top: 3px solid #ffcc33; }


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

 page_top

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

.page_top {
	background: #0077FF;
	text-align: center;
	font-size: 85%;
}
.page_top a {
	display: block;
	padding: 12px 10px;
	color: #fff;
}
.page_top span {
	padding-left: 24px;
	background:url(../../img/img1/android/parts/page_top_pattern/top_arrow_001.png) left 45% no-repeat;
	-webkit-background-size: 15px 11px;
	   -moz-background-size: 15px 11px;
	     -o-background-size: 15px 11px;
	        background-size: 15px 11px;
	    -ms-background-size: 15px 11px;
}

.footer_btn {
  position: fixed;
  bottom: 0;
  display: block;
	margin-bottom: 0;
	padding: 10px 0;
	border-top: 1px solid #ddd;
	background-color: rgba(255,255,255,0.8);
	width: 100%;
	z-index: 10;
}

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

	user_type

=======================================*/
.stop_usr,
.resign_usr {
	display: inline-block;
	margin-left: 5px;
	padding: 2px 6px 1px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	background-color: #ee3333;
	color: #fff;
	font-size: 77%;
	font-weight: normal;
	line-height: 1.3;
}
.stop_usr { background-color: #ee3333;}
.resign_usr { background-color: #ff9900;}

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

 tag

=======================================*/
.content .tag_new {
	display: inline-block;
	padding: 2px 6px 1px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	background-color: #ee3333;
	color: #fff;
	font-size: 77%;
	line-height: 1.4;
}
.content .tag_category_01,
.content .tag_category_02,
.content .tag_category_03,
.content .tag_category_04,
.content .tag_category_05,
.content .tag_category_06,
.content .tag_category_07,
.content .tag_category_08,
.content .tag_category_14,
.content .tag_category_15,
.content .tag_category_28 {
	display: inline-block;
	margin-bottom: 4px;
	padding: 1px 6px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	background-color: #0077ff;
	color: #fff;
	text-align: center;
	font-weight: normal;
	font-size: 77%;
}
.content .tag_category_01 { background-color: #0299FD; }
.content .tag_category_02 { background-color: #E01514; }
.content .tag_category_03 { background-color: #F86DB8; }
.content .tag_category_04 { background-color: #96356F; }
.content .tag_category_05 { background-color: #aadd33; }
.content .tag_category_06 { background-color: #006633; }
.content .tag_category_07 { background-color: #0D78FE; }
.content .tag_category_08 { background-color: #643498; }
.content .tag_category_14 { background-color: #663399; }
.content .tag_category_15 { background-color: #FD7118; }
.content .tag_category_28 { background-color: #ffcc33; }


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

 pager

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

.pager {
	text-align: center;
}
.pager li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}
.pager li span,
.pager li a {
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 6px 10px;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	background: #fff;
	border: 1px solid #eee;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1;
}

.pager li span,
.pager li a:hover {
	background: #0077ff;
	border: 1px #0077ff solid;
	color: #fff;
}

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

 text_link

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

.text_link { text-align: right; }
.text_link a {
	display: block;
	padding: 2px 10px;
}

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

 text_size

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

.font_size_xxs { font-size: 77%;}
.font_size_xs { font-size: 85%; }
.font_size_s { font-size: 93%; }
.font_size_m { font-size: 108%; }
.font_size_l { font-size: 116%; }
.font_size_xl { font-size: 123%; }
.font_size_xxl { font-size: 132%; }

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

 text_weight

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

.font_weight_m { font-weight: normal; }
.font_weight_l { font-weight: bold; }

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

 text_color

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

.text_color_red { color: #d00; }
.text_color_blue { color: #00a; }
.text_color_green { color: #2E8B57; }
.text_color_yellow { color: #ffd700; }
.text_color_orange { color: #FF8C00; }
.text_color_pink { color: #FF1493; }
.text_color_gray { color: #888; }

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

 text_bg_color

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

.text_bg_red,
.text_bg_blue,
.text_bg_green,
.text_bg_yellow,
.text_bg_orange,
.text_bg_pink,
.text_bg_gray {
	padding: 3px;
	color: #fff;
}
.text_bg_red { background: #d00; }
.text_bg_blue { background: #00a; }
.text_bg_green { background: #2e8B57; }
.text_bg_yellow { background: #ffd700; }
.text_bg_orange { background: #ff8c00; }
.text_bg_pink { background: #ff1493; }
.text_bg_gray { background: #888; }

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

 text_attention

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

.text_attention,
.attention_txt li {
	margin-left: 1em;
	text-indent: -1em;
	color: #d00;
}
.text_attention li { margin-bottom: 5px;}
.text_attention a { color: #d00;}

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

 text-align

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

.text_left { text-align: left; }
.text_right { text-align: right; }
.text_center { text-align: center; }

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

 text-indent

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

.text_indent { text-indent: -9999px; }

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

 other

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

.text_color_imp {
	color: #ff0000;
}

.text_color_01 {
	color: #00a;
}

.text_color_normal {
	color: #333;
}

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

	ファイル別アイコン

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

/* 外部リンク要素
----------------------------------------------------------- */
a[target="_blank"] {
	background: url(../../img/img1/android/common/icon_external.png) no-repeat right 50%;
	padding: 3px 22px 2px 0;
	-moz-background-size: 16px 16px; /* Firefox */
	-webkit-background-size: 16px 16px; /* Safari,Chromeなど */
	-o-background-size: 16px 16px; /* Opera */
	-ms-background-size: 16px 16px; /* ie */
	background-size: 16px 16px;
}

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

	notification-badge

=======================================*/
/* 190613 common-style.cssと置き換え */
/* .badge-outter {
	background: #fff;
	border: 1px solid #fff;
	border-radius: 9px;
	float: left;
	top: -9px;
	right: -9px;
}
.badge-inner {
	min-width: 18px;
	height: 18px;
	-webkit-box-shadow: 0 0 1px 0 #ee6666;
	border-radius: 9px;
	background: #dd4444;
	background: -moz-linear-gradient(100% 100% 90deg, #dd4444, #ee6666);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ee6666), to(#dd4444));
	background: -webkit-linear-gradient(#ee625a, #d84037);
	background: -o-linear-gradient(#ee6666, #dd4444);
	margin: 0;
}
.badge-layout {
	color: #fff;
	padding: 2px;
	margin: 0;
	text-align: center;
}
.badge-number {
	font-size: 12px;
	font-weight: bold;
	line-height: 1em;
	vertical-align: middle;
}
.badge-clear {
	clear: both;
}
.notification-badge {
	z-index: 10;
	position: relative;
	display: inline-block;
}
.notification-badge.top {
	top: -44px;
	left: 40px;
}
.ntfbadge{
	background: #FF3333;
	background: -moz-linear-gradient(100% 100% 90deg, #FF3333, #DD0000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DD0000), to(#FF3333));
	background: -o-linear-gradient(#DD0000, #FF3333);
	border-radius: 9px;
	height: 18px;
	min-width: 18px;
	line-height: 1.7;
	color: #fff;
	display: inline-block;
	padding: 0 3px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
}
.navFooter .item .ntfbadge{position:absolute;top:0;left:65%;} */
/*.navFooter .item .ntfbadge.mail{ left: 53%;}.navFooter .item .ntfbadge.foot{ left: 73%;}.navFooter .item .ntfbadge.ntf{ left: 93%;}*/


/*
  notification-badge
---------------------------------------------------------------------------------*/
.badge-outter {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 9px;
    float: left;
    top: -9px;
    right: -9px;
}
.badge-inner {
    min-width: 18px;
    height: 18px;
    -webkit-box-shadow: 0 0 1px 0 #ee6666;
    border-radius: 9px;
    background: #dd4444;
    background: -moz-linear-gradient(100% 100% 90deg, #dd4444, #ee6666);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ee6666), to(#dd4444));
    background: -webkit-linear-gradient(#ee625a, #d84037);
    background: -o-linear-gradient(#ee6666, #dd4444);
    margin: 0;
}
.badge-inner {
    background: #e50000;
}
.badge-layout {
    color: #fff;
    padding: 2px;
    margin: 0;
    text-align: center;
}
.badge-number {
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    vertical-align: middle;
}
.badge-clear {
    clear: both;
}
.notification-badge {
    z-index: 10;
    position: relative;
	display: inline-block;
}
.notification-badge.top {
	top: 3px;
    left: 25px;
}
.ntfbadge{
	background: #FF3333;
    background: -moz-linear-gradient(100% 100% 90deg, #FF3333, #DD0000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DD0000), to(#FF3333));
    background: -o-linear-gradient(#DD0000, #FF3333);
	border-radius: 9px;
	height: 18px;
	min-width: 18px;
	line-height: 1.7;
	color: #fff;
	display: inline-block;
	padding: 0 3px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
}
.navFooter .item .ntfbadge{position:absolute;top:0;left:65%;}
/*======================================

	icon-sprite

=======================================*/
/* 190613 common-style.cssと置き換え
.sprite {
	background: url(../../img/img1/android/common/sp_icons.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) {
	.sprite {
		background: url(../../img/img1/android/common/sp_icons@2x.png) no-repeat;
		background-size: 230px auto;
		-webkit-background-size: 230px auto;
		-moz-background-size: 230px auto;
		-o-background-size: 230px auto;
		-ms-background-size: 230px auto;
	}
}
.icon-inline {
	height: 25px;
	margin-left: 5px;
	position: absolute;
	top: 9px;
	width: 25px;
}
.sprite.jmaillogo { height: 46px; width: 130px; background-position: 0 0;}
.sprite.icon-head { float: right; height: 46px; width: 48px;}
.sprite.service-menu {
	height: 48px;
	margin-left: auto;
	margin-right: auto;
	width: 48px;
}
.sprite.icon-search {
	position: absolute;
	left: 11px;
	height: 36px;
	width: 25px;
}
.sprite.icon {
	position: absolute;
	left: 7px;
	height: 25px;
	width: 25px;
}
.sprite.icon20 {
	position:absolute;
	top: 0;
	left: 0px;
	height: 20px;
	width: 20px;
}
.sprite.icon40 {
	position:absolute;
	left: 3px;
	height: 40px;
	width: 40px;
}
.sprite.icon48 {
	position:absolute;
	left: 7px;
	height: 48px;
	width: 48px;
}
.sprite.man { background-position: -130px 0;}
.sprite.woman { background-position: -130px -20px;}

.sprite.mail-off { background-position: 0 -50px;}
.sprite.setting-off { background-position: -50px -50px;}
.sprite.menu-off { background-position: -100px -50px;}
.sprite.mail-on { background-position: 0 -100px;}
.sprite.setting-on { background-position: -50px -100px;}
.sprite.menu-on { background-position: -100px -100px;}

.sprite.prof-change { background-position: 0 -150px;}
.sprite.area-change { background-position: 0 -190px;}
.sprite.pass-change { background-position: 0 -230px;}
.sprite.social-login { background-position: 0 -620px;}
.sprite.adult-filter { background-position: 0 -270px;}
.sprite.mail-news-setting { background-position: 0 -310px;}
.sprite.mail-address-setting { background-position: 0 -350px;}
.sprite.mail-setting { background-position: -40px -150px;}
.sprite.tel-setting { background-position: -40px -190px;}
.sprite.tel-received-list { background-position: -40px -230px;}
.sprite.tel-redial-list { background-position: -40px -270px;}
.sprite.add-friend { background-position: -40px -310px;}
.sprite.add-point { background-position: -40px -350px;}

.sprite.bbs{ background-position: -175px 0px;}
.sprite.bbs-adult{ background-position: -175px -25px;}
.sprite.search{ background-position: -175px -50px;}
.sprite.members { background-position: -175px -75px;}
.sprite.phone { background-position: -175px -100px;}
.sprite.diary { background-position: -175px -125px;}
.sprite.footmark { background-position: -175px -150px;}
.sprite.entame { background-position: -175px -175px;}
.sprite.favorite { background-position: -175px -200px;}
.sprite.photo { background-position: -175px -225px;}
.sprite.movie { background-position: -175px -250px;}
.sprite.j-tube { background-position: -175px -275px;}
.sprite.afi { background-position: -175px -300px;}
.sprite.market { background-position: -175px -325px;}
.sprite.crown { background-position: -175px -350px;}
.sprite.shine { background-position: -175px -375px;}
.sprite.shine-orange { background-position: -175px -400px;}
.sprite.attention { background-position: -175px -425px;}

.sprite.alert { background-position: -150px 0;}
.sprite.point { background-position: -150px -25px;}
.sprite.glitter { background-position: -150px -50px;}
.sprite.giftbox { background-position: -150px -75px;}
.sprite.caution { background-position: -150px -100px;}
.sprite.memo-orange { background-position: -150px -125px;}
.sprite.help { background-position: -150px -150px;}
.sprite.fee { background-position: -150px -175px;}
.sprite.demand { background-position: -150px -200px;}
.sprite.new { background-position: -150px -225px;}
.sprite.osusume { background-position: -150px -250px;}
.sprite.gift { background-position: -150px -275px;}
.sprite.messege { background-position: -150px -300px;}
.sprite.play-arrow { background-position: -150px -325px;}
.sprite.pen { background-position: -150px -350px;}
.sprite.calendar { background-position: -150px -375px;}
.sprite.region { background-position: -150px -400px;}
.sprite.memo{ background-position: -150px -425px;}

.sprite.user { background-position: 0 -390px;}
.sprite.map { background-position: -20px -390px;}
.sprite.time { background-position: -40px -390px;}
.sprite.mail { background-position: -60px -390px;}
.sprite.garbage { background-position: -80px -390px;}

.sprite.like { background-position: 0 -410px;}
.sprite.comment { background-position: -20px -410px;}

.sprite.camera { background-position: -100px -390px;}
.sprite.write { background-position: 0 -450px;}
.sprite.talk-w { background-position: -25px -450px;}
.sprite.search-w { background-position: -50px -450px;}
.sprite.calendar-w { background-position: -75px -450px;}
.sprite.write-gray { background-position: -100px -450px;}
.sprite.talk-gray { background-position: -125px -450px;}
.sprite.search-gray { background-position: -150px -450px;}
.sprite.calendar-gray { background-position: -175px -450px;}

.sprite.nav_top { background-position: -200px 0;}
.sprite.nav_me { background-position: -200px -25px;}
.sprite.nav_mail { background-position: -200px -50px;}
.sprite.nav_foot { background-position: -200px -75px;}
.sprite.nav_ntf { background-position: -200px -100px;}
.active .sprite.nav_top { background-position: -200px -125px;}
.active .sprite.nav_me { background-position: -200px -150px;}
.active .sprite.nav_mail { background-position: -200px -175px;}
.active .sprite.nav_foot { background-position: -200px -200px;}
.active .sprite.nav_ntf { background-position: -200px -225px;}
.sprite.mydiary { background-position: -200px -250px;}
.sprite.myhistory { background-position: -200px -275px;}
.sprite.myfav { background-position: -200px -300px;}
.sprite.info-mail { background-position: -200px -325px;}
.sprite.info-tel { background-position: -200px -350px;}
.sprite.horojyo { background-position: -200px -375px;}
.sprite.weather_i { background-position: -200px -400px;}
.sprite.h-box { background-position: -200px -425px;} */

/*================================================================================
icon-sprite
================================================================================*/
.sprite {
	background: url(https://mintj.com/msm/img/img1/upload/sp_icons.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5) {
	.sprite {
		background: url(https://mintj.com/msm/img/img1/upload/sp_icons@2x.png) no-repeat;
		background-size: 230px auto;
		-webkit-background-size: 230px auto;
		-moz-background-size: 230px auto;
		-o-background-size: 230px auto;
		-ms-background-size: 230px auto;
	}
}
.icon-inline {
    height: 25px;
    margin-left: 5px;
    position: absolute;
    top: 9px;
    width: 25px;
}
.sprite.jmaillogo { height: 46px; width: 130px; background-position: 0 0;}
.sprite.icon-head { float: right; height: 46px; width: 48px;}
.sprite.service-menu {
    height: 48px;
    margin-left: auto;
    margin-right: auto;
    width: 48px;
}
.sprite.icon-search {
    position: absolute;
    left: 11px;
	height: 36px;
    width: 25px;
}
.sprite.icon {
	position:absolute;
	left: 7px;
    height: 25px;
    width: 25px;
}
.sprite.icon20 {
	position:absolute;
	top: 0;
	left: 0px;
    height: 20px;
    width: 20px;
}
.sprite.icon40 {
	position:absolute;
	left: 3px;
    height: 40px;
    width: 40px;
}
.sprite.icon48 {
	position:absolute;
	left: 7px;
    height: 48px;
    width: 48px;
}
.sprite.man { background-position: -130px 0;}
.sprite.woman { background-position: -130px -20px;}

.sprite.mail-off { background-position: 0 -50px;}
.sprite.setting-off { background-position: -50px -50px;}
.sprite.menu-off { background-position: -100px -50px;}
.sprite.mail-on { background-position: 0 -100px;}
.sprite.setting-on { background-position: -50px -100px;}
.sprite.menu-on { background-position: -100px -100px;}

.sprite.prof-change { background-position: 0 -150px;}
.sprite.area-change { background-position: 0 -190px;}
.sprite.pass-change { background-position: 0 -230px;}
.sprite.social-login { background-position: 0 -620px;}
.sprite.adult-filter { background-position: 0 -270px;}
.sprite.mail-news-setting { background-position: 0 -310px;}
.sprite.mail-address-setting { background-position: 0 -350px;}
.sprite.mail-setting { background-position: -40px -150px;}
.sprite.tel-setting { background-position: -40px -190px;}
.sprite.tel-received-list { background-position: -40px -230px;}
.sprite.tel-redial-list { background-position: -40px -270px;}
.sprite.tel-received-redial-list { background-position: -40px -495px;}
.sprite.add-friend { background-position: -40px -310px;}
.sprite.add-point { background-position: -40px -350px;}
.sprite.push {background-position: 0 -485px;}

.sprite.bbs{ background-position: -175px 0px;}
.sprite.bbs-adult{ background-position: -175px -25px;}
.sprite.search{ background-position: -175px -50px;}
.sprite.members { background-position: -175px -75px;}
.sprite.phone { background-position: -175px -100px;}
.sprite.diary { background-position: -175px -125px;}
.sprite.footmark { background-position: -175px -150px;}
.sprite.entame { background-position: -175px -175px;}
.sprite.favorite { background-position: -175px -200px;}
.sprite.photo { background-position: -175px -225px;}
.sprite.movie { background-position: -175px -250px;}
.sprite.j-tube { background-position: -175px -275px;}
.sprite.afi { background-position: -175px -300px;}
.sprite.market { background-position: -175px -325px;}
.sprite.crown { background-position: -175px -350px;}
.sprite.shine { background-position: -175px -375px;}
.sprite.shine-orange { background-position: -175px -400px;}
.sprite.attention { background-position: -175px -425px;}
.sprite.weather_i { background-position: -200px -525px;}

.sprite.alert { background-position: -150px 0;}
.sprite.point { background-position: -150px -25px;}
.sprite.glitter { background-position: -150px -50px;}
.sprite.giftbox { background-position: -150px -75px;}
.sprite.caution { background-position: -150px -100px;}
.sprite.memo-orange { background-position: -150px -125px;}
.sprite.help { background-position: -150px -150px;}
.sprite.fee { background-position: -150px -175px;}
.sprite.demand { background-position: -150px -200px;}
.sprite.new { background-position: -150px -225px;}
.sprite.osusume { background-position: -150px -250px;}
.sprite.gift { background-position: -150px -275px;}
.sprite.messege { background-position: -150px -300px;}
.sprite.play-arrow { background-position: -150px -325px;}
.sprite.pen { background-position: -150px -350px;}
.sprite.calendar { background-position: -150px -375px;}
.sprite.region { background-position: -150px -400px;}
.sprite.memo{ background-position: -150px -425px;}

.sprite.user { background-position: 0 -390px;}
.sprite.map { background-position: -20px -390px;}
.sprite.time { background-position: -40px -390px;}
.sprite.mail { background-position: -60px -390px;}
.sprite.garbage { background-position: -80px -390px;}

.sprite.like { background-position: 0 -410px;}
.sprite.comment { background-position: -20px -410px;}

.sprite.camera { background-position: -100px -390px;}
.sprite.write { background-position: 0 -450px;}
.sprite.talk-w { background-position: -25px -450px;}
.sprite.search-w { background-position: -50px -450px;}
.sprite.calendar-w { background-position: -75px -450px;}
.sprite.write-gray { background-position: -100px -450px;}
.sprite.talk-gray { background-position: -125px -450px;}
.sprite.search-gray { background-position: -150px -450px;}
.sprite.calendar-gray { background-position: -175px -450px;}

.sprite.nav_top { background-position: -200px 0;}
.sprite.nav_me { background-position: -200px -25px;}
.sprite.nav_mail { background-position: -200px -50px;}
.sprite.nav_foot { background-position: -200px -75px;}
.sprite.nav_ntf { background-position: -200px -100px;}
.active .sprite.nav_top { background-position: -200px -125px;}
.active .sprite.nav_me { background-position: -200px -150px;}
.active .sprite.nav_mail { background-position: -200px -175px;}
.active .sprite.nav_foot { background-position: -200px -200px;}
.active .sprite.nav_ntf { background-position: -200px -225px;}
.sprite.mydiary { background-position: -200px -250px;}
.sprite.myhistory { background-position: -200px -275px;}
.sprite.myfav { background-position: -200px -300px;}
.sprite.info-mail { background-position: -200px -325px;}
.sprite.info-tel { background-position: -200px -350px;}
.sprite.horojyo { background-position: -200px -375px;}
.sprite.affiliate { background-position: -200px -450px;}

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

	not_login_footer

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

.footer_extra {
	border-top: 1px solid #222;
	background-color: #252525;
}
.footer_extra dl {
	font-size: 77%;
	text-align: center;
	padding: 15px 10px;
}
.footer_extra dl dd { margin-bottom: 5px;}
.footer_extra dl dd:last-child { margin-bottom: 0;}