@charset "utf-8";

/* =========================================================
◆Base
========================================================= */
html,body{ height:100%;}
body { font:12px/1.4 "ヒラギノ角ゴ Pro W3", "HraKakuProN-W6", "HelveticaNeue"; color: #333;
-webkit-text-size-adjust: 100%; position:relative;}
img{ height:auto;}

#Wrap{ position: relative;
     height:auto !important; /*IE6*/
     height: 100%; /*IE6*/
     min-height: 100%;
		 padding-bottom:202px;}

/* =========================================================
◆Link Style
========================================================= */

a { outline:none; color: #0065d6; text-decoration: none; }


/* =========================================================
◆Header
========================================================= */
header{ background:#fff;  margin-bottom: 0; border-bottom: 1px solid #d0d0d0;}

#headTop{
	position: relative;
    z-index: 9500;
    background: #fff;
    border-top: 5px solid #20208c;
	padding: 14px 5px; 
}

#headTop:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

header #logo{ float: left;margin: 0;}

header #headRMain{ background:#f9f9f9; position:absolute; right:0; top:0;}
header #headRMain li{float: left; height:59px; width:64px; border-left:1px solid #d2d2d2; }
header #headRMain li a{ color:#20208c; font-size:10px; text-align:center;}
header #headRMain li{
    display: block;
    text-align: center;
}
header #headRMain li > *{
    vertical-align: middle;
    display: inline-block;
}
header #headRMain li:before{
    content: "";
    height: 100%;
    vertical-align: middle;
    width: 0px;
    display: inline-block;
}
header #headRMain li a span{ display:block;}

header #headR{ float: right;}
header #headR li{margin-bottom: 10px;}
header #headR li:last-child{margin-bottom: 0;}
header #headR li a{ background: url(/sp/shared2015/common/images/ic_01.png) left center no-repeat; background-size:5px auto; padding-left:10px;}
#Gmenu dl.search dd input[type="submit"] {
    border: 0px;
    width: 39px;
    height: 38px;
    background: url(/sp/shared2015/common/images/ic_search_01.gif) left top no-repeat;
    background-size: 39px;
}
/* =========================================================
◆Gnav
========================================================= */
.headNav{ position:absolute; width:100%; z-index:10000; left:0; display:none;}
.headNav dl.search{ background:#f2f2f2; padding: 10px; display:table; width:100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

.headNav dl dt{ display:table-cell;}
.headNav dl dd{ display:table-cell; width:39px;}
.headNav dl dt input {
	height: 38px;
	width:100%;
	border: none;
	background: #fff;
	padding:2px 5px;
	line-height: 1.3;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.headNav ul{ background:#fff;}
.headNav ul li:first-child{border-top: 1px solid #cccccc;}
.headNav ul li{border-bottom: 1px solid #cccccc; font-size:15px; font-weight:bold;}
.headNav ul li a{ color:#20208c; padding:10px; display:block; position:relative;}
.headNav ul li a:after{ background:url(/sp/shared2015/common/images/ic_09.png) right top no-repeat; background-size:10px auto; content:""; width:10px; height:16px; position:absolute; top:50%; right:10px; display:block; margin-top:-8px;}

.headNav ul li.parent > a:after{ background: url(/sp/shared2015/common/images/ic_head_01.png) right top no-repeat; background-size:24px auto; content:""; width:24px; height:24px; position:absolute; top:50%; right:10px; display:block; margin-top:-12px;}
.headNav ul li.parent > a.open:after{ background: url(/sp/shared2015/common/images/ic_head_04.png) right top no-repeat; background-size:24px auto; content:""; width:24px; height:24px; position:absolute; top:50%; right:10px; display:block; margin-top:-12px;}

.headNav li.parent .child{ background:#e8e8f3; display:none;}
.headNav li.parent .child li:last-child{ border-bottom: none;}
.headNav li.parent .child a{ color:#333; font-weight:normal;}


.headNav ul li.parent.kokunai > a:after{ background: url(/sp/shared2015/common/images/ic_head_02.png) right top no-repeat; background-size:24px auto; content:""; width:24px; height:24px; position:absolute; top:50%; right:10px; display:block; margin-top:-12px;}
.headNav ul li.parent.kokunai > a.open:after{ background: url(/sp/shared2015/common/images/ic_head_05.png) right top no-repeat; background-size:24px auto; content:""; width:24px; height:24px; position:absolute; top:50%; right:10px; display:block; margin-top:-12px;}
.headNav li.parent.kokunai a{ color:#e6426b;}
.headNav li.parent.kokunai .child{ background:#fcecf0; display:block;}
.headNav li.parent.kokunai .child a{ color:#333; font-weight:normal;}
.headNav li.parent.kokunai .child a:after{ background:url(/sp/shared2015/common/images/ic_12.png) right top no-repeat; background-size:11px auto; content:""; width:11px; height:16px; position:absolute; top:50%; right:10px; display:block; margin-top:-8px;}

.headNav ul li.parent.kaigai > a:after{ background: url(/sp/shared2015/common/images/ic_head_03.png) right top no-repeat; background-size:24px auto; content:""; width:24px; height:24px; position:absolute; top:50%; right:10px; display:block; margin-top:-12px;}
.headNav ul li.parent.kaigai > a.open:after{ background: url(/sp/shared2015/common/images/ic_head_06.png) right top no-repeat; background-size:24px auto; content:""; width:24px; height:24px; position:absolute; top:50%; right:10px; display:block; margin-top:-12px;}
.headNav li.parent.kaigai a{ color:#43a619;}
.headNav li.parent.kaigai .child{ background:#ecf6e8;  display:block;}
.headNav li.parent.kaigai .child a{ color:#333; font-weight:normal;}
.headNav li.parent.kaigai .child a:after{ background:url(/sp/shared2015/common/images/ic_13.png) right top no-repeat; background-size:11px auto; content:""; width:11px; height:16px; position:absolute; top:50%; right:10px; display:block; margin-top:-8px;}

/*-- 2021リニューアル　ここから --*/
#smp_header #headRMain .menu a:hover{
color:#20208c;
opacity: 1;
}
#smp_header #headRMain .menu{position: relative;}
#smp_header #headRMain li.menu a span{
width: 26px;
height: 2px;
background: #20208c;
margin: 29px auto 0;
display: block;
transition-duration : 0.1s;
}
#smp_header #headRMain .menu::before,
#smp_header #headRMain .menu::after{
content: "";
width: 26px;
height: 2px;
background: #20208c;
display: block;
margin: auto;
position: absolute;
left: 19px;
transition-duration : 0.1s;
}
#smp_header #headRMain .menu::before{top: 20px;}
#smp_header #headRMain .menu::after{bottom: 19px;}
#smp_header #headRMain .menu.open a span{opacity: 0;}
#smp_header #headRMain .menu.open::before,
#smp_header #headRMain .menu.open::after{
content: "";
width: 26px;
height: 2px;
background: #20208c;
display: block;
margin: auto;
position: absolute;
left: 19px;
}
#smp_header #headRMain .menu.open::before{
top: 29px;
transform:rotate(45deg);
}
#smp_header #headRMain .menu.open::after{
	bottom: 29px;
	transform:rotate(-45deg);
}
#smp_header .headNav .parent .child {display: none;}
#smp_header .headNav .parent .child.open {display: block;}
#smp_header .headNav li span {
	color: #20208c;
	padding: 15px;
	display: block;
	position: relative;
}
#smp_header .headNav li span:after,
#smp_header .headNav li span.open:after {
	position: absolute;
	color: #20208c;
	font-size: 24px;
}
#smp_header .headNav li span:after {
	content: "+";
	top: 8px;
	right: 10px;
}
#smp_header .headNav li span.open:after {
	content: "－";
	top: 8px;
	right: 8px;
}
/*-- 2021リニューアル　ここまで --*/

.headNav .close{ background:#808080; text-align:center; font-weight:bold;  color:#fff; font-size:15px; padding:10px; display:block;}

body #overlay{
	position:fixed; height:150% !important; width:100% !important; background:rgba(0,0,0,.7); display:none;  left: 0;
    overflow: hidden;
    top: -1px;
    z-index: 999;}

/* =========================================================
◆Main
========================================================= */
#subFooter .registBox{ background:#fafee9; padding:10px; margin-bottom: 0;}

#subFooter .markBox {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 20px;
}
#subFooter .markBox ul {
	display: table;
	margin: 0 auto;
}
#subFooter .markBox ul li {
	display: table-cell;
	padding: 0 10px;
	border-left: 1px dotted #ccc;
	vertical-align: middle;
}
#subFooter .markBox ul li:last-child {
	border-right: 1px dotted #ccc;
}

