@charset "UTF-8";
/* CSS Document */


/* -------------------------------------
 *
 * base
 *
------------------------------------- */
body {
background:#fff;
color:#333;
font-size:13px;
font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
line-height: 1.7;
}

a {
text-decoration:none;
color:#109ad7;
}

a:hover {
text-decoration:underline;
}

img {
vertical-align:middle;
}



/* -------------------------------------
 *
 * layout
 *
------------------------------------- */

/* -------------------------------------
 * header
------------------------------------- */
#header {
width:100%;
padding-top:10px;
}
/* headerLinks */
#header .headerLinks {
float: right;
}
#header .headerLinks li {
float: left;
margin-left:15px;
}
#header .headerLinks li a {
text-decoration:none;
}
#header .headerLinks .line {
border-left:#dcdcdc 1px solid;
padding-left:15px;
}
#header .headerLinks .login a {
color:#1aab95;
font-weight:bold;
}
/* tagline */
#header .tagline {
float: left;
color:#808080;
font-size:11px;
}
/* headerMenuArea */
#header .headerMenuArea {
margin: 20px 0;
}
/* headerLogo */
#header .headerLogo {
float: left;
}
/* btnUserList */
#header .btnUserList {
float: right;
margin-top:5px;
}
#header .btnUserList .btnUser {
float:left;
box-sizing:border-box;
position:relative;
border:#c4ced2 1px solid;
border-radius:4px;
text-align:center;
}
#header .btnUserList .btnUser.btnLeft {
border-radius:4px 0 0 4px;
margin-right:0;
}
#header .btnUserList .btnUser.btnRight {
border-left:none;
border-radius:0 4px 4px 0;
margin-left:0;
}
#header .btnUserList .btnUser.cart {
margin-left:10px;
}
#header .btnUserList .btnUser a {
display: block;
width:140px;
height:30px;
line-height:30px;
text-decoration:none;
}
#header .btnUserList .btnUser .icon {
display: inline-block;
padding-left: 22px;
background-repeat: no-repeat;
background-position: 0 50%;
}
#header .btnUserList .btnUser.history .icon {
background-image:url(/image/pc/ico/ico_history.png);
}
#header .btnUserList .btnUser.favorite .icon {
background-image:url(/image/pc/ico/ico_favorite.png);
}
#header .btnUserList .btnUser.cart .icon {
background-image:url(/image/pc/ico/ico_cart.png);
}
#header .btnUserList .btnUser .numCart {
width:25px;
height:25px;
display:inline-block;
position:absolute;
top:2px;
right:10px;
background:#f35184;
border-radius:20px;
color:#fff;
font-weight:bold;
font-size:12px;
line-height:25px;
}

/* headerSimple */
#header.headerSimple {
min-width: 1200px;
margin-bottom: 40px;
background: #f9f9f9;
border-bottom: #dedede 1px solid;
}
#header.headerSimple .contents {
padding: 10px 0 20px;
}
#header.headerSimple .headerLogo {
float: left;
}
#header.headerSimple .tagline {
float: right;
color: #888;
font-size: 14px;
}


/* -------------------------------------
 * mainContents
------------------------------------- */
#mainContents {
clear: both;
width:100%;
}


/* -------------------------------------
 * footer
------------------------------------- */
#footer {
width: 100%;
}

/* aboveFooter */
#footer .aboveFooter {
clear: both;
width: 100%;
padding: 15px 0;
}
#footer .aboveFooter .toPageTop {
float: right;
width: 40px;
height: 40px;
background-color: #666;
line-height: 40px;
}
#footer .aboveFooter .toPageTop a {
position: relative;
display: block;
color: #fff;
text-align: center;
white-space: nowrap;
overflow: hidden;
text-indent: 100%;
}
#footer .aboveFooter .toPageTop a:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
margin: -2px 0 0 -5px;
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}
#footer .aboveFooter .tagline {
padding: 0 80px 0 0;
color: #888;
font-size: 10px;
}

/* footerMain */
#footer .footerMain {
width: 100%;
background-color: #333;
}
#footer .footerMain .contents {
padding: 50px 0 80px;
}
#footer .footerMain .logoBox {
float: left;
}
#footer .footerMain .logoBox .logo {
}
#footer .footerMain .logoBox .copyright {
margin: 8px 0 0;
color: #ccc;
font-size: 11px;
}
#footer .footerMain .linkBox {
float: right;
padding: 10px 0 0;
color: #888;
font-size: 11px;
text-align: right;
}
#footer .footerMain .linkBox a {
  color: #ccc;
}

/* killFooterMargin */
.killFooterMargin {
margin-bottom: -40px;
}


/* -------------------------------------
 * nav
------------------------------------- */
#nav {
clear: both;
}
/* navMain */
#nav .navMain {
float: left;
}
#nav .navMain li {
float:left;
border-left:#dadada 1px solid;
font-size:14px;
font-weight:bold;
}
#nav .navMain li:first-child {
border-left:none;
}
#nav .navMain li a {
height:30px;
padding:0 30px;
box-sizing:border-box;
display:block;
color:#333;
line-height:30px;
text-decoration: none;
}
#nav .navMain .current a {
color:#0989c1;
border-bottom:#0989c1 3px solid;
}

/* navSub */
#nav .navSub {
float: right;
margin: 3px 0 0;
}
#nav .navSub li {
display: inline-block;
margin-left:20px;
font-weight: bold;
}
#nav .navSub li a {
padding-left:15px;
background:url(/image/pc/ico/ico_arrow01.png) no-repeat;
background-position:left center;
color: #076c9b;
text-decoration: none;
}


/* -------------------------------------
 * searchBar
------------------------------------- */
.searchBar {
width:100%;
height:60px;
background-color:#f1f1f1;
border-top:#dcdcdc 1px solid;
font-size:14px;
line-height:60px;
}
.searchBar input,
.searchBar select {
height:36px;
font-size:14px;
line-height:36px;
border-radius:4px;
}
.searchBar select {
width:170px;
}
.searchBar input[type='search'] {
width:490px;
margin:0 10px;
box-sizing:border-box;
}
.searchBar input[type='submit'] {
width:130px;
padding-left:20px;
box-sizing:border-box;
background:url(/image/pc/ico/ico_search.png) no-repeat #f35184;
background-position:30px 7px;
border-style: none;
color:#fff;
}

select.errorSelect  {
border:2px solid #f35184;
}

/* -------------------------------------
 * breadcrumb
------------------------------------- */
.breadcrumb {
width:100%;
background:#fff;
}
.breadcrumb li {
display:inline-block;
margin: 5px 0;
padding-left: 13px;
background:url(/image/pc/ico/ico_arrow02.png) no-repeat 0 50%;
}
.breadcrumb li a,
.breadcrumb li span {
display:inline-block;
padding:5px 20px;
font-size:12px;
text-decoration:none;
}
.breadcrumb li a:hover {
text-decoration:underline;
}
.breadcrumb li:first-child {
padding-left: 0;
background: none;
}
.breadcrumb li:first-child a {
padding-left: 0;
}


/* -------------------------------------
 * contents
------------------------------------- */
.contents {
width:1200px;
margin:0 auto;
text-align:left;
word-break: break-all;
}
/* column layout */
.columnCenter {
width:860px;
float:left;
position:relative;
}
.columnLeft {
width:280px;
margin-right:40px;
float:left;
position:relative;
}
.columnRight {
width:300px;
margin-left:40px;
float:right;
position:relative;
}
.columnMiddle {
width:880px;
margin:0 auto;
}



