/* 
 * RainbowLink Inc.'s Official Site Design ( catalogue_inner ) Vesion 2.0
 * Created by RainbowLink Inc.  And ChatGPT re-designed the core-design-scheme and the core-color-scheme for RainbowLink Inc. ( See: Section18 of RL_core2.css )
 *   
 */
/*
//// CSS-Contents ////////////////
1 div
2 p
3 button
4 span
5 Modification
6 font size
7 iframe
8 Others
/////////////////////////////
*/
/* 1 div  */
.header_menu_btns div a:hover {
font-size: 100%;
}
div.RLoutline100 {
margin-top: 0.5em;
margin-left: 2%;
margin-right: 0;
margin-bottom: 0;
padding-top: 0;
padding-left: 0;
padding-right: 0;
padding-bottom: 0.5em;
width: 95%;
max-width: 2000px;
text-align: center;
border: #c0c0c0 solid 5px;
border: 1px solid;
background-color: #fff;
border-radius: 0.3em;
}
div.RLinline {
margin: 0;
padding: 0;
width: 80%;
background-color: #fff;
}
div.topimage {
margin-top: 0.5em;
margin-left: 0.5em;
margin-right: 0;
margin-bottom: 0;
}
div.topimage a {
border-width: 0;
}
div.img_content {
margin-top: 0;
margin-left: 4%;
margin-right: 0;
margin-bottom: 0;
width: 90%;
min-height: 190px;
border-width: 0;
border: none;
overflow: auto;
}
div.main_RLCPmenu {
margin-top: 0;
margin-left: 4%;
margin-right: 0;
margin-bottom: 0;
width: 60%;
min-height: auto;
border-width: 0;
border: none;
overflow: auto;
}
div.functions_rl {
margin: 1.5em;
width: 50%;
min-height: auto;
border-width: 0;
border: none;
overflow: auto;
}
div.main_panmenu {
margin-top: 0;
margin-left: 2%;
margin-right: 0;
margin-bottom: 0;
width: 60%;
min-height: 500px;
border-width: 0;
border: none;
overflow: auto;
}
div.RLSS_en {
margin-top: 0.5em;
margin-left: 2%;
margin-right: 0;
margin-bottom: 0;
width: 55%;
min-height: 170px;
border-width: 0;
border: none;
overflow: auto;
}
div.RLSS_en2 {
margin-top: 0;
margin-left: 2%;
margin-right: 0;
margin-bottom: 0;
width: 60%;
min-height: 145px;
border-width: 0;
border: none;
overflow: auto;
}
div.RLSS_en3 {
margin-top: 0;
margin-left: 2%;
margin-right: 0;
margin-bottom: 0;
width: 50%;
min-height: 145px;
border-width: 0;
border: none;
overflow: auto;
}
div.RLSS_en4 {
margin-top: 0;
margin-left: 2%;
margin-right: 0;
margin-bottom: 0;
width: 80%;
min-height: 145px;
border-width: 0;
border: none;
overflow: auto;
}
div.imgall {
margin-top: 0;
margin-left: 2%;
margin-right: 0;
margin-bottom: 0;
width: 85%;
min-height: 600px;
border-width: 0;
border: none;
overflow: auto;
}
div.imgall2 {
margin-top: 0;
margin-left: 4%;
margin-right: 0;
margin-bottom: 0;
width: 85%;
min-height: 800px;
border-width: 0;
border: none;
overflow: auto;
}
div.imgall3 {
margin-top: 0;
margin-left: 2%;
margin-right: 0;
margin-bottom: 0;
width: 85%;
min-height: 700px;
border-width: 0;
border: none;
overflow: auto;
}
div.howto {
width: 95%;
text-align: left;
border: none;
overflow: auto;
}
div.sign {
width: 100%;
margin-top:3em;
margin-bottom:0;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background-color: #005599;
}
div.sign_inner {
width: 100%;
margin: 0;
padding:0;
}
div.sign_inner p,
div.sign_inner p a:link,div.sign_inner p a:visited {
color: #fff;
}
div.rls26ja_paypal .pushbtn{
font-size: 200% ! important;
line-height: 2.3 ! important;
width: 4em;
}
.estimate_none {
opacity: 0.3;
filter:alpha(opacity=30);
-ms-filter:"alpha(opacity=30)";
background:none!important;
}

