@charset "utf-8";

/**
 * WinPress - お悩み解決バージョン
 * module.css
 *
 * @author DiAL,inc.
 * @version 1.1.0
 * @package WordPress
 * @subpackage WinPress
 */


/**
 * SNSボタン
 */
.winp_sns_btn {}

.winp_sns_btn_header {
	padding-top: 20px;
	padding-left: 10px;
}
#header h1 + .row .winp_sns_btn_header {
	padding-top: 0px;
}
.winp_sns_btn_header ul li {
	overflow: visible;
	padding: 5px 0;
}
.winp_sns_btn_header ul li.winp_sns_btn_fb {
	position: relative;
	top: -5px;
}
.winp_sns_btn_header ul li.winp_sns_btn_tw {
	position: relative;
}
.winp_sns_btn_header ul li.winp_sns_btn_google {
	position: relative;
}
.winp_sns_btn_header ul li.winp_sns_btn_hatena {
	position: relative;
}
.winp_sns_btn_header ul li.winp_sns_btn_line {
	position: relative;
	top: 4px;
}

.winp_sns_btn_contents {}
.winp_sns_btn_contents ul li {
	overflow: visible;
	padding: 5px;
}
.winp_sns_btn_contents ul li.winp_sns_btn_fb {
	position: relative;
	top: 1px;
}
.winp_sns_btn_contents ul li.winp_sns_btn_tw {
	position: relative;
	top: 7px;
}
.winp_sns_btn_contents ul li.winp_sns_btn_google {
	position: relative;
	top: 8px;
}
.winp_sns_btn_contents ul li.winp_sns_btn_hatena {
	position: relative;
	top: 7px;
}
.winp_sns_btn_contents ul li.winp_sns_btn_line {
	position: relative;
}
.winp_sns_btn_contents ul li.winp_sns_btn_pocket {
	position: relative;
	top: 9px;
}
@media (max-width:767px){
	.winp_sns_btn_header ul li {
		overflow: visible;
		padding: 0;
	}
}


/*** point ***/

.point {
	display: table;
	margin-bottom: 10px;
	width: 100%;
}
.point .point_icon {
	display: table-cell;
	overflow: hidden;
	width: 70px;
	height: 60px;
	vertical-align: middle;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -2000px;
}
.point.point_icon_top .point_icon {
	background-position: left top;
}
.point.point_icon_bottom .point_icon {
	background-position: left bottom;
}
.point .point_text {
	display: table-cell;
	padding: 0;
	vertical-align: middle;
}
.point .point_text p {
	margin: 0 !important;
}
.point1 .point_icon {
	background-image: url(../images/module/point/icon_point1.jpg);
}
.point2 .point_icon {
	background-image: url(../images/module/point/icon_point2.jpg);
}
.point3 .point_icon {
	background-image: url(../images/module/point/icon_point3.jpg);
}
.point4 .point_icon {
	background-image: url(../images/module/point/icon_point4.jpg);
}
.point5 .point_icon {
	background-image: url(../images/module/point/icon_point5.jpg);
}
.point6 .point_icon {
	background-image: url(../images/module/point/icon_point6.jpg);
}
.point7 .point_icon {
	background-image: url(../images/module/point/icon_point7.jpg);
}
.point8 .point_icon {
	background-image: url(../images/module/point/icon_point8.jpg);
}
.point9 .point_icon {
	background-image: url(../images/module/point/icon_point9.jpg);
}
.point10 .point_icon {
	background-image: url(../images/module/point/icon_point10.jpg);
}
@media (max-width:767px){
	.point .point_icon {
		width: 50px;
		height: 40px;
		background-size: 40px 40px;
	}
}

/*** arrow ***/

.arrow_orange, .arrow_red, .arrow_black, .arrow_blue {
	padding: 5px 0 5px 30px;
	background-repeat: no-repeat;
	background-position: left center
}
span.arrow_orange, span.arrow_red, span.arrow_black, span.arrow_blue {
	display: inline-block;
}
p.arrow_orange, p.arrow_red, p.arrow_black, p.arrow_blue {}
.arrow_orange {
	background-image: url(../images/module/arrow/arrow_orange.png);
}
.arrow_red {
	background-image: url(../images/module/arrow/arrow_red.png);
}
.arrow_black {
	background-image: url(../images/module/arrow/arrow_black.png);
}
.arrow_blue {
	background-image: url(../images/module/arrow/arrow_blue.png);
}


/* =====================================================================
	frame
====================================================================== */

.frame {
	position: relative;
	margin: 30px auto 30px auto;
	border-radius: 10px;
	padding: 20px;
}
.frame.frame_bg_gray {
	background: #EFEFEF;
}
.frame.frame_bg_red {
	background: #f48b7b;
}
.frame.frame_bg_yellow {
	background: #FFFEEF;
}
.frame.frame_bg_pink {
	background: #FCEFF6;
}
.frame.frame_bg_green {
	background: #EBF5EC;
}
.frame.frame_bg_blue {
	background: #E9F6FE;
}
.frame.frame_border_gray {
	border: 3px solid #DDD;
}
.frame.frame_border_red {
	border: 3px solid #e94830;
}
.frame.frame_border_yellow {
	border: 3px solid #FCF4C5;
}
.frame.frame_border_pink {
	border: 3px solid #FFCEE9;
}
.frame.frame_border_green {
	border: 3px solid #C9E8C9;
}
.frame.frame_border_blue {
	border: 3px solid #D5ECFC;
}

.frame_alert, .frame_accept, .frame_attention, .frame_thint {
	padding: 20px 20px 20px 100px;
	box-shadow: 1px 1px 2px #ddd;
}
.frame_alert:before, .frame_accept:before, .frame_attention:before, .frame_thint:before {
	position: absolute;
	content: " ";
	width: 100px;
	height: 94px;
}
.frame_alert {
	background: #FCEFF6;
	border: 3px solid #FFCEE9;
}
.frame_alert:before {
	top: -20px;
	left: -20px;
	background: url(../images/module/frame/alert.png);
}
.frame_accept {
	background: #EBF5EC;
	border: 3px solid #C9E8C9;
}
.frame_accept:before {
	top: -20px;
	left: -20px;
	background: url(../images/module/frame/alert_accept.png);
}
.frame_attention {
	background: #FFFEEF;
	border: 3px solid #FCF4C5;
}
.frame_attention:before {
	top: -20px;
	left: -20px;
	background: url(../images/module/frame/alert_attention.png);
}
.frame_thint {
	background: #E9F6FE;
	border: 3px solid #D5ECFC;
}
.frame_thint:before {
	top: -20px;
	left: -20px;
	background: url(../images/module/frame/alert_thint.png);
}

