@charset "utf-8";

#error_message,
#error_message_login,
p.error_exist,
div.errorMessage{display:none;}

/* ===================================================================

	01. Default
	02. Structure
	03. Modules
	04. キャンペーン
	05. Support
	06. Media Queries
	07. メルマガ別定義
	08. JavaScript

------------------------------------------------------------------- */

/* ----------------------------------------------------------------
    01. Default
----------------------------------------------------------------- */
body,h1,h2,h3,h4,h5,ol,ul,li,dl,dt,dd,ruby,rb,rt,rp,table,th,td,p,img,a,div,em,small,sup,form,address{
padding:0;
margin:0;
font-size:100%;
font-style:normal;
font-weight:normal;
font-family:"メイリオ","ヒラギノ角ゴ Pro W4","ＭＳ Ｐゴシック", "Helvetica Neue",Helvetica,Arial,sans-serif;
volume:medium;
line-height:1.6;
color:#555;
-webkit-text-size-adjust: 100%;
}

a:link{
color:#112299;
text-decoration:none;
display:inline-block;
}

a:visited{
color:#74178e;
text-decoration:none!important;
}

a:hover,
a:focus{
color:#112299;
text-decoration:underline!important;
}

a:active{
color:#f00000;
text-decoration:underline;
}

a[name]{
color:#112299;
text-decoration:none!important;
}

h1,h2,h3,h4{
line-height:1;
font-weight:bold;
color:#000;
}

ul,ol{
list-style-type:none;
}

strong{
color:#ff0000;
}

strong.str-normal{
color:#555;
}

em{
color:#ff0000;
font-weight:normal;
}

img{
max-width:100%;
border:none;
-ms-interpolation-mode:bicubic;
}

input[type="text"],input[type="password"]{
padding:3px 5px;
margin:0 10px 0 5px;
font-size:1em;
border-radius:3px;
border:1px solid #ccc;
box-shadow:1px 1px 1px 1px rgba(243, 243, 243, 0.9) inset;
max-width:90%!important;
font-family:"メイリオ","ヒラギノ角ゴ Pro W4","ＭＳ Ｐゴシック", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

input[type="radio"],input[type="checkbox"]{
position:relative;
top:2px;
}

input[type="checkbox"]{
margin-right:5px;
}

select{
margin:0 10px 0 5px;
}

textarea{
resize:vertical;
}

input[type="radio"] + label,
input[type="checkbox"] + label,
div.trigger label{
cursor:pointer;
}

/* ----------------------------------------------------------------
    02. Structure
----------------------------------------------------------------- */

/* Header */
div#str-header{
padding:0 10px;
border-top:4px solid #f00000;
height:83px;
background:#f8f8f8 url(../images/bg-header.gif) repeat-x left top;
border-bottom:1px solid #ccc;
}

div#str-header #str-header-inner{
margin:0 auto;
line-height:0;
position:relative;
max-width:960px;
}

div#str-header #str-header-inner p.logo{
float:left;
height:65px;
padding:0 21px 0 5px;
margin-top:10px;
border-right:1px dotted #d9d9d9;
position:relative;
z-index:1;
}

div#str-header #str-header-inner p.logo.bg-none{
border-right:none;
}

div#str-header #str-header-inner p.logo img{
margin:19px 0 0 0;
width:103px;
}

div#str-header #str-header-inner p.group{
padding:20px 0 0 0;
}

div#str-header #str-header-inner p.name{
padding:6px 0 0 0;
}

div#str-header #str-header-inner p.group img{
margin:0 0 0 21px;
display:inline-block;
width:88px;
height:13px;
}

div#str-header #str-header-inner p.name img{
position:relative;
top:1px;
margin:0 0 0 10px;
height:14px;
width:179px;
display:inline-block;
}

div#str-header #str-header-inner p.name img.first-child{
position:static;
margin:0 0 0 22px;
height:23px;
width:208px;
display:inline-block;
}

div#str-header #str-header-inner p.company{
float:left;
margin:50px 0 0 20px;
}

#pageHeader{
padding:0 0 16px 0;
}

/* Footer */
div#pageFooter{
clear:both;
}

div#str-footer{
text-align:left;
margin-top:15px;
padding:12px 10px 0 10px;
background:#fff url(../images/bg-footer.gif) repeat-x left top;
}

div#str-footer #str-footer-inner{
margin:0 auto;
max-width:960px;
}

div#str-footer #str-footer-inner div.str-footer-info ul.nav{
margin:9px 0 19px -8px;
float:left;
width:50%;
}

div#str-footer #str-footer-inner div.str-footer-info ul.nav li{
padding:0 8px 0 9px;
line-height:1.2;
float:left;
border-left:1px solid #ccc;
line-height:0;
}

div#str-footer #str-footer-inner div.str-footer-info ul.nav li.first-child{
border-left:none;
}

div#str-footer #str-footer-inner div.str-footer-info ul.nav li a{
font-size:0.8em;
border-top:none;
display:inline-block;
padding:0 0 0 15px;
background:url(../images/arrow_r_s.gif) no-repeat 2px 5px!important;
}

div#str-footer #str-footer-inner div.str-footer-info ul.nav li a.list-blank-01{
background:url(../images/ico_external.gif) no-repeat 0 4px!important;
}

div#str-footer #str-footer-inner p.logo{
clear:both;
padding:0 10px 0 0;
float:left;
margin-top:-25px;
}

div#str-footer #str-footer-inner p.logo a{
background:none;
padding:0;
}

div#str-footer #str-footer-inner p.logo a img{
height:13px;
width:97px;
display:block;
}

div#str-footer #str-footer-inner p.copyright{
padding:3px 0 0 0;
font-size:0.7em;
float:left;
margin:-27px 0 0 107px;
}

div#str-footer #str-footer-inner div.str-footer-info.share p.logo,
div#str-footer #str-footer-inner div.str-footer-info.share p.copyright{
position:relative;
top:-24px;
}

#footer p.stop{
padding:18px 0 21px 0;
text-align:center;
max-width:356px;
float:right;
}

div#str-footer #str-footer-inner div.str-footer-info.share p.stop{
padding:16px 0 21px 0;
}

#footer p.stop span{
text-align:left;
font-size:0.77em;
display:block;
line-height:1.4;
padding:2px 35px 0 35px;
}

#footer p.stop img.stop{
height:29px;
float:left;
margin:0 0 0 10px;
}

#footer p.stop img.recycle{
width:27px;
height:27px;
float:right;
}

p.nav-page-top {
max-width: 960px;
margin: 0 auto;
padding:15px 0 15px;
text-align:right;
}
p.nav-page-top a {
display:inline-block;
padding-left:25px;
background:url(/group/common/images/arrow-04-t.png) left 4px no-repeat;
color: #000;
}

@media screen and (max-width:960px){
p.nav-page-top {
padding-right:10px;
}
}


/* コンテンツ */
#container{
background:url(/group/common/images/bg-content-01.png);
font-size:0.78em;
top: 0;
right: 0;
}

#contents{
margin:0 auto;
max-width:960px;
}

.h1-01 + #contents,
#contentsWrap #contents{
margin:-20px auto 0 auto;
padding:0 10px;
}

.h1-01 + #contents #efSpace,
#contentsWrap #contents #efSpace{
background-color:#fff;
padding:10px 50px 0 50px;
border-right:1px solid #dfdfdf;
border-left:1px solid #dfdfdf;
max-width:878px;
}

.h1-01 + #contents.invisible #efSpace,
#contentsWrap #contents.invisible #efSpace{
background-color:transparent;
border:none;
}

#contents #efSpace{
padding-bottom:5px;
}

#contents #efSpace > .box-bordered-01{
margin:30px 0 0 0;
}

#formArea{
margin:0 auto;
padding:9px 10px 0 10px;
max-width:960px;
}

/* パンくず */
#nav-location{
margin:-7px 0 0 0;
}

#nav-location dt{
display:none;
}

#nav-location dd{
font-size:0.93em;
padding:0 0 0 20px;
}

#nav-location dd em{
color:#666;
}

/* ナビ画像 */
p.fig{
margin:0 0 20px 0;
}

.hide{
display:none;
}


/* ----------------------------------------------------------------
    03. Modules
----------------------------------------------------------------- */
.logo-02{
text-align:right;
margin-bottom:10px;
}
.logo-02-sp{
display:none;
}