/* 2 p */
div.bordering p,
div.bordering_gray p,
div.bordering_gray_dot p,
div.bordering_green p,
div.bordering_green_dot p,
div.bordering_red p,
div.bordering_red_dot p{
margin: 2.4em;
}
p.subtitle_black,
p.subtitle_gray,
p.subtitle_catalogue,
p.subtitle_bordering_gray_dot,
p.subtitle_green,
p.subtitle_bordering_green_dot,
p.subtitle_red,
p.subtitle_bordering_red_dot {
padding: 1.4em !important;
font-size: 100%;
line-height: 1.6;
font-weight: bold;
letter-spacing: 0.05em;
border-top-left-radius: 0.3em;
border-top-right-radius: 0.3em;
}
.bordering_inner {
margin-top: 1.2em;
margin-bottom: 1.2em;
padding: 1.2em !important;
text-align: left;
line-height: 1.4;
}
.bordering_inner_sub {
margin-top: 2em;
margin-bottom: 2em;
padding: 3em !important;
text-align: left;
}
.bordering_inner_plain {
margin: 0 !important;
padding: 0 !important;
text-align: left;
line-height: 1.4 !important;
}
p.subtitle_black {
color: #000;
background-color: #C5DCFD;
}
p.subtitle_black a{
color: #000;
}
p.subtitle_gray {
display: block;
position: relative;
padding-top: 0;
padding-bottom: 0.4em;
padding-left: 38px;
padding-right: 0.4em;
list-style: none;
cursor: pointer;
color: #000;
font-weight: bold;
border: none;
background-color: #C5DCFD;
background-image:  linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,3));
}
.bordering_double p.subtitle_gray::after{
content: "";
border: none;
background: tranceparent;
}
div.accordion__text p.subtitle_gray {
color: #000;
font-weight: bold;
background-color: #76d1f2;
background-image:  linear-gradient(rgba(255,255,255,.0), rgba(255,255,255,3));
}
p.subtitle_bordering_gray_dot {
color: #fff;
background-color: #000;
background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
box-shadow: 0 2px 0 rgba(0,0,0,.3);
}
p.subtitle_gray a,
p.subtitle_bordering_gray_dot a{
color: #000;
text-decoration: none;
}
p.subtitle_green,
p.subtitle_bordering_green_dot {
color: #555;
background-color: #a2e629;
background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
box-shadow: 0 2px 0 rgba(0,0,0,.3);
}
p.subtitle_red,
p.subtitle_bordering_red_dot {
color: #000;
background-color: #ea6f6e;
background-image:  linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,0));
-moz-box-shadow: 0 2px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.3);
box-shadow: 0 2px 0 rgba(0,0,0,.3);
}
p.subtitle_catalogue {
color: #191970 ! important;
background-color: #C5DCFD ! important;
}
.video {
margin: 0;
padding: 0;
width: 100%;
border: none;
}
.subtitle_darkgray {
margin: 0.4em;
padding: 0.4em ! important;
background: #c3c9cc;
border-top-left-radius: 0.2em;
border-top-right-radius: 0.2em;
border-bottom-left-radius: 0.2em;
border-bottom-right-radius: 0.2em;
}
p.subtitle_accordion {
font-size:  100%;
font-weight: bold;
text-align: left;
background: #005599;
}
p.forMakeIndex {
height: 0.4em;
font-size: 0.3em;
color: #fff ! important;
}
p.p0_coice {
text-align: left;
line-height: 1.4;
}
p.prls26ja{
margin-bottom: 0 ! important;
}
p.p80_right {
font-size: 80% ! important;
text-align: right ! important;
}
/* 3 button */