/* -------------------------------------
 *
 * helper
 *
------------------------------------- */

/* -------------------------------------
 * clearfix
------------------------------------- */
.cf:after {
content: "";
display: table;
clear: both;
}


/* -------------------------------------
 * text
------------------------------------- */
/* text color */
.txtColor01 { color:#f35184 !important; }
.txtColor02 { color:#3bbbb6 !important; }
.txtColor03 {color:#888888 !important; }
.txtColor04 { color:#ff9123 !important; }
.txtColor05 { color:#e00 !important; }
.txtColor06 { color:#1aab95 !important; }
.txtColor07 { color:#333333 !important; }
.txtColor08 { color:#f58428 !important; }
.txtColorWhite { color:#FFFFFF !important; }
.txtColorRed { color:#FF0000 !important; }
.mark { color:#ef5987 !important; }

/* text size */
.txtSize32 { font-size:32px !important;}
.txtSize24 { font-size:24px !important; }
.txtSize20 { font-size:20px !important; }
.txtSize16 { font-size:16px !important; }
.txtSize15 { font-size:15px !important; }
.txtSize14 { font-size:14px !important; }
.txtMedium { font-size:13px !important; }
.txtSize12 { font-size:12px !important; }
.txtSize11 { font-size:11px !important; }

/* txt align */
.txtLeft { text-align:left !important; }
.txtRight { text-align:right !important; }
.txtCenter { text-align:center !important; }
.txtTop { vertical-align:top !important; }
.txtMiddle { vertical-align:middle !important; }
.txtBottom { vertical-align:bottom !important; }

/* txt weight */
.bold { font-weight:bold !important; }
.fontNormal { font-weight:normal !important; }

/* txt cursor */
.pointer { cursor:pointer !important; }

/* money */
.money {
display:inline-block;
}


/* -------------------------------------
 * space
------------------------------------- */
.mt0  { margin-top:0    !important; }
.mt5  { margin-top:5px  !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mt30 { margin-top:30px !important; }
.mt35 { margin-top:35px !important; }
.mt40 { margin-top:40px !important; }
.mt45 { margin-top:45px !important; }
.mt50 { margin-top:50px !important; }
.mb0  { margin-bottom:0    !important; }
.mb5  { margin-bottom:5px  !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb35 { margin-bottom:35px !important; }
.mb40 { margin-bottom:40px !important; }
.mb45 { margin-bottom:45px !important; }
.mb50 { margin-bottom:50px !important; }
.mr0  { margin-right:0    !important; }
.mr5  { margin-right:5px  !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr25 { margin-right:25px !important; }
.mr30 { margin-right:30px !important; }
.mr35 { margin-right:35px !important; }
.mr40 { margin-right:40px !important; }
.mr45 { margin-right:45px !important; }
.mr50 { margin-right:50px !important; }
.ml0  { margin-left:0    !important; }
.ml5  { margin-left:5px  !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml25 { margin-left:25px !important; }
.ml30 { margin-left:30px !important; }
.ml35 { margin-left:35px !important; }
.ml40 { margin-left:40px !important; }
.ml45 { margin-left:45px !important; }
.ml50 { margin-left:50px !important; }
.ml60 { margin-left:60px !important; }

.pt0  { padding-top:0    !important; }
.pr0  { padding-right:0  !important; }
.pb0  { padding-bottom:0 !important; }
.pl0  { padding-left:0   !important; }


/* -------------------------------------
 * utility
------------------------------------- */
/* none */
.lineNone { border:none !important; }
.lineBottomNone { border-bottom:none !important; }
.displayNone { display:none !important; }
.radiusNone { border-radius:0 !important; }

/* bacground color */
.bgColor01 { background:#fffbef !important; }
.bgColor02 { background:#fff0f5 !important; }
.bgColor03 { background:#f9f9f9 !important; }
.bgColor04 { background:#deebea !important; }

/* utility */
.right { float:right !important; }
.left { float:left !important; }
.displayBlock { display:block !important; }
.displayTable { display:table !important; }
.clearBoth { clear:both !important; }
.nowrap { white-space:nowrap !important; }


/* -------------------------------------
 *
 * form element
 *
------------------------------------- */
/* base setting */
label,
label input[type='checkbox'] {cursor: pointer;}
input:focus {outline: none;}
input:-webkit-autofill {
background:#fff !important;
box-shadow: 0 0 0px 1000px white inset;
}
input.search::-webkit-search-decoration { color: #808080; }
input.search:-moz-placeholder { color: #808080; }

select {
height:26px;
padding-left:5px;
border-radius:0;
border:#bcbcbc 1px solid;
color:#808080;
cursor:pointer;
}
.columnRight select {
border-radius:5px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: '';
background:url(/image/pc/ico/ico_arrow22.png) no-repeat right 5px center;
}
.columnRight select::-ms-expand {
  display: none;
}
input[type='text'],
input[type='password'] {
width:190px;
height:28px;
padding:2px 5px;
box-sizing:border-box;
border:#d2d2d2 1px solid;
color:#333;
border-radius:4px;
}
input[type='submit'] {
border:none;
}
input[type='checkbox'] {
margin-right: 10px;
}
input[type='radio'] {
margin-right: 10px;
}
input[type='search'] {
border:#bcbcbc 1px solid;
padding-left:10px;
}

/* text field size */
input[type='text'].inputTextWidth80,
input[type='password'].inputTextWidth80 {
width: 80px;
}
input[type='text'].inputTextWidth150,
input[type='password'].inputTextWidth150 {
width: 150px;
}
input[type='text'].inputTextWidth200,
input[type='password'].inputTextWidth200 {
width: 200px;
}
input[type='text'].inputTextWidth255,
input[type='password'].inputTextWidth255 {
width: 255px;
}
input[type='text'].inputTextWidth300,
input[type='password'].inputTextWidth300 {
width: 300px;
}
input[type='text'].inputTextWidth400,
input[type='password'].inputTextWidth400 {
width: 400px;
}
input[type='text'].inputTextWidth550,
input[type='password'].inputTextWidth550 {
width: 550px;
}
input[type='text'].inputTextWidth650,
input[type='password'].inputTextWidth650 {
width: 650px;
}
input[type='text'].inputTextWidthFull,
input[type='password'].inputTextWidthFull {
width: 100%;
}

/* selectbox size */
select.selectWidth50 {
width: 50px;
}
select.selectWidth60 {
width: 60px;
}
select.selectWidth75 {
width: 75px;
}
select.selectWidth100 {
width: 100px;
}
select.selectWidth120 {
width: 120px;
}
select.selectWidth170 {
width: 170px;
}

/* inputColumnBox */
.inputColumnBox {
display: table;
}
.inputColumnBox .col {
display: table-cell;
padding: 0 10px 0 0;
vertical-align: middle;
}
.inputColumnBox .separater {
padding-right: 20px;
}



/* -------------------------------------
 *
 * module
 *
------------------------------------- */

/* -------------------------------------
 * hdg
------------------------------------- */
/* hdg01 */
.hdg01 {
width:100%;
padding:8px 10px;
background:#f4f4f4;
box-sizing:border-box;
font-size:16px;
}
.hdg01 .subText {
margin: 0 0 0 15px;
font-size: 13px;
font-weight: normal;
}

/* hdg02 */
.hdg02 {
position:relative;
width:100%;
padding:8px 10px;
background:#3bbbb6;
box-sizing:border-box;
color:#fff;
font-size:16px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.hdg02.hasAccordionBtn {
position:relative;
padding-right: 45px;
cursor: pointer;
}
.hdg02.hasDeleteBtn {
position:relative;
padding-right: 50px;
}

/* hdg03 */
.hdg03 {
position:relative;
width:100%;
padding:10px 15px;
box-sizing:border-box;
background:#5e5e66;
color:#fff;
font-size: 16px;
word-break: break-all;
}
.hdg03.hasAccordionBtn {
padding-right: 45px;
cursor: pointer;
}

/* hdg04 */
.hdg04 {
margin:50px 0 0;
color: #62c7c8;
font-size: 32px;
font-weight:bold;
line-height: 1.3;
word-break: break-all;
}
.hdg04 .subText {
margin: 0 0 0 15px;
color: #333;
font-size: 13px;
font-weight: normal;
}
.hdg04.hdgSearch {
padding-top: 10px;
border-top:#2f2b2b 2px solid;
}
.hdg04.hdgSearch .subText {
font-size: 20px;
font-weight:bold;
}

/* hdg05 */
.hdg05 {
margin:20px 0 0;
font-size: 16px;
}
.hdg05 .subText {
margin: 0 0 0 15px;
color: #333;
font-size: 13px;
font-weight: normal;
}

/* hdg06 */
.hdg06 {
width:100%;
padding:8px 10px;
box-sizing:border-box;
position:relative;
background:#deebea;
font-weight:normal;
}
.hdg06.hasAccordionBtn {
padding-right: 45px;
cursor: pointer;
}


/* hdgSeat */
.hdgSeat {
position:relative;
width:100%;
height:50px;
margin-bottom:1px;
box-sizing: border-box;
line-height:50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background:#deebea;
}
.hdgSeat img {
margin-right:15px;
vertical-align: top;
}
.hdgSeat.hasAccordionBtn {
padding-right: 45px;
cursor: pointer;
}
.open .hdgSeat {
margin-bottom:0;
}

/* hdgArrow */
.hdgArrow {
display:inline-block;
margin:30px 0;
font-size:20px;
}
.hdgArrow:before,
.hdgArrow:after {
content: "";
display: inline-block;
width: 30px;
height: 25px;
background: url(/image/pc/ico/ico_arrow09.png) no-repeat 50% 50%;
vertical-align: middle;
}
.hdgArrow:before {
margin: 0 15px 0 0;
}
.hdgArrow:after {
margin: 0 0 0 15px;
}

/* for module list */
.hdgTemplate {
clear:both;
margin:100px 0 20px;
padding:30px;
background-color:#bbb;
border-top: #000 1px solid;
border-bottom: #000 1px solid;
font-size:24px;
font-weight:bold;
text-align: center;
}


/* -------------------------------------
 * text
------------------------------------- */
.notice01 {
margin-top:10px;
display:block;
color:#808080;
}
ul.notice01 li {
float:none;
color:#808080;
}
.notice02 {
margin-top:5px;
font-size: 11px;
}

.downArrowText {
margin:5px 0;
padding-left:15px;
background:url(/image/pc/ico/ico_arrow10.png) no-repeat;
background-position:left center;
}


/* -------------------------------------
 * table
------------------------------------- */
/* table01 */
.table01 {
width:100%;
margin:20px 0;
}
.table01 th,
.table01 td {
padding:10px;
border:#ced9d8 1px solid;
text-align: left;
vertical-align: top;
}

/* table02 */
.table02 {
width:100%;
margin:20px 0;
}
.table02 th,
.table02 td {
padding:15px 10px;
text-align: left;
vertical-align: top;
}
.table02 th {
padding-right:0;
}

/* table03 */
.table03 {
width:100%;
margin:10px 0;
}
.table03 th,
.table03 td {
padding:7px;
border:#dedede 1px solid;
text-align: left;
vertical-align: top;
word-break:break-all;
}
.table03 th {
border:#b4cdcb 1px solid;
}

/* cellColor */
.cellColor01 {
background:#deebea;
}
.cellColor02 {
background:#e8eded;
}
.cellColor03 {
background:#62c7c8;
}

/* borderBottomTable */
.borderBottomTable th,
.borderBottomTable td {
border: none;
border-bottom:#dedede 1px dotted;
}

/* borderNone */
.cellBorderTopNone {
border-top-color: transparent !important;
}
.cellBorderRightNone {
border-right-color: transparent !important;
}
.cellBorderBottomNone {
border-bottom-color: transparent !important;
}
.cellBorderLeftNone {
border-left-color: transparent !important;
}

/* colWidth */
.colWidth10 {width: 10%;}
.colWidth15 {width: 15%;}
.colWidth20 {width: 20%;}
.colWidth25 {width: 25%;}
.colWidth30 {width: 30%;}
.colWidth35 {width: 35%;}
.colWidth40 {width: 40%;}
.colWidth45 {width: 45%;}
.colWidth50 {width: 50%;}
.colWidth55 {width: 55%;}
.colWidth60 {width: 60%;}
.colWidth65 {width: 65%;}
.colWidth70 {width: 70%;}
.colWidth75 {width: 75%;}
.colWidth80 {width: 80%;}
.colWidth85 {width: 85%;}
.colWidth90 {width: 90%;}
.colWidth95 {width: 95%;}
.colWidth100 {width: 100%;}

/* fixedTable */
.fixedTable {
table-layout: fixed;
}

/* boldTable */
.boldTable {
font-weight:bold;
}

/* moreSpaceTable */
.moreSpaceTable td,
.moreSpaceTable th {
padding: 20px;
}

/* tableAlign */
.tableAlignTop th,
.tableAlignTop td {
vertical-align:top;
}
.tableAlignMiddle th,
.tableAlignMiddle td {
vertical-align:middle;
}
.tableAlignBottom th,
.tableAlignBottom td {
vertical-align:bottom;
}

/* tableWordWrap */
.tableWordWrap{
table-layout: fixed;
}
.tableWordWrap td,
.tableWordWrap th {
word-wrap: break-word;
word-break:normal;
}
/* -------------------------------------
 * list
------------------------------------- */
ul li,
ol li {
list-style:none;
}

/* list01 */
.list01 li {
width:100%;
padding:10px 0;
float:left;
box-sizing:border-box;
border-bottom:#dedede 1px solid;
}

.list01 li a {
text-decoration:none;
}

/* list02 */
.list02 li {
display: inline-block;
margin-left:30px;
}

/* list03 */
.list03 li {
display: inline-block;
margin-right:30px;
}

/* listColumn2 */
.listColumn2 {
margin-right:-20px
}
.listColumn2 li {
width:430px !important;
margin-right:20px;
}
.listColumn2 li:nth-child(2n+1) {
clear: both;
}

/* listColumn4 */
.listColumn4 {
margin-right:-20px
}
.listColumn4 li {
width:205px !important;
margin-right:20px;
}
.listColumn4 li:nth-child(4n+1) {
clear: both;
}

/* listLine01 */
.listLine01 li {
border-bottom:#a6cdcd 1px solid;
}
.listLine01 li a {
text-decoration: none;
}

/* more space */
.moreSpaceList li {
padding: 20px 0;
}

/* listFloatLeft */
.listFloatLeft li {
float:left;
}


/* -------------------------------------
 * ol / dl
------------------------------------- */
/* orderedList */
.orderedList {
margin: 10px 0 0;
padding: 0 0 0 2em;
list-style-position: outside;
}
.orderedList li {
list-style-type: decimal;
}

/* definitionList01 */
.definitionList01 {
margin:20px 0 0;
}
.definitionList01 dt {
margin:20px 0 5px;
font-size:14px;
font-weight:bold;
}

/* definitionList02 */
.definitionList02 {
border-top:#eee 1px solid;
}
.definitionList02 dt {
font-weight:bold;
}
.definitionList02 dd {
border-bottom:#eee 1px solid;
padding-bottom:10px;
margin-bottom:10px;
}
.definitionList02 dd:last-child {
margin-bottom:0;
padding-bottom:0;
border:none;
}


/* -------------------------------------
 * box
------------------------------------- */
/* boxContents */
.boxContents {
margin-bottom:30px;
}
.boxContents input[type='radio'] {
display:none;
}
.boxContents input[type='radio'] + label:before {
position:relative;
content:"";
width:10px;
height:10px;
margin-right:5px;
display:inline-block;
border:2px solid #dedede;
border-radius: 50%;
vertical-align:middle;
background-color:#fff;
}
.boxContents input[type='radio']:checked + label:before {
background-color:#3bbbb6;
}
/* box01 */
.box01 {
padding:20px 0;
}

/* box02 */
.box02 {
padding:15px;
margin-bottom:15px;
background:#fff;
}

/* boxLine */
.boxLine {
margin: 20px 0 0;
padding: 10px;
border-top:#eee 1px solid;
border-bottom:#eee 1px solid;
}
.boxLine + .boxLine {
margin-top: 10px;
}
/* boxLine variation */
.boxLine.boxSpaceAll {
padding: 15px;
}
.boxLine.boxBorderAll {
border: #dedede 1px solid;
}

/* boxBalloon */
.boxBalloon {
width:100%;
padding-bottom:18px;
box-sizing:border-box;
position:relative;
background:url(/image/pc/line/line_detail01.png) no-repeat;
background-position:2px bottom;
}
.boxBalloon dl {
padding:15px;
border:#62c7c8 2px solid;
border-bottom:none;
}

/* line */
.lineTop01 {
border-top:#2f2b2b 2px solid;
padding-top:20px;
}
.lineBottom01 {
border-bottom:#eee 1px solid;
padding-bottom:10px;
}

/* boxSpecial */
.boxSpecial {
margin: 0 0 10px;
padding: 10px;
background-color: #fbffd1;
font-size: 14px;
font-weight: bold;
text-align: center;
}

/* boxMark */
.boxMark {
width:100%;
margin-top:20px;
padding:10px 15px;
box-sizing:border-box;
background:#fff;
border:#ef5987 2px solid;
color:#ef5987;
}
.boxMark .cancelIcon {
  display: table;
  width: 100%;
  margin-bottom: 5px;
}
.boxMark .cancelIcon .icon {
  display: table-cell;
  width: 42px;
  vertical-align: top;
}
.boxMark .cancelIcon .text {
  display: table-cell;
  font-size: 16px;
  vertical-align: middle;
}

/* boxMark02 */
.boxMark02 {
width:100%;
margin-top:10px;
margin-bottom:10px;
padding:5px 10px;
box-sizing:border-box;
background:#fff;
border:#f64e83 2px solid;
color:#f64e83;
font-weight: bold;
}
.boxMark02 .iconInfo {
  padding-left: 24px;
  background: url(/image/pc/ico/ico_info.png) no-repeat 0 .2em;
}

/* boxLayout */
.boxLayout {
display: table;
width: 100%;
margin: 10px 0 0;
}
.boxLayout > .col {
display: table-cell;
}

/* boxLead */
.boxLead {
clear: both;
}
.boxLead > .col {
float: left;
width: 430px;
margin: 0 0 0 20px;
border: #dedede 1px solid;
box-sizing: border-box;
}
.boxLead > .col:first-child {
margin-left: 0;
}
.boxLead > .col .colTitle {
padding: 10px;
background-color: #f4f4f4;
font-size: 14px;
font-weight: bold;
text-align: center;
}
.boxLead > .col .colBody {
padding: 25px;
}
.boxLead.boxLeadCombineCol > .col {
width: 50%;
margin-left: 0;
}
.boxLead.boxLeadCombineCol > .col:first-child {
border-right: none;
}
.boxLead + .boxLead {
margin: 20px 0 0;
}

/* boxPoint */
.boxPoint {
margin: 20px 0 10px;
padding: 15px 25px;
background-color: #fbffd1;
border-top: #dedede 1px solid;
border-bottom: #dedede 1px solid;
}
.boxPoint .targetBox {
float: left;
width: 150px;
margin: 0 50px 0 0;
border-right: #dedede 1px solid;
text-align: center;
font-weight: bold;
}
.boxPoint .textBox {
overflow: hidden;
padding: 10px 0 0;
}
.boxPoint .textBox .row {
display: table;
table-layout: fixed;
width: 100%;
margin: 10px 0 0;
}
.boxPoint .textBox .row .col {
display: table-cell;
vertical-align: middle;
}
.boxPoint .textBox .row .colExplain {
width: 220px;
padding: 0 20px 0 0;
box-sizing: border-box;
font-weight: bold;
text-align: right;
}
.boxPoint .textBox .row .colInput {
width: 90px;
padding: 0 10px 0 0;
box-sizing: border-box;
}
.boxPoint .textBox .row .colInput input {
width: 80px;
padding-right: 5px;
padding-left: 5px;
color: #f35184;
font-size:14px;
font-weight: bold;
text-align: right;
}
.boxPoint .textBox .row .colSuffix {
width: 70px;
padding: 0 10px 0 0;
box-sizing: border-box;
font-weight: bold;
}
.boxPoint .textBox .row .colBtn {
text-align: right;
}

/* boxPoint02 */
.boxPoint02 {
margin: 20px 0 10px;
padding: 15px 10px;
background-color: #fbffd1;
border-top: #dedede 1px solid;
border-bottom: #dedede 1px solid;
}
.boxPoint02 .titleBox {
float: left;
margin: 0 7px 0 0;
color: #f35184;
font-size: 14px;
font-weight: bold;
}
.boxPoint02 .titleBox .icon {
margin: 0 5px 0 0;
}
.boxPoint02 .textBox {
overflow: hidden;
margin: 3px 0 0;
font-size: 11px;
}

/* boxPoint03 */
.boxPoint03 {
margin: 20px 0 0;
}
.boxPoint03 .pointBox {
float: right;
width: 220px;
margin: 0 0 0 20px;
}
.boxPoint03 .pointBox .frame {
padding: 5px 10px;
background-color: #fbffd1;
border-top: #dedede 1px solid;
border-bottom: #dedede 1px solid;
}
.boxPoint03 .textBox {
overflow: hidden;
}

/* boxAmountPrice */
.boxAmountPrice {
margin: 15px 0 0;
padding: 0 0 10px;
border-bottom: #dedede 1px solid;
font-size: 16px;
font-weight: bold;
text-align: right;
}

/* boxCart */
.boxCart {
width:100%;
box-sizing:border-box;
border:#dedede 1px solid;
margin-bottom:10px;
border-radius:5px;
}
.boxCart .scrollbox {
overflow:scroll;
overflow-x: hidden;
}

.boxCart .box {
padding:19px;
padding-top:0;
}
.boxCart .scrollbox::-webkit-scrollbar {
width:12px;
background:#f9f9f9;
}
.boxCart .scrollbox::-webkit-scrollbar-thumb {
background:#3bbbb6;
border-radius:5px;
border-left:3px solid #f9f9f9;
border-right:3px solid #f9f9f9;
}
.boxCart .btnArea {
width:100%;
}
.boxCart .btnArea li {
float:left;
width:50%;
padding-left:10px;
box-sizing:border-box;
}
.boxCart .btnArea li:first-child {
padding-left:0;
}
.boxCart .btnArea li a {
width:100%;
}
.boxCart .hdg06 {
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
}

/* -------------------------------------
 * btn
------------------------------------- */
/* btnBoxBase */
.btnBoxBase {
display:inline-block;
width: 140px;
height: 40px;
padding:0 10px;
border-radius:4px;
box-sizing:border-box;
text-align:center;
line-height: 40px;
text-decoration: none;
}
.btnBoxBase:hover{
text-decoration: none;
}
.btnBoxBase img {
margin-right:10px;
}

/* btn variation */
.btnBoxBase.btnBox01 {
background:#3bbbb6;
color:#fff;
}
.btnBoxBase.btnBox02 {
background:#f35184;
color:#fff;
}
.btnBoxBase.btnBox03 {
border:1px solid #d2d2d2;
background:#fff;
color:#888;
}
.btnBoxBase.btnBox04 {
width: auto;
height: auto;
line-height: normal;
padding:5px 10px;
border:#3bbbb6 1px solid;
color:#3bbbb6;
background:#fff;
}
.btnBoxBase.btnBox05 {
background:#bcbcbc;
color:#fff;
}
.btnBoxBase.btnBox06 {
background:#fff;
}
.btnBoxBase.btnBox07 {
background:#ee7733;
color:#fff;
width:180px;
height:60px;
padding:10px 10px 0 10px;
line-height:1.3em;
vertical-align:middle;
}
.btnBoxBase.btnBox08 {
border:1px solid #d2d2d2;
background:#fff;
color:#888;
width:180px;
height:60px;
line-height:60px;
vertical-align:middle;
}
.btnBoxBase.disabled {
background:#d0d0d0 !important;
color:#fff !important;
}

/* btn size */
.btnBoxBase.btnWide {
width: 180px;
}
.btnBoxBase.btnRequid {
width: auto;
}
.btnBoxBase.btnFull {
width:100%
}
.btnBoxBase.btnTall {
height:50px;
line-height:50px;
font-size: 16px;
font-weight: bold;
}
.btnBoxBase.btnHdg {
width: auto;
height:28px;
line-height:28px;
}
.btnBoxBase.btnSeparate {
margin: 0 5px;
}



/* -------------------------------------
 * btnArrow
------------------------------------- */
.btnArrow01 {
padding-right:20px;
background:url(/image/pc/ico/ico_arrow18.png) no-repeat;
background-position:right center;
text-decoration: none;
}
.btnArrow02 {
padding-right:15px;
background:url(/image/pc/ico/ico_arrow16.png) no-repeat;
background-position:right center;
text-decoration: none;
}
.btnArrow03 {
padding-left:10px;
background:url(/image/pc/ico/ico_arrow21.png) no-repeat;
background-position:left center;
text-decoration: none;
}
.btnArrow04 {
padding-left:10px;
background:url(/image/pc/ico/ico_arrow11.png) no-repeat;
background-position:left center;
text-decoration: none;
}
.btnArrow05 {
padding-left:15px;
background:url(/image/pc/ico/ico_arrow03.png) no-repeat;
background-position:left center;
text-decoration: none;
}
.btnArrow06 {
padding-left:18px;
background:url(/image/pc/ico/ico_arrow25.png) no-repeat;
background-position:left center;
text-decoration: none;
}

/* btnDelete */
.btnDelete {
padding:0 10px;
background:#fff;
border:1px solid #d2d2d2;
font-size:13px;
font-weight:normal;
color:#888;
}

/* btnHelp */
.btnHelp {
width:16px;
height:16px;
display:inline-block;
background:url(/image/pc/ico/ico_help01.png) no-repeat;
vertical-align:middle;
}

/* btnAccordion */
.btnAccordion {
width:22px;
height:22px;
position:absolute;
top:50%;
right:10px;
display:block;
margin-top:-12px;
background:url(/image/pc/ico/ico_accordion_plus.png) no-repeat #fff;
background-position:center;
border:#d2d2d2 1px solid;
}
.open .btnAccordion,
.btnAccordion.open {
background:url(/image/pc/ico/ico_accordion_minus.png) no-repeat #fff;
background-position:center;
}

/* -------------------------------------
 * label
------------------------------------- */
/* labelBase */
.labelBase {
height:25px;
padding:0 7px;
box-sizing:border-box;
display:inline-block;
border-radius:4px;
text-align:center;
line-height:25px;
text-decoration: none;
}
.labelBase02 {
width:320px;
height:50px;
box-sizing:border-box;
display:inline-block;
text-align:center;
font-size:16px;
line-height:50px;
text-decoration: none;
}

.labelText {
  display: inline-block;
  margin-left: 10px;
  color: #f64e83;
  font-size: 16px;
  font-weight: bold;
}

/* label color */
.label01 {
border:#f64e83 1px solid;
color:#f64e83;
background:#fff;
}
.label02 {
border:#3bbbb6 1px solid;
color:#3bbbb6;
background:#fff;
}
.label03 {
border:#d2d2d2 1px solid;
}
.label04 {
background:#2f2b2b;
color:#fff;
}
.label05 {
background:#f35184;
color:#fff;
}
.label06 {
background:#c0c0c0;
color:#fff;
}
.label07 {
background:#fff;
color:#ef5987;
border:#ef5987 2px solid;
}
.label08 {
background:#ededed;
color:#2f2b2b;
}
.label09 {
border:#466790 1px solid;
color:#466790;
}

/* label size */
.labelFull {
width:100%;
}

/* disabled */
.label01.disabled ,
.label04.disabled {
background:#c0c0c0;
}


/* -------------------------------------
 * listSearch
------------------------------------- */
/* listSearch01 */
.listSearch01 li {
position:relative;
border-top:#d2d2d2 1px solid;
}
.listSearch01 li:first-child {
border-top:none;
}
.listSearch01 li label {
display:block;
padding:5px 10px;
box-sizing:border-box;
font-weight:bold;
}
.listSearch01 li li:first-child {
border-top:#d2d2d2 1px solid;
}
.listSearch01 li li label {
padding-left:30px;
background:#f7f7f7;
}
.listSearch01 li li label.checked {
background:#e5e5e5;
font-weight:bold;
}
.listSearch01 .disabled {
color:#979797;
}
.listSearch01 .disabled label {
color:#c0c0c0;
cursor:default;
font-weight:normal;
}
.listSearch01 li .btnAccordion {
top: 5px;
margin-top: 0;
cursor: pointer;
}

/* listSearch02 */
.listSearch02 {
padding:0 5px;
box-sizing:border-box;
background:url(/image/pc/line/line_searchNext01.png) no-repeat #fafafa;
background-position:center;
border:#bdbdbd 1px solid;
}
.listSearch02 li {
margin:10px 0;
}
.listSearch02 select {
margin:0 5px;
}

/* listSearch03 */
.listSearch03 {
margin-top:20px;
padding:10px;
box-sizing:border-box;
background:#fcfcfc;
border:#dbdbdb 1px solid;
}


/* -------------------------------------
 * listPrivileges
------------------------------------- */
/* listPrivileges01 */
.listPrivileges01 {
width:100px;
display:block;
}
.listPrivileges01 li {
margin-left:5px;
float:left;
}

/* listPrivileges02 */
.listPrivileges02 {
margin: 20px 0;
}
.listPrivileges02 li {
height:40px;
margin:0 40px 10px 0;
display:table;
font-size:16px;
line-height:1.25;
}
.listPrivileges02 li span {
padding-left:10px;
display:table-cell;
vertical-align:middle;
}


/* -------------------------------------
 * listArea
------------------------------------- */
/* listArea */
.listArea {
clear: both;
}
.listArea li {
float: left;
width: 20%;
box-sizing: border-box;
}
.listArea.listAreaWide li {
width: 33%;
padding-left:25px;
text-indent:-25px;
}
.listArea.listAreaSlim li {
    width:14%;
}

/* -------------------------------------
 * navSearch
------------------------------------- */
.navSearch {
margin-top: 20px;
border-top:#b4b3b3 1px solid;
border-bottom:#b4b3b3 1px solid;
text-align:center;
}
.navSearch dt {
float: left;
width:115px;
padding-top:14px;
padding-bottom:14px;
background:#f4f4f4;
font-weight:bold;
}
.navSearch dd {
float: left;
}
.navSearch dd li {
float:left;
width:153px;
font-weight:bold;
}
.navSearch dd li a {
display:block;
padding-top:14px;
padding-bottom:14px;
color:#333;
text-decoration: none;
}
.navSearch dd li a span {
position: relative;
display: block;
border-left:#b4b3b3 1px solid;
}
.navSearch dd li:first-child a span {
border-left:none;
}
/* current */
.navSearch dd li.current span:after {
content: "";
position: absolute;
bottom: -14px;
left: 50%;
display: inline-block;
width: 44px;
height: 4px;
margin-left: -22px;
background-color: #62c7c8;
}


/* -------------------------------------
 * fixdArea
------------------------------------- */
.searchFixdArea {
position:absolute;
z-index:100;
width: 100%;
padding-bottom:4px;
background:#fff;
}
.searchFixdArea dl {
width:100%;
height:70px;
display:table;
padding:20px;
box-sizing:border-box;
}
.searchFixdArea dt,
.searchFixdArea dd {
display:table-cell;
vertical-align:middle;
}
.searchFixdArea ul {
margin-right:-4px;
}
.searchFixdArea ul li {
float:left;
width: 50%;
margin-top:4px;
padding-right: 4px;
box-sizing: border-box;
}


/* -------------------------------------
 * boxSearch
------------------------------------- */
.boxSearch {
margin-top:140px;
padding-top:20px;
border-top:#d2d2d2 2px solid;
}


/* -------------------------------------
 * pager
------------------------------------- */
.pager {
display:inline-block;
text-align:center;
}
.pager li {
display: inline-block;
margin-right:7px;
border:#dedede 1px solid;
box-sizing: border-box;
vertical-align: middle;
}
.pager li a,
.pager li span {
display:block;
width:40px;
height:40px;
background-color:#fff;
text-decoration: none;
line-height:40px;
}
.pager .current {
border-color:#3bbbb6;
}
.pager .current a,
.pager .current span {
background-color:#3bbbb6;
font-weight:bold;
color:#fff;
}
.pager .back {
margin-right:17px;
}
.pager .next {
margin-left:10px;
}
.pager .back a,
.pager .next a {
width:80px;
}
.pager .back a {
background:url(/image/pc/ico/ico_arrow19.png) no-repeat #fff 50% 50%;
}
.pager .next a {
background:url(/image/pc/ico/ico_arrow20.png) no-repeat #fff 50% 50%;
}
.pager .next {
margin-right:0;
}


/* -------------------------------------
 * flow
------------------------------------- */
/*.flow {
margin:0 0 30px 0;
}
.flow li {
position: relative;
display: inline-block;
width:160px;
height:50px;
margin-left: 30px;
border:#dedede 1px solid;
box-sizing:border-box;
line-height:50px;
font-size:16px;
text-align:center;
}
.flow li:after {
content: "";
position: absolute;
top: 0;
right: -22px;
width: 25px;
height: 50px;
margin-top: -1px;
background:url(/image/pc/ico/arrow10.png) no-repeat 50% 50%;
}
.flow li.current {
background-color:#3bbbb6;
border-color:#3bbbb6;
color:#fff;
}
.flow li.current:after {
background:url(/image/pc/ico/arrow11.png) no-repeat 50% 50%;
}
.flow li:first-child {
margin-left: 0;
}
.flow li:first-child:before {
display: none;
}*/

.flow {
margin:0 0 30px;
text-align:center;
}
.flow li {
position: relative;
display: inline-block;
width:160px;
height:50px;
margin-left: 48px;
border:#dedede 1px solid;
box-sizing:border-box;
line-height:50px;
font-size:16px;
}
.flow li:before {
content: "";
position: absolute;
top: 50%;
left: -32px;
width: 12px;
height: 12px;
margin-top: -6px;
background:url(/image/pc/ico/ico_arrow01.png) no-repeat 50% 50%;
}
.flow li.current {
background-color:#62c7c8;
border:none;
color:#fff;
}
.flow li:first-child {
margin-left: 0;
}
.flow li:first-child:before {
display: none;
}


/* -------------------------------------
 * receiptBox
------------------------------------- */
.receiptBox {
position: relative;
clear: both;
margin: 100px 0 0;
}
.receiptBox .title {
font-size: 25px;
font-weight: bold;
text-align: center;
}
.receiptBox .subTitle {
font-size: 16px;
margin: 20px 0 0;
text-align: center;
}
.receiptBox .date {
position: absolute;
top: 0;
right: 0;
text-align: right;
font-size: 12px;
}
.receiptBox .direction {
display: table;
margin: 70px 0 0;
font-size: 25px;
font-weight: bold;
line-height: 1.4;
}
.receiptBox .direction .name {
display: table-cell;
width: 570px;
padding: 5px 5px 5px 0;
border-bottom: #2f2b2b 2px solid;
box-sizing: border-box;
}
.receiptBox .direction .title {
display: table-cell;
padding: 5px 10px 5px 5px;
vertical-align: bottom;
}
.receiptBox .price {
margin: 70px 0 0;
width: 600px;
padding: 5px 5px 5px 0;
border-bottom: #2f2b2b 2px solid;
box-sizing: border-box;
font-size: 16px;
line-height: 1.4;
}
.receiptBox .price .amount {
display: inline-block;
margin: 0 0 0 20px;
font-size: 30px;
font-weight: bold;
}
.receiptBox .noteText {
margin: 10px 0 0;
font-size: 14px;
}
.receiptBox .addressArea {
margin: 70px 0 0;
padding: 10px 0 0;
border-top: #2f2b2b 1px solid;
font-size: 12px;
text-align: right;
}
.receiptBox .addressArea .address {
margin: 7px 0 0;
}


/* -------------------------------------
 * boxSubNav
------------------------------------- */
.boxSubNav {
clear: both;
text-align: left;
}
.boxSubNav .navTitle {
padding: 8px 10px;
background-color: #2f2b2b;
color: #fff;
font-size: 14px;
font-weight: bold;
text-align: left;
}
.boxSubNav .navItems {
}
.boxSubNav .navItems .navItem {
float: none;
border-bottom: #d2d2d2 1px solid;
font-size: 15px;
font-weight: bold;
}
.boxSubNav .navItems .navItem a {
display: block;
padding: 15px;
}
.boxSubNav .navItems .navItem .icon {
display: inline-block;
padding: 0 0 0 25px;
background: url(/image/pc/ico/ico_arrow16.png) no-repeat 0 .3em;
}


/* -------------------------------------
 * tab
------------------------------------- */
/* tabDetail */
.tabDetailCongents {
padding:20px;
background:#f4f4f4;
}
.tabDetailSwitch {
clear: both;
}
.tabDetailSwitch li {
width:420px;
margin-left:20px;
padding: 12px 10px;
box-sizing:border-box;
float:left;
background:#bcbcbc;
text-align:center;
cursor:pointer;
}
.tabDetailSwitch li:first-child {
margin-left:0;
}
.tabDetailSwitch li.now {
background:#f4f4f4;
}
.tabDetailSwitch .titleList01,
.tabDetailSwitch .titleList02 {
display:inline-block;
padding-left:35px;
background-position:left center;
background-repeat:no-repeat;
font-size:16px;
}
.tabDetailSwitch .titleList01 {
background-image:url(/image/pc/ico/ico_list01_off.png);
}
.tabDetailSwitch .now .titleList01 {
background-image:url(/image/pc/ico/ico_list01_on.png);
}
.tabDetailSwitch .titleList02 {
background-image:url(/image/pc/ico/ico_list02_off.png);
}
.tabDetailSwitch .now .titleList02 {
background-image:url(/image/pc/ico/ico_list02_on.png);
}
#sameppfm-modal, #sameppfmCalenderSelect-modal {
    left:0;
}
.sameppfmCenter {
  text-align: center !important;
}
.sameppfmModal,.sameppfmCalenderModal {
  top:60px;
  left:50%;
  display:inline-block;
  width:auto !important;
  transform: translateX(-50%);
}
.sameppfmWideButton {
  margin: 5px;
  width:280px;

}
.sameppfmModalContents {
    padding:20px;
    width:860px;
    text-align:center;
}
.sameppfmModalPfTerm, .sameppfmModalPfCalendarTerm {
    color:#666;
    text-align:left;
    width:600px;
    margin:auto;
}
.sameppfmModalPfCalendarTerm {
    margin-bottom:20px;
}
.sameppfmTabDetailSwitch {
    display: inline-block;
    border-radius:4px;
    border:solid 1px #ddd;
    position:relative;
    margin:20px auto;
    margin:20px;
}
.sameppfmTab {
    width: 160px;
    padding:8px;
    float:left;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
    background-color:#eee;
    color:#888;
}
.sameppfmTab.now {
    background-color:#fff;
    color:#3bbbb6;
}
.sameppfmSelector, .sameppfmCalenderSelector {
    border-radius:4px;
    border:solid 1px #ccc;
    text-align:left;
    width:600px;
    margin:0 auto 10px auto;
    cursor:pointer;
}
.sameppfmSelectorTitle {
    background-color:#eee;
    padding:10px;
    font-weight:bold;
    font-size:1.1em;
}
.sameppfmSelectorDetail {
    padding:10px;
}
.sameppfmSelectorDate {
    font-weight:bold;
    font-size:1.2em;
}
.sameppfmSelectorTime {
    font-weight:bold;
}
.sameppfmSelectorVenue {
}
.sameppfmCalenderTable .table01 td {
    height:100px;
    font-size:14px;
}

/* tabList */
.tabList {
clear: both;
margin: 50px 0 10px;
}
.tabList .tabListItems {
display: table;
table-layout: fixed;
border-collapse: collapse;
width: 100%;
}
.tabList .tabListItems .tabListItem {
display: table-cell;
float: none;
padding: 5px 0;
border-left: #d2d2d2 1px solid;
border-right: #d2d2d2 1px solid;
font-size: 14px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.tabList .tabListItems .tabListItem .inner {
position: relative;
display: inline-block;
}
.tabList .tabListItems .tabListItem.now {
position: relative;
color: #f35184;
}
.tabList .tabListItems .tabListItem.now .inner:after {
content: "";
display: inline-block;
position: absolute;
top: 100%;
left: 50%;
width: 0;
height: 0;
margin: 5px 0 0 -2px;
border: transparent 5px solid;
border-top-color: #f35184;
}


/* -------------------------------------
 * calendar
------------------------------------- */
.btnCalendar, .btnSameppfmCalendar {
width:80px;
height:40px;
background:#fff;
border:#dedede 1px solid;
line-height:40px;
}
.btnCalendar.left, .btnSameppfmCalendar.left {
background:url(/image/pc/ico/ico_arrow19.png) no-repeat;
background-position:center;
}
.btnCalendar.right, .btnSameppfmCalendar.right {
background:url(/image/pc/ico/ico_arrow20.png) no-repeat;
background-position:center;
}

.calendar .table01 li a:hover {
text-decoration:underline;
}
.calendar .table01 td {
height:100px;
font-size:14px;
}


.sameppfmCalenderTable .blue,.calendar .blue {
color:#3bbbb6;
}
.sameppfmCalenderTable .red ,.calendar .red {
color:#f35184;
}
.sameppfmCalenderTable .gray,.calendar .gray {
color:#333;
}


/* -------------------------------------
 * balloon
------------------------------------- */
.balloonArea {
position: relative;
text-align:center;
}

.btnBalloonDelet {
width:30px;
height:30px;
position:absolute;
top:-10px;
right:-10px;
background:url(/image/pc/ico/ico_delete07.png) no-repeat;
}

/* balloon01 */
.balloonBtn > .balloon01 {
display: none;
}
.balloonBtn:hover > .balloon01 {
display: block;
}
.balloonBtn > .balloon01 {
padding-bottom: 11px;
position: absolute;
bottom:30px;
left: -57px;
background:url(/image/pc/line/line_balloon01.png) no-repeat;
background-position:bottom;
font-size: 12px;
}
.balloonBtn > .balloon01 span {
width:134px;
padding:15px 10px;
padding-left:50px;
display:block;
box-sizing:border-box;
border:#333 2px solid;
border-bottom:none;
}
.balloonBtn > .balloon01 span.present {
background:url(/image/pc/ico/ico_present03.png) no-repeat #fff;
background-position:15px center;
}
.balloonBtn > .balloon01 span.point {
background:url(/image/pc/ico/ico_point03.png) no-repeat #fff;
background-position:15px center;
}
.balloonBtn > .balloon01 span.money0 {
background:url(/image/pc/ico/ico_money003.png) no-repeat #fff;
background-position:15px center;
}
.balloonBtn > .balloon01 span.seat {
background:url(/image/pc/ico/ico_seat03.png) no-repeat #fff;
background-position:15px center;
}

/* balloon02 */
.balloon02 {
padding-bottom:12px;
display: block;
position:absolute;
bottom:100%;
background:url(/image/pc/line/line_balloon04.png) no-repeat;
background-position:bottom;
font-size: 12px;
text-align:left;
}
.balloon02 .balloonTriangle {
width:280px;
padding:15px;
box-sizing:border-box;
border:#d2d2d2 1px solid;
border-bottom:none;
background:#fff;
border-radius:2px;
}
.balloon02 dt {
margin-top:10px;
font-weight:bold;
}

/* balloon03 */
.balloonBtn > .balloon03 {
display: none;
}
.balloonBtn:hover > .balloon03 {
display: block;
}
.balloonBtn > .balloon03 {
position: absolute;
bottom:100%;
left: 50%;
margin: 0 0 11px;
padding: 15px;
background-color: #fff;
border:#333 2px solid;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
color: #333;
cursor: default;
}
.no-csstransforms .balloonBtn > .balloon03 {
left: 0
}
.balloonBtn > .balloon03:after {
content: "";
position: absolute;
bottom: -11px;
left: 50%;
width: 30px;
height: 11px;
margin: 0 0 0 -15px;
background: url(/image/pc/line/line_balloon03.png) no-repeat 50% 50%;
}
.balloonBtn > .balloon03 .text {
display: inline-block;
}


/* -------------------------------------
 * modal
------------------------------------- */
.modalBg {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:1000;
background:#eee;
-ms-filter: "alpha(opacity=85)";
opacity:0.85;
}
.modalArea .contents {
position:absolute;
top:0;
z-index:1100;
}

/* modal01 */
.modal01 {
width:650px;
margin:0 auto;
position:relative;
border:#dedede 1px solid;
background:#fff;
box-sizing: border-box;
border-radius:10px;
box-shadow:2px 2px 10px rgba(0,0,0,0.1);
}
.modal01 .box {
padding:30px;
}
.modal01 .hdg02 {
padding-top:14px;
padding-bottom:14px;
padding-left:19px;
font-size:20px;
font-weight:normal;
background:#fff;
color:#333;
border-bottom:1px solid #eee;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.modal01 .title {
height:100%;
padding:50px 10px;
box-sizing: border-box;
vertical-align:middle;
font-size:16px;
font-weight:bold;
text-align:center;
}

/* modal01 .modalScroll */
.modal01.modalScroll .box {
padding-right:20px;
}
.modal01 .boxScroll {
padding-right:10px;
overflow:auto;
}

/* modal02 */
.modal02 {
width:780px;
margin:0 auto;
position:relative;
background:#fff;
border:#dedede 1px solid;
border-radius:10px;
box-shadow:2px 2px 10px rgba(0,0,0,0.1);
}
.modal02 .hdg02 {
padding-top:14px;
padding-bottom:14px;
padding-left:19px;
font-size:20px;
font-weight:normal;
background:#fff;
color:#333;
border-bottom:1px solid #eee;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.modal02 .box02 {
position:relative;
}
.modal02 .btnSliderArea {
overflow:hidden;
padding:19px;
background:#f9f9f9;
border-top:1px solid #eee;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.modal02 .btnSliderArea .next {
float:left;
width:150px;
height:40px;
padding-left:15px;
line-height:40px;
background:url(/image/pc/ico/ico_arrow23.png) no-repeat 15px center #fff;
text-align:center;
font-size:16px;
color:#333;
border:1px solid #d2d2d2;
border-radius:4px;
box-sizing:border-box;
}
.modal02 .btnSliderArea .back {
float:right;
width:150px;
height:40px;
padding-right:15px;
line-height:40px;
background:url(/image/pc/ico/ico_arrow24.png) no-repeat right 15px center #fff;
text-align:center;
font-size:16px;
color:#333;
border:1px solid #d2d2d2;
border-radius:4px;
box-sizing:border-box;
}
.modal02 .btnSliderArea .next:hover,
.modal02 .btnSliderArea .back:hover {
text-decoration:none;
}

/* modalSearchList */
.modalSearchList {
clear: both;
}
.modalSearchList li {
float: left;
width:33.333%;
padding:10px 5px 10px 0;
box-sizing:border-box;
vertical-align:top;
font-size:16px;
}
.modalSearchList li a {
font-size:13px;
}
.modalSearchList li:nth-child(3n+1) {
clear: both;
}
.modalSearchList .dispTbl {
display:table;
}
/* modalWidth */
.modalWidth880 {
width:780px;
}

/* btnModalDelete01 */
.btnModalDelete01 {
padding:19px;
border-top:#eee 1px solid;
background:#f9f9f9;
text-align:right;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

/* btnModalDelete02 */
.btnModalDelete02 {
width:32px;
height:32px;
position:absolute;
top:15px;
right:15px;
background:url(/image/pc/ico/ico_delete06.png) no-repeat #fff;
background-position:center;
}

/* btnModalDelete03 */
.btnModalDelete03 {
width:40px;
height:40px;
position:absolute;
top:-20px;
right:-20px;
background:url(/image/pc/ico/ico_delete04.png) no-repeat;
}

/* modalEntranceCert */
.modalEntranceCert {
width:700px;
margin:0 auto;
position:relative;
border:#dedede 1px solid;
background:#fff;
box-sizing: border-box;
border-radius:10px;
box-shadow:2px 2px 10px rgba(0,0,0,0.1);
}
.modalEntranceCert .box {
padding:30px;
}
.modalEntranceCert .hdg02 {
padding-top:14px;
padding-bottom:14px;
padding-left:19px;
font-size:20px;
background:#ee7733;
color:#fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
text-align:center;
font-weight:bold;
}
.modalEntranceCert .title {
height:100%;
padding:50px 10px;
box-sizing: border-box;
vertical-align:middle;
font-size:16px;
font-weight:bold;
text-align:center;
}

/* modalEntranceCert .modalScroll */
.modal01.modalScroll .box {
padding-right:20px;
}
.modalEntranceCert .boxScroll {
padding-right:10px;
overflow:auto;
}


/* followBtnList */
.followBtnList {
}
.followBtnList .list {
  display: table;
  table-layout: fixed;
  float: left;
  width: 420px;
  margin-right: 20px;
  border-bottom: 1px solid #eee;
}
.followBtnList .list:nth-child(1),
.followBtnList .list:nth-child(2) {
  border-top: 1px solid #eee;
}
.followBtnList .list:nth-child(2n) {
  margin-right: 0;
}
.followBtnList .list:nth-child(2n+1) {
  clear: both;
}
.followBtnList .list .name,
.followBtnList .list .followBtn {
  display: table-cell;
  padding: 15px 10px;
  vertical-align: middle;
}
.followBtnList .list .name {
  max-width: 100%;
  padding: 5px 0 5px 20px;
  box-sizing: border-box;
  font-weight: bold;
}
.followBtnList .list .followBtn {
  width: 100px;
  text-align: right;
  white-space: nowrap;
}
.followBtnList .list .followBtn .btn {
  display: inline-block;
  padding: 3px 10px;
  background-color: #3bbbb6;
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: bold;
  outline: none;
  text-decoration: none;
}
pre{
  white-space: pre-wrap;
  word-wrap: break-word;
}
a.overwhite{
    background-color:#ffffff;
    display:block;
}
a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
    opacity:0.8;
    zoom:1;
}