h1.h1-01{
clear:both;
padding:13px 20px 15px 6px;
margin:0 auto 20px auto;
border:1px solid #e5e5e5;
border-bottom:1px solid #bcbcbc;
border-radius:3px;
box-shadow:inset 0px 0px 5px rgba(255, 255, 255, 1);
min-height:24px;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmM2YzZjMiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background:linear-gradient(to bottom, #fff 0%,#f3f3f3 3%,#f9f9f9 50%,#fcfcfc 100%);
background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 3%, #f9f9f9 50%, #fcfcfc 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(3%,#f3f3f3), color-stop(50%,#f9f9f9), color-stop(100%,#fcfcfc));
background:-webkit-linear-gradient(top, #fff 0%,#f3f3f3 3%,#f9f9f9 50%,#fcfcfc 100%);
background:-o-linear-gradient(top, #fff 0%,#f3f3f3 3%,#f9f9f9 50%,#fcfcfc 100%);
background:-ms-linear-gradient(top, #fff 0%,#f3f3f3 3%,#f9f9f9 50%,#fcfcfc 100%);
}

h1.h1-01 span{
font-size:2em;
padding:2px 0 0 30px;
display:inline-block;
min-height:24px;
background:url(../images/tit_h1.gif) no-repeat 10px center;
}

:root h1.h1-01 span{
font-size:1.8em \0/IE9;
}

h1 a.btn-mypage{
border-left:1px dotted #cfcfcf;
padding:10px 35px 10px 10px;
margin:-5px 0;
font-weight:bold;
color:#333;
text-decoration:none;
background:url(../images/arrow_box_r.png) no-repeat 90% center;
display:inline-block;
background-size:14px 16px;
float:right;
}

h1.h1-02{
clear:both;
padding:14px 5px 10px 0;
margin:0 auto 20px auto;
border:1px solid #e5e5e5;
border-bottom:1px solid #bcbcbc;
border-radius:3px;
box-shadow:inset 0px 0px 5px rgba(255, 255, 255, 1);
position:relative;
min-height:1.25em;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMyUiIHN0b3AtY29sb3I9IiNmM2YzZjMiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 3%, #f9f9f9 50%, #fcfcfc 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(3%, #f3f3f3), color-stop(50%, #f9f9f9), color-stop(100%, #fcfcfc));
background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 3%, #f9f9f9 50%, #fcfcfc 100%);
background:-o-linear-gradient(top, #fff 0%, #f3f3f3 3%, #f9f9f9 50%, #fcfcfc 100%);
background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 3%, #f9f9f9 50%, #fcfcfc 100%);
background:linear-gradient(to bottom, #fff 0%, #f3f3f3 3%, #f9f9f9 50%, #fcfcfc 100%);
}

h1.h1-02 > span{
font-size:2em;
top:-10px;
left:12px;
padding:23px 0 10px 50px;
position:absolute;
min-height:26px;
background:url(../images/tit_mypage.png) no-repeat 5px 7px;
background-size:38px 48px;
}

h1.h1-02 > span >#userName {
display: inline-block;
font-size: 1rem;
font-weight: normal;
margin-left: 20px;
vertical-align: middle;
}

h1.h1-02 > span >#userName em{
color: #FB6E03;
font-weight: bold;
}

h1.h1-03{
margin-bottom:15px;
}

h2.h2-01{
font-size:1.3em;
border-radius:5px 5px 0 0;
padding:10px 10px 10px 20px;
border:1px solid #dfdfdf;
border-bottom:none;
box-shadow:inset 0px 0px 5px rgba(255, 255, 255, 1);
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIvPjxzdG9wIG9mZnNldD0iOSUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiLz48c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background:linear-gradient(to bottom, #f2f2f2 0%,#f6f6f6 9%,#fcfcfc 60%);
background:-moz-linear-gradient(top, #f2f2f2 0%, #f6f6f6 9%, #fcfcfc 60%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(9%,#f6f6f6), color-stop(60%,#fcfcfc));
background:-webkit-linear-gradient(top, #f2f2f2 0%,#f6f6f6 9%,#fcfcfc 60%);
background:-o-linear-gradient(top, #f2f2f2 0%,#f6f6f6 9%,#fcfcfc 60%);
background:-ms-linear-gradient(top, #f2f2f2 0%,#f6f6f6 9%,#fcfcfc 60%);
position:relative;
}

h2 span{
padding:5px 0 5px 19px;
display:inline-block;
min-height:17px;
background:url(../images/tit_h2.png) no-repeat 0 3px;
}

h2.h2-02{
font-size:1em;
border:none;
background:none;
margin:20px 0 10px 0;
padding:0;
color:#555;
}

h3.h3-01{
color:#000;
font-weight:bold;
margin:40px 0 10px 0;
padding:7px 10px 7px 15px;
border:1px solid #e3e3e3;
border-radius:5px 0 0 5px;
background:url(../images/bg_form_tit.gif) repeat-y left top;
font-size:1.0em;
}
h3.h3-01.mb10{
  margin:0 0 10px 0;
}

h3 span.btn-tgl-01{
font-weight:bold;
display:block;
width:1.2em;
height:1.2em;
text-align:center;
position:static;
cursor:pointer;
border:1px solid #ccc;
float:right;
border-radius:5px;
}

h3 span.btn-tgl-01{
width:1.5em;
height:1.4em;
padding-top:0.1em;
}

h4.h4-01{
color:#555;
padding:0 0 0 15px;
margin:0 auto 15px auto;
min-height:16px;
background:url(../images/tit_h4.gif) no-repeat 0 center;
line-height:inherit;
}

/* Button & Links */
a.list-blank-01,
.ex{
padding:0 0 0 15px;
display:inline-block;
background:url(../images/ico_external.gif) no-repeat 0 6px!important;
}

a.list-blank-02{
padding:0 0 0 12px;
display:inline;
background:url(../images/ico_external.gif) no-repeat 0 6px!important;
}

a.list-self-01{
padding:0 0 0 10px;
display:inline-block;
background:url(../images/arrow_r_s.gif) no-repeat left center;
}

a.link-tgl-01,
a.link-tgl-02{
display:block;
padding:20px 15px 18px;
font-size:1rem;
color:#333;
text-decoration:none;
border:1px solid #dbdbdb;
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size: 100%;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
background-image: -webkit-linear-gradient(#ffffff, #f7f7f7);
background-image: linear-gradient(#ffffff, #f7f7f7);
}

a.link-tgl-01:hover,
a.link-tgl-01:focus,
a.link-tgl-01:active,
a.link-tgl-02:hover,
a.link-tgl-02:focus,
a.link-tgl-02:active{
text-decoration:none!important;
}

a.link-tgl-01 span.btn-tgl-01,
a.link-tgl-02 span.btn-tgl-02{
margin:-5px 0 0 5px;
font-weight:bold;
font-size:1.8rem;
float:right;
width:1em;
height:1em;
display:block;
line-height:1;
text-align:center;
cursor:pointer;
color:#F00000;
}

button.btn-01,
input.btn-01{
padding:10px;
font-weight:bold;
}

a.btn-02{
max-width:100%;
display:inline-block;
color:#333;
text-decoration:none;
padding:10px 35px 10px 15px;
font-weight:bold;
border:1px solid #ccc;
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjZjZmNmY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTllOWU5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, linear-gradient(to bottom, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -moz-linear-gradient(top, #f8f8f8 0%, #f6f6f6 74%, #e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(74%,#f6f6f6), color-stop(100%,#e9e9e9));
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -webkit-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -o-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -ms-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background-size:14px 16px, auto auto;
cursor:pointer;
}

a.btn-02-wide{
max-width:100%;
display:inline-block;
color:#333;
text-decoration:none;
padding:10px 35px 10px 15px;
font-weight:bold;
border:1px solid #ccc;
background:url(../images/arrow_box_r.png) no-repeat 97.5% 1.0em, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjZjZmNmY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTllOWU5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background:url(../images/arrow_box_r.png) no-repeat 97.5% 1.0em, linear-gradient(to bottom, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 97.5% 1.0em, -moz-linear-gradient(top, #f8f8f8 0%, #f6f6f6 74%, #e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 97.5% 1.0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(74%,#f6f6f6), color-stop(100%,#e9e9e9));
background:url(../images/arrow_box_r.png) no-repeat 97.5% 1.0em, -webkit-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 97.5% 1.0em, -o-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 97.5% 1.0em, -ms-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background-size:14px 16px, auto auto;
cursor:pointer;
}

a.btn-02:hover,
a.btn-02:focus,
a.btn-02:active{
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIvPjxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZTRlNGU0Ii8+PHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciLz48c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iI2MzYzNjMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -moz-linear-gradient(top, #e8e8e8 0%, #e4e4e4 34%, #d7d7d7 75%, #c3c3c3 97%, #e4e4e4 100%);
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(34%,#e4e4e4), color-stop(75%,#d7d7d7), color-stop(97%,#c3c3c3), color-stop(100%,#e4e4e4));
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -webkit-linear-gradient(top, #e8e8e8 0%,#e4e4e4 34%,#d7d7d7 75%,#c3c3c3 97%,#e4e4e4 100%);
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, -o-linear-gradient(top, #e8e8e8 0%,#e4e4e4 34%,#d7d7d7 75%,#c3c3c3 97%,#e4e4e4 100%);
background:url(../images/arrow_box_r.png) no-repeat 97.5% 1.0em, -ms-linear-gradient(top, #e8e8e8 0%,#e4e4e4 34%,#d7d7d7 75%,#c3c3c3 97%,#e4e4e4 100%);
background:url(../images/arrow_box_r.png) no-repeat 95% 1.0em, linear-gradient(to bottom, #e8e8e8 0%,#e4e4e4 34%,#d7d7d7 75%,#c3c3c3 97%,#e4e4e4 100%);
background-size:14px 16px, auto auto;
}

input.btn-02{
max-width:100%;
display:inline-block;
color:#333;
text-decoration:none;
padding:10px 35px 10px 15px;
font-weight:bold;
border:1px solid #ccc;
background:url(../images/arrow_box_r.png) no-repeat 89% center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjZjZmNmY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTllOWU5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background:url(../images/arrow_box_r.png) no-repeat 89% center, linear-gradient(to bottom, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 89% center, -moz-linear-gradient(top, #f8f8f8 0%, #f6f6f6 74%, #e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 89% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(74%,#f6f6f6), color-stop(100%,#e9e9e9));
background:url(../images/arrow_box_r.png) no-repeat 89% center, -webkit-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 89% center, -o-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background:url(../images/arrow_box_r.png) no-repeat 89% center, -ms-linear-gradient(top, #f8f8f8 0%,#f6f6f6 74%,#e9e9e9 100%);
background-size:14px 16px, auto auto;
cursor:pointer;
}

input.btn-02:hover,
input.btn-02:focus,
input.btn-02:active{
background:url(../images/arrow_box_r.png) no-repeat 89% center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9InRvIiB5MT0iYm90dG9tIiB4Mj0idG8iIHkyPSJ0b3AiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiLz48c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2U0ZTRlNCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZDdkN2Q3Ii8+PHN0b3Agb2Zmc2V0PSI5NyUiIHN0b3AtY29sb3I9IiNjM2MzYzMiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNGU0ZTQiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background:url(../images/arrow_box_r.png) no-repeat 89% center, -moz-linear-gradient(top, #e8e8e8 0%, #e4e4e4 34%, #d7d7d7 75%, #c3c3c3 97%, #e4e4e4 100%);
background:url(../images/arrow_box_r.png) no-repeat 89% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(34%,#e4e4e4), color-stop(75%,#d7d7d7), color-stop(97%,#c3c3c3), color-stop(100%,#e4e4e4));
background:url(../images/arrow_box_r.png) no-repeat 89% center, -webkit-linear-gradient(top, #e8e8e8 0%,#e4e4e4 34%,#d7d7d7 75%,#c3c3c3 97%,#e4e4e4 100%);
background:url(../images/arrow_box_r.png) no-repeat 89% center, -o-linear-gradient(top, #e8e8e8 0%,#e4e4e4 34%,#d7d7d7 75%,#c3c3c3 97%,#e4e4e4 100%);
background:url(../images/arrow_box_r.png) no-repeat 89% center, -ms-linear-gradient(top, #e8e8e8 0%,#e4e4e4 34%,#d7d7d7 75%,#c3c3c3 97%,#e4e4e4 100%);
background:url(../images/arrow_box_r.png) no-repeat 89% center, linear-gradient(to bottom, #e8e8e8 0%,#e4e4e4 34%,#d7d7d7 75%,#c3c3c3 97%,#e4e4e4 100%);
background-size:14px 16px, auto auto;
}

span.btn-03{
display:inline-block;
background-color:#fce9c0;
background-color:#fd9211\9;
border:1px solid #ccc;
border-color:#e6c8c8 #cdb3b3 #a78989 #cdb3b3;
vertical-align:middle;
overflow:hidden;
border-radius:30px;
box-shadow:0 2px 6px rgba(10, 10, 10, 0.3), inset 0 -8px 12px 0 #faa872, inset 0 -28px 0 -8px #fe8e00, inset 0 -40px 15px -10px #fdb15c;
}

span.btn-03:hover,
span.btn-03:focus,
span.btn-03:active{
background-color:#f5c897;
box-shadow:0 2px 6px rgba(10, 10, 10, 0.3), inset 0 -8px 12px 0 #f08947, inset 0 -28px 0 -8px #e66203, inset 0 -40px 15px -10px #f09149;
}

span.btn-04{
background-color:#fcc5c5;
background-color:#f00000\9;
display:inline-block;
border:1px solid #ccc;
border-color:#e6c8c8 #cdb3b3 #a78989 #cdb3b3;
text-align:center;
vertical-align:middle;
overflow:hidden;
border-radius:30px;
box-shadow:0 2px 6px rgba(10, 10, 10, 0.3), inset 0 -8px 12px 0 #f87171, inset 0 -28px 0 -8px #f00000, inset 0 -45px 15px -10px #fc4b4b;
max-width:100%;
padding:3px 7px;
}

span.btn-04:hover,
span.btn-04:focus,
span.btn-04:active{
background-color:#f4a1a1;
box-shadow:0 2px 6px rgba(10, 10, 10, 0.3), inset 0 -8px 12px 0 #f27070, inset 0 -28px 0 -8px #cd0202, inset 0 -45px 15px -10px #ea3030;
}

span.btn-03 a,
span.btn-03 input,
span.btn-04 a,
span.btn-04 input{
border-radius:30px;
cursor:pointer;
text-decoration:none;
font-weight:bold;
display:inline-block;
font-size:1.2em;
color:#fff;
text-shadow:rgba(10, 10, 10, 0.9) 1px 1px 1px;
border:none;
padding:8px 25px;
background:url(../images/arrow_box_r.png) no-repeat 95% center;
background-size:14px 16px;
text-overflow:ellipsis;
box-sizing:border-box;
max-width:100%;
}

span.btn-03 a:hover,
span.btn-03 a:focus,
span.btn-03 a:active,
span.btn-04 a:hover,
span.btn-04 a:focus,
span.btn-04 a:active{
text-decoration:none;
}

:root span.btn-03,
:root span.btn-04,
:root span.btn-03 input,
:root span.btn-04 input,
:root span.btn-03 a,
:root span.btn-04 a{
border-radius:0 \0/IE9;
-moz-border-radius:0 \0/IE9;
-webkit-border-radius:0 \0/IE9;
}

/* List */
ul.list-01{
padding:0 0 0 1em;
list-style:disc;
zoom:0;
}

ul.list-01 > li{
list-style-type:disc!important;
line-height:1.5!important;
margin:0 0 10px 0!important;
zoom:0;
}

ul.list-01 > li > ul.list-01 li{
margin:0 0 5px 0!important;
}

ol.list-01{
padding:0 0 0 2em;
}

ol.list-01 li{
list-style-type:decimal!important;
line-height:1.5!important;
margin:0 0 10px 0!important;
}

ol.list-01 li ul li{
list-style-type:none!important;
}

ul.list-link-01 li a{
display:inline-block;
padding:0 0 0 15px;
background:url(/group/shared/images/arrow_r_s.gif) no-repeat 0;
}

ul.list-link-02{
position:relative;
padding-bottom:25px;
}

ul.list-link-02 li{
display:inline-block;
padding:0 0 0 0;
line-height:1.8;
position:absolute;
top:0;
}

ul#ex{
position:relative;
padding-bottom:25px;
}

ul#ex li{
line-height:1.8;
position:absolute;
top:0;
}

li.left-00{left:0;}
li.left-05{left:5px;}
li.left-10{left:10px;}
li.left-15{left:15px;}
li.left-20{left:20px;}
li.left-25{left:25px;}
li.left-30{left:30px;}
li.left-35{left:35px;}
li.left-40{left:40px;}
li.left-45{left:45px;}
li.left-50{left:50px;}
li.left-55{left:55px;}
li.left-60{left:60px;}
li.left-65{left:65px;}
li.left-70{left:70px;}
li.left-75{left:75px;}
li.left-80{left:80px;}
li.left-85{left:85px;}
li.left-90{left:90px;}
li.left-95{left:95px;}
li.left-100{left:100px;}
li.left-105{left:105px;}
li.left-110{left:110px;}
li.left-115{left:115px;}
li.left-120{left:120px;}
li.left-125{left:125px;}
li.left-130{left:130px;}
li.left-135{left:135px;}
li.left-140{left:140px;}
li.left-145{left:145px;}
li.left-150{left:150px;}
li.left-155{left:155px;}
li.left-160{left:160px;}
li.left-165{left:165px;}
li.left-170{left:170px;}
li.left-175{left:175px;}
li.left-180{left:180px;}
li.left-185{left:185px;}
li.left-190{left:190px;}
li.left-195{left:195px;}
li.left-200{left:200px;}
li.left-205{left:205px;}
li.left-210{left:210px;}
li.left-215{left:215px;}
li.left-220{left:220px;}
li.left-225{left:225px;}
li.left-230{left:230px;}
li.left-235{left:235px;}
li.left-240{left:240px;}
li.left-245{left:245px;}
li.left-250{left:250px;}
li.left-255{left:255px;}
li.left-260{left:260px;}
li.left-265{left:265px;}
li.left-270{left:270px;}
li.left-275{left:275px;}
li.left-280{left:280px;}
li.left-285{left:285px;}
li.left-290{left:290px;}
li.left-295{left:295px;}
li.left-300{left:300px;}
li.left-305{left:305px;}
li.left-310{left:310px;}
li.left-315{left:315px;}
li.left-320{left:320px;}
li.left-325{left:325px;}
li.left-330{left:330px;}
li.left-335{left:335px;}
li.left-340{left:340px;}
li.left-345{left:345px;}
li.left-350{left:350px;}
li.left-355{left:355px;}
li.left-360{left:360px;}
li.left-365{left:365px;}
li.left-370{left:370px;}
li.left-375{left:375px;}
li.left-380{left:380px;}
li.left-385{left:385px;}
li.left-390{left:390px;}
li.left-395{left:395px;}
li.left-400{left:400px;}
li.left-405{left:405px;}
li.left-410{left:410px;}
li.left-415{left:415px;}
li.left-420{left:420px;}
li.left-425{left:425px;}
li.left-430{left:430px;}
li.left-435{left:435px;}
li.left-440{left:440px;}
li.right-00{right:0;}
li.right-05{right:5px;}
li.right-10{right:10px;}
li.right-15{right:15px;}
li.right-20{right:20px;}
li.right-25{right:25px;}
li.right-30{right:30px;}
li.right-35{right:35px;}
li.right-40{right:40px;}
li.right-45{right:45px;}
li.right-50{right:50px;}
li.right-55{right:55px;}
li.right-60{right:60px;}
li.right-65{right:65px;}
li.right-70{right:70px;}
li.right-75{right:75px;}
li.right-80{right:80px;}
li.right-85{right:85px;}
li.right-90{right:90px;}
li.right-95{right:95px;}
li.right-100{right:100px;}
li.right-105{right:105px;}
li.right-110{right:110px;}
li.right-115{right:115px;}
li.right-120{right:120px;}
li.right-125{right:125px;}
li.right-130{right:130px;}
li.right-135{right:135px;}
li.right-140{right:140px;}
li.right-145{right:145px;}
li.right-150{right:150px;}
li.right-155{right:155px;}
li.right-160{right:160px;}
li.right-165{right:165px;}
li.right-170{right:170px;}
li.right-175{right:175px;}
li.right-180{right:180px;}
li.right-185{right:185px;}
li.right-190{right:190px;}
li.right-195{right:195px;}
li.right-200{right:200px;}
li.right-205{right:205px;}
li.right-210{right:210px;}
li.right-215{right:215px;}
li.right-220{right:220px;}
li.right-225{right:225px;}
li.right-230{right:230px;}
li.right-235{right:235px;}
li.right-240{right:240px;}
li.right-245{right:245px;}
li.right-250{right:250px;}
li.right--05{right:-5px;}
li.right--10{right:-10px;}
li.right--15{right:-15px;}
li.right--20{right:-20px;}
li.right--25{right:-25px;}
li.right--30{right:-30px;}

div.list-link-02-container{
max-width:655px;
margin:0 auto;
}

ul.list-notice-01{
width:100%;
margin-bottom:20px;
color:#666;
}

ul.list-notice-01 li{
padding:0 0 0 12px;
position:relative;
zoom:1;
color:#ff0000;
font-size:0.85em;
}

ul.list-notice-01 span{
position:absolute;
left:0;
top:0;
}

ul.list-notice-02{
width:100%;
margin-bottom:20px;
}

ul.list-notice-02 li{
padding:0 0 0 15px;
position:relative;
zoom:1;
}

ul.list-notice-02 span{
position:absolute;
left:0;
top:0;
}

dl.list-notice-02{
padding:1px 0;
margin:5px 0 0 0;
font-size:0.9em;
}

dl.list-notice-02 dt{
float:left;
width:1em;
}

dl.list-notice-02 dd{
padding:0 0 0 1.2em;
text-align:left!important;
}

ul.list-notice-03{
color:#666;
margin-bottom:20px;
width:100%;
}

ul.list-notice-03 li{
font-size:0.85em;
padding:0 0 0 1.5em;
position:relative;
}

ul.list-notice-03 span{
position:absolute;
top:0;
left:0;
}

dl.list-desc-01 > dt{
font-weight:bold;
font-size:1em;
border:none;
background:none;
margin:20px 0 10px 0;
padding:0;
}

dl.list-desc-01 dt{
font-weight:bold;
font-size:1em;
border:none;
background:none;
margin:20px 0 10px 0;
padding:0;
}

dl.list-desc-01 dd dl dt{
font-weight:normal!important;
font-size:1em;
border:none;
background:none;
margin:0;
padding:0;
}

ul.list-btn-01{
text-align:center;
}

ul.list-btn-01 li{
display:inline-block;
margin:0 20px 10px 0;
}

ul.list-btn-02{
text-align:center;
margin-top: 30px;
}

ul.list-btn-02 li{
display:inline-block;
margin:0 40px 10px 0;
}

ul.list-btn-02 li:last-child{
  margin-right: 0;
}

ul.list-btn-02 li span.btn-04 a {
padding: 8px 35px;
}

.listInline > li{
display:inline-block;
}

.listInline.social > li{
margin:0 40px 10px 0;
text-align:center;
}

.listInline.social > li span{
display:block;
margin-top:5px;
}

.listInline.imperial{
border-bottom:1px dashed #DEDEDE;
text-align:center;
padding-bottom:10px;
}

.listInline.imperial > li{
vertical-align:top;
width:180px;
}

.listInline.imperial > li:first-child{
margin-right:20px;
}

.listInline.social > li:last-child{
margin-right:0;
}

.listInline.imperial > li a{
display:block;
}

.listInline.cooper > li{
vertical-align:middle;
}

.listInline.cooper > li > .list-link-01{
margin-left:30px;
}

/* box */
.box-bordered-01{
padding:35px 20px 40px 20px;
border:1px solid #e3e3e3;
background-color:#fff;
}

.section .box-bordered-01{
margin:50px 0;
}

.box-bordered-01 .short-list-01{
padding:0 6em;
}

.box-bordered-01 > h3{
margin-top:0;
}

.box-bordered-01 p{
margin:0 0 10px 0;
text-align:center;
}

.box-bordered-01 p.btn-area{
margin:0;
padding-top:10px;
}

.box-bordered-01 p.text-message-01{
color:#333;
font-size:1.6em;
font-weight:bold;
margin:0 0 26px 0;
}

.box-bordered-02{
margin-bottom:30px!important;
padding:20px;
border:1px solid #e3e3e3;
background-color:#f5f5f5;
text-align:center;
}

.box-bordered-02 ul.list-notice-01,
.box-bordered-02 ul.list-notice-03{
margin:10px auto;
display:inline-block;
}

.box-bordered-02 ul.list-notice-01 li,
.box-bordered-02 ul.list-notice-03 li{
text-align:left;
display:inline-block;
}

.box-bordered-03{
margin:0 0px!important;
padding:15px 20px;
border:1px solid #e3e3e3;
background-color:#ffe9e9;
}

.box-bordered-03 ol.list-ordered-01 span.title{
display:block;
}

.box-bordered-04{
text-align:center;
margin-bottom:20px;
}

.box-bordered-04 p{
padding:15px 10px 10px 10px;
font-weight:bold;
font-size:1.38em;
display:inline;
}

.box-bordered-05{
padding:12px 10px;
border:1px solid #e3e3e3;
background-color:#fff;
}

.box-bordered-06{
margin:10px 0 0 0;
padding:15px 15px 5px 15px;
border:2px solid #f00000;
}

.box-bordered-06 h3{
font-size:1.3em;
padding-bottom:10px;
}

/* table */
table.table-01{
border-collapse:collapse;
width:100%;
margin:10px 0;
position: inherit;
}

table.table-01 th,
table.table-01 td{
padding:15px;
border:1px solid #e3e3e3;
}

table.table-01 th{
background-color:#f1f1f1;
text-align:left;
color:#000!important;
font-weight:bold;
}

table.table-02{
border-collapse:collapse;
width:100%;
margin:10px 0;
}

table.table-02 th,
table.table-02 td{
padding:15px;
border:1px solid #e3e3e3;
}

table.table-02 th{
background-color:#f1f1f1;
text-align:left;
font-weight:normal;
}

/* 疑似table */
.newsWrap + .newsWrap{
margin-top:10px;
}

.socialWrap{
margin:10px 0;
}

.socialWrap .tblLayout{
margin:0;
}

.socialWrap .tblLayout + .tblLayout{
margin-top:-1px;
}

.tblLayout{
margin:10px 0;
display:table;
width:100%;
border:1px solid #e3e3e3;
}

.tblLayout.mailNewsHeader{
margin:20px 0;
}

.tblLayout.mailNews{
margin:0;
}

.tblLayout.mailNews + .mailNews{
border-top:none;
}

.tblLayout.group{
margin:0;
}

.tblLayout.group + .tblLayout.group{
margin-top:-1px;
border-top:2px solid #e3e3e3;
}

.tblLayout > .th{
width:25%;
position:relative;
display:table-cell;
padding:12px 10px;
vertical-align:middle;
border-right:1px solid #e3e3e3;
background-color:#f1f1f1;
}

.tblLayout.stage >.th{
display:block;
width:auto;
border-right:none;
}

.tblLayout > .w20p{
width:20%!important;
}

.tblLayout > .w25p{
width:25%!important;
}

.tblLayout > .w30p{
width:30%!important;
}

.tblLayout > .w50p{
width:50%!important;
}

.tblLayout > .w80p{
width:50%!important;
}

.tblLayout.mailNewsHeader > .th{
width:auto;
}

.tblLayout.thead > .th{
border-right:none;
width:auto;
}

.tblLayout.thead > .th + .th{
border-left:1px solid #e3e3e3;
}

.tblLayout > .td{
display:table-cell;
padding:12px 10px;
vertical-align:middle;
}

.tblLayout > .td.a-ctol{
text-align:center;
}

.tblLayout.stage > .td{
display:block;
border-top:1px solid #e3e3e3;
}

.tblLayout.mailNews > .td{
padding:10px;
vertical-align:top;
}

.tblLayout.mailNews > .td.status{
width:22%;
}

.tblLayout.mailNewsHeader > .td{
width:22%;
}

.tblLayout > .td + .td{
border-left:1px solid #e3e3e3;
}

.tblLayout > .td > .loginNotice {
margin: 0 0 5px 5px;
line-height: 1.5;
}

.tblLayout.group > .td{
width:25%;
border-left:none;
}

.tblLayout.group > .td + .td{
border-top:none;
}

.tblLayout.group > .td .select button{
padding:5px 15px;
}


.tblLayout > .td textarea{
font-size:1em;
font-family: "メイリオ","ヒラギノ角ゴ Pro W4","ＭＳ Ｐゴシック", "Helvetica Neue",Helvetica,Arial,sans-serif;
padding:3px 5px;
border-radius:3px;
border:1px solid #ccc;
box-shadow:1px 1px 1px 1px rgba(243, 243, 243, 0.9) inset;
box-sizing:border-box;
}

.tblLayout > .td > .date{
text-align:center;
}

.tblLayout > .td > .date dd{
display:inline-block;
}

.tblLayout > .td > .date dt{
display:none;
}

.tblLayout > .td > .tblLayout{
border:none;
margin:0;
background:none;
}

.tblLayout > .td > .tblLayout + .tblLayout{
margin-top:10px;
}

.tblLayout > .td > .tblLayout > .th{
background:transparent;
border-right:none;
padding:0;
}

.tblLayout > .td > .tblLayout > .td{
padding:0;
}

.tblLayout > .td p.tit{
font-weight:bold;
width:100%;
display:block;
}

.th .str{
font-weight:bold;
}

/*メルマガ一括登録確認画面*/
.form_tbl_layout_inner{
width:100%;
border-collapse:collapse;
}

.form_tbl_layout_inner td{
padding:12px;
border:1px solid #E3E3E3;
border-collapse:collapse;
}

.form_tbl_layout_inner th{
padding:12px;
border:1px solid #E3E3E3;
border-bottom:none;
vertical-align:middle;
font-weight:bold;
background:#F1F1F1;
text-align:left;
}

.form_tbl_layout_inner tr td:first-child{
width:35%;
background:#fafafa;
}

@media screen and (max-width:720px){
.form_tbl_layout_inner tr td:first-child{
width:50%;
}

/*選択肢マルチカラム*/
.tblLayout table tr td{
display:block;
width:100%!important;
}

/*注釈テキスト*/
div.note{
padding:0 0 0 0!important;
}
}

.fieldNote02 label a{
padding:0 0 0 15px;
display:inline-block;
background:url(../images/ico_external.gif) no-repeat 0 6px;
}

.td .fieldNote01{
display:table-cell;
padding:0 5px;
vertical-align:top;
}

.tblLayout.mailNews > .td.status .agree-area{
margin:-10px -10px;
padding:10px;
background:#fff;
}

.MultiLayout{
display:table;
width:100%;
}

.MultiLayout > .col{
display:table-cell;
vertical-align:top;
padding:0 5px;
}


/* Others */
/* Agreement */
#terms-text,
#terms-text2{
padding:10px;
overflow-y:scroll;
height:300px;
border:1px solid #e3e3e3;
}

#terms #terms-text,
#terms #terms-text2{
overflow-y:hidden;
height:auto;
border:none;
}

#text-terms-01 h3 span.btn-tgl-01{
display:none;
}

#terms #text-terms-01-inner{
display:block!important;
}

#terms-text-01,
#terms-text-02{
padding:10px;
}

.js-hide{
display:none!important;
}

/* 必須アイコン */
span.icn-1{
font-weight:normal;
background-color:#ff6600;
color:#fff;
display:inline-block;
padding:3px;
margin:0 3px;
font-size:0.8em;
text-align:center;
line-height:1;
width:3em;
vertical-align:middle;
}

/* メルマガアイコン */
.icn-2{
background-color:#febf22;
color:#000;
display:inline-block;
font-size:0.8em;
margin:0 6px 5px 0;
padding:3px;
vertical-align:middle;
}

.icn-3{
background-color:#909090;
color:#fff;
display:inline-block;
font-size:0.8em;
margin:0 6px 5px 0;
padding:3px;
vertical-align:middle;
}

.icn-4{
background-color:#5a81ba;
color:#fff;
display:inline-block;
font-size:0.8em;
margin:0 6px 5px 0;
padding:3px;
vertical-align:middle;
}

span.icn-going,
span.icn-fix,
span.icn-submit,
span.icn-other{
font-weight:normal;
background-color:#F00001;
color:#fff;
display:inline-block;
padding:4px 12px;
font-size:0.75rem;
text-align:center;
line-height:1;
width:4em;
vertical-align:middle;
border-radius:4px;
}

.icn-social{
text-align:center;
}

.icn-social span{
display:block;
font-weight:bold;
font-size:0.875rem;
}

span.icn-fix{
background-color:#939393;
}

span.icn-submit{
background-color:#5BC3EE;
}

span.icn-other{
background-color:#D9C04D;
}

.tgl{
display:none;
}

.icn-win-cp{
background-color:#909090;
color:#fff;
display:inline-block;
font-size:0.8em;
margin:0;
padding:3px;
vertical-align:middle;
}

/* ご利用ガイド & 閉じるボタン & ログアウトボタン*/
p.guide,
p.logout,
p.close{
padding:20px 10px;
text-align:center;
}

#pageHeader p.guide,
#pageHeader p.logout,
#pageHeader p.close{
text-align:right;
position:absolute;
top:0;
right:0;
}

p.guide a{
line-height:1;
padding:6px 25px 5px 10px;
font-weight:bold;
color:#333;
text-decoration:none;
border-radius:3px;
border:1px solid #dbdbdb;
background:url(../images/ico_question.png) no-repeat 93% center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9InRvIiB5MT0iYm90dG9tIiB4Mj0idG8iIHkyPSJ0b3AiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmOGY4ZjgiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background:url(../images/ico_question.png) no-repeat 93% center, -moz-linear-gradient(top, #f8f8f8 0%, #f6f6f6 75%, #ebebeb 100%);
background:url(../images/ico_question.png) no-repeat 93% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(75%,#f6f6f6), color-stop(100%,#ebebeb));
background:url(../images/ico_question.png) no-repeat 93% center, -webkit-linear-gradient(top, #f8f8f8 0%,#f6f6f6 75%,#ebebeb 100%);
background:url(../images/ico_question.png) no-repeat 93% center, -o-linear-gradient(top, #f8f8f8 0%,#f6f6f6 75%,#ebebeb 100%);
background:url(../images/ico_question.png) no-repeat 93% center, -ms-linear-gradient(top, #f8f8f8 0%,#f6f6f6 75%,#ebebeb 100%);
background:url(../images/ico_question.png) no-repeat 93% center, linear-gradient(to bottom, #f8f8f8 0%,#f6f6f6 75%,#ebebeb 100%);
box-shadow:inset 0px 0px 5px rgba(255, 255, 255, 1);
display:inline-block;
background-size:12px 17px, auto auto;

}

p.guide a:hover,
p.guide a:focus,
p.guide a:active{
background:url(../images/ico_question.png) no-repeat 93% center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlN2U3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background:url(../images/ico_question.png) no-repeat 93% center, -moz-linear-gradient(top, #f8f8f8 0%, #ededed 57%, #e7e7e7 100%);
background:url(../images/ico_question.png) no-repeat 93% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(57%,#ededed), color-stop(100%,#e7e7e7));
background:url(../images/ico_question.png) no-repeat 93% center, -webkit-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_question.png) no-repeat 93% center, -o-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_question.png) no-repeat 93% center, -ms-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_question.png) no-repeat 93% center,  linear-gradient(to bottom, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background-size:11px 17px, auto auto;
}

p.logout a{
padding:7px 15px 7px 35px;
font-weight:bold;
color:#333;
text-decoration:none;
border-radius:3px;
border:1px solid #dbdbdb;
background:url(../images/ico_logout.png) no-repeat 5px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iNzUlIiBzdG9wLWNvbG9yPSIjZjZmNmY2Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZWJlYmViIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background:url(../images/ico_logout.png) no-repeat 5px center, -moz-linear-gradient(top, #f8f8f8 0%, #f6f6f6 75%, #ebebeb 100%);
background:url(../images/ico_logout.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(75%,#f6f6f6), color-stop(100%,#ebebeb));
background:url(../images/ico_logout.png) no-repeat 5px center, -webkit-linear-gradient(top, #f8f8f8 0%,#f6f6f6 75%,#ebebeb 100%);
background:url(../images/ico_logout.png) no-repeat 5px center, -o-linear-gradient(top, #f8f8f8 0%,#f6f6f6 75%,#ebebeb 100%);
background:url(../images/ico_logout.png) no-repeat 5px center, -ms-linear-gradient(top, #f8f8f8 0%,#f6f6f6 75%,#ebebeb 100%);
background:url(../images/ico_logout.png) no-repeat 5px center, linear-gradient(to bottom, #f8f8f8 0%,#f6f6f6 75%,#ebebeb 100%);
box-shadow:inset 0px 0px 5px rgba(255, 255, 255, 1);
display:inline-block;
background-size:19px 22px, auto auto;
}

p.logout a:hover,
p.logout a:focus,
p.logout a:active{
background:url(../images/ico_logout.png) no-repeat 5px center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlN2U3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background:url(../images/ico_logout.png) no-repeat 5px center, -moz-linear-gradient(top, #f8f8f8 0%, #ededed 57%, #e7e7e7 100%);
background:url(../images/ico_logout.png) no-repeat 5px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(57%,#ededed), color-stop(100%,#e7e7e7));
background:url(../images/ico_logout.png) no-repeat 5px center, -webkit-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_logout.png) no-repeat 5px center, -o-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_logout.png) no-repeat 5px center, -ms-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_logout.png) no-repeat 5px center,  linear-gradient(to bottom, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background-size:19px 22px, auto auto;
}

p.close a{
padding:10px 25px 10px 10px;
font-weight:bold;
color:#333;
text-decoration:none;
border-radius:3px;
border:1px solid #dbdbdb;
background:#fff url(../images/ico_close.png) no-repeat 95% center;
display:inline-block;
background-size:13px 14px;
}

p.close a:hover,
p.close a:focus,
p.close a:active{
background:url(../images/ico_close.png) no-repeat 95% center, url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIvPjxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjZWRlZGVkIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTdlN2U3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background:url(../images/ico_close.png) no-repeat 95% center, -moz-linear-gradient(top, #f8f8f8 0%, #ededed 57%, #e7e7e7 100%);
background:url(../images/ico_close.png) no-repeat 95% center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(57%,#ededed), color-stop(100%,#e7e7e7));
background:url(../images/ico_close.png) no-repeat 95% center, -webkit-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_close.png) no-repeat 95% center, -o-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_close.png) no-repeat 95% center, -ms-linear-gradient(top, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background:url(../images/ico_close.png) no-repeat 95% center,  linear-gradient(to bottom, #f8f8f8 0%,#ededed 57%,#e7e7e7 100%);
background-size:13px 14px, auto auto;
}

div.logout-box{
width:100%;
position:absolute;
top:0;
left:0;
}

div.guide-box{
margin-top:-25px;
}

div.guide-box p.guide,
div.logout-box p.logout{
max-width:960px;
margin:0 auto;
text-align:right;
zoom:1;
}

div.guide-box p.guide{
padding:5px 0;
}

/* サブミットボタン */
div.submitButton{
margin:30px 0;
text-align:center;
}

div.submitButton button,
div.submitButton input{
font-weight:bold;
font-size:1.3em;
padding:12px 30px;
-webkit-appearance:none;
border-radius:2px;
border:1px solid #707070;
background:#ededed;
background:-webkit-linear-gradient(top,  #ededed 0%,#ededed 51%,#d8d8d8 51%,#d8d8d8 100%);
background:linear-gradient(to bottom,  #ededed 0%,#ededed 51%,#d8d8d8 51%,#d8d8d8 100%);
line-height: 1;
}

div.submitButton button:hover,
div.submitButton input:hover{
border:1px solid #3c7fb1;
background:#e1f3fc;
background:-webkit-linear-gradient(top,  #e1f3fc 0%,#e1f3fc 51%,#afdef8 51%,#afdef8 100%);
background:linear-gradient(to bottom,  #e1f3fc 0%,#e1f3fc 51%,#afdef8 51%,#afdef8 100%);
}

div.submitButton input:active,
div.submitButton button:active{
border:1px solid #2c628b;
background:#d8eefa;
background:-webkit-linear-gradient(top,  #d8eefa 0%,#d8eefa 51%,#86c6e851%,#86c6e8 100%);
background:linear-gradient(to bottom,  #d8eefa 0%,#d8eefa 51%,#86c6e8 51%,#86c6e8 100%);
}

div.submitButton .btn-04 button,
div.submitButton .btn-04 input,
div.submitButton .btn-04 a,
div.submitButton .btn-03 button,
div.submitButton .btn-03 input,
div.submitButton .btn-03 a{
padding:8px 30px;
}

div.submitButton button + button,
div.submitButton button + input{
margin-left:40px;
}

/* 選択肢の区切り */
hr.hr-01{
width:100%;
display:block;
height:1px;
margin:10px 0;
border:none;
border-top:1px dotted #e3e3e3;
clear:both;
}


.btn-line {
  padding: 0;
  border: none;
  cursor: pointer;
}

.btn-line:hover{
  opacity: .7;
}

/* ----------------------------------------------------------------
    04. キャンペーン
----------------------------------------------------------------- */

/* 年齢確認 */
div.trigger label.first-child{
margin:0 30px 0 0;
}

/* キャンペーンエリア */
.hdg-l2-container,
#hdg-flow{
margin:15px auto;
border-radius:5px 5px 0 0;
border-bottom:none;
}

.hdg-l2-container{
margin:30px auto 10px;
padding:0 0;
max-width:960px;
}

.hdg-l2-container.wide{
border-bottom:1px solid #ccc;
margin:15px auto 20px;
padding:0;
}

.hdg-l2-container-inner,
#hdg-flow-inner{
background-color:#fff;
border:1px solid #dfdfdf;
border-bottom:none;
padding:27px 39px 20px 39px;
}

.hdg-l2-container-inner{
padding:25px 39px;
}

.hdg-l2-container.wide .hdg-l2-container-inner{
padding:25px 20px 15px;
}

/* フォームヘッダー */
#hdg-flow .box{
margin:0 0 10px 0;
}

/* 個人情報保護 */
#hdg-flow .box div.sub-external{
width:198px;
}

div.sub-external div.sub-external-inner{
border-radius:5px;
border:1px solid #e3e3e3;
background:#fafafa;
}

div.sub-external p.pgh{
line-height:1.4;
margin:0 10px;
padding:10px;
background:url(../images/bg_login_area.gif) repeat-x bottom left;
}

div.sub-external ul{
margin:10px 13px 20px 13px;
}

div.sub-external ul li{
margin-bottom:8px;
}

div.sub-external ul li a{
font-size:0.85em;
padding:0 0 0 15px;
display:block;
background:url(../images/arrow_r_s.gif) no-repeat 2px 0.5em;
}

/* エラーメッセージ */
#error_message,
#error_message_login,
p.error_exist,
p.mail_opt{
font-weight:bold;
color:#f00000;
margin:20px 0;
padding:10px;
border:solid 2px #f00000;
background-color:#fff;
}

p.mail_opt:empty{
  display: none;
}

div.errorMessage{
color:#f00000!important;
font-size:0.8em;
padding-bottom:12px;
}

.errorArea{
background:#ffeaf7!important;
}

/* フォームヘッダー */
#hdg-flow .box{
display:table;
width:100%;
}

#hdg-flow .box > div{
display:table-cell;
vertical-align:top;
}

/* メインビジュアル */
#hdg-flow .box .main-visual img{
width:100%;
max-width:655px;
}

/* シェアボタン */
div.box-share{
text-align:center;
margin:0 0 20px 0;
position:relative;
bottom:15px;
}

div.box-share p.title{
margin:0;
padding:3px 4px 4px 33px;
text-align:center;
font-weight:bold;
font-size:0.93em;
z-index:9999;
display:inline-block;
word-spacing:0;
position:relative;
top:13px;
color:#333;
background:#fff url(../images/icon-share-title.gif) no-repeat 4px 0.2em;
}

div.box-share .box-share-inner .inner{
display:inline-block;
word-spacing:0;
margin:0 auto;
border:1px solid #ccc;
z-index:1;
padding:19px 22px 16px 22px;
}

div.box-share .box-share-inner .inner ul{
text-align:center;
}

div.box-share .box-share-inner .inner ul li{
display:inline-block;
word-spacing:0;
font-size:1.1em;
margin:0 10px 0 0;
}

div.box-share .box-share-inner .inner ul li a{
display:inline-block;
outline:none;
font-weight:bold!important;
color:#fff;
}

div.box-share .box-share-inner .inner ul li.fb{
border:1px solid #29447e;
border-bottom:1px solid #1a356e;
background:#6f87b7;
}

div.box-share .box-share-inner .inner ul li a.fb{
padding:4px 11px 4px 33px;
border-top:1px solid #a4b4d6;
background:url(../images/bullet-fb.gif) no-repeat 6px 0.35em;
}

div.box-share .box-share-inner .inner ul li.tw{
border:1px solid #3399dd;
background:#33bbee;
}

div.box-share .box-share-inner .inner ul li a.tw{
padding:4px 10px 4px 33px;
border-top:1px solid #68d6ff;
background:url(../images/bullet-tw.gif) no-repeat 6px 0.35em;
}

div.box-share .box-share-inner .inner ul li.last-child{
margin-right:0;
}

/*アンケート回答フォーム履歴一覧*/
.pagination-area .hit-num{
float:left;
}

.pagination-area .pagination{
float:right;
padding:0 4px;
}

.pagination-area .pagination li{
display:inline-block;
padding:0 10px;
position:relative;
}

.pagination-area .pagination li.first{
margin-right:10px;
padding-right:12px;
}

.pagination-area .pagination li.last{
margin-left:10px;
}

.pagination-area .pagination li:before,
.pagination-area .pagination li.first:after,
.pagination-area .pagination li.last:after{
display:block;
content:"";
position:absolute;
top:0;
left:-2px;
width:1px;
height:100%;
background:#bbb;
}

.pagination-area .pagination li.first:before{
left:inherit;
right:2px;
}

.pagination-area .pagination li.prev:before{
display:none;
}

.pagination-area .pagination li.first:after,
.pagination-area .pagination li.last:after{
left:inherit;
right:0;
}

.pagination-area .pagination li.last:after{
left:0;
}

.pagination-area .pagination li.first a,
.pagination-area .pagination li.prev a,
.pagination-area .pagination li.next a,
.pagination-area .pagination li.last a{
position:relative;
}

.pagination-area .pagination li.prev a:before,
.pagination-area .pagination li.first a:before,
.pagination-area .pagination li.first a:after,
.pagination-area .pagination li.next a:after,
.pagination-area .pagination li.last a:after,
.pagination-area .pagination li.last a:before{
display:block;
content:"";
position:absolute;
top:50%;
left:-10px;
border-top:1px solid #bbb;
border-left:1px solid #bbb;
width:5px;
height:5px;
margin-top:-3px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.pagination-area .pagination li.first a:after{
left:-14px;
}

.pagination-area .pagination li.next a:after,
.pagination-area .pagination li.last a:after,
.pagination-area .pagination li.last a:before{
left:inherit;
right:-10px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}

.pagination-area .pagination li.last a:before{
right:-14px;
}

/*外部サービスアカウント連携*/
.connect-area{
background:#F7F7F7;
margin-bottom:20px;
padding:20px 30px;
}

.connect-area .connect-area-inner{
display:table;
position:relative;
}

.connect-area .connect-area-inner:before{
display:block;
content:"";
position:absolute;
left:1px;
top:50%;
width:98%;
height:12px;
margin-top:-6px;
background:#F00001;
z-index:0;
}

.connect-area .slct-social{
display:table-cell;
vertical-align:middle;
}

.connect-area .slct-social dt{
display:none;
}

.connect-area .slct-social dd{
border:1px solid #E0E0E0;
padding:35px 9px;
background:#939393;
box-shadow:0 0 3px rgba(0,0,0,0.18) inset;
position:relative;
z-index:1;
color:#fff;
font-weight:bold;
width:220px;
text-align:center;
font-size:0.875rem;
}

.connect-area .slct-social dd:before{
display:block;
content:"";
position:absolute;
right:-21px;
top:0;
width:20px;
height:100%;
background:#F7F7F7;
}

.connect-area .slct-social dd:after{
display:block;
content:"";
position:absolute;
border-color: transparent #F00001 transparent transparent;
border-style: solid;
border-width: 14px 17px;
right:-30px;
top: 50%;
margin-top:-14px;
}

.connect-area .user-id{
padding-left:185px;
display:table-cell;
vertical-align:top;
}

.connect-area .user-id dl{
position:relative;
z-index:1;
}

.connect-area .user-id dl:before{
display:block;
content:"";
position:absolute;
left:-21px;
top:0;
width:21px;
height:100%;
background:#F7F7F7;
}

.connect-area .user-id dl:after{
display:block;
content:"";
position:absolute;
border-color: transparent transparent transparent #F00001;
border-style: solid;
border-width: 14px 17px;
left:-30px;
top: 50%;
margin-top:-14px;
}

.connect-area .user-id dt{
background:#F00000;
box-shadow:0 0 3px rgba(0,0,0,0.18) inset;
color:#fff;
text-align:center;
padding:9px;
font-weight:bold;
font-size:0.875rem;
}

.connect-area .user-id dd{
font-weight:bold;
font-size:0.75rem;
text-align:center;
padding:16px 9px 17px;
background:#fff;
word-break:break-all;
box-shadow:0 0 3px rgba(0,0,0,0.18) inset;
border:1px solid #E0E0E0;
border-top:none;
}

.connect-area .user-id-noMember{
padding-left:185px;
display:table-cell;
vertical-align:top;
}

.connect-area .user-id-noMember dl{
position:relative;
z-index:1;
}

.connect-area .user-id-noMember dl:before{
display:block;
content:"";
position:absolute;
left:-21px;
top:0;
width:21px;
height:100%;
background:#F7F7F7;
}

.connect-area .user-id-noMember dl:after{
display:block;
content:"";
position:absolute;
border-color: transparent transparent transparent #F00001;
border-style: solid;
border-width: 14px 17px;
left:-30px;
top:50%;
margin-top:-14px;
}

.connect-area .user-id-noMember dt{
display:none;
}

.connect-area .user-id-noMember dd{
border:1px solid #E0E0E0;
padding:35px 9px;
background:#F00000;
box-shadow:0 0 3px rgba(0,0,0,0.18) inset;
position:relative;
z-index:1;
color:#fff;
font-weight:bold;
width:280px;
text-align:center;
font-size:0.875rem;
}

/*マトリックス*/
table.matrix_tbl tr th{
text-align:center;
}

table.matrix_tbl tr td:nth-child(n+2){
text-align:center;
}

table.matrix_tbl caption{
text-align: left;
padding-bottom:10px;
}

table.matrix_tbl tr td hr{
border:none;
border-top:1px dotted #ccc;
}

table.matrix_tbl tr:last-child{
display:none;
}

table.matrix_tbl tr th span.matrix_vtcl{
display:inline;
text-orientation:upright;
text-combine-upright:digits 4;
letter-spacing:0.1em;
writing-mode:vertical-rl;
-ms-writing-mode:tb-rl;
-webkit-writing-mode:vertical-rl;
text-align:justify;
white-space:nowrap;
-webkit-text-orientation:upright;
-ms-text-combine-horizontal:digits 4;
}

/*ラテちゃんエリア（当選者専用入力フォーム）*/
div.box-check-latte{
    max-width:438px;
    margin:20px auto 0 auto;
    border:1px solid #ff6600;
}

div.box-check-latte p.title{
    background:#ff6600;
    color:#fff;
    text-align:center;
    padding:8px;
    font-weight:bold;
    font-size:16px;
}

div.box-check-latte .inner{
    padding:17px 155px 17px 40px;
    background:url(/group/shared/images/check_img_01.png) no-repeat right 50px bottom;
}

div.box-check-latte .inner p{
    color:#ff6600;
    font-size:18px;
    line-height:1.6!important;
}

@media screen and (max-width:500px){

div.box-check-latte{
    max-width:100%;
}

div.box-check-latte p.title{
    padding:8px 4px 6px 4px;
    font-size:13px;
}

div.box-check-latte .inner{
    max-width:170px;
    margin:0 auto;
    padding:10px 74px 10px 8px;
    background:url(/group/shared/images/check_img_01.png) no-repeat right 4px bottom;
    background-size:65px 49px;
}

div.box-check-latte .inner p{
    font-size:13px;
}

}

@media screen and (max-width:310px){

div.box-check-latte .inner br{
    display:none;
}

}

/* ----------------------------------------------------------------
    05. Support
----------------------------------------------------------------- */
h1:after,
#str-header-inner:after,
#str-footer-inner:after,
#str-footer-inner ul.nav:after,
dl.list-notice-02:after,
div#str-footer #str-footer-inner div.str-footer-info:after,
div#str-footer #str-footer-inner div.links:after,
.pagination-area:after,
.pagination-area .pagination:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
font-size:0;
}

.pb00{padding-bottom:0!important;}
.pl00{padding-left:0!important;}
.pl05{padding-left:5px!important;}
.pl10{padding-left:10px!important;}
.pl15{padding-left:15px!important;}
.pl20{padding-left:20px!important;}
.pr00{padding-right:0!important;}
.pr10{padding-right:10px!important;}
.pr15{padding-right:15px!important;}
.pr20{padding-right:20px!important;}
.mt00{margin-top:0!important;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mb00{margin-bottom:0!important;}
.mb10{margin-bottom:10px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.ml05{margin-left:5px!important;}
.mr05{margin-right:5px!important;}
.mr20{margin-right:20px!important;}
.mr40{margin-right:40px!important;}
.align-C{text-align:center!important;}
.align-R{text-align:right!important;}
.align-L{text-align:left!important;}
.align-T{vertical-align:top!important;}
.align-M{vertical-align:middle!important;}
.align-B{vertical-align:bottom!important;}

.bd select,
select.bd{
margin-right:5px;
}

.font-l{font-size:0.9375rem!important;}
.font-m{font-size:0.875rem!important;}
.font-s {font-size: 0.625rem!important;}

.ipt-type-01 input,
input.ipt-type-01{
width:22em;
}

.ipt-type-02 input,
input.ipt-type-02 {
width:11em;
}

.bt-dash{
border-top: 1px dashed #DEDEDE;
}

.bb-dash{
border-bottom: 1px dashed #DEDEDE;
}

.hdg-square{
position:relative;
padding-left:1em;
}

.hdg-square:before{
display:block;
content:"";
width:7px;
height:7px;
background:#555;
position:absolute;
left:2px;
top:5px;
}

/*アンケートテンプレートclass置換用*/
/*生年月日のselect*/
select.bd{
margin-right:5px;
}

/*パスワードのinput*/
input.ipt-type-01{
width:22em;
}

/*input調整用*/
input.ipt-type-02 {
width:11em;
}

.box-bordered-06{
margin:10px 0 20px 0;
}

/* ----------------------------------------------------------------
    06. Media Queries
----------------------------------------------------------------- */

/************************ START 960～1000px ************************/
@media screen and (max-width:1000px){
/* 横並びリストリンク */
ul.list-link-02{
position:static;
padding-bottom:0;
}

ul.list-link-02 li{
position:inherit;
top:auto;
}

}


/************************ START 721～960px ************************/
@media screen and (max-width:960px){
/* キャンペーンエリア */
.hdg-l2-container-inner{
padding:20px 10px;
}

/* メインビジュアル */
#hdg-flow .box .main-visual{
padding:0 10px 0 0;
}

.h1-01 + #contents #efSpace,
#contentsWrap #contents #efSpace{
padding:20px 10px 0 10px;
max-width:none;
}

.hdg-l2-container-inner,
#hdg-flow-inner{
padding:27px 10px 20px 10px;
}

.hdg-l2-container.wide .hdg-l2-container-inner{
padding:15px 10px;
}

}

/************************ START ～720px ************************/
@media screen and (max-width:720px){
*{ -webkit-text-size-adjust:none; }

body,h1,h2,h3,h4,h5,ol,ul,li,dl,dt,dd,ruby,rb,rt,rp,table,th,td,p,img,a,div,em,small,sup,form,address{
line-height:1.4;
}

select{
font-size:0.9em;
}

.sp-none{
display:none;
}

.logo-02{
display:none;
}
.logo-02-sp{
display:block;
text-align:right;
margin-bottom:10px;
}
.logo-02-sp img{
width:200px;
height:27px;
}


h1,h2,h3,h4{
line-height:1.4;
}

h1.h1-01{
padding:14px 20px 16px 0;
}

h1.h1-01 span,
h1.h1-02 > span{
font-size:1.5em;
vertical-align:middle;
}

h1.h1-02 > span{
font-size:1.35em;
position:static;
background:none;
padding:0 9em 0 0;
display:block;
}

h1.h1-02 > span > span{
display:none;
}

h1.h1-02 > span > span#userName{
display:inline-block;
margin-left:10px;
word-break:break-all;
}

h1.h1-02 > .btn-mypage{
float:none;
position:absolute;
right:5px;
top:50%;
margin-top:-1.1rem;
}

h2.h2-01{
padding:10px;
}

h2 span{
background-position:0 6px;
}

h3.h3-01{
margin:15px 0 10px 0;
}

a.list-blank-01{
background-position:0 3px!important;
}

div#str-header{
height:auto;
}

div#str-header #str-header-inner p.logo{
padding:0 0 10px 5px;
border:none;
height:auto;
}

div#str-header #str-header-inner p.logo img{
width:90px;
margin-top:6px;
}

div#str-header #str-header-inner p.group{
padding:27px 0 0 0;
}

div#str-header #str-header-inner p.group img{
margin:1px 0 0 7px;
width:75px;
height:12px;
}

div#str-header #str-header-inner p.company{
margin:40px 0 0 0x;
}

div#str-header #str-header-inner p.company img{
width:80%;
}

div#str-header #str-header-inner p.name{
clear:both;
padding:0;
}

div#str-header #str-header-inner p.name img{
width:150px;
height:auto;
margin:0 10px 10px 5px;
}

div#str-header #str-header-inner p.name img.first-child{
width:155px;
height:auto;
margin:0 10px 10px 4px;
}

#pageHeader p.guide,
#pageHeader p.logout,
#pageHeader p.close{
padding:14px 0 20px 0;
}

div.guide-box{
margin-top:-15px;
}

div.guide-box p.guide{
padding:10px 0 10px;
}

#contents{
padding:0 5px;
}

.h1-01 + #contents,
#contentsWrap #contents{
padding:0;
}

/* Heading */
h1 a.btn-mypage{
padding:10px 23px 10px 10px;
background-position:95% center;
}

/* パンくず＆ステップ画像 */
#nav-location,
#hdg-flow p.fig{
display:none;
}

#efSpace form > h3:first-child{
margin-top:0;
}

.hdg-l2-container-inner,
#hdg-flow-inner{
padding:18px 7px 18px 7px;
}

/* フォームヘッダー */
#hdg-flow .box,
#hdg-flow .box > div{
display:block;
}

/* 規約 */
#text-terms-01 h3 span.btn-tgl-01{
display:block;
}

#terms-text,
#terms-text2{
overflow:auto;
height:auto;
margin:0 0 30px 0;
border:1px solid #e3e3e3;
border-top:none;
}

dl.list-desc-01 > dt{
margin:10px 0 5px 0;
}

/* フィールド内の左よせ、右寄せ */
ul#ex{
position:static;
padding-bottom:0;
}

ul#ex li{
position:inherit;
top:auto;
}

.box-bordered-01 p.text-message-01{
font-size:1.2em;
}

/* メインビジュアル */
#hdg-flow .box .main-visual{
padding:0;
}

/* 個人情報保護 */
#hdg-flow .box div.sub-external{
margin:20px 0;
width:auto;
}

/* 成人認証 */
.trigger label{
display:block;
margin:3px 0;
}

/* テーブル */
table.table-01,
table.table-01 tbody,
table.table-01 thead,
table.table-01 tfoot,
table.table-01 tr,
table.table-01 th,
table.table-01 td{
display:block;
}

table.table-01 th,
table.table-01 td{
width:auto;
box-sizing:border-box;
-moz-box-sizing:border-box;
}

table.table-01 tr > th{
border-top:none;
border-bottom:none;
}

table.table-01{
border-top:1px solid #e3e3e3;
}

/* box */
.box-bordered-01,
.box-bordered-02,
.box-bordered-03{
padding:20px 10px;
}

.box-bordered-01 p,
.box-bordered-02 p,
.box-bordered-03 p{
text-align:left;
margin:0 0 25px 0;
}

.box-bordered-01 > p:last-child,
.box-bordered-02 > p:last-child,
.box-bordered-03 > p:last-child{
margin:0;
}

#contents #efSpace > .box-bordered-01,
#contents #efSpace > .box-bordered-02,
#contents #efSpace > .box-bordered-03{
margin:0 -10px;
}

#hdg-flow-inner #contents #efSpace > .box-bordered-01{
border:none;
padding:0 10px;
}

/* 基本フォーム */
.tblLayout{
display:block;
border:none;
}

.tblLayout.group{
border:2px solid #e3e3e3;
}

.tblLayout.group + .tblLayout.group{
margin-top:20px;
border-top:2px solid #e3e3e3;
}

.tblLayout > .th{
display:block;
padding:10px;
background-color:#f1f1f1;
border:1px solid #e3e3e3;
border-bottom:none;
margin:10px 0 0 0;
width:auto;
}

.tblLayout > .td > .tblLayout > .th{
border:none;
width:auto;
margin-bottom:10px;
}

.tblLayout > .td{
display:block;
padding:10px;
background-color:#fff;
border:1px solid #e3e3e3;
}

.tblLayout > .td.a-ctol{
text-align:left;
}

.tblLayout > .td > .tblLayout > .td{
border:none;
}

.tblLayout.group > .td{
border-left:1px solid #e3e3e3;
}

.note{
padding:10px;
}

.inline-outer-01 > label{
display:block;
width:100%;
}

.inline-outer-01 > label + label{
margin-top:10px;
}

.inline-outer-01 > label > input{
width:75%;
}

/* メルマガ */
.icn-2,
.icn-3,
.icn-4{
margin:5px 6px 0 0;
}

.tblLayout{
background-color:#fff;
border:none;
width:auto;
}

.tblLayout.mailNewsHeader{
display:none;
}

.tblLayout.thead{
display:none!important;
}

.tblLayout.tbody + .tblLayout.tbody{
margin-top:10px;
}

.socialWrap.table .tblLayout{
display:table;
width:100%!important;
}

.socialWrap.table .tblLayout + .tblLayout{
margin-top:-1px!important;
}

.tblLayout > .th{
padding:10px 2.5em 10px 10px;
}

.tblLayout.mailNews > .th{
padding:10px 3.5em 10px 10px;
}

.tblLayout.mailNews.agree > .th{
margin-top:0;
display:none;
}

.tblLayout.stage >.th{
border-right:1px solid #e3e3e3;
}

.tgl{
display:block;
text-align:center;
position:absolute;
top:10px;
right:10px;
font-size:12px;
}

.tgl > a{
width:1em;
height:1em;
display:block;
padding:6px 9px 11px;
border:1px solid #999;
color:#555;
}

.tgl > a:hover,
.tgl > a:focus,
.tgl > a:active{
text-decoration:none!important;
}

.tblLayout > .td{
width:auto!important;
margin:0;
border-left:1px solid #e3e3e3;
}

.socialWrap .tblLayout > .td{
margin-top:-1px;
}

.socialWrap.table .tblLayout > .td{
display:table-cell;
}

.socialWrap.table .tblLayout > .td{
width:35%!important;
}

.socialWrap.table .tblLayout > .td + .td{
border-left:none;
width:70%!important;
}

.tblLayout > .td.tglTarget{
border-bottom:none;
}

.tblLayout > .td.status{
border-top:none;
}

.tblLayout > .td.tglTarget + .td.status{
padding-top:0;
border-top:none;
}

.tblLayout.agree > .td{
border-top:none;
}

.tblLayout > .td > .date{
text-align:left;
}

.tblLayout > .td > .date dt{
display:inline-block;
}

.tblLayout.mailNews > .td.status .agree-area{
padding-top:10px;
border-top:1px solid #e3e3e3;
margin-top:0;
}

div.submitButton{
margin:10px 0 5px 0;
}

div.submitButton input,
div.submitButton button{
margin:8px 0 7px 0;
}

div.submitButton .btn-cooper{
padding:8px 0 7px;
}

/* 完了メッセージ */
#contents .box-bordered-01 p{
text-align:left;
}

#contents .box-bordered-01 p.text-message-01{
text-align:left;
}

#contents .box-bordered-01 p.btn-area{
text-align:center;
}

/* シェアボタン */
div.box-share{
width:100%;
}

div.box-share .box-share-inner .inner{
width:99%;
padding:20px 0 13px 0;
}

div.box-share p.title{
font-size:0.9em;
padding:3px 4px 4px 40px;
background:#f9f9f9 url(../images/icon-share-title.gif) no-repeat 10px 0.2em;
}

div.box-share .box-share-inner .inner ul li{
margin:0 6px 0 0;
}

.listInline.social > li{
margin-right:12px;
width:35px;
}

.listInline.social > li.yahoo{
width:50px;
}

.listInline.social > li.facebook{
width:55px;
}

.listInline.social > li img{
width:100%;
}

.listInline.social > li.facebook img{
width:67%;
}

.listInline.imperial > li:first-child{
margin-right:0;
margin-bottom:10px;
}

.listInline.cooper{
text-align:center;
}

.listInline.cooper >li{
display:block;
}

.listInline.cooper > li > .list-link-01{
margin:15px 0 0 0;
}

.pagination-area .hit-num,
.pagination-area .pagination{
float:none;
}

.pagination-area .hit-num{
margin-bottom:10px;
}

.pagination-area .pagination{
text-align:center;
width:95%;
margin:0 auto;
}

.pagination-area .pagination li{
padding:0;
margin-bottom:5px;
}

.pagination-area .pagination li.first{
padding-right:3px;
}

.pagination-area .pagination li a{
display:block;
padding:0 3px;
}

.pagination-area .pagination li.prev a:before,
.pagination-area .pagination li.first a:before{
left:-3px;
}

.pagination-area .pagination li.first a:after{
left:-7px;
}

.pagination-area .pagination li.next a:after,
.pagination-area .pagination li.last a:after{
right:-3px;
}

.pagination-area .pagination li.last a:before{
right:-7px;
}

.connect-area{
padding:15px;
}

.connect-area .connect-area-inner{
width:100%;
}

.connect-area .connect-area-inner:before{
left:50%;
top:1px;
width:12px;
height:98%;
margin:0 0 0 -6px;
}

.connect-area .slct-social{
display:block;
}

.connect-area .slct-social dd{
margin:0 auto;
width:auto;
box-sizing:border-box;
}

.connect-area .slct-social dd:before{
top:inherit;
left:0;
bottom:-19px;
width:100%;
height:18px;
background:#F7F7F7;
}

.connect-area .slct-social dd:after{
border-color: transparent transparent #F00001 transparent;
border-style: solid;
border-width: 17px 14px;
left:50%;
right:inherit;
top: inherit;
bottom:-19px;
margin:0 0 0 -14px;
}

.connect-area .user-id{
display:block;
padding:60px 0 0 0;
}

.connect-area .user-id dl:before{
left:0;
top:-19px;
width:100%;
height:19px;
background:#F7F7F7;
}

.connect-area .user-id dl:after{
border-color: #F00001 transparent transparent transparent;
border-style: solid;
border-width: 17px 14px;
left:50%;
top: -19px;
margin:0 0 0 -14px;
}

.connect-area .user-id-noMember{
display:block;
padding:60px 0 0 0;
}

.connect-area .user-id-noMember dl:before{
left:0;
top:-19px;
width:100%;
height:19px;
background:#F7F7F7;
}

.connect-area .user-id-noMember dl:after{
border-color: #F00001 transparent transparent transparent;
border-style: solid;
border-width: 17px 14px;
left:50%;
top: -19px;
margin:0 0 0 -14px;
}

.connect-area .user-id-noMember dd{
margin:0 auto;
width:auto;
box-sizing:border-box;
}


/* ----------------------------------------------------------------
    フッター
----------------------------------------------------------------- */
div#str-footer{
padding:3px 10px 0 10px;
}

div#str-footer #str-footer-inner div.str-footer-info ul.nav{
float:none;
width:auto;
margin:10px 0 6px 0;
}

div#str-footer #str-footer-inner div.str-footer-info ul.nav li a{
background-position:2px 6px!important;
}

div#str-footer #str-footer-inner p.copyright{
margin:7px 0;
}

div#str-footer #str-footer-inner #str-footer-info > p{
display:block;
}

div#str-footer #str-footer-inner p.logo{
padding:0;
float:none;
}

#footer p.stop img.stop{
margin:0;
}

