/***kattene***/
.kattene {
width:100%;border: 1px solid rgba(0, 0, 0, 0.1);
padding:10px;box-sizing:border-box;}
.kattene__imgpart {
text-align:center;width:100%;}
.kattene__btns {
width:100%;margin-top:0.5em;text-align:center;}
.kattene__btns:after {
display:block;clear:both;visibility:hidden;}
.kattene__btns .btn {
width:100%;padding-left:0;padding-right:0;}
/*button*/
.btn {border-radius:0px;border:0;color:#fff;
cursor:pointer;display:inline-block;font-size:1.0em;
font-weight:500;line-height:1;padding:8px 3px 8px 3px;
transition:background-color 150ms ease;vertical-align:middle;}
.btn:disabled:hover {background-color:#313131;color:#fff;}
@media screen and (max-width:900px) {
.btn {padding:10px 3px 10px 3px;letter-spacing:0.05em;}
}
/*button-red*/
.btn.__red {background-color:#e60033;margin-bottom:10px;}
/*button-orange*/
.btn.__orange {background-color:#fd7e00;margin-bottom:10px;}
/*button-blue*/
.btn.__blue {background-color:#0000ff;margin-bottom:10px;}
/*button-green*/
.btn.__green {background-color:#0BBD80;margin-bottom:10px;}
/*button-pink*/
.btn.__pink{background-color:#e1325b;margin-bottom:10px;}
/*button-brown*/
.btn.__brown {background-color:#6f4b3e;margin-bottom:10px;}
/*button-koiao*/
.btn.__koiao {background-color:#6f4b3e;margin-bottom:10px;}
/*button-oudoiro*/
.btn.__oudoiro {background-color:#c18a39;margin-bottom:10px;}
/*button-rakutentravelcolor*/
.btn.__rakutentravelcolor {background-color:#00b900;margin-bottom:10px;}
/*mobile*/
@media screen and (max-width:900px) {
.kattene {display: table;width:100%;font-size:1.1em;}
.kattene__imgpart img{margin-top:10px;margin-bottom:10px;}
.kattene__btns.__four div{width:85%;margin-left:auto;margin-right:auto;}
.kattene__btns.__three div{width:85%;margin-left:auto;margin-right:auto;}
.kattene__btns.__two div{width:85%;margin-left:auto;margin-right:auto;}
.kattene__btns.__one div{width:85%;margin-left:auto;margin-right:auto;}
}
/*PC*/
@media screen and (min-width: 901px) {
.kattene {display: table;width:100%;}
.kattene__imgpart {display:table-cell;width:20%;}
.kattene__imgpart img{margin-top:40px;margin-bottom:40px;}
.btn:hover, .btn:focus {background-color:#313131;color:#fff;}
.kattene__infopart {display:table-cell;vertical-align:top;
position:relative;padding-left:20px;width:77%;}
.kattene__btns div {float:left;margin-bottom:5px;}
.kattene__btns {position: absolute;bottom:0;box-sizing:
border-box;padding-right:10px;}
.kattene__btns.__four div {width:23.8%;}
.kattene__btns.__four div:not(:last-child) {margin-right:1%;}
.kattene__btns.__three div {width:32%;}
.kattene__btns.__three div:not(:last-child) {margin-right:1%;}
.kattene__btns.__two div {width:48.5%;}
.kattene__btns.__two div:not(:last-child) {margin-right:1%;}
.kattene__btns.__one div {width:32%;}
.kattene__btns.__one div:not(:last-child) {margin-right:1%;}
}
/***kattene_end***/