@charset "utf-8";
/* *************************************************************************************************************
* file name: venobox_iframe_setting.css
* Alteration: 2022.09
* style info: リンク設置ページ・iframeページの両方に読み込むスタイル
----------------------------------------------------------------------------------------------------------------
* 最下部にHTMLサンプル
************************************************************************************************************* */
[class*="modalWrap_"]{
display: none;
}
.modalcontentWrap {
width: min(90%, 1100px);
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 50px;
}
@media screen and (max-width: 600px) { /*{SP}*/
.modalcontentWrap {
padding-top: 50px;
}
}
/* ----------------------------
VENOBOX 設定変更
----------------------------------*/
/* default.css の 「html:overflow-y:scroll」コメントアウト忘れないように*/
/*gadget/venobox/venobox.css-----*/
.vbox-inline{ /*インライン読み込み*/
max-width:1100px!important;
width: 90%;
}
.venoframe { /*iframeでhtml読み込み*/
max-width:1100px!important;
width: 90%;
}
@media screen and (max-width: 1200px) { /*{belowTB}*/
/*.venoframe { iframeでhtml読み込み
width: 70vw!important;
height: calc(70vw * 0.5628)!important;
}*/
}
@media screen and (max-width: 600px) { /*{SP}*/
/*.venoframe { iframeでhtml読み込み
width: calc(95vw - 20px)!important; ( - 20px) はwindowsのスクロールバーの幅を考慮
height: calc((95vw - 20px) * 0.5628)!important;
}*/
.vbox-inline { /*インライン読み込み*/
/* width: 100%;*/
}
}
@media screen and (max-width: 480px) { /*{SPs}*/
/*.venoframe { iframeでhtml読み込み
height: 70vh!important;
}*/
}
/* --------------------------------------------------------------
VENOBOX ボタン、矢印設定
------------------------------------------------------------------*/
.vbox-content > *{
position:relative;
}
.vbox-close{
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
outline: none;
background:none!important;
z-index: 10;
cursor: pointer;
}
.vbox-close::after {
content: '×';
position: absolute;
top: 0px;
right: 0px;
/*width: 50px;
height: 50px;*/
font-size: 3.8em;
font-weight: 100;
color: #414141;
text-align: center;
z-index: 2;
line-height: 1;
font-family: var(--site-font_family-basic);
}
@media print, screen and (min-width: 900.02px) {
.vbox-next, .vbox-prev {
/*margin-top: -15px;*/
width: 90px!important;
height: 60px!important;
}
.vbox-next span, .vbox-prev span {
width: 40px!important;
height: 40px!important;
border: 1px solid transparent;
}
}
@media screen and (max-width: 900px) {
.vbox-next, .vbox-prev {
/*margin-top: -15px;*/
width: 60px!important;
height: 100px!important;
}
.vbox-next span, .vbox-prev span {
width: 30px!important;
height: 30px!important;
border: 4px solid transparent;
top: calc( 100px - 70px );
}
/*body.MOBILEPHONE .vbox-next {
right: 0px;
}*/
}
@media screen and (max-width: 480px) { /*{SPs}*/
}
/* *************************************************************************************************************
xxxxx
XXXXX
************************************************************************************************************* */