/* ===========================================
	TBS external_service
=========================================== */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.floatL { float:left;}
.floatR { float:right;}	
.alt{ position: absolute; left: -9999px;}
.bold{ font-weight:bold;}
/*font*/
.tCenter { text-align:center !important;}
.tRight { text-align:right !important;}
.tLeft { text-align:left !important;}
/*font-color*/
.cBlu { color:#3590ca;}
.cOrg { color:#d44b15;}
.cGrn { color:#6c9000;}
.cRed, .err { color:#cd201f;}
/*font-size*/
.f140 { font-size:140%;}
.f130 { font-size:130%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { font-size:85%;}
.f75 { font-size:75%;}
/*link*/
a { color:#ff7b00; text-decoration: underline;}
a:hover { color:#ff7b00; text-decoration:none;}

.contact_area{ overflow:hidden;}
/* h1 */
body.kanran div.con-lef h1:before { content: ""; display: block; float: left; width: 49px; height: 49px; background-image: url(../img/kanran_h1.png); background-position: left top; background-size: 49px 49px; border-radius: 12px; }
body.kanran div.con-lef h1:after { content: "Studio Viewing" }

.accordion_area { margin-bottom: 25px;}
.accordion_box { margin-top: 5px; margin-bottom: 20px; border-left: 2px solid #b6dfff; border-top: 2px solid #b6dfff; border-right: 2px solid #b6dfff; border-bottom: 2px solid #b6dfff; font-size: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #000; position:relative; }
.accordion_box .tit { cursor: pointer; background: #fff url(../img/open_btn.png) no-repeat; background-position: right center; transition: all, 0.10s, linear; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; position:relative; line-height:1.7;}
.accordion_box b{ font-size: 100%;}
.accordion_box .tit_in{ border-left:6px solid #0c79d1; padding-left:10px;}
.accordion_box .plus_text{ font-weight:normal; font-size:90%;}

.accordion_box .content { display: none; font-size: 14px; line-height: 140%; margin: 0; padding: 20px 20px 15px;}
.accordion_box .content b{ font-size:100%; color:#0073cf;}
.accordion_box .tit.active { background: #fff url(../img/close_smp.png) no-repeat; background-position: right center; border-radius: 8px 8px 0 0 / 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0 / 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0 / 8px 8px 0 0;}
.accordion_box p { margin-bottom: 1em; line-height:1.7;}

.more_btn{ width:214px; margin: 30px auto 10px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; color:#fff; font-weight:bold; font-size:120%;
background:#0073cf;
background: -moz-linear-gradient(top,#1c82d4, #1c82d4 50%,#0073cf 50%,#0073cf);
background: -webkit-gradient(linear, left top, left bottom, from(#1c82d4), color-stop(0.5,#1c82d4), color-stop(0.5,#0073cf), to(#0073cf)); box-shadow:0 3px rgba(175,215,248,1);}
.more_btn a{ width:214px; display:block; text-align:center; line-height:3.5; color:#fff; text-decoration:none; letter-spacing: 4px; font-size:110%;}
.more_btn a:hover{ display:block; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
background:#2c96ea;
background: -moz-linear-gradient(top,#49a4ed, #49a4ed 50%,#2c96ea 50%,#2c96ea);
background: -webkit-gradient(linear, left top, left bottom, from(#49a4ed), color-stop(0.5,#49a4ed), color-stop(0.5,#2c96ea), to(#2c96ea)); box-shadow:0 3px rgba(175,215,248,1);}


/* デフォルト：980px以上用（PC用）の記述 */
@media all and (min-width: 980px) {

/*accordion*/
.accordion_box { background: #e0f1ff url(../img/boobo_bottom.png) no-repeat bottom right; position: relative;}
.accordion_box .tit { padding: 13px 70px 13px 20px;}
.accordion_box .tit_in{ display: inline-block;}

.site_link{ width:88px; height:21px; background:url(../img/site_link.png) no-repeat; margin:0 0 15px;}
.site_link a{ display:block; width:88px; height:21px;}
.site_link a:hover{ background:url(../img/site_link.png) no-repeat 0px -21px;}

.accordion_box p{ min-height:80px; height:auto !important; height:80px;}
}

/* 768px以上用（PC用）の記述 */
@media all and (min-width: 768px)  {
}

/* 768px - 979px用（タブレット用／PC用）の記述 */
@media all and (min-width: 768px) and (max-width: 979px)  {
/*accordion*/
.accordion_box { background: #e0f1ff url(../img/boobo_bottom.png) no-repeat bottom right;}
.accordion_box .tit { padding: 13px 70px 13px 20px;}
.accordion_box .tit_in{ display: inline-block;}

.site_link{ width:88px; height:21px; background:url(../img/site_link.png) no-repeat; margin:0 0 15px;}
.site_link a{ display:block; width:88px; height:21px;}
.site_link a:hover{ background:url(../img/site_link.png) no-repeat 0px -21px;}

.accordion_box p{ min-height:80px; height:auto !important; height:80px;}
}

/* 767px以下用（スマートフォン用）の記述 */
@media all and (max-width: 767px) {
main{ overflow:hidden;}
/*accordion*/
.accordion_box { background: #e0f1ff;}
.accordion_box .tit { padding: 15px 60px 15px 15px;}
.accordion_box .tit_in{ display: block;}

.site_link{ background-image:url(../img/smp/site_link.png); background-repeat:no-repeat; background-size:88px 21px; -webkit-background-size:88px 21px; -moz-background-size:88px 21px; margin:10px 0 20px; display:block;}
.site_link a{ display:block; width:88px; height:21px;}
}

/* text-color */
.gray {color:#808080;}
.black {color:#171717;}
.purple {color:#a757a8;}
.ultramarine {color:#465daa;}
.blue {color:#0067c0;}
.lightblue {color:#afdfe4;}
.deepgreen {color:#060;}
.green {color:#008000;}
.yellowgreen {color:#b9c42f;}
.yellow {color:#ffb74c;}
.orange {color:#ff7b00;}
.pink {color:#f58f98;}
.vermilion {color:#ef454a;}
.red {color:#ed1a3d;}
.carmine {color:#c22047;}
.magenta {color:#ec008c;}
.brown {color:#994c00;}
.reddishbrown {color:#800000;}
.yellowocher {color:#c39143;}
.gold {color:#ffd700;}
.silver {color:#c0c0c0;}