@charset "utf-8";
html{
    scroll-behavior: smooth;
}

body{
    margin:0px;
    padding:0px;
    font-size:14px;
    line-height:22px;
font-family:"Arial","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'MS UI Gothic',"ＭＳ Ｐゴシック",sans-serif;
color:#222222;
}

#wrapper {
	position: relative;
	display: block;
	float: none;
	clear: both;
	width: 100%;
    margin:0px;
    padding:0px;
    text-align:center;
    background-color: #ffffff;
}

#container {
	position: relative;
	display: block;
	float: none;
	clear: both;
	width: 100%;
    margin:0px;
    padding:0px;
    text-align:left;
}

/*-----header setting-----*/
header{
position:relative;
display:block;
margin:0px;
padding:0px;
width:100%;
height:160px;
text-align:center;
}

#header_area{
position:relative;
display:block;
margin:0px auto;
padding:0px;
width:960px;
height:110px;
text-align:center;
}

#logo{
position:relative;
display:inline-block;
margin:7px 0px 0px 0px;
padding:0px;
width:470px;
height:100px;
}

#logo li{
position:relative;
display:inline-block;
margin:0px 5px;
padding:0px;
vertical-align: top;
}

.h_logo_cw {
    width: auto;
    height: 70px;
}

#h_contact {
    position: relative;
    display: inline-block;
    width: 310px;
    height: 110px;
    margin: 0px 0px 0px;
    padding: 0px;
    vertical-align: top;
}

#h_contact li{
    position: relative;
    display: block;
    margin: 0px;
    padding: 0px;
}


.btn_contact a{
display:block;
width:310px;
height:45px;
background-image:url(../images/nav/btn_contact.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 45px;
    color: #ffffff;
}

.btn_contact a:hover{
display:block;
width:310px;
height:45px;
background-image:url(../images/nav/btn_contact.png);
background-position:0px -45px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    line-height: 45px;
    color: #ffffff;
}

.accountbox {
    position: absolute;
    display: block;
    width: 200px;
    height: 50px;
    margin: 55px 0px 0px;
    padding: 0px;
    line-height: 50px;
    background-color: #fafafa;
    border-radius: 5px;
    clear: both;
}

#my-page_ic {
    position: relative;
    display: inline-block;
    content: "";
    margin: 7px 0px ;
    padding: 0px;
    width: 36px;
    height: 36px;
    background-image: url(../images/base/account_box.svg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto;
}

/*-----maincontents setting-----*/

section{
position:relative;
display:block;
width:950px;
margin:0px auto;
padding:0px;
text-align:left;
}

#maincontentsBox{
position:relative;
display:block;
width:100%;
margin:0px auto 0px;
padding:0px;
text-align:left;
z-index:1;
}

#key_visual{
position:relative;
display:block;
width:100%;
height:400px;
margin:0px auto;
padding:0px;
text-align:left;
z-index:1;
}

#content{
position:relative;
display:block;
width:950px;
min-height:400px;
margin:0px auto;
padding:0px;
text-align:left;
z-index:1;
}

.pagetop{
position:relative;
display:block;
width:100px;
height:50px;
margin:0px auto 10px;
padding:0px;
text-align: center;
line-height: 70px;
z-index:99;
}

.pagetop a{
position:relative;
display:block;
width:100px;
height:50px;
text-align: center;
text-decoration: none;
background-image:url(../images/nav/pagetop_bg.png);
background-position:50% 0px;
background-repeat:no-repeat;
color: #a0a0a0;
}

.pagetop a:hover{
position:relative;
display:block;
width:100px;
height:50px;
text-align: center;
text-decoration: none;
background-image:url(../images/nav/pagetop_bg.png);
background-position:50% -50px;
background-repeat:no-repeat;
color: #0d96f6;
}

/*-----footer setting-----*/

footer{
position:relative;
display:block;
margin:0px;
padding:0px;
width:100%;
height:230px;
text-align:left;
background-image: url(../images/nav/ftr_bg.png);
background-repeat: repeat-x;
background-position: left top;
}

