/* ========BASIC======== */
html, body {
	width: 100%;
}
img {
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
body {
	line-height:2;
	font-family:"Hiragino Kaku Gothic Pro", HiraKakuPro-W3, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", verdana, sans-serif;
	font-size:13px;
	color:#333;
}
a {
	color:#EF2C55;
	text-decoration:none;
}
a:hover {
	color:#999;
	text-decoration:underline;
}
img {
	vertical-align:bottom;
}
hr {
	height: 0;
	margin: 0;
	padding: 0;
	border: 0;
}
.clear {
	clear:both;/*floatの解除*/
}
/* ========矢印　BASIC======== */
.arrow {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
}
.arrow::before, .arrow::after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
/* -----矢印　footer----- */
.footer::before {
left: 4px;
box-sizing: border-box;
width: 4px;
height: 4px;
border: 4px solid transparent;
border-left: 4px solid #fff;
}
/* ========PAGETOP========= */
#pageTop {
	position:fixed;
	right:0;
	bottom:0;
	margin:0 0 20px;
	padding:0;
	z-index: 9996;
}
/* ========税抜き価格表示用太字======== */
.tax1 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom:1em;
}
.tax2Wrapper {
	margin: 10px 0;
}
.tax2 {
	font-size: 11px;
	font-weight: bold;
	padding:2px 10px;
	border: 1px #CCCCCC solid;  /* 枠線を引く */
	border-radius: 20px;      /* 角丸の指定 */
}
/* ========文字装飾======== */
.text {
display: inline-block;
}
.textNarrow {
	letter-spacing:-0.05em;
}
.textNarrow2 {
	letter-spacing:-0.1em;
}
.textNarrow3 {
	letter-spacing:-0.15em;
}
.textAlert {
	color:#FF0000;
	font-weight:bold;
}
.textAttention0 {
	color:#FF0000;
}
.textAttention {
	font-weight:bold;
	color:#FF6699;
}
.textAttention2 {
	font-size:14px;
	font-weight:bold;
	color:#FF6699;
}
.textAttention3 {
	font-size:16px;
	font-weight:bold;
	color:#FF6699;
}
.textAttentionDeep {
	font-weight:bold;
	color:#EF2C55;
}
.textAttentionDeep2 {
	font-size:14px;
	font-weight:bold;
	color:#EF2C55;
}
.textAttentionDeep3 {
	font-size:16px;
	font-weight:bold;
	color:#EF2C55;
}
.textAttentionBright {
	font-weight:bold;
	color:#FF6600;
}
.textAttentionBright2 {
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
}
.textAttentionBright3 {
	font-size:16px;
	font-weight:bold;
	color:#FF6600;
}
.textSmall {
	font-size:11px;
}
.linkUnderLine a {
	color:#E7123F;
	text-decoration:underline;
}
.linkUnderLine a:hover {
	color:#999999;
	text-decoration:none;
}
/* ========区切り線装飾======== */
hr.style_one {
	clear:both;
	margin-bottom:50px;
	height: 6px;
	background: url("../img/hr_1.png") repeat-x 0 0;
}
hr.style_two {
	clear:both;
	margin:30px 0;
	border-top: 1px dotted #E7123F;
}
hr.style_three {
	clear:both;
	margin:15px 0;
	border-top: 1px dotted #E7123F;
}

/*===============================================
for iPhone Landscape　(iPhone 横)　, iPad
===============================================*/
@media screen and (max-width:700px) {

/* ========BASIC======== */
.pc {
display: none !important;
}
.sp {
display: block !important;
}
.br-sp {
display:none
}
.text {
display: inline-block;
}

/* ========見出し======== */
h1 {
width:220px;
 padding-top:15px;
 padding-left: 13px;
}
h2 {
 font-size:18px;
 line-height:1.5;
}
h3 {
 padding:.25em 0 0 .75em;
 border-left: 8px solid #E7123F;
 font-size:18px;
 height:42px;
 margin:0 0 1em 0;
}
h4 {
 position: relative;
 border-bottom: 2px solid #CCCCCC;
 font-size:16px;
 margin:1em 0 .5em 0;
}
h4::after {
 position: absolute;
 bottom: -2px;
 left: 0;
 z-index: 2;
 content: '';
 width: 20%;
 height: 2px;
 background-color: #E7123F;
}
h5 {
 margin:0 5px;
 position: relative;
 border-bottom: 2px solid #E7123F;
}
/* ========HEADER======== */
header {
 width:100%;
 z-index:9990;
 position:fixed;
 height:65px;
 top: 0;
 left:0;
 background-color:#E7123F;
}
#subList {
 position:absolute;
 position: fixed;
 right:40px;
 top:15px;
}
#subList li {
 display:inline-block;
 vertical-align: middle;
}
#subList img {
height:22px;
 margin-left:5px;
}