#subFooter .section h2{ padding:0 10px;}
#subFooter .section ul{ background:#fcfcfc;}
#subFooter .section ul li:first-child{border-top: 1px solid #cccccc;}
#subFooter .section ul li{border-bottom: 1px solid #cccccc; font-size:14px;}
#subFooter .section ul li a{ color:#333; padding:10px; display:block; position:relative;}
#subFooter .section ul li a:after{ background:url(/sp/shared2015/common/images/ic_09.png) right top no-repeat; background-size:10px auto; content:""; width:10px; height:16px; position:absolute; top:50%; right:10px; display:block; margin-top:-8px;}



.snsArea{
	padding:10px 10px 20px; text-align:center; width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.snsArea ul {
    display: flex;
}

.snsArea li {
    width: 33.33333%;
    display: inline-block;
    padding: 0 5px;
    vertical-align: top;
}

.btnForPC{ padding:20px 10px;}
.btnForPC a {
	font-size:15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #cacadc;
	background: url(/sp/shared2015/common/images/ic_10.png) 10px center no-repeat #e9e9f0;
	background-size:17px auto;
	-webkit-box-shadow: 0 2px 0 #9292a5;
	-moz-box-shadow:0 2px 0 #9292a5;
	box-shadow: 0 2px 0 #9292a5;
	color: #333 !important;
	position: relative;
}
.btnForPC a:after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background: #fff;
}
.btnForPC a span{ background:url(/sp/shared2015/common/images/ic_11.png) right top no-repeat; display:inline-block;
background-size: 18px auto; padding-right:22px;}

#pagetop{
	text-align:right;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:48;
}
/* =========================================================
◆Footer
========================================================= */
footer{
background:#ebebf9;
bottom: 0;
left: 0;
position: absolute;
width: 100%;
overflow: hidden;
}
footer ul.linkBtm{padding:10px 10px;}
footer ul.linkBtm:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
footer ul.linkBtm li{ width:50%; float:left; padding:5px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}

footer #copy{ background:#343474; text-align: center; color:#fff; font-size:8px; padding:10px 0;}

/* =========================================================
◆common parts
========================================================= */




/* =========================================================
◆mycoupon
========================================================= */

#headRMain li.mycoupon a{
	font-size: 9px;
}