@charset "utf-8";

/************************* setting *************************/

body {
	color:#606060;
	font-size:12px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
	line-height:18px;
	word-break:break-all;
}

a {
	color:#C30B53;
	outline:none;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

a:hover {
	text-decoration:none;
}

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

/************************* header *************************/

div#header {
	width:100%;
	height:165px;
	position:relative;
	z-index:50;
	background: url(../../img/common/content_bg.png) bottom left repeat-x;
	padding-bottom: 20px;
}

div#header h1 {
	width:100%;
	text-align:center;
	position:absolute;
	top:75px;
}

div#header div.sort {
	width:100%;
	height:30px;
	background:url(../../img/common/header_sort_bg.png) repeat-x;
	padding-top:6px;
	position:absolute;
	z-index:20;
}

div#memberMenu {
	width:100%;
	position:absolute;
	top:30px;
	z-index:50;
}

div#memberForm {
	width:100%;
	background:#000000 url(../../img/common/menu_bg.png) top center no-repeat;
}

div#memberForm dl {
	width:730px;
	height:162px;
	padding-left:370px;
	margin:0 auto;
	/* IE8 */
	height:172px\9;
}

/* IE7 */
*+html div#memberForm dl {
	height:172px;
}

div#memberForm dt {
	padding:20px 0;
}

div#memberForm dd {
	color:#FFFFFF;
}

div#memberForm input.inputText {
	width:140px;
	height:18px;
	color:#333333;
	font-size:10px;
	vertical-align:1px;
	margin:0 15px 0 5px;
}

div#memberForm input.loginBtn {
	vertical-align:-4px;
}

div#memberForm a.reminderBtn {
	vertical-align:-4px;
	margin-left:20px;
}

p#memberBtn a {
	display:block;
	width:313px;
	height:19px;
	margin:0 auto;
	overflow:hidden;
}

p#memberBtn a:hover img {
	margin-top:-19px;
}

div#memberForm dl li {
	display:inline;
	margin-right:15px;
}

div#memberMenu_sp {
	display:none;
}

/************************* login *************************/

p.success {
	width:1100px;
	color:#C41059;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	border:1px solid #C41059;
	padding:10px 0;
	margin:0 auto 15px;
}

p.error {
	width:1100px;
	color:#D50004;
	font-size:14px;
	text-align:center;
	border:1px solid #D50004;
	padding:10px 0;
	margin:0 auto 15px;
}

/************************* sort *************************/

div.sort ul {
	text-align:center;
}

div.sort li {
	display:inline;
	padding-left:15px;
	margin-right:10px;
}

div.sort li a {
	color:#FFFFFF;
	text-decoration:none;
}

div.sort li a:hover {
	text-decoration:underline;
}

div.sort li.sortBtn01 {
	background:url(../../img/common/sort_icon01.png) 0px 2px no-repeat;
}

div.sort li.sortBtn02 {
	background:url(../../img/common/sort_icon02.png) 0px 2px no-repeat;
}

div.sort li.sortBtn03 {
	background:url(../../img/common/sort_icon03.png) 0px 2px no-repeat;
}

div.sort li.sortBtn04 {
	background:url(../../img/common/sort_icon04.png) 0px 2px no-repeat;
}

div.sort li.sortBtn05 {
	background:url(../../img/common/sort_icon05.png) 0px 2px no-repeat;
}

div.sort li.sortBtn06 {
	background:url(../../img/common/sort_icon06.png) 0px 2px no-repeat;
}

div.sort li.sortBtn07 {
	background:url(../../img/common/sort_icon07.png) 0px 2px no-repeat;
}

/************************* navi *************************/

div#navi_sp {
	display:none;
}

/************************* slide *************************/

div#slide {
	width:100%;
	background:url(../../img/index/slide_bg.png) repeat-x;
	position:relative;
	z-index:10;
	display: none;
}

div#slideInner {
	width:1100px;
	height:450px;
	margin:0 auto 50px;
	position:relative;
	/* overflow:hidden; */
}

/*
div#slideInner ul {
	width:5500px;
}

div#slideInner li {
	position:absolute;
	top:0px;
}

div#slideInner li#slideImage01 {
	left:0px;
}

div#slideInner li#slideImage02 {
	left:1100px;
}

div#slideInner li#slideImage03 {
	left:2200px;
}

div#slideInner li#slideImage04 {
	left:3300px;
}

div#slideInner li#slideImage05 {
	left:4400px;
}

ul#slidePager {
	width:100px;
	margin:20px auto;
}

ul#slidePager li {
	float:left;
	margin:0 5px;
}

ul#slidePager li a {
	display:block;
	width:10px;
	height:10px;
	overflow:hidden;
}

ul#slidePager li a:hover img {
	margin-top:-10px;
}

ul#slidePager li a.selected img {
	margin-top:-10px;
}
*/

