@charset "shift_jis";

/* ========================================
shop_notice.css
======================================== */


/* Reset
_________________________________________*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , "メイリオ" , Meiryo ,"ＭＳ Ｐゴシック", Osaka, sans-serif !important;
}

body #mainContent {
	float: none !important;
}
#breadCrumb {
	margin-bottom: 0px !important;
}
#contentWrapper:first-of-type {
	margin-bottom: 0;
}
.contentWrap {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}


/* common
_________________________________________*/

.mb0 {
	margin-bottom: 0 !important;
}
.mb1em {
	margin-bottom: 1em !important;
}
.mb2em {
	margin-bottom: 2em !important;
}
.mb3em {
	margin-bottom: 3em !important;
}
.mb4em {
	margin-bottom: 4em !important;
}
.mb5em {
	margin-bottom: 5em !important;
}
.mb6em {
	margin-bottom: 6em !important;
}
.mb7em {
	margin-bottom: 7em !important;
}

/* ttl
_________________________________________*/

.ttl-01 {
	background-color: #0f218a;
	color: #FFFFFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 1em 1em 1em 50px;
	font-weight: bold;
	font-size: 20px;
	background-image: url(../imgs/notice/ttl-icn.png);
	background-repeat: no-repeat;
	background-position: left 18px top 14px;
	margin-bottom: 1.5em;
	background-size: 20px auto;
}
.ttl-02 {
	background-color: #f5f5f5;
	color: #0F218A;
	padding: 1em 1em 1em 30px;
	font-weight: bold;
	font-size: 18px;
	border-left: 4px solid #0F218A;
}
.ttl-03 {
	background-color: #f5f5f5;
	padding: 1em 1em 1em 30px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 1.5em;
	text-align: center;
}
.ttl-04 {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 0.5em;
	text-align: left;
}


/* design
_________________________________________*/

.note {
	font-size: 14px !important;
	color: #666666;
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.6;
}
a.listLinkCmn01 {
	padding-left: 12px;
	background-color: transparent;
	background-image: url(/common/pc/img/openpc/blt/blt-01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.red {
	color: #FF0004
}
p.text {
	font-size: 16px;
	line-height: 1.9;
	margin-bottom: 1em;
}
.maru {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	line-height: 24px;
	text-align: center;
	background-color: #ED51A1;
	font-size: 14px;
	margin-left: 20px;
	color: #FFFFFF;
	margin-right: 0.8em;
	margin-top: -0.5em;
	display: inline-block;
}
.infoBlock{
background-color: #fafafa;
padding: 2em 3em;
border: 2px solid #ececec;
}


/* table
_________________________________________*/

table.case {
	border-collapse: collapse;
	width: 100%;
	padding-top: 1em;
}
table.case th, table.case td {
	border: 2px solid #ececec;
	padding: 0.3em 1em;
	vertical-align: middle;
	line-height: 1.5;
}
table.case th {
	background-color: #f5f5f5;
	padding: .5em;
	text-align: center;
	font-size: 16px;
}
table.case td {
	vertical-align: top;
	padding: 1em;
	text-align: center;
}


/* .contentHdr
_________________________________________*/

.contentHdr {
 background-image: url(../imgs/notice/mv-bg.jpg);
 background-repeat: repeat-x;
 background-position: center bottom;
 background-size: contain;
}
.contentHdrInc {
 background-image: url(../imgs/notice/mv-illust.png);
 background-repeat: no-repeat;
 background-position: center bottom;
 height: 325px;
 text-align: center;
 margin-bottom: 60px;
 background-size: contain;
}
.contentHdr h1 img {
 width: 552px;
 margin-bottom: 45px;
 margin-top: 30px;
}
.contentHdr h2 img {
 width: 706px;
}
@media screen and (min-width:1px) and (max-width:1500px) {
 .contentHdrInc{
  background-size: cover;
 }
}

/* .sec01
_________________________________________*/

.sec01 p.copy {
	font-size: 20px;
	line-height: 1.8;
	margin-bottom: 1em;
}
.sec01 p.copy span {
	background-color: #ed51a1;
	padding: 0.1em;
	color: #f6ff00;
}
.sec01 .sec01-box {
	border-radius: 20px;
	padding: 20px;
	background-color: #f5f5f5;
	margin-top: 2em;
	margin-bottom: 2em;
}
.sec01 .sec01-box h3 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 1em;
	font-size: 20px;
	line-height: 1.5;
}
.sec01 .sec01-box ul {
	margin-bottom: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.sec01 .sec01-box ul li {
	display: block;
}
.sec01 .sec01-box ul li a {
	display: block;
	padding: 20px 15px;
	border-radius: 30px;
	box-shadow: 0px 1px #CCCCCC;
	margin-bottom: 10px;
	background-color: #ffffff;
	text-decoration: none;
	color: #000000;
	font-size: 18px;
	position: relative;
	-webkit-box-shadow: 0px 1px #CCCCCC;
}
.sec01 .sec01-box ul li a::after {
	font-family: 'FontAwesome';
	content: '\f107';
	font-weight: bold;
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	color: #ED51A1;
}
.sec01 .sec01-box ul li a:hover{
	opacity: .8;
	text-decoration: underline;
}


/* pageTop */
.contentWrap .pageTop {
  margin-bottom: 30px;
}
.contentWrap .pageTop a {
  width: 103px;
  height: 17px;
  text-indent: -9999px;
  text-decoration: none;
  text-align: left;
  background-color: transparent;
  background-image: url(/common/imgs/footer/pagetop.gif);
  background-repeat: no-repeat;
  background-position: left top;
  _background-position: left 2px;
  display: block;
  margin-left: auto;
}
.contentWrap .pageTop a:hover {
  background-position: left -17px;
}