#footer_area{
position:relative;
display:block;
margin:0px auto;
padding:0px;
width:960px;
height:230px;
text-align:left;
}

.ftr_pn {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 20px;
    margin: 0px;
    padding: 0px 0px 0px 28px;
    background-image: url(../images/base/toll_f_n_logo.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    color: #ffffff;
}

#co_add {
    position: absolute;
    display: block;
    width: 300px;
    height: 86px;
    margin: -40px 0px 0px 20px;
    padding: 0px;
    font-size: 12px;
    color: #154388;
}

#copyr{
position:relative;
display:block;
    width: 310px;
height:18px;
margin:45px 2% 0px;
font-size:11px;
color:#507faf;
}


#mdp{
position:relative;
display:block;
width:75px;
height:20px;
margin:0px;
padding:0px 0px 0px 0px;
float:none;
}


/*-----------------------------------------------------
 globalnav menu setting
-----------------------------------------------------*/

#gln_btn{
    position: relative;
    display: none;
    width: 72px;
    height: 60px;
    margin: 15px 10px 0px;
    padding: 0px;
    color: #ffffff;
    text-align: center;
    z-index: 99;
	float: left;
}

#gln_btn img{
    position: absolute;
    display: block;
    height: 48px;
    margin: 5px 5px 5px;
    padding: 0px;
}

nav {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    background-image: url(../images/nav/nav_bg.png);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
}

nav a{
    position: relative;
    display: block;
    text-decoration: none;
}

#g_nav{
position: relative;
    display: inline-block;
    width:auto;
    height: 50px;
    margin: 0px auto;
    padding:0px;
}

#g_nav li{
position: relative;
    display: block;
width:190px;
height:50px;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px;
    text-align: center;
    line-height: 50px;
}

.gn_home a{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_home.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_home a:hover{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_home.png);
background-position:50% -50px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_pack2000 a{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_pack2000.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_pack2000 a:hover{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_pack2000.png);
background-position:0px -50px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.main_menu{
position: relative;
    display: block;
    float: left;
    width: 240px;
    height: 50px;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px;
    line-height: 50px;
cursor: pointer;
}

.gn_fn_w a{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_fn_water.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_fn_w a:hover{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_fn_water.png);
background-position:0px -50px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_dri_w a{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_dri_water.png);
background-position:0px auto;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_dri_w a:hover{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_dri_water.png);
background-position:0px -50px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_super-w a{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_super_w.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_super-w a:hover{
display:block;
width:190px;
height:50px;
background-image:url(../images/nav/btn_super_w.png);
background-position:0px -50px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.sub_menubox{
    position: relative;
    display: none;
    list-style: none;
    width: 240px;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    text-align: center;
    z-index: 999;
}

.sub_menubox li{
position: relative;
    display: block;
    text-align: center;
    height: auto !important;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px;
    line-height: 50px;
    background-image: none;
    background-color:rgba(34, 148, 227, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
border-collapse: collapse;
}

#fn_w_business{
    position: relative;
display:block;
text-decoration: none;
}

#fn_w_business a{
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-image: none;
    background-color:rgba(34, 148, 227,);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    border-collapse: collapse;
    line-height: 50px;
    text-indent:0px;
}

#fn_w_personal a{
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-image: none;
    background-color:rgba(34, 148, 227,);
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    border-collapse: collapse;
    line-height: 50px;
    text-indent:0px;
}

#dri_w_cw a{
    height: auto;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-image: none;
    text-indent:0px;
    line-height: 20px;
    margin: 0px;
    padding: 10px 0px;
}

#dri_w_sd19 a{
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-image: none;
    line-height: 20px;
    text-indent:0px;
}

#dri_w_aw a{
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    background-image: none;
    line-height: 20px;
    text-indent:0px;
}



/*-----footer navi menu setting-----*/


#fnav{
position:relative;
display:block;
width: auto;
height: 160px;
margin: 0px auto 0px;
padding:0px;
background-image: url(../images/nav/fnav_bg.jpg);
background-repeat: repeat-x;
background-position: left top;
text-align: center;
}