#footer p.stop,
#footer .share p.stop{
float:none;
border:none;
max-width:none;
padding:0 0 14px 0;
margin-bottom: 30px;
}

div#str-footer #str-footer-inner div.str-footer-info.share p.logo,
div#str-footer #str-footer-inner div.str-footer-info.share p.copyright{
top:10px;
}

.tblLayout > .td textarea{
width:98%!important;
}

/*マトリックス*/
table.matrix_tbl tr td{
display:table-cell;
width:auto!important;
}

.tblLayout.stage .td{
overflow:scroll;
width:100%;
}

/* Clear Fix */
#pageHeader:after,
#kirin-header:after,
#footer p.stop:after{
clear:both;
content:".";
display:block;
font-size:0;
height:0;
visibility:hidden;
}

}

/************************ START 480～ ************************/
@media screen and (max-width:480px){
.submitButton > .mr40{
margin-right:0!important;
}

div.submitButton button + button,
div.submitButton button + input{
margin-left:0!important;
}

div.submitButton .btn-cooper{
width:80%;
margin:0 auto;
}

div.submitButton .btn-cooper img,
.btn-hasid img{
width:100%;
}
}


/* ----------------------------------------------------------------
    07. メルマガ別定義
----------------------------------------------------------------- */
/*キリン・メルシャン NEWS*/
#kirin-news-01 #pageHeader{
background:none;
}

