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

.theme {margin: 0 auto 30px auto;text-align: left;}
p.main small {margin: 0 auto;padding: 0;line-height: 1;font-size: 0.7rem;color: #555;}
.box h5 {margin-bottom: 30px;font-size: 1.1rem;color: #555;line-height: 1.6;}
.txt100p {width: 100%;margin: 10px 0 0 0;font-size: 14px;line-height: 2em;}
.cubelink a {width: 50%;margin: auto;padding: 10px;display: block;text-align: center;border: 1px solid #000;}
.cubelink a ul {display: -webkit-box;display: -moz-box;display: -webkit-flexbox;display: -moz-flexbox;display: -ms-flexbox;display: -webkit-flex;display: -moz-flex;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.cubelink a ul li {width: 50%;}
.cubelink a ul li:nth-child(1) img {width: 100%;}
.cubelink a ul li:nth-child(2) p {position: relative;font-size: 1.3em;font-weight: bold;}
.cubelink a ul li:nth-child(2) p::after {content: "";width: 0;height: 0;position: absolute;top: 0;right: 5px;border-left: 10px solid black;border-top: 8px solid transparent;border-bottom: 8px solid transparent;}
@media only screen and (min-width: 768px) and (max-width: 1110px) {
.cubelink a {width: 65%;}
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
.cubelink a {width: 90%;}
.cubelink a ul li {width: 100%;}
.cubelink a ul li:nth-child(2) p {padding: 10px 0 0;font-size: 1em;}
.cubelink a ul li:nth-child(2) p::after {top: 8px;right: 20%;}
}