@charset "utf-8";
/* babafuku */

/*コンテンツ*/
* {
	margin: 0px;
	padding: 0px;
}

body{
 -webkit-font-smoothing: antialiased;
 background-color:#000;
 color:#fff;
 margin:0px;
 padding:0px;
 font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

.center{
	display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
-js-display: flex;
display: flex;
flex-wrap: wrap;
flex-direction:row;
flex-wrap:nowrap;
	position: relative;
	width: 100%;
	text-align:center;
}
.white_img{
	width:100%;
	background-color:#fff;
	color:#666;
	font-size:14px;
}
.black_img{
	width:100%;
	background-color:#111;
	color:#666;
	font-size:14px;
}
.black_img_2{
	width:100%;
	background-color:#000;
	color:#fff;
	font-size:14px;
}
.color_img{
	width:100%;
	box-shadow: 0px 0px 10px 1px rgba(27,73,71,0.3); /*box-shadow: 左右の向きpx  上下の向きpx ぼかしpx 広がりpx 色 内側指定;*/
	
	background: linear-gradient(60deg, #fff, #000, #fff);
  background-size: 300% 100%;
  animation: img_back_AnimationName 9s ease infinite;
}
@keyframes img_back_AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/*///////////////////////////////////////////*/
.body_back{
 background-color:#b5b09b;
 background-position:50% 0%;
}

.img_back{
 background-color:#b5b09b;
 background-position:50% 0%;
}

.white_text{
	color:#FFF;
	padding:10px;
	line-height:1.4em;
}

a {text-decoration: none;}
a:link { color: #fff; }
a:visited { color: #fff; }
a:active { color: #999; }
a:hover{ color: #999; }

a.no2:link { color: #ff6600; }
a.no2:visited { color: #ff6600; }
a.no2:active { color: #ff9966; }
a.no2:hover{ color: #ff9966;
}

a.no3:link { color: #666666; }
a.no3:visited { color: #666666; }
a.no3:active { color: #ff6600; }
a.no3:hover{ color: #ff6600; }

a.no4:link { color: #ffffff; }
a.no4:visited { color: #ffffff; }
a.no4:active { color: #ffffff; }
a.no4:hover{ color: #ffffff; }

a.no5:link { color: #FFFFFF; }
a.no5:visited { color: #FFFFFF; }
a.no5:active { color: #ff9966; }
a.no5:hover{ color: #ff9966; }

a.no6:link { color: #800023; }
a.no6:visited { color: #800023; }
a.no6:active { color: #CD3278; }
a.no6:hover{ color: #CD3278; }

a.no7:link { color: #fdfaf1; }
a.no7:visited { color: #fdfaf1; }
a.no7:active { color: #d9d1ac; }
a.no7:hover{ color: #d9d1ac; }

a.no_bl:link { color: #008B8B; }
a.no_bl:visited { color: #008B8B; }
a.no_bl:active { color: #00b7b7; }
a.no_bl:hover{ color: #00b7b7; }



.s_h1{font-size: 16px; padding:4px; margin:0px; line-height:1.4em; color:#ff6600; font-weight:lighter; background-color:#fffdf3;}
.s_h2{font-size: 16px; padding:4px; margin:0px}


.s_amazon {padding:0px; margin:0px;; background-color:#f1efe2;}

/*����*/
.s_mozi_item {font-size: 16px; padding:10px; margin:0px;}
.s_mozi_1 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em;}
.s_mozi_2 {font-size: 14px; padding:4px; margin:0px; line-height:1.4em; background-color:#fffdf3;}
.s_mozi_3 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#f1efe2;}
.s_mozi_4 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#ddd7be;}
.s_mozi_5 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#CDAA7D;}
.s_mozi_6 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#fffdf3;}
.s_mozi_7 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#ddd7be;}
.s_mozi_8 {font-size: 12px; padding:4px; margin:0px; line-height:1.4em; background-color:#f1efe2;}
.s_mozi_9 {font-size: 12px; padding:4px; margin:0px; line-height:1.4em; background-color:#e5e3d6;}
.s_mozi_10 {font-size: 12px; padding:4px; margin:0px; line-height:1.4em; background-color:#e5e3d6;}
.s_mozi_11 {font-size: 60px; padding:4px; margin:0px; line-height:1.4em; background-color:#ff9900; font-weight:bold;}
.s_mozi_12 {font-size: 14px; padding:4px; margin:0px; line-height:1.4em;}
.s_mozi_13 {font-size: 10px; padding:4px; margin:0px; line-height:1.4em;}

.s_mozi_wagon_r1 {font-size: 12px; padding:4px; margin:0px; line-height:1.4em;}
.s_mozi_wagon_r2 {font-size: 14px; padding:4px; margin:0px; line-height:1.4em;}
.s_mozi_wagon_r3 {font-size: 12px; padding:2px; margin:0px; line-height:1.4em;}
.s_mozi_mokuzi {font-size: 14px; padding:4px; margin:0px; line-height:1.4em; background-color:#fffdf3;}

/*����(�����L���O)--*/
.s_mozi_r1 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#FFE099;}
.s_mozi_r2 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#FFB5C5;}
.s_mozi_r3 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#B0E0E6;}
.s_mozi_r4 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#C1F0C1;}
.s_mozi_r1_2 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#FFF8DC;}
.s_mozi_r2_2 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#FFF0F5;}
.s_mozi_r3_2 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#f0ffff;}
.s_mozi_r4_2 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#f0fff0;}

/*--���C��--*/
.s_hr{padding:0px; margin:0px;}
.s_hr2{padding:1px; margin:0px; border:0px; background-color:#ddd7be;}
/*--���C��(�����L���O)--*/
.s_hr_r1{padding:1px; margin:0px; border:0px; background-color:#FF870C;}
.s_hr_r2{padding:1px; margin:0px; border:0px; background-color:#F500CA;}
.s_hr_r3{padding:1px; margin:0px; border:0px; background-color:#00AEE7;}
.s_hr_r4{padding:1px; margin:0px; border:0px; background-color:#00c800;}

/*--�J�[�g����--*/
.s_wagon_p{
	padding:0px; margin:4px 0px 4px 0px;
}

/*�ۂ���*/
.potti_content {
	display: -webkit-box;
display: -moz-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
-js-display: flex;
display: flex;
flex-wrap: wrap;
flex-direction:row;
flex-wrap:nowrap;
	position: relative;
	width: 100%;
}
.potti_content_a {
    display: block;
	float:left;
    padding: 4px;
	height: 50px;
	width: 50px;
}
.potti_content_b {
	padding: 4px;
}
.potti_content .follow {
    osition: relative;
    top: 0;
}
.potti_content ul {
    width: 100%;
    list-style:none;
}
.potti_content_li_0 {
    display: block;
	float:left;
    padding: 0px 4px 0px 0px;
	height: 50px;
	width: 50px;
}
.potti_content_li_1{
    display: block;
	float: left;
    padding: 0px 0px 0px 0px;;
	font-weight:bold;
	font-size:1.5em;
	height: 50px;
	width: 210px;
	text-align: left;
	vertical-align:middle;
	line-height: 50px;
}


/*--�㕔--*/
.s_head{
	vertical-align: middle;
	text-align:center;
	background: url(../xx_img_s/all/back/back_s.jpg) repeat-x;
	background-color:#ddddd3;
}

/*--���o������--*/
.s_finding{
	background-color:#fffdf3;
	margin:10px 0px 0px 0px;
}

/*--���o������(�����L���O)--*/
.s_finding_r0{
	background-color:#fffdf3;
	margin:0px 0px 0px 0px;
}
.s_finding_r1{
	margin:0px 0px 0px 0px;
	background: url(../xx_img_s/all/ranking/picup_back_1.jpg) no-repeat;
	background-color:#f1f07a;
}
.s_finding_r2{
	margin:0px 0px 0px 0px;
	background: url(../xx_img_s/all/ranking/picup_back_2.jpg) no-repeat;
	background-color:#cde2dd;
}
.s_finding_r3{
	margin:0px 0px 0px 0px;
	background: url(../xx_img_s/all/ranking/picup_back_3.jpg) no-repeat;
	background-color:#f3dc8e;
}
.s_finding_r4{
	margin:0px 0px 0px 0px;
	background: url(../xx_img_s/all/ranking/picup_back_4.jpg) no-repeat;
	background-color:#e5e5e5;
}

/*--���C������--*/
.s_main{
	background-color:#fffdf3;
	margin:0px 0px 10px 0px;
}
.s_main_0{
	background-color:#ffffff;
	margin:0px 0px 10px 0px;
}
.s_main_1{
	background-color:#e5e3d6;
	margin:0px 0px 10px 0px;
}
.s_main_2{
	height:2px;
	margin:0px 0px 0px 0px;
}
.s_main_4{
	background-color:#fffdf3;
	margin:0px 0px 0px 0px;
}
.s_main_4a{
	background-color:#f1efe2;
	margin:0px 0px 0px 0px;
}

/*--���C�g�E���t�g����--*/
.s_detail{
	clear: left;
	width: 100%;
	background-color:#fffdf3;
}
.s_detail_ranking{
	display:block;
	float:left;
	width:140px;
	height:140px;
}
.s_detail_appli{
	display:block;
	float:left;
	width:60px;
	height:60px;
}
.s_detail_appli_2{
	display:block;
	float:left;
	width:230px;
	height:60px;
}
.s_detail_a1{
	display:block;
	float:left;
	width:160px;
}
.s_detail_b1{
	display:block;
	float:left;
	width:200px;
}

.s_detail2_1{
	display:block;
	float:left;
	width:50%;
}
.s_detail2_1a{
	display:block;
	float:left;
	width:50%;
	background-color:#f1efe2;
}
.s_detail2_2{
	display:block;
	float:left;
	width:25%;
}

.s_detail3_1{
	display:block;
	float:left;
	width:88px;
	height:88px;
	background-color:#ebebeb;
}
.s_detail3_2{
	display:block;
	float:left;
	width:80px;
}
.s_detail3_3{
	display:block;
	float:left;
	width:70px;
}
.s_detail3_4{
	display:block;
	float:left;
	width:60px;
}

.s_detail4{
	display:block;
	float:left;
	width:100%;
	height:3px;
}
.s_detail5{
	display:block;
	float:left;
	width:33%;
}
.s_detail6{
	display:block;
	float:left;
	width:20%;
}
.s_detail6a{
	display:block;
	float:left;
	width:20%;
	background-color:#f1efe2;
}
.s_detail6_a{
	display:block;
	float:left;
	width:30%;
	padding:10px;
}
.s_detail6_b{
	display:block;
	float:left;
	width:60%;
	padding:10px 0px 10px 0px;
}
.s_detail7_a{
	display:block;
	float:left;
	width:20%;
	padding:5px;
}
.s_detail7_b{
	display:block;
	float:left;
	width:70%;
	padding:10px 0px 10px 0px;
}

.s_detail8{
	display:block;
	float:left;
	width:30%;
	height:100px;
	padding:0px;
	margin:0px;
	
	background-color: #f2f2f2;
	background-image: url(../xx_img_s/all/navi/icon_back_100.jpg);
	
	border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
	
	text-align:center;
    vertical-align:middle;

}
.s_detail8_2{
	display:block;
	float:left;
	width:100%;
	height:100px;
	padding:0px;
	margin:0px;
	
	background-color: #f2f2f2;
	background-image: url(../xx_img_s/all/navi/icon_back_100.jpg);
	
	border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
	
	text-align:center;
    vertical-align:middle;
}
.s_detail9{
	display:block;
	float:left;
	width:15.9%;
	padding:0px;
	margin:0px;
	
	background-color: #f2f2f2;
	background-image: url(../xx_img_s/all/navi/icon_back_100.jpg);
	
	border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
	
	text-align:center;
    vertical-align:middle;

}
.s_detail10{
	display:block;
	float:left;
	width:33.3%;
}
.s_detail10_a{
	display:block;
	float:left;
	width:33.3%;
	background-color:#f1efe2;
}
.s_detail11{
	display:block;
	float:left;
	width:50%;
}
.s_detail11_a{
	display:block;
	float:left;
	width:50%;
	background-color:#f1efe2;
}
.s_detail12_1{
	color:#ffa163;
	display:block;
	float:left;
	width:50%;
}
.s_detail12_1a{
	color:#ffa163;
	display:block;
	float:left;
	width:50%;
	background-color:#f1efe2;
}
.s_detail12_2{
	color:#ffa163;
	display:block;
	float:left;
	width:25%;
}

/*--���������--*/
.s_icon_8a {
	padding:10px 0px 0px 0px;;
	margin:0px;
}
.s_icon_8b {
	padding:3px 0px 10px 0px;;
	margin:0px;
	font-weight:bold;
	color:#333;
	text-decoration: none;
}
a.no_k:link { color: #333; }
a.no_k:visited { color: #333; }
a.no_k:active { color: #333; }
a.no_k:hover{ color: #333;}
a.no_k {
	text-decoration: none;
}
.s_icon_9 {
	padding:10px 0px 10px 0px;;
	margin:0px;
}
/*--�w�b�_�[���F���{--*/
.s_link0_a{
	display:block;
	float:left;
	width:20%;
	height:4px;
	background-color:#ff9900;
}
.s_link1_a{
	display:block;
	float:left;
	width:20%;
	height:4px;
	background-color:#348634;
}
.s_link2_a{
	display:block;
	float:left;
	width:20%;
	height:4px;
	background-color:#3d93ad;
}
.s_link3_a{
	display:block;
	float:left;
	width:20%;
	height:4px;
	background-color:#ff6600;
}
.s_link4_a{
	display:block;
	float:left;
	width:20%;
	height:4px;
	background-color:#666666;
}

/*--���o��--*/
.s_item{
	background-color:#fffdf3;
	margin:0px;
}

/*--�t�b�^�[����--*/
.s_foot{
	vertical-align:middle;
	text-align:center;
	background-color:#ff9900;
}

/*--�t�H�[���T�C�Y--*/
.form_input_0{
	width:100%; height:30px; cursor:pointer; font-size:16px;
}
.form_input_1{
	width:60px; height:30px; cursor:pointer; font-size:16px;
}
.form_input_2{
	width:200px; height:30px; cursor:pointer; font-size:16px;
}
.form_button_0{
	width:100%; height:60px; cursor:pointer; font-size:16px;
	margin:10px 0px 10px 0px;
}
.form_textarea_0{
	width:94%; font-size:16px;
}

/*---�y�[�W�����j���[---*/
.sp_s_finding{
	background-color:#fffdf3;
	margin:10px 0px 0px 0px;
}
.sp_sidebar_mozi_dt1 {font-size: 16px; padding:4px; margin:0px; line-height:1.4em; background-color:#ddd7be;}
.sp_sidebar_mozi_dd1 {font-size: 16px; color:#ffa163; padding:4px; margin:0px; line-height:1.4em; background-color:#f1efe2;}
.sp_sidebar_mozi_dd2 {font-size: 16px; color:#ffa163; padding:4px; margin:0px; line-height:1.4em;}

/*---jQuery�I�[�o�[���C�h---*/
.ui-body-c,
.ui-overlay-c {
	border: 1px solid 		#aaa /*{c-body-border}*/;
	color: 					#333 /*{c-body-color}*/;
	text-shadow: 0 /*{c-body-shadow-x}*/ 0px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	background: 			#f9f9f9 /*{c-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #b5b09b /*{c-body-background-start}*/), to( #b5b09b /*{c-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #b5b09b /*{c-body-background-start}*/, #b5b09b /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #b5b09b /*{c-body-background-start}*/, #b5b09b /*{c-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #b5b09b /*{c-body-background-start}*/, #b5b09b /*{c-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #b5b09b /*{c-body-background-start}*/, #b5b09b /*{c-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #b5b09b /*{c-body-background-start}*/, #b5b09b /*{c-body-background-end}*/);
}

.ui-body-c .ui-link-inherit {
	color: 	#333 /*{c-body-color}*/;
}
.ui-body-c .ui-link {
	color: #ff6600e /*{c-body-link-color}*/;
	font-weight: normal;
}
.ui-body-c .ui-link:visited {
    color: #ff6600 /*{c-body-link-visited}*/;
}
.ui-body-c .ui-link:hover {
	color: #ff9966 /*{c-body-link-hover}*/;
}
.ui-body-c .ui-link:active {
	color: #ff9966 /*{c-body-link-active}*/;
}