/* ========HEADER ハンバーガーメニュー======== */
#menuList {
 display: none;
}
 #menuOverlay {
 top: 0;
 right: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(255, 255, 255, 0.7);
 display: none;
 position: fixed;
 z-index: 9997;
}
 #switchBtnArea {
 width: 100%;
 height: 60px;
 background: #fff;
 border-bottom: #fff 1px solid;
 position: relative;
}
 #switchBtnArea #switchBtn {
 top: 10px;
 right: 10px;
 width: 40px;
 height: 40px;
 display: block;
 position: fixed;
 z-index: 9998;
}
 #switchBtnArea #switchBtn span {
 left: 20%;
 width: 60%;
 height: 4px;
 display: block;
 position: absolute;
 background-color: #fff;
 border-radius: 5px;
 transition: all 0.2s linear;
}
 #switchBtnArea #switchBtn span:nth-of-type(1) {
 top: 10px;
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 #switchBtnArea #switchBtn span:nth-of-type(2) {
 top: 18px;
 -webkit-transform: scale(1);
 transform: scale(1);
}
 #switchBtnArea #switchBtn span:nth-of-type(3) {
 bottom: 10px;
 -webkit-transform: rotate(0);
 transform: rotate(0);
}
 #switchBtnArea #switchBtn.btnClose {
 background: transparent;
}
 #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {
 background-color: #E7123F;
 top: 18px;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
}
 #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {
 -webkit-transform: scale(0);
 transform: scale(0);
}
 #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {
 background-color: #E7123F;
 bottom: 18px;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
 #rwdMenuWrap {
 top: 0;
 right: -200px;
 width: 200px;
 height: 100%;
 background: #E7123F;
 overflow: auto;
 position: fixed;
 z-index: 9999;
}
 #rwdMenuWrap ul {
 width: 100%;
}
 #rwdMenuWrap ul li {
 width: 100%;
 border-bottom: #fff 1px solid;
}
 #rwdMenuWrap ul li a {
 padding: 15px 20px;
 text-align: left;
 display: block;
 background: #ebebeb;
 position: relative;
}
 #rwdMenuWrap ul li a:hover {
 background: #f99;
 color:#FFFFFF;
 text-decoration:none;
}
 #rwdMenuWrap ul li a:after {
 content: '';
 margin-top: -4px;
 top: 50%;
 right: 15px;
 width: 8px;
 height: 8px;
 color: #888;
 font-size: 1em;
 font-weight: bold;
 line-height: 1.2em;
 display: block;
 position: absolute;
 border-top: 2px solid #E7123F;
 border-right: 2px solid #E7123F;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#menuList > ul:before, #menuList > ul:after {
 content: " ";
 display: table;
}
#menuList > ul:after {
clear: both;
}
#menuList > ul {
*zoom: 1;
}
/* ========TOPCONTENTS======== */
#topContents {
 width: 100%;
 overflow: hidden;
 margin-bottom:30px;
}
#pagePath {
width:90%;
margin:5px auto;
}
#pagePath li {
 display:inline;
 font-size:11px;
 margin-right:5px;
}
#pagePath li a::after {
 content: " > ";
}
#pageTitle {
 width:100%;
 padding:20px;
 background-color:#FFE7E7;
 overflow:hidden;
}
#pageTitle p {
 display: inline-block;
 vertical-align:middle;
 font-size:11px;
}
#contentsNavi {
width:100%;
 border-bottom: 1px dotted #ccc;
overflow:hidden;
z-index:2;
}
#contentsNavi ul {
width:90%;
margin:0 auto;
padding:0.3em 0;
}
#contentsNavi li {
 display:inline;
 font-size:11px;
 line-height:1;
 vertical-align:middle;
 background-image: url(../../shared/img/arrow_contentsnavi.gif);
 background-repeat: no-repeat;
 background-position: 0px center;
 padding-left:12px;
 padding-right:0.7em;
 white-space:nowrap;
}
#contentsNavi li a {
 color:#EF2C55;
}
#contentsNavi li a:hover {
 color:#999999;
 text-decoration:underline;
}

/* ========MAINCONTENTS======== */
#mainContents {
 width: 90%;
 margin-bottom:70px;
 margin:0 auto;
}
/* ========SIDECONTENTS======== */
#sideContents {
 width: 90%;
 margin:30px auto 70px;
}
 .bnr {
 width: 100%;
 margin-bottom:40px;
}
.bnr li {
text-align:center;
}
.bnr img {
margin-bottom:10px;
}
.bnr p {
font-size : 12px;
 line-height:1.5;
 color:#333333;
}
 .bnrSister ul {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
.bnrSister .center {
margin:0 10px;
}
/* ========FOOTER======== */
footer {
 width: 100%;
 background-color:#E7123F;
 text-align:center;
 padding:40px 0 60px;
}
 #copy {
 color:#FFFFFF;
 font-size:11px;
}
#fnav {
 padding-top: 20px;
}
#fnav ul li {
}
#fnav ul li a {
 color:#FFFFFF;
text-decoration:none;
}
/* ========PAGETOP========= */
#pageTop {
 width:40px;
}
/* ========アイコン類======== */
.linkSp {
 background-image: url(../img/arrow_link.gif);
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 18px;
}
/* ========アイコン類======== */

