@charset "UTF-8";
/* CSS Document */

@media (max-width: 767px) {

	.pc {
		display: none;
	}

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

	/* -------------------------------------------------------------------------- **
	**   SP共通
	** -------------------------------------------------------------------------- */
	.cf:before, .cf:after {
		content: "";
		display: table;
	}

	.cf:after {
		clear: both;
	}

	.cf {
		*zoom: 1;
	}

	#wrap {
		display: none;
	}

	#shopping08 {
		display: none;
	}

	.sp-wrap {
		display: block;
		font-size: 16px;
		text-align: center;
	}

	/*-------------------------------------------------

	topページのヘッタのみ

	-------------------------------------------------*/
	#sp-wrap {
		display: inherit;
	}

	#sp-wrap #header h1 {
		position: absolute;
		text-align: left;
		width: 300px;
		top: 0px;
		left: 5px;
	}

	#sp-wrap #header .left {
		float: left;
		text-align: left;
		margin: 0;
		padding: 0;

	}

	#sp-wrap #header {
		height: 54px;
		background-color: #fff;
		border-bottom: 1px solid #002d50;
	}

	#sp-wrap #header .left img {
		margin: 17px auto auto 13px;
	}

	#sp-wrap #header .right {
		height: 40px;
		width: 46px;
		padding: 7px 5px 7px 5px;
		text-align: center;
		float: right;
		background-color: #d8264c;

	}

	#sp-wrap #header .menu {
		height: 40px;
		width: 46px;
		padding: 7px 5px 7px 5px;
		text-align: center;
		float: right;
		background-color: #fff;
	}

	#sp-wrap #header .menu img {
		padding-top: 8px;
	}

	/*-------------------------------------------------*/
	#main-visual {

	}

	/*gnav*/
	#spbtn {
		float: right;
		display: block;
		cursor: pointer;
		height: 50px;
		width: 50px;
		z-index: 9999;
	}

	#spbtn img {
		padding-top: 15px;
	}

	#menuarea {
		display: none;
		background-color: #002d50;
		text-align: center;
	}

	#menuarea ul {
		width: 200px;
		margin: 0 auto;
		padding-bottom: 40px;

	}

	#menuarea ul li {
		color: #fff;
		float: none;
		height: 40px;
		text-indent: -9999px;
		border-bottom: 1px solid #ccc;
	}

	#menuarea ul li a {
		display: block;
		background: url(../images/munsing/gnav_sp.png) no-repeat center top;
		background-size: 95px 295px;
		height: 40px;
	}

	#menuarea ul li#sp-top a {
		background-position: center 13px;
	}

	#menuarea ul li#sp-special a {
		background-position: center -27px;
	}

	#menuarea ul li#sp-item a {
		background-position: center -67px;
	}

	#menuarea ul li#sp-players a {
		background-position: center -107px;
	}

	#menuarea ul li#sp-shopping a {
		background-position: center -147px;
	}

	#menuarea ul li#sp-cm a {
		background-position: center -187px;
	}

	#menuarea ul li#sp-brand a {
		background-position: center -227px;
	}

	#menuarea ul li#sp-recommend a {
		background-position: center -267px;
	}

	/*axctive*/
	#menuarea ul li#sp-brand a.active {
		background-position: center -227px;
		background-color: #df3232;
	}

	#menuarea ul li#sp-special a.active {
		background-position: center -27px;
		background-color: #df3232;
	}

	/*trend kw*/
	#trendkw {
		text-align: center;
	}

	#trendkw dt {
		box-sizing: border-box;
		display: block;
		width: 100%;
		height: 60px;
		line-height: 50px;
		text-align: center;
		border: #002d50 5px solid;
		cursor: pointer;
		color: #002d50;
		font-weight: bold;
	}

	#trendkw dt img {
		margin-left: 3px;
	}

	#trendkw dd {
		width: 100%;
		background: #f2f2f2;
		border: none;
		display: none;
	}

	#trendkw dd ul {
		width: 98%;
		display: table;
		margin: 0 auto;
		padding-top: 10px;
		padding-bottom: 15px;
	}

	#trendkw dd ul li {
		width: 48%;
		height: 40px;
		line-height: 40px;
		margin: 2px;
		padding: 1px;
		float: left;
		background-color: #fff;
		text-align: center;
		font-size: 13px;
		display: inline-block;
		vertical-align: middle;
	}

	#trendkw dd ul li.l2 {
		line-height: 1.4;
	}

	#trendkw dd ul li a {
		color: #002d50;
	}

	#news {
		height: 40px;
		background: url(../images/munsing/news.gif) repeat-y;
		background-size: 53px 40px;
		font-size: 75%;
	}

	#news dl {
		padding-top: 5px;
		margin: 0px 5px auto 60px;
		overflow: hidden;
		text-align: left;
	}

	#news dt {
		width: 80px;
		float: left;
		line-height: 1.4;
	}

	#news dd {
		line-height: 1.4;
		margin-left: 80px;
		text-align: left;
	}

	#news dd a {
		color: #000;
	}

	.mov {
		margin: 0;
	}

	#brand02 {
		margin-bottom: 10px;
		background-color: #002d50;
		background-image: url(../images/munsing/ico_mark.gif);
		background-repeat: no-repeat;
		background-size: 47px 50px;
		background-position: center 26px;
		padding-bottom: 33px;
	}

	#brand02 h2 {
		text-align: left;
		padding-top: 13px;
		margin: 0 0 0 15px;
	}

	#brand02 .catch {
		margin-top: 60px;
	}

	#brand02 p {
		font-size: 81.25%;
		line-height: 1.6;
		text-align: left;
		margin: 24px 20px 0 20px;
		color: #fff;
		font-weight: normal;
	}

	#brand02 .brand-lead {
		font-size: 81.25%;
		line-height: 1.6;
		text-align: left;
		margin: 24px 20px 0 20px;
		color: #fff;
		font-weight: normal;
	}

	#brand02 .btn {
		margin-top: 33px;
	}

	/*special-------------*/
	#special {
		text-align: center;

	}

	#special .container {
		margin: 0 auto;
		text-align: center;
		width: 100% !important;
	}

	#special .container ul {
		margin: 0 auto;

	}

	#special .container ul li {

		text-align: center;

	}

	.sp-wrap .special02 {
		padding-bottom: 15px;
	}

	.sp-wrap #special02 h2 {
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.sp-wrap #special02 .bnr img {
		margin-bottom: 5px;
	}

	/*players-------------*/
	#players02 {
		text-align: center;
	}

	#players02 h2 {
		padding-top: 30px;
		margin-bottom: 10px;

	}

	#players02 ul {
		width: 280px;
		margin: 0 auto;
		display: table;

	}

	#players02 ul li {
		margin: 5px;
		display: inline;

	}

	#players02 .others {
		margin: 20px auto 0 auto;
		width: 280px;
		background: url(../images/munsing/bg_line.gif);
		background-position: bottom;
		background-size: 1px 40px;

	}

	#players02 .others ul {
		text-align: center;
		margin: 0 auto;
		width: 280px;
	}

	#players02 .others ul li {
		float: left;
		width: 93px;
		height: 40px;
		line-height: 40px;
		display: inline-block;
		letter-spacing: 1px;
		text-align: left;
		font-size: 81.25%;
		margin: 0;
		padding: 0;

	}

	#players02 .others ul li.f {
		background: url(../images/munsing/arrow_female.gif) no-repeat;
		background-position: 0px 16px;
		background-size: 7px 7px;
	}

	#players02 .others ul li.m {
		background: url(../images/munsing/arrow_man.gif) no-repeat;
		background-position: 0px 16px;
		background-size: 7px 7px;
	}

	#players02 .others ul li a {
		text-decoration: none;
		color: #333;
		margin-left: 10px;

	}

	#players02 .ttl img {

	}

	#players02 .pickup ul {
		display: table;
		width: 100%;
		text-align: left !important;

	}

	#players02 .pickup ul li {
		display: inline;
		text-align: left !important;
		font-size: 85%;

	}

	#players02 .pickup ul li a {
		display: block;
		color: #333;
		line-height: 1.5;
		border-bottom: 1px solid #ccc;
		padding-bottom: 20px;

	}

	#players02 .pickup ul li span {
		font-weight: bold;
		text-align: left !important;
	}

	#players02 .pickup ul li img {
		float: left;

	}

	/*item-------------*/
	#item02 {
		background-color: #ebebeb;
		width: 100%;
		padding-top: 35px;
		padding-bottom: 20px;
	}

	#item02 h2 {
		padding-bottom: 10px;
	}

	#item02 .menu {
		margin: 0 auto;
		display: block;
		width: 290px;
	}

	#item02 .menu .ttl {
		margin-bottom: 2px;
	}

	#item02 .menu .men {
		float: left;
	}

	#item02 .menu .women {
		float: right;
	}

	/*shopping-------------*/
	#shopping {
		DISPLAY: BLOCK;

		border-top: 1px solid #898989;
		width: 100%;
		margin-top: 40px;
		padding: 40px 0 40px 0;
	}

	#shopping h2 {
		text-align: center;
		margin: 0 auto;
	}

	#shopping .list {
		width: 90%;
		margin: 0 auto;
		padding-top: 40px;
	}

	#shopping .list ul {
		display: block;
	}

	#shopping .list ul li {
		position: relative;
		margin-bottom: 35px;
		border: 1px solid #bbb;
		line-height: 0;
	}

	#shopping .list ul li .item img {
		width: auto;
		max-height: 150px;
	}

	#shopping .list ul li.l {
	}

	#shopping .list ul li.r {
	}

	#shopping .list ul li .ico {
		position: absolute;
		top: 0px;
		left: 20px;
	}

	#shopping .list ul li .ico-60th {
		position: absolute;
		top: 10px;
		right: 20px;
	}

	#shopping .list ul li .item-box {
		display: block;
		margin-left: 20px;
		margin-right: 20px;
	}

	#shopping .list ul li .item {
		background-color: #fff;
		text-align: center;
	}

	#shopping .list ul li .detail {
		text-align: left;
	}

	#shopping .list ul li .sp-br {
		display: none;
	}

	#shopping .list ul li .detail .rec01 {
		padding-bottom: 5px;
	}

	#shopping .list ul li .detail .rec02 {
		padding-bottom: 5px;
	}

	#shopping .list ul li .detail p {
		margin: 0;
		padding: 0;
		line-height: 24px;
	}

	#shopping .list ul li .detail .ico {
		padding-top: 15px;
	}

	#shopping .list ul li .detail .name {
		font-size: 14px;
		line-height: 1.5;
	}

	#shopping .list ul li .detail .cost {
		font-size: 13px;
	}
	
	#shopping .list ul li a .detail .name{
		color:#333;
	}

	#shopping .list ul li a .detail .cost {
		color:#333;
	}

	#shopping .list ul li .detail .b {
		font-weight: bold;
		letter-spacing: 0.5px;
	}

	#shopping .list ul li .detail .discount {
		font-weight: bold;
		font-size: 15px;
		color: #d90012;
	}

	#shopping .list ul li .detail .old {
		font-size: 13px;
		text-decoration: line-through;
	}

	#shopping .list ul li .btn-area {
		width: 100%;
		height: 70px;
		background-color: #efefef;
		text-align: center;
	}

	#shopping .list ul li .btn img {
		margin-top: 20px;
	}

	#shopping .ec_catalogue {
		text-align: center;
	}

	#shopping .ec_catalogue ul {
		margin: 0 auto;
	}

	#shopping .ec_catalogue ul li {
		padding: 5px;
	}

	/*cm-------------*/
	#cm02 {
		padding-top: 30px;
		padding-bottom: 20px;
	}

	#cm02 h2 {
		padding-bottom: 5px;
	}

	#recommend02 {
	}

	#recommend02 h2 {
		margin-top: 45px;
		margin-bottom: 25px;
	}

	#recommend02 .box {
		border: 1px solid #ababab;
		margin-left: 10px;
		margin-right: 10px;
	}

	#recommend02 .box ul {
	}

	#recommend02 .box ul li {
		border-bottom: 1px solid #ababab;
		padding: 6px;
		background: url(../images/munsing/arrow_recommend.gif) no-repeat;
		background-size: 20px 17px;
		background-position: right 50%;
	}

	#recommend02 .box ul li a {
	}

	#footer-sp {
		margin-top: 20px;
		background-color: #002d4f;
	}

	#footer-sp ul {
		margin: 0 auto;
		padding-top: 45px;
		padding-bottom: 10px;
		width: 140px;
		text-align: center;
	}

	#footer-sp ul li {
		width: 50px;
		float: left;
		padding: 10px;
		display: inline-block;
	}

	#footer {
		margin-top: 0;
		padding-bottom: 20px;
		color: #fff !important;
		background-color: #002d4f;
		font-size: 62.5%;
		line-height: 2;
		text-align: center;
	}

	#footer a {
		color: #fff !important;
	}

	/*history*/
	#history {
		text-align: center;
		margin: 0;
		padding: 0;
	}

	#history img {
		margin: 0;
		padding: 0;
		vertical-align: bottom;
	}

	#history p {
		margin: 20px 30px;
		text-align: justify;
		text-justify: inter-ideograph;
		font-size: 96.875%;
		line-height: 2;
		color: #002d4f;
	}

	#history .bg {
		background-color: #002c4f;
	}

	#history .bg p {
		margin: 0 30px 0 30px;
		padding: 20px 0 150px 0;
		color: #fff;
	}

	#history .back {
		margin-top: 0px;
	}

	.clearfix:after {
		content: '';
		display: table;
		clear: both;
	}

	.sns img {
		width: 50px !important;
		height: 50px !important;
	}


	/* -------------------------------------------------------------------------- **
**  MOVIE
** -------------------------------------------------------------------------- */
	#movie {
		width: 100%;
		overflow: hidden;
		margin: 0 auto 0 auto;
	}

	.movie__item {
		width: 90%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	.movie__item:first-child {
		float: none;
	}

	.movie__item h2 {
		margin: 40px 0 20px 0;
	}

	.movie__item img {
		vertical-align: middle;
	}
	
}