.check_OK {
margin-top:2em;
padding-top: 1.2em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-bottom: 1.2em;
display: inline-block;
width: 100%;
font-size: 120%;
font-weight: bold;
cursor: pointer;
text-align: center;
text-decoration: none;
vertical-align: middle;
outline: none;
color: #fff;
border: none;
border-radius: 15px;
background-color: #269826;
box-shadow: 0 5px 0 #999;
}
.check_OK a:link,.check_OK:link,.check_OK a:visited,.check_OK:visited {
margin-top:2em;
margin-left: 2px;
margin-right: 2px;
color: #fff ! important;
text-decoration: none ! important;
}
.check_OK a:hover,.check_OK:hover {
margin-top:2em;
margin-left: 2px;
margin-right: 2px;
color: #000 ! important;
text-decoration: none ! important;
background-color: #9ec69e;
transform: translateY(5px);
box-shadow: 0 0 0 #333;
}
ul.voice li a.btn_sky_article:link {
text-decoration: none;
cursor: pointer;
font-size: 120%;
font-weight: bold;
text-align:center;
vertical-align: middle;
color: #000;
border: 1px solid #a4ecf8;
border-top-left-radius: 0.8em;
border-top-right-radius: 0.8em;
border-bottom-left-radius: 0.8em;
border-bottom-right-radius: 0.8em;
background-color: #a4ecf8;
}
ul.voice li a.btn_sky_article:visited {
text-decoration: none;
cursor: pointer;
font-size: 120%;
font-weight: bold;
text-align:center;
vertical-align: middle;
color: #000;
border: 1px solid #a4ecf8;
border-top-left-radius: 0.8em;
border-top-right-radius: 0.8em;
border-bottom-left-radius: 0.8em;
border-bottom-right-radius: 0.8em;
background-color: #a4ecf8;
}
ul.voice li a.btn_sky_article:hover {
text-decoration: underline;
cursor: pointer;
font-size: 120%;
font-weight: bold;
text-align:center;
vertical-align: middle;
border: 3px solid black;
border-top-left-radius: 0.8em;
border-top-right-radius: 0.8em;
border-bottom-left-radius: 0.8em;
border-bottom-right-radius: 0.8em;
color: #000;
background-color: #fff;
}
.btn_width200px{
width: 200px ! important;
}
.btn_width300px{
width: 300px ! important;
}
/* 4 span. hr */
span.bgcsamp {
background-color: #000;
}
.rls26jahr {
color: #fff;
}

/* 5 Modification */
/* |||||||||| Modification ||||||||||||||||*/
/* catalogue */
iframe.main_RLINKER {
margin: 0;
padding: 0;
width: 100%;
height: auto;
min-height: 400px;
border: none;
text-align:left;
vertical-align: top;
}
iframe.main_RLINKER_sp {
margin-left: -20px;
width: 80%;
border: none;
text-align:left;
vertical-align: top;
}
iframe.main_RLINKER::-webkit-scrollbar, iframe.main_RLINKER_sp::-webkit-scrollbar{
width: 0;
height: 0;
overflow: hidden;
overflow-x: hidden;
overflow-y: hidden;
}
div.catalogue_column_left iframe {
margin: 0;
padding: 0;
width: 100%;
border: none;
}
div.catalogue_column_left iframe.main_RLINKER {
margin: 0;
padding: 0;
width: 100%;
border: none;
}

/* |||||||||| Modification ||||||||||||||||*/
/* RL_core */
div.faq_the_answer p.btn_Green a:link{
color: #fff;
text-decoration: none;
}
div.faq_the_answer p.btn_Green a:visited{
color: #fff;
text-decoration: none;
}
div.faq_the_answer p.btn_Green a:hover{
color: #000;
text-decoration: none;
background:#fff;
}