ul#slidePager {
	display:none;
}

.slick-dots {
	bottom:-35px !important;
}

.slick-dots li {
	margin:0 !important;
}

.slick-dots li button:before {
	font-size:13px !important;
	opacity:1 !important;
}

.slick-dots li.slick-active button:before {
	color:#c41059 !important;
}

/************************* content *************************/

div#content {
	width:992px;
	padding:0 0 40px;
	margin:0 auto;
}

div#sortDate {
	width:982px;
	text-align:right;
	margin:0 auto 10px;
}

div#sortDate select {
	width:120px;
	padding:3px;
}

div#main {
	float:left;
	width:730px;
	position:relative;
}

div#main h2#detailTtl {
	min-height:40px;
	color:#0D0D0D;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	padding-left:50px;
	margin-bottom:20px;
	position:relative;
}

div#main h2#detailTtl span {
	display:block;
	font-size:12px;
}

div#main h2#detailTtl img.categoryIcon {
	position:absolute;
	top:0px;
	left:0px;
}

div#main h2#detailTtl img.memberOnly {
	vertical-align:-2px;
	margin-left:5px;
}

div#main ul.social {
	position:absolute;
	top:-5px;
	right:0px;
}

div#main ul.social li {
	float:left;
}

div#main dl#detailBox dt {
	text-align:center;
	margin-bottom:20px;
}

div#main dl#detailBox dt img {
	max-width:730px;
	height:auto;
}

div#main dl#detailBox dd {
	color:#0D0D0D;
	font-size:14px;
	line-height:20px;
	padding:0 20px;
}

div#side {
	float:right;
	width:236px;
	margin-top:20px;
}

div#side h3 {
	padding-left:7px;
	margin-bottom:10px;
}

p#err {
	color:#D50004;
	line-height:22px;
	border:1px solid #D50004;
	padding:5px 10px;
	margin:15px 0 0 20px;
}

/************************* info *************************/

div.infoBox {
	float:left;
	width:236px;
	height:302px;
	margin:0 6px 12px;
	position:relative;
	z-index:0;
}

div.infoBox a {
	display:block;
	width:236px;
	height:302px;
	color:#333333;
	text-decoration:none;
	background:url(../../img/common/box_bg01.png) no-repeat;
	position:relative;
	z-index:30;
}

div.infoBox a:hover {
	background:url(../../img/common/box_bg02.png) no-repeat !important;
}

div.infoBox a:hover dt {
	color:#D50004 !important;
}

div.infoBox span.category {
	position:absolute;
	top:3px;
	left:3px;
	z-index:20;
}

div.infoBox span.category img {
	width:46px;
	height:46px;
}

div.infoBox span.image {
	position:absolute;
	top:3px;
	left:3px;
	z-index:10;
	height: 140px;
	overflow: hidden;
}

div.infoBox span.image img {
	width:230px;
	height:auto;
}

div.infoBox span.member {
	position:absolute;
	top:128px;
	left:3px;
	z-index:20;
}

div.infoBox span.member img {
	width:230px;
	height:15px;
}

div.infoBox dl {
	width:216px;
	padding:0 10px 10px;
	position:absolute;
	top:150px;
	left:0px;
	z-index:20;
}

div.infoBox dt {
	color:#0D0D0D;
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

div.infoBox dt span {
	display:block;
	color:#0D0D0D;
	font-size:12px;
	position:relative;
	margin-bottom:5px;
}

div.infoBox dt span img {
	width:32px;
	height:9px;
	position:absolute;
	top:4px;
	right:0px;
}

div.infoBox dd {
	height:60px;
	line-height:17px;
	overflow:hidden;
}

/************************* pager *************************/

div#pager {
	margin-top:25px;
	position:relative;
	overflow:hidden;
}

div#pager ul {
	float:left;
	position:relative;
	left:50%;
}

div#pager li {
	float:left;
	color:#FFFFFF;
	background-color:#030303;
	margin:0 3px;
	position:relative;
	left:-50%;
}

div#pager li.num {
	padding:3px 7px;
}

div#pager li.selected {
	background-color:#C30B53;
	padding:3px 7px;
}

div#pager li a {
	display:block;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
	padding:3px 7px;
}