#fnav li{
position:relative;
display:inline-block;
width: auto;
height: 40px;
text-align: center;
line-height: 40px;
vertical-align: top;
}

.fnav_home a{
display:block;
width: 145px;
height:40px;
background-image:url(../images/nav/fnav_home.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_home a:hover{
display:block;
width: 145px;
height:40px;
background-image:url(../images/nav/fnav_home.png);
background-position:50% -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_pack2000 a{
display:block;
width: 145px;
height:40px;
background-image:url(../images/nav/fnav_pack2000.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_pack2000 a:hover{
display:block;
width: 145px;
height:40px;
background-image:url(../images/nav/fnav_pack2000.png);
background-position:50% -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_super-w {
display:block;
width: 190px;
height:40px;
background-image:url(../images/nav/fnav_super_w.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
    
}

.fnav_contact a{
display:block;
width: 145px;
height:40px;
background-image:url(../images/nav/fnav_contact.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_contact a:hover{
display:block;
width: 145px;
height:40px;
background-image:url(../images/nav/fnav_contact.png);
background-position:50% -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.fnav_fn_w {
display:block;
width: 145px;
height:40px;
background-image:url(../images/nav/fnav_fn_w.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

.fnav_dri_w {
display:block;
width: 145px;
height:40px;
background-image:url(../images/nav/fnav_dri_w.png);
background-position:50% 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}

.ftr_sub_menu{
    position: relative;
    display:block;
    list-style: none;
    width: 170px;
    height: auto;
    margin: 40px auto 0px;
    padding: 0px;
    text-align: center;
    z-index: 99;
}

.ftr_sub_menu li{
position: relative;
    display: block;
    width: 100% !important;
    height: 30px;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px;
    line-height: 30px;
    float: none;
    color: #ffffff;
}

.ftr_sub_menu li a{
    text-decoration: none;
    color: #154388;
}

.ftr_sub_menu li a:hover{
    text-decoration: none;
    color: #ffffff;
}


/*-----go contact button in page setting-----*/

.go_contact {
    position:relative;
    display:block;
    width:320px;
    height: 60px;
    line-height: 60px;
    margin:30px auto 20px;
    padding:0px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.go_contact a{
    padding: 10px 10px 10px;
    text-decoration: none;
    color: #3382fd;
    border: 2px solid #3382fd;
    border-radius: 3px;
}

.go_contact a:hover{
    padding: 10px 10px 10px;
    text-decoration: none;
    color: #ffffff;
    background-color: #3382fd;
    border: 2px solid #3382fd;
    border-radius: 3px;
}

/*-----table setting-----*/




/*-----table setting 横のを奇数行を装飾-----*/
.sd19_outline_data, .prod_spec tbody tr:nth-of-type(odd){
background-color:#f9fdff;
}

/*-----clear setting-----*/

.clear{
clear:both;
}

.txt_pagetop {
    position: relative;
    display: block;
    width: 80px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    margin: 0px 0px 0px 90%;
    padding: 0px 0px 0px 5px;
}

.txt_pagetop a{
    text-decoration: none;
    color: #c1c1c1;
    padding-bottom: 5px;
}

.txt_pagetop a:hover{
    text-decoration: none;
    color: #0d96f6;
    padding-bottom: 5px;
    border-top: 2px solid #0d96f6;
}

/*-----------------------------------------------------
 contents page default setting
-----------------------------------------------------*/

#breadcrumb {
position: relative;
    display: block;
    width: 100%;
    height: 35px;
    margin: 0px;
    padding: 0px;
    line-height: 35px;
    font-size: 12px;
    background-color: #f3f3f3;
}

#breadcrumb a{
    text-decoration: none;
    color: #154388;
}

#breadcrumb a:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #154388;
}

.bread_area{
position: relative;
    display: block;
    width: 830px;
    height: 35px;
    margin: 0px auto 0px;
    padding:0px;
}

.title_imgbox {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
}

.inquirybox {
    position: relative;
    display: block;
    width: 800px;
    height: auto;
    margin: 30px auto 30px;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 2px 6px #cccccc;
}

.inquirybox h2{
    color: #00aae8;
    font-size: 1em;
    font-weight: bold;
}

.inquirybox ul{
    width: 330px;
    height: auto;
    margin: 20px auto 0px;
    padding: 0px;
}

.inquirybox li{
    width: 330px;
    height: auto;
    margin: 5px;
    padding: 0px;
    float: none;
    text-align: center;
}

.ln9_txt {
    position: relative;
    display: block;
    width: 300px;
    height: 20px;
    font-size: 12px;
    margin:0px;
    color: #999999;
}

.ln9_txt a{
    text-decoration: none;
    color: #00aae8;
    margin: 0px 2px 0px;
    padding: 2px;
}

.ln9_txt a:hover{
    text-decoration: none;
    color: #ffffff;
    background-color: #00aae8;
    margin: 0px 2px 0px;
    padding: 2px;
}

#con_title {
    position: absolute;
    display: block;
}

.wb_logo {
    font-family: arial black;
}

.maker_linkbox {
    position: relative;
    display: block;
    width: 800px;
    height: auto;
    margin: 0px auto 0px;
    padding: 10px;
}

.w_server_maintenance_guidebox {
    position: relative;
    display: block;
    width: 900px;
    height: auto;
    margin: 50px auto 50px;
    padding: 15px;
    font-size: 0.9em;
    border:none;
    background-color: #fafafa;
    border-radius: 15px;
    text-align: left;
}

.maintenance_copy {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 30px 0px;
    padding: 0px;
    font-size: 1.2em;
    font-weight: bold;
    color: #555555;
}

.qr_list {
    position: relative;
    display: inline-block;
    width: 160px;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    text-align: center;
}

.w_s_maintenance_guide_txt {
    position: relative;
    display: inline-block;
    width: 50%;
    height: auto;
    margin: 0px;
    padding: 10px;
    vertical-align: top;
}

.w_s_m_qrbox {
    position: relative;
    display: inline-block;
    width: 45%;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    text-align: center;
    vertical-align: top;
}

.my-page_txtbox {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    border: 1px solid #999;
    vertical-align: top;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    color: #555555;
}

.reccomend-bar {
    position: relative;
    display: block;
    width: 100%;
    height: 50px;
    margin: 0px;
    padding: 0px;
    text-align: center;
    background-color: rgba(213, 173, 111, 0.8);
    font-size: 1.1em;
    color: #fff5e7;
    z-index: 2;
}

.reccomend-bar a{
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #fff5e7;
}

.recco_ic {
    position: relative;
    display: inline-block;
    width: 40px;
    height: auto;
    margin: 0px;
    padding: 4px;
    vertical-align: middle;
}

/*-----------------------------------------------------
 各商品の契約規約ページ設定
-----------------------------------------------------*/

#w-s_contract-terms_box {
    position: relative;
    display: block;
    width: 850px;
    height: auto;
    margin: 50px auto ;
    padding: 50px;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px rgba(153, 153, 153, 0.5);
    border-radius: 5px;
}

#w-s_contract-terms_box .main_title{
    position: relative;
    display: block;
    width: auto;
    height: auto;
    font-size: 1.5em;
    margin: 0px auto;
    padding: 10px;
    color: #ffffff;
    background-color: #333333;
    text-align: center;
}

.contract-terms_intro_txt {
    position: relative;
    display: block;
    text-align: left;
    width: auto;
    height: auto;
    margin: 30px auto 50px;
    padding: 0px;
}

.each-regulation_title {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0px auto 0px;
    padding: 10px 0px 10px;
    font-size: 1.2em;
    text-align: center;
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
}

.regulations {
    position: relative;
    display: block;
    width: 88%;
    height: auto;
    margin: 50px auto 50px;
    padding: 0px;
    line-height: 2em;
    list-style-type: decimal;
}

.each-matter_title {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
    font-weight: bold;
}

.regulations .reg_list{
    margin: 0px 0px 20px;
    padding: 0px 0px;
}

#w-s_continuous-trading_box {
    position: relative;
    display: block;
    width: 850px;
    height: auto;
    margin: 50px auto ;
    padding: 50px;
    background-color: #ffffff;
    box-shadow: 0px 1px 3px rgba(153, 153, 153, 0.5);
    border-radius: 5px;
}

#w-s_continuous-trading_box .main_title{
    position: relative;
    display: block;
    width: auto;
    height: auto;
    font-size: 1.5em;
    margin: 0px auto;
    padding: 10px;
    color: #ffffff;
    background-color: #333333;
    text-align: center;
}

.price_r {
    position: relative;
    display: inline-block;
    width: 30%;
    margin: 0px 10px;
    padding: 0px;
    text-align: right;
    border-bottom: 1px solid #aaaaaa;
}

.attention {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    
}

.uchikeshi {
    text-decoration: line-through;
}

.txt_col_red{
color: #ff0000;    
}

#user_guidebox {
    position: fixed;
    display: block;
    width: auto;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    right: 0px;
    bottom: 10%;
    z-index: 999;
}

#tap_here_to_signup_btn {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 10px 0px 0px 0px;
    padding: 15px;
    right: 0%;
    bottom: 40%;
    text-align: center;
    z-index: 9999;
    writing-mode:vertical-rl;
    background-image: linear-gradient(45deg, #058be8 0%, #0cb6ea 100%);
    opacity: 80%;
    border-radius: 10px 0px 0px 10px;
}

#tap_here_to_signup_btn a{
    position: block;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #ffffff;
}

.t_h_t_s_b_txt {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
    font-size: 1.5em;
}

.t_h_t_s_b_ic {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0px 0px 0px;
    padding: 0px;
}

.regulation_box {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    right: 0%;
    bottom: 10%;
    font-size: 1.2em;
    text-align: center;
    z-index: 9999;
    writing-mode:vertical-rl;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 10px 0px 0px 10px;
}

.regulation_btn {
    position: relative;
    display: inline-block;
    width: 3.32em;
    height: 300px;
    margin: 0px;
    padding: 5px;
    line-height: 3.32em;
    text-decoration: none;
    color: #555555;
    opacity: 80%;
    border-radius: 10px 0px 0px 10px;
}

.regulation_btn:hover {
    position: relative;
    display: inline-block;
    width: 3.32em;
    height: 300px;
    margin: 0px;
    padding: 5px;
    line-height: 3.32em;
    text-decoration: none;
    color: #555555;
    opacity: 80%;
    border-radius: 10px 0px 0px 10px;
}

#tnb-groupbox {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 50px 0px 0px;
    padding: 0px;
    text-align: center;
    background-color: #eeeeee;
}

.bannerbox {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    margin: 5px;
    padding: 0px;
}

.bannerbox a{
text-decoration: none;
color: #555555;
}

.zoom-in-box {
  width: 300px;
  height: 300px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

/*ホバーエフェクト*/
.zoom-in-box img {
  transform: scale(1);
  transition: .3s ease-in-out;
}

.zoom-in-box:hover img {
  transform: scale(1.1);
}

.tnb_bann_img{
    position: relative;
    display: block;
    width: 300px;
    height: auto;
}

.tnb_grouplist {
    position: relative;
    display: inline-block;
    width: 90%;
    height: auto;
    margin: 50px auto ;
    padding: 0px;
}

.sns_link_insta {
    position: relative;
    display: inline-block;
    width: auto;
    height: 50px;
    margin: 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 50px;
    text-align: left;
}

.sns_ic {
    position: relative;
    display: inline-block;
    width: 25px;
    height: auto;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    vertical-align: middle;
}

.sns_linkbox {
    width: auto;
    height: auto;
    margin: 0px 0px 0px;
    padding: 5px;
}

.sns_linkbox a:hover{
    color: #058be8;
}