.frame_user1, .frame_user2, .frame_user3, .frame_user4 {
	position: relative;
	margin: 0 auto 20px auto;
	padding: 20px 20px 20px 180px;
	background: #fff;
	border: 1px solid #ccc;
	min-height: 200px;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #ddd;
}
.frame_user1:before, .frame_user2:before, .frame_user3:before, .frame_user4:before {
	content: " ";
	position: absolute;
	bottom: 5px;
	left: 5px;
	width: 176px;
	height: 193px;
}
.frame_user1 {}
.frame_user1:before {
	background: url(../images/module/user/user1.png) no-repeat;
}
.frame_user2 {}
.frame_user2:before {
	background: url(../images/module/user/user2.png) no-repeat;
}
.frame_user3 {}
.frame_user3:before {
	background: url(../images/module/user/user3.png) no-repeat;
}
.frame_user4 {}
.frame_user4:before {
	background: url(../images/module/user/user4.png) no-repeat;
}


@media (max-width:767px){
	.alert, .accept, .attention, .thint {
		padding: 20px 10px 20px 55px;
		box-shadow: 1px 1px 2px #ddd;
	}
	.alert:before, .accept:before, .attention:before, .thint:before {
		background-size: contain;
		top: -5px;
		left: -10px;
		width: 60px;
		height: 56.4px;
	}

	.frame_user1, .frame_user2, .frame_user3, .frame_user4 {
		position: relative;
		margin: 0 auto 20px auto;
		padding: 20px 10px 20px 90px;
		min-height: 100px;
	}
	.frame_user1:before, .frame_user2:before, .frame_user3:before, .frame_user4:before {
		background-size: contain;
		width: 88px;
		height: 96.5px;
	}
}


/* =====================================================================
	review
====================================================================== */

.review {
	margin-bottom: 20px;
	padding: 10px;
	box-shadow: 2px 2px 3px #ddd;
	font-size: 0.9em;
}
.review .review_header {
	display: table;
	margin-bottom: 10px;
	width: 100%;
}
.review .review_header .review_header_image {
	display: table-cell;
	vertical-align: middle;
	width: 90px;
}
.review .review_header .review_header_name {
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
}
.review .review_body {
}
.review .review_body p {
	margin-bottom: 5px !important;
}


/* =====================================================================
	box
====================================================================== */

.nmlbox, .dottbox, .ylwbox, .graybg, .rbox1, .rbox2, .rbox3, .rbox4 {
	margin: 0 auto 20px auto;
	padding: 20px;
	box-shadow: 1px 1px 2px #ddd;
}
.nmlbox {
	border: 1px solid #ccc;
}
.dottbox {
	border: 1px dotted #ccc;
}
.ylwbox {
	border: 2px solid #FFF1C8;
	background: #FFFEEF
}
.rbox1 {
	border: 1px solid #ccc;
	background: #efefef;
}
.rbox2 {
	padding: 18px;
	border: 3px solid #EF9E04;
}
.rbox3 {
	border: 1px solid #efefef;
}
.rbox4 {
	background: #efefef;
}
.graybg {
	background: #efefef;
}
.rnd1 {
	border-radius: 10px;
}
.shadow1 {
	box-shadow: 2px 2px 3px #999;
}
.shadow2 {
	box-shadow: 0px 0px 3px #999;
}


/* =====================================================================
	border
====================================================================== */

.border1,.border2,.border3,.borderdot,.borderdot2{
	margin: 10px;
	padding: 0px;
	line-height: 1px;
	height: 1px;
	_zoom: 1;
	overflow: hidden;
}

.border1 {
	border-bottom:solid 1px #999;
}
.border2 {
	border-bottom:solid 1px #e8380d;
}
.border3 {
	border-bottom:solid 1px #008cd6;
}
.borderdot {
	border-top:dotted 1px #999;
}
.borderdot2 {
	border-top:dotted 2px #999;
}


/* =====================================================================
	question
====================================================================== */

.question1 {
	margin: 0 20px 20px auto;
	padding: 30px 20px 30px 90px;
	background: url(../images/module/qanda/question1.jpg) no-repeat 6px 6px;
	border: 1px solid #ccc;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #ddd;
}
.answer1 {
	margin: 0 auto 30px 20px;
	padding: 30px 20px 30px 90px;
	background: #FFFEEF url(../images/module/qanda/answer1.jpg) no-repeat 6px 6px;
	border: 3px solid #FCF4C5;
	border-radius: 10px;
	box-shadow: 1px 1px 2px #ddd;
}

.question2 {
	position: relative;
	margin: 0 100px 0px 100px;
	padding: 20px;
	border-top: 2px dashed #666;
	border-bottom: 2px dashed #666;
}
.question2:before {
	content: " ";
	position: absolute;
	top: -5px;
	left: -100px;
	width: 94px;
	height: 88px;
	background: url(../images/module/qanda/question2.png) no-repeat;
}
.answer2 {
	position: relative;
	margin: 0 100px 30px 100px;
	padding: 20px;
	border-bottom: 2px dashed #666;
	text-align: right;
}
.answer2:after {
	content: " ";
	position: absolute;
	top: -10px;
	right: -100px;
	width: 96px;
	height: 88px;
	background: url(../images/module/qanda/answer2.png) no-repeat;
}


/* =====================================================================
	genre_btn
====================================================================== */

