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


/*-----------------------------------------------
  kenshin
-----------------------------------------------*/


/* info */

#kenshin .info {
background: #F5F5F5;
}
#kenshin .info .inner {
padding: 1em 1.5em 1.5em;
}
#kenshin .info h2 {
padding: 0.2em 1em;
text-align: center;
color: #FFF;
background: #666;
border: 0;
}
#kenshin .info h3 {
padding: 0.2em 1em;
color: #333;
border: 1px solid #999;
}
#kenshin .info table {
width: 100%;
background: #FFF;
}
#kenshin .info thead th {
text-align: center;
background: #666;
}
#kenshin .info tbody th {
width: 8em;
text-align: left;
background: #F1F1F1;
}

/* shurui */

#kenshin .shurui dt {
padding-left:1.2em;
font-size:1.2em;
text-indent:-1.2em;
}
#kenshin .shurui dt:before {
margin-right:0.2em;
content:"●";
color:#090;
}
#kenshin .shurui dd {
margin-left:1.4em;
}
#kenshin .shurui p {
padding:1.5em;
background:#F5F5F5;
}

@media (max-width:640px) {
#kenshin .shurui dt {
font-size:1em;
}
}


/* flow */

#kenshin .flow {
width:80%;
text-align:left;
}
#kenshin .flow > dl {
margin-top:0.2em;
border:1px solid #090;
border-radius:5px;
}
#kenshin .flow > dl > dt {
margin-top:0;
padding:0.4em 1.2em;
font-size:1.1em;
color:#FFF;
background:#090;
}
#kenshin .flow > dl >  dd {
display:flex;
flex-wrap:wrap;
justify-content:center;
padding:1em 1.5em;
}
#kenshin .flow .arw {
display:block;
width:4em;
margin:0 auto;
}
#kenshin .flow .kit {
display:flex;
flex-flow:row no-wrap;
justify-content:center;
width:100%;
margin-top:1em;
background:#F5F5F5;
}
#kenshin .flow .kit dl {
margin:0;
padding:1em;
font-size:0.9rem;
}
#kenshin .flow .kit dt:first-child {
margin:0;
}
#kenshin .flow .kit dd {
padding-left:1em;
text-indent:-1em;
}
#kenshin .flow .kensa {
margin:0;
}
#kenshin .flow .kensa dt {
color:#090;
}
#kenshin .flow .kensa dt:before {
content:"・";
}
#kenshin .flow .kensa dd {
margin-left:1.2em;
}

@media (max-width:640px) {
#kenshin .flow {
width:100%;
}
#kenshin .flow .kit {
display:block;
}
}

/* ryoukin */

#kenshin .ryoukin {
min-width:60%;
}
#kenshin .ryoukin th {
width:24em;
font-weight:bold;
text-align:left;
}
#kenshin .ryoukin td {
text-align:right;
}


/* kensa */

#kenshin .koumoku {
width:100%;
}
#kenshin .koumoku thead th {
padding: 0.5em 0.2em;
line-height: 1.2;
}
#kenshin .koumoku thead th span {
font-size: 0.7em;
}
#kenshin .koumoku tbody th {
width:10em;
font-weight:bold;
text-align:center;
}
#kenshin .koumoku tbody td {
text-align:left;
}
#kenshin .koumoku .umu {
width:4.5em;
text-align:center;
}


/* option */

#kenshin .option {
width:100%;
}
#kenshin .option caption {
margin-bottom:0.5em;
text-align:right;
}
#kenshin .option tbody th {
width:14em;
font-weight:bold;
text-align:center;
}
#kenshin .option tbody td {
text-align:left;
}
#kenshin .option tbody td.sex {
width:3.5em;
}
#kenshin .option tbody td.price {
width:8em;
text-align:right;
}
#kenshin .option tbody td.price_uni {
width:5.5em;
}


/* other */

#kenshin .other {
width:100%;
}
#kenshin .other caption {
margin-bottom:0.3em;
font-size:1.2em;
font-weight:bold;
text-align:left;
}
#kenshin .other td {
text-align:left;
}


/* yoyaku */

#kenshin .yoyaku a {
transition:all 0.2s ease-out;
}
#kenshin .yoyaku a:hover {
opacity:0.6;
}