@charset "utf-8";

/* 
	RESET - ADAPTED FROM MEYER RESET
	URL - http://meyerweb.com/eric/tools/css/reset/
	LICENSE - PUBLIC DOMAIN
*/

/* RESET */
a, abbr, acronym, address, applet, article, aside, audio, 
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed, 
fieldset, figcaption, figure, form, footer, 
header, hgroup, h1, h2, h3, h4, h5, h6, html, 
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby, 
s, samp, section, main, small, span, strike, strong, sub, summary, sup, 
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video { 
	/*font-family: meiryo ,arial; */
	font-size: 100%; 
	font-weight: inherit; 
	font-style: inherit; 
	vertical-align: baseline; 
	white-space: normal;
	text-align: left; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0;
	background: transparent; 
}

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main { 
	display: block;
}
								  
ol, ul { 
	list-style: none; 
}
blockquote, q {
	quotes: none; 
}

table { 
	border-collapse: collapse; 
	border-spacing: 0; 
}
/* RESET */

body {
  background: #ff85ad url("bg_20180907.png") repeat;
  font-family: 'メイリオ', Meiryo,'ヒラギノ丸ゴ ProN','Hiragino Maru Gothic ProN',sans-serif;
}

/*====================
 ヘッダー
 ====================*/
header {
  margin-top: 40px;
}

header h1 {
  width: 960px;
  margin: 0 auto;
}

header h1 img {
  width: 100%;
}

.sns {
  text-align: right;
  margin-top: -25px;
  margin-right: 20px;
}

/*====================
 ナビメニュー
 ====================*/