div#pager li a:hover {
	text-decoration:underline;
}

div#pager_sp {
	display:none;
}

div.wp-pagenavi {
	margin-top:25px;
	text-align:center;
}

div.wp-pagenavi span {
	color:#FFFFFF;
	background-color:#030303;
	padding:3px 7px;
	margin:0 3px;
}

div.wp-pagenavi a {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#030303;
	padding:3px 7px;
	margin:0 3px;
}

div.wp-pagenavi span.current {
	background-color:#C30B53;
}

/************************* infoList *************************/

div#infoList{
	min-height: 650px;
}

/************************* footer *************************/

div#footer div.sort {
	width:100%;
	height:24px;
	background:url(../../img/common/footer_sort_bg.png) repeat-x;
	padding-top:11px;
}

ul#footerLink {
	width:301px;
	margin:20px auto;
}

ul#footerLink li {
	float:left;
}

p#copyright {
	text-align:center;
	margin-bottom:20px;
}

p#copyright img {
	width:443px;
	height:10px;
}

p#footerLogo {
	text-align:center;
	padding-bottom:20px;
}

p#footerLogo img {
	width:62px;
	height:45px;
}

/************************* sp *************************/

@media only screen and (max-width: 640px) {

/************************* setting *************************/

html {
	-webkit-text-size-adjust:100%;
}

body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:20px;
}

input, textarea {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	color:#C30B53;
}

/************************* header *************************/

div#header {
	height:79px;
}

div#header h1 {
	top:10px;
}

div#header h1 img {
	width:233px;
	height:26.5px;
}

div#header div.sort {
	display:none;
}

div#memberMenu {
	display:none;
}

div#memberMenu_sp {
	display:block;
	width:100%;
	color:#FFFFFF;
	font-size:12px;
	background-color:#000000;
	position:absolute;
	top:78px;
	z-index:30;
}

div#memberMenu_sp dl {
	margin:10px;
}

div#memberMenu_sp dt {
	border-bottom:1px solid #FFFFFF;
	padding-left:10px;
}

div#memberMenu_sp dd {
	padding:10px;
}

div#memberMenu_sp dd span {
	display:block;
}

div#memberMenu_sp input.inputText {
	display:block;
	width:96%;
	height:22px;
	background-color:#FFFFFF;
	border-radius:0;
	margin:3px 0 10px;
	appearance:none;
}

div#memberMenu_sp input.loginBtn {
	width:100%;
	height:28.5px;
	color:#FFFFFF;
	background:url(../../img/common/sp/login_bg.png) repeat-x;
	border:none;
	border-radius:0;
	margin:10px 0 20px;
	appearance:none;
}

div#memberMenu_sp p.reminderLink {
	margin-bottom:10px;
}

div#memberMenu_sp p.reminderLink a {
	color:#EF79A9;
	font-size:12px;
	text-decoration:underline;
	background:url(../../img/common/sp/reminder_arrow_icon.png) 0 4px no-repeat;
	background-size:5px 6px;
	padding-left:10px;
}

div#memberMenu_sp a.resistBtn {
	display:block;
	width:100%;
	height:28.5px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	background:url(../../img/common/sp/resist_bg.png) repeat-x;
	margin-top:10px;
}

div#memberMenu_sp li {
	line-height:25px;
}

div#memberMenu_sp dd.optionBtn a {
	display:block;
	width:100%;
	height:28.5px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	line-height:30px;
	background:url(../../img/common/sp/login_bg.png) repeat-x;
	margin-top:10px;
}

/************************* login *************************/

p.success {
	width:300px;
	padding:5px 0;
	margin:15px auto;
}

p.error {
	width:300px;
	padding:5px 0;
	margin:15px auto;
}

/************************* navi *************************/

div#navi_sp {
	display:block;
	width:100%;
	height:34px;
	background-color:#C30B53;
	position:absolute;
	top:45px;
	left:0px;
}

div#navi_sp ul {
	width:300px;
	padding:3px 0;
	margin:0 auto
}

div#navi_sp li {
	float:left;
}

div#navi_sp select {
	width:175px;
	background:#FFFFFF url(../../img/common/sp/select_arrow_icon.png) center right no-repeat;
	background-size:15px 8px;
	border:none;
	border-radius:0;
	padding:5px 10px;
	margin-right:12px;
	-webkit-appearance:none;
}

div#navi_sp li#loginBtn {
	padding-top:2px;
}

/************************* slide *************************/

div#slide {
	height:159px;
	background:url(../../img/index/sp/slide_bg.png) repeat-x;
	background-size:10px 154px;
}