#kirin-news-01 #container{
background:#fff;
}

#kirin-news-01 #nav-location {
margin:0;
}

#kirin-news-01 .hdg-01{
border-radius:3px;
border:1px solid #E3E3E1;
font-size:0.875rem;
margin-bottom:15px;
}

#kirin-news-01 .hdg-01 span{
border-radius:3px;
border-left:5px solid #F00000;
background:none;
padding:11px 10px 7px;
display:block;
}

/* ----------------------------------------------------------------
    08. JavaScript
----------------------------------------------------------------- */
.alchol,
#js-alcCamp{
  display: none;
}

.loading{
  text-align: center;
  padding: 45px 0;
}

#js-calculate {
  text-align: center;
  margin-bottom: 30px;
}

/* ----------------------------------------------------------------
    09. KCヘッダー・フッター用調整
----------------------------------------------------------------- */
header#str-header-kirin,
footer#str-footer-kirin {
min-width:320px;
height: auto;
}
#footer + #js-kc-footer-pc > footer#str-footer-kirin,
.linkList01 + #js-kc-footer-pc > footer#str-footer-kirin,
#inner-container + footer#str-footer-kirin,
#pageFooter + footer#str-footer-kirin,
.linkList01 + footer#str-footer-kirin,
#container + #js-kc-footer-pc + footer#str-footer-kirin {
background: #fff;
padding-top: 15px;
}
header#str-header-kirin *,
header#str-header-kirin *::before,
header#str-header-kirin *::after,
footer#str-footer-kirin *,
footer#str-footer-kirin *::before,
footer#str-footer-kirin *::after {
box-sizing: border-box;
font-family: Roboto,Noto Sans JP,"ヒラギノ角 Pro W3","Hiragino Kaku Pro W3","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;
color: #fff;
font-size:10px;
}
header#str-header-kirin .str-header-kirin__logo a {
line-height: 1;
display: block;
}
header#str-header-kirin .str-header-kirin__logo a img {
display: inline;
vertical-align: top;
width: auto;
max-width: 100%;
height: auto;
}
footer#str-footer-kirin a:hover {
text-decoration: none!important;
}
@media screen and (min-width: 769px) {
header#str-header-kirin *,
footer#str-footer-kirin * {
font-size:12px;
}
}