.genre_btn {
	margin-bottom: 10px;
	background: -moz-linear-gradient(top, #fff, #fff, #DFDFDF); 
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), to(#DFDFDF)); 
	box-shadow: 0 2px -3px #efefef inset;
	border: 1px solid #CCDFE6;
	border-radius: 6px;
	font-size: 1.3em;
	font-weight: bold;
}
.genre_btn span {
	display: block;
	padding: 15px 20px;
	color: #000;
}
.genre_btn a {
	display: block;
	padding: 15px 20px;
	width: 100%;
	text-decoration: none;
	color: #000;
}
.genre_btn a:hover {
	color: #666;
	background-color: rgba(254,254,254,0.3);
}
.genre_btn.genre_btn_1 span,
.genre_btn.genre_btn_1 a {
	padding-left: 70px;
	background: url(../images/module/genre_btn/icon_menu1.png) no-repeat left center;
}
.genre_btn.genre_btn_2 span,
.genre_btn.genre_btn_2 a {
	padding-left: 70px;
	background: url(../images/module/genre_btn/icon_menu2.png) no-repeat left center;
}
.genre_btn.genre_btn_3 span,
.genre_btn.genre_btn_3 a {
	padding-left: 70px;
	background: url(../images/module/genre_btn/icon_menu3.png) no-repeat left center;
}
.genre_btn.genre_btn_4 span,
.genre_btn.genre_btn_4 a {
	padding-left: 70px;
	background: url(../images/module/genre_btn/icon_menu4.png) no-repeat left center;
}
.genre_btn.genre_btn_5 span,
.genre_btn.genre_btn_5 a {
	padding-left: 70px;
	background: url(../images/module/genre_btn/icon_menu5.png) no-repeat left center;
}
.genre_btn.genre_btn_6 span,
.genre_btn.genre_btn_6 a {
	padding-left: 70px;
	background: url(../images/module/genre_btn/icon_menu6.png) no-repeat left center;
}
.genre_btn.genre_btn_7 span,
.genre_btn.genre_btn_7 a {
	padding-left: 70px;
	background: url(../images/module/genre_btn/icon_menu7.png) no-repeat left center;
}
.genre_btn.genre_btn_8 span,
.genre_btn.genre_btn_8 a {
	padding-left: 70px;
	background: url(../images/module/genre_btn/icon_menu8.png) no-repeat left center;
}
@media (max-width:767px){
	.genre_btn {
		margin-right: -10px;
		margin-left: -10px;
		margin-bottom: 0px;
		border-radius: 0px;
		font-size: 1em;
	}
	.row .genre_btn {
		margin-right: -15px;
		margin-left: -15px;
	}
	.genre_btn span {
		display: block;
		padding: 15px 20px;
		color: #000;
	}
	.genre_btn a {
		position: relative;
		display: block;
		padding: 15px;
	}
	.genre_btn a:after {
		position: absolute;
		content: ">";
		padding-right: 0px;
		top: 50%;
		margin-top: -0.65em;
		right: 10px;
		color: #999;
	}
	.genre_btn span,
	.genre_btn a {
		background-size: auto contain;
	}
}


/* =====================================================================
	balloon
====================================================================== */

.balloon {
	margin-bottom: 30px;
}
.balloon .balloon_user {
	float: left;
	width: 25%;
}
.balloon .balloon_user img {
	margin-right: 10px;
}
.balloon .balloon_frame {
	position: relative;
	float: right;
	padding: 20px;
	background-color: transparent;
	border: 3px solid #ddd;
	border-radius: 6px;
	width: 75%;
}
.balloon .balloon_frame:before {
	content: '';
	position: absolute;
	border-width: 10px;
	border-style: solid;
	border-color: #ddd;
}
.balloon .balloon_frame:after {
	content: '';
	position: absolute;
	border-width: 10px;
	border-style: solid;
	border-color: #fff;
}

.balloon.balloon_bg_gray .balloon_frame   { background-color: #efefef; }
.balloon.balloon_bg_red .balloon_frame    { background-color: #f48b7b; }
.balloon.balloon_bg_yellow .balloon_frame { background-color: #FFFEEF; }
.balloon.balloon_bg_pink .balloon_frame   { background-color: #FCEFF6; }
.balloon.balloon_bg_green .balloon_frame  { background-color: #EBF5EC; }
.balloon.balloon_bg_blue .balloon_frame   { background-color: #E9F6FE; }

.balloon.balloon_border_gray .balloon_frame   { border-color: #DDD; }
.balloon.balloon_border_red .balloon_frame    { border-color: #e94830; }
.balloon.balloon_border_yellow .balloon_frame { border-color: #FCF4C5; }
.balloon.balloon_border_pink .balloon_frame   { border-color: #FFCEE9; }
.balloon.balloon_border_green .balloon_frame  { border-color: #C9E8C9; }
.balloon.balloon_border_blue .balloon_frame   { border-color: #D5ECFC; }

.balloon.balloon_bg_gray .balloon_frame:after   { border-color: #efefef; }
.balloon.balloon_bg_red .balloon_frame:after    { border-color: #f48b7b; }
.balloon.balloon_bg_yellow .balloon_frame:after { border-color: #FFFEEF; }
.balloon.balloon_bg_pink .balloon_frame:after   { border-color: #FCEFF6; }
.balloon.balloon_bg_green .balloon_frame:after  { border-color: #EBF5EC; }
.balloon.balloon_bg_blue .balloon_frame:after   { border-color: #E9F6FE; }

.balloon.balloon_border_gray .balloon_frame:before   { border-color: #DDD; }
.balloon.balloon_border_red .balloon_frame:before    { border-color: #e94830; }
.balloon.balloon_border_yellow .balloon_frame:before { border-color: #FCF4C5; }
.balloon.balloon_border_pink .balloon_frame:before   { border-color: #FFCEE9; }
.balloon.balloon_border_green .balloon_frame:before  { border-color: #C9E8C9; }
.balloon.balloon_border_blue .balloon_frame:before   { border-color: #D5ECFC; }

.balloon.balloon_user_pos_left .balloon_frame:before {
	top: 25px;
	left: -23px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.balloon.balloon_user_pos_left .balloon_frame:after {
	content: '';
	position: absolute;
	top: 25px;
	left: -19px;
	border-top-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.balloon.balloon_user_pos_right .balloon_frame:before {
	top: 25px;
	left: auto;
	right: -23px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}
.balloon.balloon_user_pos_right .balloon_frame:after {
	top: 25px;
	left: auto;
	right: -19px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
}

.balloon.balloon_user_pos_top .balloon_frame:before {
	top: -23px;
	left: 50%;
	margin-left: -10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
}
.balloon.balloon_user_pos_top .balloon_frame:after {
	top: -19px;
	left: 50%;
	margin-left: -10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
}

.balloon.balloon_user_pos_bottom .balloon_frame:before {
	top: auto;
	bottom: -23px;
	left: 50%;
	margin-left: -10px;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.balloon.balloon_user_pos_bottom .balloon_frame:after {
	top: auto;
	bottom: -19px;
	left: 50%;
	margin-left: -10px;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.balloon .balloon_frame ul,
.balloon .balloon_frame ol,
.balloon .balloon_frame p {
	margin-bottom: 5px !important;
}

.balloon.balloon_user_pos_left {}
.balloon.balloon_user_pos_left .balloon_user {}
.balloon.balloon_user_pos_left .balloon_user img {
	margin-right: 10px;
}
.balloon.balloon_user_pos_left .balloon_frame {}

.balloon.balloon_user_pos_right {}
.balloon.balloon_user_pos_right .balloon_user {
	float: right;
	text-align: right;
}
.balloon.balloon_user_pos_left .balloon_user img {
	margin-left: 10px;
	margin-right: 0px;
}
.balloon.balloon_user_pos_right .balloon_frame {
	float: left;
}

.balloon.balloon_user_pos_top {}
.balloon.balloon_user_pos_top .balloon_user {
	float: none;
	width: auto;
	text-align: center;
}
.balloon.balloon_user_pos_top .balloon_user img {
	margin-bottom: 10px;
	margin-right: 0px;
}
.balloon.balloon_user_pos_top .balloon_frame {
	float: none;
	width: auto;
}

.balloon.balloon_user_pos_bottom {}
.balloon.balloon_user_pos_bottom .balloon_user {
	float: none;
	width: auto;
	text-align: center;
}
.balloon.balloon_user_pos_bottom .balloon_user img {
	margin-top: 10px;
	margin-right: 0px;
}
.balloon.balloon_user_pos_bottom .balloon_frame {
	float: none;
	width: auto;
}

@media (max-width:767px){
	.balloon {
		margin-bottom: 20px;
	}
	.balloon .balloon_user {
		width: 23%;
	}
	.balloon .balloon_user img {
		margin-right: 0px;
	}
	.balloon .balloon_frame {
		padding: 10px;
		width: 73%;
	}
	.balloon.balloon_user_pos_left .balloon_frame:before {
		top: 10px;
	}
	.balloon.balloon_user_pos_left .balloon_frame:after {
		top: 10px;
	}
	.balloon.balloon_user_pos_right .balloon_frame:before {
		top: 10px;
	}
	.balloon.balloon_user_pos_right .balloon_frame:after {
		top: 10px;
	}
	.balloon.balloon_user_pos_left .balloon_user img {
		margin-right: 0px;
	}
	.balloon.balloon_user_pos_right .balloon_user img {
		margin-left: 0px;
	}
	.balloon.balloon_user_pos_top .balloon_user img {
		max-width: 30%;
	}
	.balloon.balloon_user_pos_bottom .balloon_user img {
		max-width: 30%;
	}
}

/* =====================================================================
	score_tag
====================================================================== */

.score_tag {
	display: inline-block;
	border: 1px solid #D35A7D;
	border-radius: 2px;
	font-size: 0.8em;
}
.score_tag .score_tag_text {
	display: inline-block;
	padding: 3px 5px;
	min-width: 4em;
	background-color: #D35A7D;
	background: -moz-linear-gradient(top, #D35A7D, #E46D89); 
	background: -webkit-gradient(linear, left top, left bottom, from(#D35A7D), to(#E46D89)); 
	color: #fff;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}
.score_tag .score_tag_point {
	display: inline-block;
	padding: 3px 10px;
	background-color: #fff;
	border-radius: 2px;
	vertical-align: middle;
}


/* =====================================================================
	rank
====================================================================== */

.rank {
	position: relative;
	padding: 8px 10px 8px 50px;
	margin: 0 0 20px 0;
	font-size: 1.5em;
	background-position: left center;
	background-repeat: repeat;
	background-image: url(../images/module/rank/bg_rank.png);
	border: 1px solid #efefef;
}
.rank:before {
	display: inline-block;
	content: " ";
	position: absolute;
	left: 3px;
	top: 50%;
	margin-top: -21px;
	background-position: left center;
	background-repeat: repeat;
	width: 43px;
	height: 38px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.rank.rank1:before {
	margin-top: -21px;
	background-image: url(../images/module/rank/rank1.png);
}
.rank.rank2:before {
	background-image: url(../images/module/rank/rank2.png);
}
.rank.rank3:before {
	margin-top: -21px;
	background-image: url(../images/module/rank/rank3.png);
}
.rank.rank4:before {
	content: "４";
	left: 8px;
	background-color: #fff;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.rank.rank5:before {
	content: "５";
	left: 8px;
	background-color: #fff;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.rank.rank6:before {
	content: "６";
	left: 8px;
	background-color: #fff;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.rank.rank7:before {
	content: "７";
	left: 8px;
	background-color: #fff;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.rank.rank8:before {
	content: "８";
	left: 8px;
	background-color: #fff;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.rank.rank9:before {
	content: "９";
	left: 8px;
	background-color: #fff;
	margin-top: -16px;
	width: 32px;
	height: 32px;
	line-height: 32px;
}
.rank.rank10:before {
	content: "10";
	left: 5px;
	background-color: #fff;
	margin-top: -16px;
	width: 40px;
	height: 32px;
	line-height: 32px;
}
@media (max-width:767px){
	.rank {
		font-size: 1.2em;
	}
}

.rank_wrapper {
	margin: 0 auto 20px auto;
}
.rank_wrapper + .rank_wrapper {
	margin-top: -20px;
}
.rank_wrapper .rank {
	margin-bottom: 0px;
}
.rank_wrapper .rank_body {
	padding: 10px 15px 5px 15px;
	background-color: #fff;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	border-left: 1px solid #efefef;
}
@media (max-width:767px){
	.rank_wrapper {
		margin-right: -10px;
		margin-left: -10px;
	}
}

/* =====================================================================
	rank（フレーム）
====================================================================== */

.rank_gold, .rank_silver, .rank_copper {
	margin: 0 0 15px 0;
	padding: 5px;
	border-radius: 10px;
}
.rank_gold .rank_inner, .rank_silver .rank_inner, .rank_copper .rank_inner {
	padding: 10px 15px;
	background-color: #fff;
	border-radius: 5px;
}
.rank_gold {
	background-color: #F29E07;
	background: -moz-linear-gradient(top left, #F29E07, #FFDA00); 
	background: -webkit-gradient(linear, left top, right bottom, from(#F29E07), to(#FFDA00)); 
}
.rank_silver {
	background-color: #CACACA;
	background: -moz-linear-gradient(top left, #CACACA, #EDEDED); 
	background: -webkit-gradient(linear, left top, right bottom, from(#CACACA), to(#EDEDED)); 
}
.rank_copper {
	background-color: #96441C;
	background: -moz-linear-gradient(top left, #96441C, #EED8CA); 
	background: -webkit-gradient(linear, left top, right bottom, from(#96441C), to(#EED8CA)); 
}
.rank_inner .rank {
	padding: 21px 0 0 120px;
	margin: 0 0 20px 0;
	min-height: 75px;
	font-size: 2em;
	background-position: left center;
	background-repeat: no-repeat;
	border: none;
}
.rank_inner .rank:before {
	content: none;
}
.rank_inner .rank1 {
	background-image: url(../images/module/rank_frame/rank1.png);
}
.rank_inner .rank2 {
	background-image: url(../images/module/rank_frame/rank2.png);
}
.rank_inner .rank3 {
	background-image: url(../images/module/rank_frame/rank3.png);
}
.rank_inner .rank4 {
	background-image: url(../images/module/rank_frame/rank4.png);
}
.rank_inner .rank5 {
	background-image: url(../images/module/rank_frame/rank5.png);
}
.rank_inner .rank6 {
	background-image: url(../images/module/rank_frame/rank6.png);
}
.rank_inner .rank7 {
	background-image: url(../images/module/rank_frame/rank7.png);
}
.rank_inner .rank8 {
	background-image: url(../images/module/rank_frame/rank8.png);
}
.rank_inner .rank9 {
	background-image: url(../images/module/rank_frame/rank9.png);
}
.rank_inner .rank10 {
	background-image: url(../images/module/rank_frame/rank10.png);
}
@media (max-width:767px){
	.rank_inner .rank {
		padding: 18px 0 0 70px;
		background-size: 62px 50px;
		min-height: 65px;
		font-size: 1.2em;
	}
}



/* =====================================================================
	sidemenu_wrap
====================================================================== */

.sidemenu_wrap01 {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 5px solid #1B3F63;
}


/* =====================================================================
	sidemenu_ranking
====================================================================== */

#sidebar .sidemenu_ranking {}
#sidebar .sidemenu div.sidemenu_ranking h4 {
	position: relative;
	margin-top: 0;
	padding-left: 40px;
}
#sidebar .sidemenu div.sidemenu_ranking h4:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -18px;
	background-image: url(../images/sidebar/icon_ranking_title.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 36px;
	height: 36px;
}
#sidebar .sidemenu div.sidemenu_ranking ul {
	margin-bottom: 0px;
}
#sidebar .sidemenu div.sidemenu_ranking ul li {
	padding: 8px 0 8px 27px;
	background: none;
}
#sidebar .sidemenu div.sidemenu_ranking ul li.sidemenu_rank1 {
	background: url(../images/sidebar/rankmenu_no1.gif) no-repeat left center;
}
#sidebar .sidemenu div.sidemenu_ranking ul li.sidemenu_rank2 {
	background: url(../images/sidebar/rankmenu_no2.gif) no-repeat left center;
}
#sidebar .sidemenu div.sidemenu_ranking ul li.sidemenu_rank3 {
	background: url(../images/sidebar/rankmenu_no3.gif) no-repeat left center;
}
#sidebar .sidemenu div.sidemenu_ranking ul li.more {
	border: none;
	text-align: right;
}

/* =====================================================================
	btn
====================================================================== */

.winp_btn01 {
	display: inline-block;
	max-width: 100%;
}

.winp_btn02 {
	position: relative;
	display: inline-block;
	max-width: 100%;
	-moz-animation: winp_btn02_animation 1s ease-in-out infinite alternate;
	-webkit-animation: winp_btn02_animation 1s ease-in-out infinite alternate;
	-o-animation: winp_btn02_animation 1s ease-in-out infinite alternate;
	-ms-animation: winp_btn02_animation 1s ease-in-out infinite alternate;
	animation: winp_btn02_animation 1s ease-in-out infinite alternate;
}
.winp_btn02 img {
	max-width: 100%;
}
.winp_btn02 img.btn_bg {
	position: relative;
}
.winp_btn02 img.btn_text {
	position: absolute;
	top: 0;
	left: 0;
}

.winp_btn03 {
	position: relative;
	display: inline-block;
	max-width: 100%;
	perspective: 300px;
	transform-style: preserve-3d;
	-moz-perspective: 300px;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-o-perspective: 300px;
	-ms-perspective: 300px;
	-ms-transform-style: preserve-3d;
	-webkit-perspective: 300px;
	-webkit-transform-style: preserve-3d;
}
.winp_btn03 img {
	max-width: 100%;
}
.winp_btn03 img.btn_bg01 {
	position: relative;
	z-index: 30;
	transform-origin: center top;
	animation: winp_btn03_animation 4s ease-in-out infinite normal;
	-moz-transform-origin: center top;
	-moz-animation: winp_btn03_animation 4s ease-in-out infinite normal;
	-o-transform-origin: center top;
	-o-animation: winp_btn03_animation 4s ease-in-out infinite normal;
	-ms-transform-origin: center top;
	-ms-animation: winp_btn03_animation 4s ease-in-out infinite normal;
	-webkit-transform-origin: center top;
	-webkit-animation: winp_btn03_animation 4s ease-in-out infinite normal;
}
.winp_btn03 img.btn_bg02 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	transform-origin: center top;
	animation: winp_btn03_animation 4s ease-in-out -2s infinite normal;
	-moz-transform-origin: center top;
	-moz-animation: winp_btn03_animation 4s ease-in-out -2s infinite normal;
	-o-transform-origin: center top;
	-o-animation: winp_btn03_animation 4s ease-in-out -2s infinite normal;
	-ms-transform-origin: center top;
	-ms-animation: winp_btn03_animation 4s ease-in-out -2s infinite normal;
	-webkit-transform-origin: center top;
	-webkit-animation: winp_btn03_animation02 4s ease-in-out infinite normal;
}
.winp_btn03 img.btn_text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	transform-origin: center top;
	animation: winp_btn03_text_animation 2s ease-in-out infinite normal;
	-moz-transform-origin: center top;
	-moz-animation: winp_btn03_text_animation 2s ease-in-out infinite normal;
	-o-transform-origin: center top;
	-o-animation: winp_btn03_text_animation 2s ease-in-out infinite normal;
	-ms-transform-origin: center top;
	-ms-animation: winp_btn03_text_animation 2s ease-in-out infinite normal;
	-webkit-transform-origin: center top;
	-webkit-animation: winp_btn03_text_animation 2s ease-in-out infinite normal;
}

.winp_btn04 {
	position: relative;
	display: inline-block;
	max-width: 100%;
}
.winp_btn04 img {
	max-width: 100%;
}
.winp_btn04 .btn_arrow {
	position: absolute;
	top: 10%;
	left: -3%;
	z-index: 40;
	height: 80% !important;
	animation: winp_btn04_arrow_animation 0.4s ease-in infinite alternate;
	-moz-animation: winp_btn04_arrow_animation 0.4s ease-in infinite alternate;
	-o-animation: winp_btn04_arrow_animation 0.4s ease-in infinite alternate;
	-ms-animation: winp_btn04_arrow_animation 0.4s ease-in infinite alternate;
	-webkit-animation: winp_btn04_arrow_animation 0.4s ease-in infinite alternate;
}
*html body .winp_btn04 .btn_arrow {
	height: 66px !important;
}
*+html body .winp_btn04 .btn_arrow {
	height: 66px !important;
}
.winp_btn04 .btn_bg {
	position: relative;
	animation: winp_btn04_bg_animation 5s ease infinite normal;
	-moz-animation: winp_btn04_bg_animation 5s ease infinite normal;
	-o-animation: winp_btn04_bg_animation 5s ease infinite normal;
	-ms-animation: winp_btn04_bg_animation 5s ease infinite normal;
	-webkit-animation: winp_btn04_bg_animation 5s ease infinite normal;
}
.winp_btn04 .btn_text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
	animation: winp_btn04_animation 5s ease-in-out infinite normal;
	-moz-animation: winp_btn04_animation 5s ease-in-out infinite normal;
	-o-animation: winp_btn04_animation 5s ease-in-out infinite normal;
	-ms-animation: winp_btn04_animation 5s ease-in-out infinite normal;
	-webkit-animation: winp_btn04_animation 5s ease-in-out infinite normal;
}
.winp_btn04 .btn_text_shadow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	animation: winp_btn04_shadow_animation 5s ease-in-out infinite normal;
	-moz-animation: winp_btn04_shadow_animation 5s ease-in-out infinite normal;
	-o-animation: winp_btn04_shadow_animation 5s ease-in-out infinite normal;
	-ms-animation: winp_btn04_shadow_animation 5s ease-in-out infinite normal;
	-webkit-animation: winp_btn04_shadow_animation 5s ease-in-out infinite normal;
}
a:hover .winp_btn04 img {
	opacity: 1;
}
a:hover .winp_btn04 {
	transition: all .3s;
	transform: scale(1.05,1.05);
	-moz-transition: all .3s;
	-moz-transform: scale(1.05,1.05);
	-o-transition: all .3s;
	-o-transform: scale(1.05,1.05);
	-ms-transition: all .3s;
	-ms-transform: scale(1.05,1.05);
	-webkit-transition: all .3s;
	-webkit-transform: scale(1.05,1.05);
}
@media (max-width:767px){
	.winp_btn04 .btn_arrow {
		position: absolute;
		top: 25%;
		left: -6%;
		height: 50% !important;
	}
}

@keyframes winp_btn02_animation {
	0% {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}
	100% {
		transform: translateY(5px);
		-webkit-transform: translateY(5px);
	}
}
@-moz-keyframes winp_btn02_animation {
	0% {
		-moz-transform: translateY(-5px);
	}
	100% {
		-moz-transform: translateY(5px);
	}
}
@-o-keyframes winp_btn02_animation {
	0% {
		-o-transform: translateY(-5px);
	}
	100% {
		-o-transform: translateY(5px);
	}
}
@-ms-keyframes winp_btn02_animation {
	0% {
		-ms-transform: translateY(-5px);
	}
	100% {
		-ms-transform: translateY(5px);
	}
}
@-webkit-keyframes winp_btn02_animation {
	0% {
		-webkit-transform: translateY(-5px);
	}
	100% {
		-webkit-transform: translateY(5px);
	}
}

@keyframes winp_btn03_animation {
	0% {
		transform: rotateX(90deg);
		z-index: 30;
	}
	5% {
		transform: rotateX(0deg);
		z-index: 30;
	}
	50% {
		z-index: 30;
	}
	55% {
		z-index: 5;
	}
	100% {
		transform: rotateX(0deg);
		z-index: 5;
	}
}
@-moz-keyframes winp_btn03_animation {
	0% {
		-moz-transform: rotateX(90deg);
		z-index: 30;
	}
	5% {
		-moz-transform: rotateX(0deg);
		z-index: 30;
	}
	50% {
		z-index: 30;
	}
	55% {
		z-index: 5;
	}
	100% {
		-moz-transform: rotateX(0deg);
		z-index: 5;
	}
}
@-o-keyframes winp_btn03_animation {
	0% {
		-o-transform: rotateX(90deg);
		z-index: 30;
	}
	5% {
		-o-transform: rotateX(0deg);
		z-index: 30;
	}
	50% {
		z-index: 30;
	}
	55% {
		z-index: 5;
	}
	100% {
		-o-transform: rotateX(0deg);
		z-index: 5;
	}
}
@-ms-keyframes winp_btn03_animation {
	0% {
		-ms-transform: rotateX(90deg);
		z-index: 30;
	}
	5% {
		-ms-transform: rotateX(0deg);
		z-index: 30;
	}
	50% {
		z-index: 30;
	}
	55% {
		z-index: 5;
	}
	100% {
		-ms-transform: rotateX(0deg);
		z-index: 5;
	}
}
@-webkit-keyframes winp_btn03_animation {
	0% {
		-webkit-transform: rotateX(90deg);
		z-index: 30;
	}
	5% {
		-webkit-transform: rotateX(0deg);
		z-index: 30;
	}
	50% {
		z-index: 30;
	}
	55% {
		z-index: 5;
	}
	100% {
		-webkit-transform: rotateX(0deg);
		z-index: 5;
	}
}
@-webkit-keyframes winp_btn03_animation02 {
	0% {
		-webkit-transform: rotateX(0deg);
		z-index: 30;
	}
	5% {
		z-index: 5;
	}
	10% {
		-webkit-transform: rotateX(0deg);
		z-index: 5;
	}
	49.9% {
		-webkit-transform: rotateX(0deg);
		z-index: 5;
	}
	50% {
		-webkit-transform: rotateX(90deg);
		z-index: 30;
	}
	55% {
		-webkit-transform: rotateX(0deg);
		z-index: 30;
	}
	100% {
		-webkit-transform: rotateX(0deg);
	}
}

@keyframes winp_btn03_text_animation {
	0% {
		transform: rotateX(90deg);
	}
	10% {
		transform: rotateX(0deg);
	}
	100% {
		transform: rotateX(0deg);
	}
}
@-moz-keyframes winp_btn03_text_animation {
	0% {
		-moz-transform: rotateX(90deg);
	}
	10% {
		-moz-transform: rotateX(0deg);
	}
	100% {
		-moz-transform: rotateX(0deg);
	}
}
@-o-keyframes winp_btn03_text_animation {
	0% {
		-o-transform: rotateX(90deg);
	}
	10% {
		-o-transform: rotateX(0deg);
	}
	100% {
		-o-transform: rotateX(0deg);
	}
}
@-ms-keyframes winp_btn03_text_animation {
	0% {
		-ms-transform: rotateX(90deg);
	}
	10% {
		-ms-transform: rotateX(0deg);
	}
	100% {
		-ms-transform: rotateX(0deg);
	}
}
@-webkit-keyframes winp_btn03_text_animation {
	0% {
		-webkit-transform: rotateX(90deg);
	}
	10% {
		-webkit-transform: rotateX(0deg);
	}
	100% {
		-webkit-transform: rotateX(0deg);
	}
}

@keyframes winp_btn04_arrow_animation {
	0% {
		transform: translateX(-5px);
	}
	100% {
		transform: translateX(5px);
	}
}
@-moz-keyframes winp_btn04_arrow_animation {
	0% {
		-moz-transform: translateX(-5px);
	}
	100% {
		-moz-transform: translateX(5px);
	}
}
@-o-keyframes winp_btn04_arrow_animation {
	0% {
		-o-transform: translateX(-5px);
	}
	100% {
		-o-transform: translateX(5px);
	}
}
@-ms-keyframes winp_btn04_arrow_animation {
	0% {
		-ms-transform: translateX(-5px);
	}
	100% {
		-ms-transform: translateX(5px);
	}
}
@-webkit-keyframes winp_btn04_arrow_animation {
	0% {
		-webkit-transform: translateX(-5px);
	}
	100% {
		-webkit-transform: translateX(5px);
	}
}

@keyframes winp_btn04_bg_animation {
	0% {
		transform: translateX(0);
	}
	5% {
		transform: translateX(-10px);
	}
	15% {
		transform: translateX(10px);
	}
	20% {
		transform: translateX(0);
	}
}
@-moz-keyframes winp_btn04_bg_animation {
	0% {
		-moz-transform: translateX(0);
	}
	5% {
		-moz-transform: translateX(-10px);
	}
	15% {
		-moz-transform: translateX(10px);
	}
	20% {
		-moz-transform: translateX(0);
	}
}
@-o-keyframes winp_btn04_bg_animation {
	0% {
		-o-transform: translateX(0);
	}
	5% {
		-o-transform: translateX(-10px);
	}
	15% {
		-o-transform: translateX(10px);
	}
	20% {
		-o-transform: translateX(0);
	}
}
@-ms-keyframes winp_btn04_bg_animation {
	0% {
		-ms-transform: translateX(0);
	}
	5% {
		-ms-transform: translateX(-10px);
	}
	15% {
		-ms-transform: translateX(10px);
	}
	20% {
		-ms-transform: translateX(0);
	}
}
@-webkit-keyframes winp_btn04_bg_animation {
	0% {
		-webkit-transform: translateX(0);
	}
	5% {
		-webkit-transform: translateX(-10px);
	}
	15% {
		-webkit-transform: translateX(10px);
	}
	20% {
		-webkit-transform: translateX(0);
	}
}

@keyframes winp_btn04_animation {
	0% {
		transform: scale(1,1) translateY(0);
	}
	8% {
		transform: scale(1.2,1.2) translateY(-5px);
	}
	16% {
		transform: scale(1,1) translateY(0);
	}
	18% {
		transform: scale(1.03,1.03) translateY(-2px);
	}
	20% {
		transform: scale(1,1) translateY(0);
	}
	22% {
		transform: scale(1.01,1.01) translateY(-1px);
	}
	24% {
		transform: scale(1,1) translateY(0);
	}
}
@-moz-keyframes winp_btn04_animation {
	0% {
		-moz-transform: scale(1,1) translateY(0);
	}
	8% {
		-moz-transform: scale(1.2,1.2) translateY(-5px);
	}
	16% {
		-moz-transform: scale(1,1) translateY(0);
	}
	18% {
		-moz-transform: scale(1.03,1.03) translateY(-2px);
	}
	20% {
		-moz-transform: scale(1,1) translateY(0);
	}
	22% {
		-moz-transform: scale(1.01,1.01) translateY(-1px);
	}
	24% {
		-moz-transform: scale(1,1) translateY(0);
	}
}
@-o-keyframes winp_btn04_animation {
	0% {
		-o-transform: scale(1,1) translateY(0);
	}
	8% {
		-o-transform: scale(1.2,1.2) translateY(-5px);
	}
	16% {
		-o-transform: scale(1,1) translateY(0);
	}
	18% {
		-o-transform: scale(1.03,1.03) translateY(-2px);
	}
	20% {
		-o-transform: scale(1,1) translateY(0);
	}
	22% {
		-o-transform: scale(1.01,1.01) translateY(-1px);
	}
	24% {
		-o-transform: scale(1,1) translateY(0);
	}
}
@-ms-keyframes winp_btn04_animation {
	0% {
		-ms-transform: scale(1,1) translateY(0);
	}
	8% {
		-ms-transform: scale(1.2,1.2) translateY(-5px);
	}
	16% {
		-ms-transform: scale(1,1) translateY(0);
	}
	18% {
		-ms-transform: scale(1.03,1.03) translateY(-2px);
	}
	20% {
		-ms-transform: scale(1,1) translateY(0);
	}
	22% {
		-ms-transform: scale(1.01,1.01) translateY(-1px);
	}
	24% {
		-ms-transform: scale(1,1) translateY(0);
	}
}
@-webkit-keyframes winp_btn04_animation {
	0% {
		-webkit-transform: scale(1,1) translateY(0);
	}
	8% {
		-webkit-transform: scale(1.2,1.2) translateY(-5px);
	}
	16% {
		-webkit-transform: scale(1,1) translateY(0);
	}
	18% {
		-webkit-transform: scale(1.03,1.03) translateY(-2px);
	}
	20% {
		-webkit-transform: scale(1,1) translateY(0);
	}
	22% {
		-webkit-transform: scale(1.01,1.01) translateY(-1px);
	}
	24% {
		-webkit-transform: scale(1,1) translateY(0);
	}
}

@keyframes winp_btn04_shadow_animation {
	0% {
		transform: scale(1,1);
		opacity: 1;
	}
	8% {
		transform: scale(1.1,1.1);
		opacity: 0.6;
	}
	16% {
		transform: scale(1,1);
		opacity: 1;
	}
	18% {
		transform: scale(1.015,1.015);
		opacity: 0.95;
	}
	20% {
		transform: scale(1,1);
		opacity: 1;
	}
	22% {
		transform: scale(1.005,1.005);
		opacity: 0.97;
	}
	24% {
		transform: scale(1,1);
		opacity: 1;
	}
}
@-moz-keyframes winp_btn04_shadow_animation {
	0% {
		-moz-transform: scale(1,1);
		opacity: 1;
	}
	8% {
		-moz-transform: scale(1.1,1.1);
		opacity: 0.6;
	}
	16% {
		-moz-transform: scale(1,1);
		opacity: 1;
	}
	18% {
		-moz-transform: scale(1.015,1.015);
		opacity: 0.95;
	}
	20% {
		-moz-transform: scale(1,1);
		opacity: 1;
	}
	22% {
		-moz-transform: scale(1.005,1.005);
		opacity: 0.97;
	}
	24% {
		-moz-transform: scale(1,1);
		opacity: 1;
	}
}
@-o-keyframes winp_btn04_shadow_animation {
	0% {
		-o-transform: scale(1,1);
		opacity: 1;
	}
	8% {
		-o-transform: scale(1.1,1.1);
		opacity: 0.6;
	}
	16% {
		-o-transform: scale(1,1);
		opacity: 1;
	}
	18% {
		-o-transform: scale(1.015,1.015);
		opacity: 0.95;
	}
	20% {
		-o-transform: scale(1,1);
		opacity: 1;
	}
	22% {
		-o-transform: scale(1.005,1.005);
		opacity: 0.97;
	}
	24% {
		-o-transform: scale(1,1);
		opacity: 1;
	}
}
@-ms-keyframes winp_btn04_shadow_animation {
	0% {
		-ms-transform: scale(1,1);
		opacity: 1;
	}
	8% {
		-ms-transform: scale(1.1,1.1);
		opacity: 0.6;
	}
	16% {
		-ms-transform: scale(1,1);
		opacity: 1;
	}
	18% {
		-ms-transform: scale(1.015,1.015);
		opacity: 0.95;
	}
	20% {
		-ms-transform: scale(1,1);
		opacity: 1;
	}
	22% {
		-ms-transform: scale(1.005,1.005);
		opacity: 0.97;
	}
	24% {
		-ms-transform: scale(1,1);
		opacity: 1;
	}
}
@-webkit-keyframes winp_btn04_shadow_animation {
	0% {
		-webkit-transform: scale(1,1);
		opacity: 1;
	}
	8% {
		-webkit-transform: scale(1.1,1.1);
		opacity: 0.6;
	}
	16% {
		-webkit-transform: scale(1,1);
		opacity: 1;
	}
	18% {
		-webkit-transform: scale(1.015,1.015);
		opacity: 0.95;
	}
	20% {
		-webkit-transform: scale(1,1);
		opacity: 1;
	}
	22% {
		-webkit-transform: scale(1.005,1.005);
		opacity: 0.97;
	}
	24% {
		-webkit-transform: scale(1,1);
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.winp_pc_btn {
		display: none;
	}
}
@media (min-width: 768px) {
	.winp_sp_btn {
		display: none;
	}
}
.winp_pc_btn {
	display: inline\9
}
.winp_sp_btn {
	display: none\9
}
.winp_btn01 img,
.winp_btn02 img,
.winp_btn03 img {
	width: 100%\9
}