div#slideInner {
	width:320px;
	height:159px;
	margin:0 auto;
}

div#slideInner li img {
	width:320px;
	height:149px;
}

/*
div#slideInner ul {
	width:1600px;
}

div#slideInner li#slideImage01 {
	left:0px;
}

div#slideInner li#slideImage02 {
	left:320px;
}

div#slideInner li#slideImage03 {
	left:640px;
}

div#slideInner li#slideImage04 {
	left:960px;
}

div#slideInner li#slideImage05 {
	left:1280px;
}

ul#slidePager {
	display:none;
}
*/

/************************* content *************************/

div#content {
	width:100%;
	padding:0 0 30px;
}

div#sortDate {
	width:auto;
	margin:0 10px 10px;
}

div#main {
	float:none;
	width:100%;
}

div#main h2#detailTtl {
	margin:0 10px 10px;
}

div#main ul.social {
	text-align:right;
	margin:0 10px 10px;
	position:static;
}

div#main ul.social li {
	float:none;
	display:inline-block;
}

div#main dl#detailBox dt {
	text-align:center;
}

div#main dl#detailBox dt img {
	max-width:320px;
	height:auto;
}

div#side {
	display:none;
}

p#err {
	color:#D50004;
	line-height:22px;
	border:1px solid #D50004;
	padding:5px 10px;
	margin:15px 10px;
}

/************************* info *************************/

div#infoList {
	width:310px;
	padding-left:10px;
	margin:0 auto;
}

div.infoBox {
	width:145px;
	height:235px;
	background:url(../../img/common/sp/box_bg01.png) no-repeat;
	background-size:145px 235px;
	margin:0 10px 10px 0;
}

div.infoBox a {
	width:145px;
	height:235px;
	background:url(../../img/common/sp/box_bg01.png) no-repeat;
	background-size:145px 235px;
}

div.infoBox a:hover {
	background:url(../../img/common/sp/box_bg02.png) no-repeat !important;
	background-size:145px 235px;
}

div.infoBox span.category {
	top:0px;
	left:0px;
}

div.infoBox span.category img {
	width:39.5px;
	height:39px;
}

div.infoBox span.image {
	top:0px;
	left:0px;
	height: 87.5px;
}

div.infoBox span.image img {
	width:145px;
	height:auto;
}

div.infoBox span.member {
	width:143px;
	top:72.5px;
	left:1px;
	overflow:hidden;
}

div.infoBox span.member img {
	width:230px;
	height:15px;
	margin-left:-45px;
}

div.infoBox dl {
	width:124px;
	top:95px;
}

div.infoBox dt {
	font-size:10px;
	line-height:14px;
	margin-bottom:6px;
}

div.infoBox dt span {
	font-size:10px;
	position:relative;
}

div.infoBox dt span img {
	top:2px;
}

div.infoBox dd {
	height:40px;
	font-size:10px;
	line-height:14px;
}

/************************* pager *************************/

div#pager {
	display:none;
}

div#pager_sp {
	display:block;
	width:300px;
	height:35px;
	background-color:#C41059;
	border-radius:5px;
	margin:20px auto 0;
}

div#pager_sp li {
	float:left;
	width:76px;
	height:35px;
	text-align:center;
}

div#pager_sp li.num {
	width:148px !important;
	height:27px !important;
	color:#FFFFFF;
	background-color:#C41059;
	padding-top:8px;
}

div#pager_sp li.prevBtn {
	width:76px;
	height:35px;
	background:url(../../img/common/sp/prev_btn.png) no-repeat;
	background-size:76px 35px;
}

div#pager_sp li.prevBtn a {
	display:block;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	line-height:35px;
}

div#pager_sp li.nextBtn {
	width:76px;
	height:35px;
	background:url(../../img/common/sp/next_btn.png) no-repeat;
	background-size:76px 35px;
}

div#pager_sp li.nextBtn a {
	display:block;
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
	line-height:35px;
}

.wp-pagenavi {
	display:none;
}

/************************* infoList *************************/

div#infoList{
	min-height: 250px;
}

/************************* footer *************************/

div#footer {
	border-top:4px solid #C30B53;
}

div#footer div.sort {
	display:none;
}

ul#footerLink {
	margin:15px auto 10px;
}

p#copyright {
	margin-bottom:15px;
}

p#copyright img {
	width:302px;
	height:6.5px;
}

p#footerLogo {
	text-align:center;
	padding-bottom:15px;
}

p#footerLogo img {
	width:31px;
	height:22.5px;
}

}