nav {
  width: 910px;
  margin: 30px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

nav a {
  display: block;
  width: 100%;
  background: #fff;
  margin: 5px;
  padding: 40px 10px;
  color: #ff2789;
  font-size: 15px;
  text-decoration: none;
  border: 1px solid #ff2789;
  box-sizing: border-box;
}

nav a:hover {
  background: #ff2789;
  color: #fff;
  border: 1px solid #fff;
}

.current {
  background: #ffcff4;
  color: #ff2789;
  border: 1px solid #ffcff4;
  position: relative;
}

.current:hover {
  background: #ffcff4;
  color: #ff2789;
  border: 1px solid #ffcff4;
}

/*
.current:before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: 50%;
  border: 20px solid transparent;
  border-top: 20px solid #ffcff4;
  margin-left: -20px;
}
*/

.nav_block {

}

.nav_block dl {

}

.nav_block dl dt {
  text-align: center;
  font-size: 14px;
  color: #f00;
  font-weight: bold;
}

.nav_block dl dd {
  text-align: center;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}


/*====================
感染予防対策にご協力のお願い
====================*/
.covid_area {
  width: 900px;
  margin: 0 auto 30px;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
}

.covid_box {

}

.covid_ttl {
  background: #f00;
  color: #fff;
  padding: 5px;
  font-size: 14px;
  margin-bottom: 8px;
}

.covid_txt {
  font-size: 13px;
  color: #555;
  margin-bottom: 8px;
}

.line_red {
  color: #E62A4D;
  text-decoration: underline;
}

.line_black {
  color: #555;
  text-decoration: underline;
}

.covid_subttl {
  color: #f00;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

.covid_caution {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 13px;
  color: #555;
  margin-bottom: 10px;
}

.covid_caution li {
  margin-bottom: 3px;
}

.covid_caution li:last-child {
  margin-bottom: 0;
}

.covid_caution li a {
}

.covid_caution li a:hover {
  text-decoration: none;
}



/*====================
 お知らせ
 ====================*/
.info {
  width: 900px;
  margin: 0 auto 30px;
  box-sizing: border-box;
  background: #fff;
  padding: 20px;
}

.info h2 {
  color: #ff2888;
  padding: 6px 3px;
  background: #ffcfe5;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 15px;
}

.info h3 {
  font-size: 15px;
  font-weight: 500;
  color: #444;
  margin-bottom: 2px;
}

.info p {
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}

.event-end_txt {
  color: #f00;
  background: #ff0;
  padding: 5px;
  font-size: 14px;
  margin-bottom: 10px;
  text-indent: -1em;
  padding-left: calc(1em + 5px);
}

.info dl {
  margin-bottom:20px;
}

.info dl dt {
  font-size: 14px;
  color: #E62A4D;
  margin-bottom: 2px;
}

.info dl dd {
  font-size: 15px;
  color: #E62A4D;
  font-weight: bold;
}

.info_caution {
  font-size: 13px;
  color: #555;
}

/* お知らせ */
.notice {
  background: #ffcfe5;
  padding: 5px;
  margin-bottom: 15px;
}

.notice h3 {
  font-size: 15px;
  color: #E62A4D;
  font-weight: 500;
}

.notice ul {
  font-size: 13px;
  color: #444;
  text-indent: -1em;
  padding-left: 1em;
}

.notice ul li {

}



/*====================
 ハンズナビ
 ====================*/
.hands_nav {

}

.hands_nav ul {
  width: 650px;
  margin: 0 auto 30px;
}

.hands_nav ul li {
  border: solid 3px #ff2789;
  box-shadow: 0 2px 7px -2px #ff2789;
  margin-bottom: 8px;
  border-radius: 8px;
}

.hands_nav ul li a {
  font-size: 16px;
  font-weight: 400;
  color: #333;
  background: #ffcff4;
  padding: 8px 30px;
  display: block;
  text-decoration: none;
  border-radius: 8px;
}

.hands_nav ul li a:hover {
  background-color: #ff2789;
  color: #fff;
  border-radius: 0px;
}


/*====================
 ・ルール　・カート
 ====================*/
.product_area {
  width: 900px;
  margin: 0 auto 50px;
  background: #fff;
  border: solid 4px #ff2789;
  box-sizing: border-box;
  border-radius: 5px;
}

.product_area h3 {
  font-size: 24px;
  font-weight: bold;
  background: #ffe3ed;
  padding: 10px 5px;
  text-align: center;
  border-bottom: solid 2px #ff2789;
}

.rule_box {
  padding: 20px;
}

.each_rule_box {
  padding-bottom: 20px;
  border-bottom: 1px dashed #ccc;
  margin: 0 0 10px;
}

.rule_ttl {
  font-size: 17px;
  font-weight: bold;
  color: #ff2888;
  margin-bottom: 8px;
}

.rule_subttl {
  font-size: 13px;
  font-weight: bold;
  color: #ff2888;
  margin-bottom: 8px;
}

.rule_txt {
  color: #555;
  font-size: 13px;
}

.rule_caution {
  text-indent: -1em;
  padding-left: 1em;
  color: #555;
  font-size: 13px;
}

.rule_caution li {

}

.rule_caution li a {
}

.rule_caution li a:hover {
  text-decoration: none;
}

.txt_red {
  color: #E62A4D;
}

.txt_red_b {
  color: #E62A4D;
  font-weight: bold;
}





/*====================
 プロダクトテーブル
 ====================*/
.product_wrap {
  padding: 20px;
}

.product_wrap h4 {
  font-size: 17px;
  font-weight: bold;
  color: #444;
  margin-bottom: 10px;
}

.participant {
  margin: 5px 0 20px;
}

.participant dt {
  font-size: 13px;
  color: #444;
}

.participant dd {
  font-size: 13px;
  color: #444
}

.product_box {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: 1px dashed #ccc;
}

.product_table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px dashed #ccc;
}

.product_table th {
  font-size: 15px;
  color: #444;
  background: #ffe3ed;
  padding: 7px;
  position: sticky;
  top: 0;
}

.product_table th a {

}

.product_table th a:hover {
  text-decoration: none;
}

.product_table th span {
  font-size: 11.5px;
}

.product_table th em {
  background: #ff0;
  color: red;
}

.product_table td {
  font-size: 15px;
  text-align: center;
  color: #444;
  padding: 10px 5px;
  vertical-align: middle;
  border: 2px solid #444;
}

.part {
  background: #ccc;
}

.part span {
  font-size: 17px;
  font-weight: 400;
}

.part em {
  font-size: 12px;
  background: #eae9e9;
  padding: 3px;
}

.clothing {
  /*width: 200px;*/
}

.type {

}

/*====================
 カート
 ====================*/
.cart {
  width: 220px;
  margin: 20px auto;
  background: #fff;
  text-align: center;
}

.cart span {
  color: #FFF;
  background-color: #DC0011;
}

.cart a {
  border: solid 3px #DB0C29;
  color: #333;
  text-decoration: none;
}

.cart a,
.cart span {
  display: inline-block;
  width: 180px;
  padding: 5px 0;
  background-color: #FFF;
  box-shadow: 0 0 7px -1px #999;
  transition: all 0.2s ease-out;
  margin: 0 15px;
  font-size: 16px;
  text-align: center;
}

.cart a:hover {
  color: #FFF;
  background-color: #33F;
  border: solid 3px #00F;
  box-shadow: 0 0 7px -4px #999;
}

.cart span.before {
  color: #FFF;
  background-color: #1399DE;
}

.cart span.end {
  color: #FFF;
  background-color: #DC0011;
}

/*====================
 テーブル下注意事項
 ====================*/
.event_caution {
  text-indent: -1em;
  padding-left: 1em;
  margin: -25px 0 50px;
}

.event_caution li {
  font-size: 13px;
  color: #555;
  line-height: 1.6;
}

/*====================
 キャンセル不可
 ====================*/
.no_cancellations {
  font-size: 13px;
  color: #555;
  text-indent: -1em;
  padding-left: 1em;
}

/*====================
 ご利用方法
 ====================*/
.use {
  margin: 20px 0 10px;
}

.use ul {
  text-align: center;
  font-size: 13px;
  color: #666;
}

.use ul li {
  display: inline-block;
  vertical-align: top;
}

.use ul li a {
  color: #666;
}

.use ul li a:hover {
  color: #666;
  text-decoration: none;
}

/*====================
 対象商品
 ====================*/
.shipping_area {
  width: 900px;
  margin: 0 auto 50px;
  background: #fff;
  border: solid 4px #ff2789;
  box-sizing: border-box;
  border-radius: 5px;
}

.shipping_area h3 {
  font-size: 24px;
  font-weight: bold;
  background: #ffe3ed;
  padding: 10px 5px;
  text-align: center;
  border-bottom: solid 2px #ff2789;
}

.shipping_box {
  padding: 10px 20px;
}


.shipping_box_each {
  margin: 20px 0;
}

.shipping_box_each_ttl {
  font-size: 17px;
  font-weight: bold;
  color: #ff2888;
  margin-bottom: 8px;
}

.shipping_box_each_subttl {
  font-size: 13px;
  font-weight: bold;
  color: #333;
  margin-bottom: 8px;
}

.shipping_box_each_txt {
  color: #555;
  font-size: 13px;
}

.shipping_box_each_caution {
  text-indent: -1em;
  padding-left: 1em;
  color: #555;
  font-size: 13px;
  margin-bottom: 10px;
}

.shipping_box_each_caution li {

}

.shipping_box_each_schedule {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 15px;
  color: #E62A4D;
  font-weight: bold;
}

.shipping_box_each_schedule li {

}

.shipping_box_each_list {
  text-indent: -1em;
  padding-left: 1em;
  color: #555;
  font-size: 13px;
}

.shipping_box_each_list li {

}





/*====================
 サインに関する注意事項
 ====================*/
.sign_caution_area {
  width: 900px;
  margin: 0 auto 50px;
  background: #fff;
  border: solid 4px #ff2789;
  box-sizing: border-box;
  border-radius: 5px;
}

.sign_caution_area h3 {
  font-size: 24px;
  font-weight: bold;
  background: #ffe3ed;
  padding: 10px 5px;
  text-align: center;
  border-bottom: solid 2px #ff2789;
}

.sign_caution_area_box {
  padding: 20px 10px;
  margin: 20px 0;
  
}

.sign_caution_area_box ul {
  font-size: 13px;
  color: #555;
  text-indent: -1em;
  padding-left: 1em;
  margin-left: 10px;
  line-height: 1.6;
}

.sign_caution_area_box ul li {

}

/*====================
 注意事項
 ====================*/
.caution_area {
  width: 900px;
  margin: 0 auto 50px;
  background: #fff;
  border: solid 4px #ff2789;
  box-sizing: border-box;
  border-radius: 5px;
}

.caution_area h3 {
  font-size: 24px;
  font-weight: bold;
  background: #ffe3ed;
  padding: 10px 5px;
  text-align: center;
  border-bottom: solid 2px #ff2789;
}

.caution_box {
  padding: 10px 20px;
}

.caution_box_each {
  margin: 20px 0;
}

.caution_box_each h4 {
  color: #E62A4D;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.caution_box_each ul {
  font-size: 13px;
  color: #555;
  text-indent: -1em;
  padding-left: 1em;
  margin-left: 10px;
  line-height: 1.6;
}

.caution_box_each ul li {

}

.caution_box_each ul li a {

}

.caution_box_each ul li a:hover {
  text-decoration: none;
}

.txt_color_red {
  color: #e80000;
}

.identification {
  padding-left: 1em;
}

.identification dt {

}

.identification dd {
  padding-left: 1em;
}

.caution_box_each p {
  font-size: 13px;
  color: #555;
  margin-left: 10px;
  line-height: 1.6;
  margin-bottom: 5px;
}

.children_caution_txt {
  color: #e80000;
  font-size: 14px;
  font-weight: 500;
}

.txt_underline {
  border-bottom: 1px solid #333;
}

.use_list {
  margin-bottom: 5px;
}

.use_list dt {
  font-size: 13px;
  color: #555;
  margin-left: 10px;
  line-height: 1.6;
}

.use_list dd {
  font-size: 13px;
  color: #555;
  margin-left: 10px;
  line-height: 1.6;
}



/*====================
 MVメイキング映像ページ
 ====================*/
.product_information_box {
  font-size: 14px;
  color: #444;
  margin-bottom: 20px;
  background: #ffe3ed;
  padding: 10px;
}

.product_information_ttl {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}

.product_information_txt {
  margin-bottom: 5px;
}

.product_information_box dl {
  margin-bottom: 5px;
}

.product_information_box dl dt {
  font-size: 15px;
  margin-bottom: 3px;
}

.product_information_box dl dd {
  width: 100%;
}

.product_information_box dl dd a {
  color: #008EFF;
}

.product_information_box dl dd a:hover {
  text-decoration: none;
}

.product_information_box dl dd img {
  width: 100%;
  vertical-align: bottom;
}

.product_information_caution {
  font-size: 13px;
  color: #555;
  margin-bottom: 5px;
}

/*====================
 メンテナンス
 ====================*/
.maintenance {
  width: 900px;
  margin: 0 auto 30px;
  box-sizing: border-box;
  background: #fff;
  padding: 18px;
}

.maintenance h3 {
  color: #fff;
  background: #E62A4D;
  font-size: 20px;
  padding: 5px;
  margin-bottom: 15px;
  text-align: center;
}

.maintenance_txt_normal {
  color: #333;
  font-size: 14px;
  margin-bottom: 10px;
}

.maintenance_txt_bold {
  font-size: 18px;
  color: #E62A4D;
  margin-bottom: 10px;
}

/*====================
 スムーススクロール
 ====================*/
#pagetop {
  position: fixed;
  bottom: -40px;
  right: 30px;
}

#pagetop a {
  display: block;
  width: 150px;
  height: 30px;
  background-color: #ff2888;
  border-radius: 5px 5px 0 0;
  text-align: center;
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  line-height: 35px;
  border: 2px solid #fff;
  border-bottom: none;
}

/*====================
 コピーライト
 ====================*/
.copyright {
  margin: 20px auto;
  text-align: center;
  color: #fff;
  font-size: 13px;
}


/*====================
調整
====================*/
.mb_8 {
  margin-bottom: 8px;
}

.mb_20 {
  margin-bottom: 20px;
}