/* |||||||||| Modification ||||||||||||||||*/
/* footer_btns */
div.navi2 ul li{
line-height: 0.5em;
}
#catalogue_sp h1.custom_header a:link, a:visited{
text-align:center;vertical-align:middle;z-index:1;display:inline-block;position:absolute;top:-5px;left:50px;width:80%;color:#005599;font-size: 150%;
}

/* 30 media queries */
@media screen and (max-width: 48em) {
.sec_category ul{
margin-left: 1%;
margin-right: 1%;
}
.sec_category ul li {
list-style: none;
padding-top: 1.2em;
padding-bottom: 1.2em;
border-bottom: 1px solid gray;
}
.pright .pushbtn {
margin-top: 5em;
}
.catalogue_inner_textlist_inner_sp .pleft  {
padding-left: 3%;
padding-right: 3%;
width: auto;
}
}


/* Update RL_core  */
.btn_Green a:link {
color: #fff;
border: 3px solid #005599;
background-color: #005599;
}
.btn_Green a:visited {
color: #fff;
border: 3px solid #005599;
background-color: #005599;
}
.btn_Green a:hover {
color: #000;
border: 3px solid #005599;
background-color: #fff;
}
p.btn_Green a.btn_green:hover{
text-decoration: none;
}

/* 6 font size */
.catalogue_inner_sp div#itemDesc {
padding-left:0.3em;
padding-right: 0.3em;
font-size: 90%;
}

/* 7 iframe */
iframe.iframe_catalogue_form {
margin-left: 0;
margin-bottom: 1em;
width: 100%;
min-height: 10000px;
border: none;
overflow: auto;
}
iframe.RLS5ja_slideshow {
margin-left: 0;
margin-bottom: 1em;
width: 100%;
min-height: 700px;
text-align: left;
border: none;
background-color: transparent;
overflow: auto;
}

/* 8 Others  */
/* This box design css provided by https://codepen.io/tmrDevelops/pen/NPXodB
Modified by RainbowLink Inc. */
div.bordering_dot_hand{
display:inline-block;
width:99%;
margin:5% auto;
border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
padding:1em;
line-height:1.5em;
background: #ECF0F1;
border:dotted 5px #c3c9cc;
}

/* This arrow design css provided by http://commonsense-design.com/web/css-decoration/
Modified by RainbowLink Inc. */
span.faq_next_arrow{
margin-top: 1.3em;
margin-left: 0.5em;
margin-right: 0.5em;
margin-bottom: 0;
text-align: right;
text-decoration:none;
color:#666;
display:inline-block;
padding-right:16px;
position:relative;
}
span.faq_next_arrow:before, span.faq_next_arrow:after{
content:"";
display:block;
-webkit-transform:skewX(45deg);
transform:skewX(45deg);
position:absolute;
right:0;
bottom:6px;
}
span.faq_next_arrow:before{
width:12px;height:3px;
background:#666;
}
span.faq_next_arrow:after{
width:4px;height:8px;
background:#666;
}


.tab-wrap {
display: flex;
flex-wrap: wrap;
margin:20px 0;
}
.tab-wrap:after {
content: '';
width: 100%;
height: 3px;
background: #C5DCFD;
display: block;
order: -1;
}
.tab-label {
color: #fff;
background: #C5DCFD;
font-weight: bold;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
white-space: nowrap;
text-align: center;
padding: 10px .5em;
order: -1;
position: relative;
z-index: 1;
cursor: pointer;
border-radius: 5px 5px 0 0;
flex: 1;
}
.tab-label:not(:last-of-type) {
margin-right: 5px;
}
.tab-content {
width: 100%;
height: 0;
overflow: hidden;
opacity: 0;
}
.tab-switch:checked+.tab-label {
background: #C5DCFD;
}
.tab-switch:checked+.tab-label+.tab-content {
height: auto;
overflow: auto;
padding: 15px;
opacity: 1;
transition: .5s opacity;
box-shadow: 0 0 3px rgba(0,0,0,.2);
}
.tab-switch {
display: none;
}