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

/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */

body {
    padding-top: 65px; /* ヘッダーの後ろに要素が隠れないようにするため */
	font-family: "A-OTF UD Shin Maru Go", "MotoyaLMaru", "Hiragino Maru Gothic", "TBChibiRGothicplusK", "TsukuARdGothic-Regular", "TsukuBRdGothic-Regular", "HCP Maru Gothic", "WadalabChumarugo2004emojijp", "Migu 1C", "M+ 1p", "VL PGothic", Meiryo, sans-serif;
}




.menu {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
}

.contents_title {
	width: 40%;
	margin: 0 auto 25px;
	text-align: center;
}

.contents_title img {
	width: 40px;
	margin-bottom: 8px;
}

.contents_title h1 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 8px;
}

.contents_title h2 {
	font-size: 14px;
}

.menu_list {
	width: 100%;
	margin: 0 auto;
}

.menu_list li {
	width: 100%;
	margin-bottom: 40px;
}

.menu_list li img {
	width: 100%;
}








/*お衣裳ここから*/

.costume {
	width: 90%;
	height: auto;
	overflow: hidden;
	margin: 80px auto 80px;;
}

.costume_menu {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.costume_menu li {
	width: 32%;
	height: auto;
	overflow: hidden;
	margin-right: 1.2%;
	float: left;
	border: 1px solid #D8D8D8;
}

.costume_menu li:last-child {
	margin-right: 0px;
}

.costume_menu li a {
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #000;
	text-align: center;
	text-decoration: none;
	
}

.costume_menu li a img {
	width: 100%;
	margin-bottom: 5px;
}

.costume_menu li a p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 10px;
}
/*お衣裳ここまで*/








/* -------------------------------------------- */
/* ▼タブレット用デザインとして付け足すデザイン */
/* -------------------------------------------- */
@media (min-width: 768px) {

	body {
		display: none;
	}
	
}
/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media (min-width: 1024px) {

	body {
		display: none;
	}
}