@charset "utf-8";

.brlist{display: none;}

.solinkbox{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;
margin: 80px 0 0 0; -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
.solinkbox a{display: block;border: 1px solid #ccc;text-align: center;padding: 10px;margin-bottom: 20px;}
.solinkbox a.linkinsta,
.solinkbox a.linksite,
.solinkbox a.linkfacebook,
.solinkbox a.linktw,
.solinkbox a.linknote{width: 40%;margin-left: 5%;margin-right: 5%;background-color: #fff;color:#c48350; position: relative;}
.solinkbox a:hover{color:#6e4925;font-weight: 900;}
/*
.solinkbox a.linksite:before{position: absolute;left:50px;top:50%;   transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);content: ''; display: inline-block; width: 30px; height: 30px; background: url(../images/link_web.png) left center;background-size: contain;vertical-align: middle;}*/
.solinkbox a.linkfacebook:before{position: absolute;left:50px;top:50%;   transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);content: ''; display: inline-block; width: 30px; height: 30px; background: url(../images/link_facebook.png) left center;background-size: contain;vertical-align: middle;}
.solinkbox a.linkinsta:before{position: absolute;left:50px;top:50%;   transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);content: ''; display: inline-block; width: 30px; height: 30px; background: url(../images/link_insta.png) left center;background-size: contain;vertical-align: middle;}
.solinkbox a.linktw:before{position: absolute;left:50px;top:50%;   transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);content: ''; display: inline-block; width: 30px; height: 30px; background: url(../images/link_twitter.png) left center;background-size: contain;vertical-align: middle;}
.solinkbox a.linknote:before{position: absolute;left:50px;top:50%;   transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);content: ''; display: inline-block; width: 30px; height: 30px; background: url(../images/link_note.png) left center;background-size: contain;vertical-align: middle;}

@media screen and (min-width: 769px) {
.upbarbox{font-size: 1.4rem;}
.basic_table00{width: 769px;margin-left: auto;margin-right: auto;}
.detailphcopy{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.detailphcopy .ph{margin-right: 20px;width: 300px;}
.detailphcopy .ph img{width: 300px;height: auto;}
.detailphcopy .copybox{width: 600px;}

}

.detailphcopy{margin-top: 40px;}
.upbarbox{color: #fff;padding: 5px;text-align: center;}
.basic_table00 th{background-color: #f7f7f7;}
.trans{display: block;transform: rotate(90deg);margin-right: 20px;}
.box_btn.l.dark{ display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}

@media screen and (max-width: 770px) {
.upbarbox{font-size: 1.2rem;}
.upbarbox{text-align: left;}

}

@media screen and (max-width: 768px) {
.detailphcopy .ph{text-align: center;margin-top: 30px;margin-bottom: 30px;}
.detailphcopy .ph img{width: 100%;height: auto;}

.solinkbox{ -webkit-flex-direction: column;flex-direction: column;margin: 40px 0 0 0;}
.solinkbox a{margin-bottom: 20px;}
.solinkbox .linksite,
.solinkbox .linkfacebook,
.solinkbox .linkinsta,
.solinkbox .linktw,
.solinkbox .linknote{width: 85% !important;margin-left: auto;margin-right: auto;}

}

@media screen and (min-width: 651px) {
.brw500m{display: none;}

}
@media screen and (max-width: 650px) {
.brw500{display: none;}

}