.linkR {
 background-image: url(../img/arrow_link_r.gif);
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 18px;
}
/* ========文字装飾======== */
.period {
 font-size:10px;
 color: #FF6600;
 font-weight:bold;
}
}

/*===============================================
for PC
===============================================*/
@media print, screen and (min-width: 701px) {

/* ========BASIC======== */
html, body {
 min-width:960px;
}
.pc {
display: block !important;
}
.sp {
display: none !important;
}
.br-pc {
display:none
}
body {
 background:#E7123F;
}
#all {
 width: 960px;
 margin: 0 auto;
 background-color: #FFFFFF;
 overflow: hidden;
}

/* ========見出し======== */
h1 {
 width:269px;
 padding-top:22px;
 padding-bottom:18px;
 padding-left: 60px;
}
h2 {
 font-size:24px;
 display:table-cell;
 float:left;
}
h3 {
 padding:.25em 0 0 .75em;
 border-left: 8px solid #E7123F;
 font-size:18px;
 height:42px;
 margin:0 0 1em 0;
}
h4 {
 position: relative;
 border-bottom: 2px solid #CCCCCC;
 font-size:16px;
 margin:1em 0 1em 0;
}
h4::after {
 position: absolute;
 bottom: -2px;
 left: 0;
 z-index: 2;
 content: '';
 width: 20%;
 height: 2px;
 background-color: #E7123F;
}
h5 {
 margin:0 5px;
 position: relative;
 border-bottom: 2px solid #E7123F;
}

/* ========HEADER======== */
header {
 width: 960px;
 margin: 0 auto;
 position: relative;
 background-color: #FFFFFF;
}
#subList {
 position:absolute;
 right:50px;
 top:22px;
}
#subList li {
 display:inline-block;
 vertical-align:middle;
 margin-left:7px;
}
#subList img {
height:22px;
}
#subList .pnlogo {
height:47px;
}
#menuList {
 background-color:#E7123F;
 float:left;
 width: 960px;
}
#menuList li {
 float: left;
 width: 160px;
}
#menuList a {
 color: #FFFFFF;
 display: block;
 padding: 0.5em 0;
 text-align: center;
 outline: none;
}
#menuList a:hover {
 color: #FFFFFF;
 background-color:#FF9999;
 text-decoration:none;
}

/* ========TOPCONTENTS======== */
#topContents {
 width: 960px;
 overflow: hidden;
 margin-bottom:50px;
}
#pagePath {
 padding:5px 60px;
}
#pagePath li {
 display:inline;
 font-size:11px;
 margin-right:5px;
}
#pagePath li a::after {
 content: " > ";
}
#pageTitle {
 margin:15px 60px;
 overflow:hidden;
}
#pageTitle p {
display:table-cell;
 vertical-align:middle;
 font-size:11px;
}
#contentsNavi {
 background-color:#EFEFEF;
 padding:0 60px;
 height:30px;
}
#contentsNavi li {
 display:inline;
 font-size:11px;
 line-height:1;
 vertical-align:middle;
 background-image: url(../../shared/img/arrow_contentsnavi.gif);
 background-repeat: no-repeat;
 background-position: 0px center;
 padding-left:14px;
 padding-right:18px;
}
#contentsNavi li a {
 color:#EF2C55;
}
#contentsNavi li a:hover {
 color:#999999;
 text-decoration:underline;
}

/* ========MAINCONTENTS======== */

#mainContents {
 float: left;
 width: 550px;
 margin-left:70px;
 margin-right:70px;
 margin-bottom:70px;
}
/* ========SIDECONTENTS======== */
#sideContents {
 float: left;
 width: 200px;
 margin-right:70px;
 margin-bottom:70px;
}
.bnr ul li {
 padding:0 0 15px 0;
}
.bnrSister ul li {
 padding:0 0 15px 0;
}

/* ========FOOTER======== */
footer {
clear:left;
 width: 960px;
 margin: 0 auto;
 height: 165px;
 background-image: url(../img/footerback.gif);
 background-repeat: repeat-x;
}
#copy {
 padding-top: 66px;
 padding-left: 50px;
 color:#FFFFFF;
 font-size:11px;
}
#fnav {
 float: right;
 margin-right: 50px;
 margin-top: -24px;
 display: inline;
}
#fnav ul li {
 float: left;
 margin-left: 2em;
 display: inline;
}
#fnav ul li a {
color:#FFFFFF;
text-decoration:none;
}
/* ========アイコン類======== */
.link {
 background-image: url(../img/arrow_link.gif);
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 18px;
}
.linkBK {
 background-image: url(../img/arrow_link_bk.gif);
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 18px;
}
.linkR {
 background-image: url(../img/arrow_link_r.gif);
 background-repeat: no-repeat;
 background-position: right center;
 padding-right: 18px;
}
/* ========文字装飾======== */
.period {
 font-size:12px;
 color: #FF6600;
 font-weight:bold;
}
}