.pc{ display: block;} .sp{ display: none;} @media screen and (max-width: 640px) { .pc{ display: none;} .sp{ display: block;} }/*end*/ /*================================================================= HEADER =================================================================*/ header{ width:100%; min-width:1000px; height:90px; background: #000; display:block; position:relative; z-index:200;} #head_BOX{width:1000px; height:90px; margin:0px auto; position:relative; padding-top:0px;} #head_BOX::after { content:" "; display:block; clear:both;}/*clearfix*/ .logo { float:left; width:100%;max-width:109px; margin-top: 20px; } .logo img{margin:0px 0px 0px 0px; } .logo a img{ transition: 0.3s; } .logo a:hover img{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} #header_btn_BOX{ float:right; margin-top:32px; width:491px; } #header_btn_BOX li{ float:left; list-style:none;} @media screen and (max-width: 640px) { header{ width:100%; min-width:280px; height:65px; background: #000; display:block; position:relative; z-index:200;} #head_BOX{width:100%; max-width:640px; height:65px; max-height:65px; min-height:65px; position:relative; padding-top:0px; margin:0 auto; background:#000; background-size:cover;} .logo{ float:left; width:110px; margin-top: 0px; } .logo img{ width:100%!important;vertical-align:bottom;} .btn_menu{ float:right; width:30%;} .btn_menu img{ width:100%;vertical-align:bottom;} }/*end*/ /*================================================================= NAV =================================================================*/ /*nav ---------------*/ header nav ul { float:left; height: 50px; margin:20px 0 0 70px; list-style-type: none; } header nav li { float:left; height: 50px;margin: 0px; padding: 0px; display: block;} header nav li a{ float:left; height: 50px; margin: 0px; padding: 0px 15px; font-size: 15px; line-height: 50px; letter-spacing: 2px; display: block; color: #ccc; font-family: 'Poiret One', cursive; text-decoration: none;transition: 0.4s; } header nav li a:hover{ color:#c7166e; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1;} /*SNS ----------------------*/ header #sns_BOX { position: absolute; right: 0px; top:20px; width:135px; height: 50px; margin:0 0 0 0px; padding: 0px; list-style-type: none; } header #sns_BOX ul::after { content:" "; display:block; clear:both;}/*clearfix*/ header #sns_BOX li{ float:left; height: 50px; margin: 0px; padding: 0px; display: block;} header #sns_BOX li a{ float:left; height: 50px; margin: 0px; padding: 0px; display: block; background-image: url(../img/common/nav.png); background-repeat: no-repeat; text-indent: -9999px;} header #sns_BOX li.sns_tw a{ width:64px; background-position:-742px top;} header #sns_BOX li.sns_fb a{ width:61px; background-position:-809px top;} header #sns_BOX .sns_line { float:left; width:3px; height: 50px; background-image: url(../img/common/nav.png); background-position:-806px top; display:block;}/*LINE*/ header #sns_BOX li a{ transition: 0.3s; } header #sns_BOX li a:hover{ filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} @media screen and (max-width: 640px) { header nav, header #sns_BOX { display: none;} }/*end*/ /*link_8*/ .link_8 img{vertical-align:middle; margin-right:2px;} .link_8 a{ color:#666; padding:3px; transition: 0.3s; border-radius: 20px; -webkit-border-radius: 20px;  -moz-border-radius: 20px;} .link_8 a:hover{ color:#fff; background:url(../img/common/link_bg2.png) no-repeat center; background-size:100% 100% ;} /*link_N*//*Neon*/ .link_N img{vertical-align:middle; margin-right:2px;} .link_N a{ color:#c6166e!important; padding:3px; transition: 0.3s; border-radius: 20px; -webkit-border-radius: 20px;  -moz-border-radius: 20px; } .link_N a:hover{ color:#fff!important; background-color:#c6166e;} /*link_K*//*Kazuto*/ .link_K img{vertical-align:middle; margin-right:2px;} .link_K a{ color:#837dff!important; padding:3px; transition: 0.3s; border-radius: 20px; -webkit-border-radius: 20px;  -moz-border-radius: 20px;} .link_K a:hover{ color:#fff!important; background-color:#5451a1;} /*link_R*//*Ray*/ .link_R img{vertical-align:middle; margin-right:2px;} .link_R a{ color:#b12b44!important; padding:3px; transition: 0.3s; border-radius: 20px; -webkit-border-radius: 20px;  -moz-border-radius: 20px;} .link_R a:hover{ color:#fff!important; background-color:#982f45;} /*================================================================= SNS_bar　 =================================================================*/ #SNS_bar{ background: #202020; text-align:left; color:#555; } #SNS_bar ul { width: 980px; margin: 0 auto; padding: 8px 0; list-style: none;} #SNS_bar ul::after { content:" "; display:block; clear:both;}/*clearfix*/ #SNS_bar ul li{ float: left; font-size:10px; line-height:15px; letter-spacing: 1px;font-family:Arial, Helvetica, sans-serif; vertical-align:middle;} #SNS_bar ul li img{width:100%; max-width:15px; margin-right: 5px; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } #SNS_bar ul li a{ color: #fff!important; display: block; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; padding:2px 9px 2px 7px; } #SNS_bar ul li a:hover{ color: #fff!important; filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; } #SNS_bar ul li.SNS_bar_tw{margin-right: 0px; } #SNS_bar ul li.SNS_bar_icon{margin-right: 10px; } @media screen and (max-width: 640px) { #SNS_bar{ text-align:center; } #SNS_bar ul { width: 100%; margin: 0 auto; padding: 8px 0; list-style: none; text-align: center!important;} #SNS_bar ul::after { content:" "; display:block; clear:both;}/*clearfix*/ #SNS_bar ul li{ float: none; display: inline-block!important; font-size:10px; line-height:15px; letter-spacing: 0.5px!important; font-family:Arial, Helvetica, sans-serif; vertical-align:middle;} }/*end*/ /* ===== [ TEXT LINK ] ===== */ #co_wrapper a { color:#b91968; text-decoration: underline; outline:none; } #co_wrapper a:hover { color:#e61f81; text-decoration: underline; } /*================================================================= co_wrapper　コンテンツ　大枠 =================================================================*/ #co_wrapper{width:100%; min-width:1000px; height:auto; margin:0 auto; background:url(../img/common/co_bg.gif) repeat-x center bottom #282828; overflow:hidden;} @media screen and (max-width: 640px) { #co_wrapper{width:100%; min-width:280px; height:auto; margin:0 auto; background-image: none; background: /*url(../img/common/co_bg.gif) repeat-x center bottom*/ #282828; overflow:hidden;} #co_BOX{ background:url(/img/sp/common/bg.png) no-repeat center bottom #282828; background-size: contain; } }/*end*/ /*co_BOX*/ #co_BOX{} /*================================================================= btm_triangle　 トライアングル =================================================================*/ #btm_triangle{ min-width:1000px;　width:100%; height:306px; position:relative;} .btm_triangle_BOX{ width:1000px; height:306px; margin:0 auto; background:#; text-align:center; z-index:51; position:relative;} .btm_triangle_BOX ul{ max-width:948px; width:100%; height:auto; margin:0px auto 0 auto; padding-top:64px; background:#; text-align:center; z-index:51; position:relative; list-style-type:none;} .btm_triangle_BOX li{ float:left; display:block; max-width:222px; width:100%; height:213px; margin-right:20px; background:#; text-align:center; z-index:51; position:relative; list-style-type:none;} .btm_triangle_BOX li a{ display:block; width:222px; height:213px;} .btm_triangle_BOX li a img{ transition: 0.3s;} .btm_triangle_BOX li a:hover img{ filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;} .m_none{ margin-right:0px !important;} .triangle_01{background: url(../img/common/btm_nav_01_t.png) center bottom no-repeat; position:relative;} .triangle_02{background: url(../img/common/btm_nav_02_t.png) center bottom no-repeat; position:relative;} .triangle_03{background: url(../img/common/btm_nav_03_t.png) center bottom no-repeat; position:relative;} .triangle_04{background: url(../img/common/btm_nav_04_t.png) center bottom no-repeat; position:relative;} /*NEW*/ .new{width:57px; height:43px; position:absolute; left:-3px; top:-3px; background:url(../img/common/new.png) no-repeat left top;} .new_date{width:57px; height:43px; position:absolute; left:37px; top:-3px; background:url(../img/common/new.png) no-repeat left top; z-index: 2;} /*▲*/ .triangle{ width:1156px; height:438px; position:absolute; left:50%; top:-132px; margin-left:-578px; background:url(../img/common/btm_triangle2.png) no-repeat center top; z-index:1;} .triangle_co{ width:1156px; height:438px; position:absolute; left:50%; top:-132px; margin-left:-578px; background:url(../img/common/btm_triangle2.png) no-repeat center top; z-index:50;} #btm{ width:100%; height:326px; position:relative; text-align:center;} .btm_logo{ width:948px; height:79px; background:url(../img/common/btm_logo2.png) no-repeat center top; position:absolute; left:50%; top:117px; margin-left:-474px; } #btm, #btm_triangle{display: block;} @media screen and (max-width: 640px) { #btm, #btm_triangle {display: none;} }/*end*/ /*------------------------------------------------ tr_BOX ▲ SP ------------------------------------------------*/ #tr_BOX {display: none;} @media screen and (max-width: 640px) { #tr_BOX {display: block;} }/*end*/ @media screen and (max-width: 640px) { #tr_BOX { width:100%; margin:0 auto 0 auto; position:relative;} #tr_BOX .tr_BOXimg { width:100%; margin:0 auto 0 auto;} #tr_BOX_nav { position:absolute; left:0%; bottom:52%; width:100%; max-width:640px; margin:0 auto 0 auto;} #tr_BOX_nav ul{ list-style: none;} #tr_BOX_nav ul::after { content: "."; display: block; height: 0; visibility: hidden; clear: both;} #tr_BOX_nav li{ float:left; width:21.875%; position:relative; list-style: none;} #tr_BOX_nav li.m_bnav1{margin-left:3.28125%;} #tr_BOX_nav li.m_bnav2{margin-left:2.03125%;} #tr_BOX_nav li img{ width:100%; max-width:140px; margin:0; padding:0;} .btn_page_top{ width:100%; position:absolute; bottom:5%; text-align:center; } .btn_page_top img{ width:20.3125%; max-width:130px; } .new_sp { position:absolute; left:-3px; top:-3px; width:35%; z-index: 20;} .new_sp img{ width:100%;} }/*end*/ @media screen and (max-width: 500px) { .new_sp { position:absolute; left:-2px; top:-2px; width:40%;} .new_sp img{ width:100%;} }/*end*/ /*================================================================= btm　ボトム =================================================================*/ /* page_top */ .page_top a{ width:121px; height: 80px; position:absolute; left:50%; bottom:24px; margin-left:-60px; padding: 0px; /*display:none block;*/ background-image: url(../img/common/btn_page_top2.gif); background-position:left top; background-repeat: no-repeat; text-indent: -9999px; z-index:52; } .page_top a:hover{ background-position:left bottom;} /*================================================================= FOOTER　フッター =================================================================*/ footer { width:100%; height:120px; background:#000; text-align:center;} footer .foot_logo{ padding-top:35px;} footer .copyright{ padding-top:11px; font-size:10px; line-height:12px; color:#999; font-family: Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px;} @media screen and (max-width: 640px) { footer { width:100%; height:auto; background:#000; text-align:center;} footer .foot_logo{ padding-top:5%;} footer .copyright{ padding:0.8% 0 5% 0; font-size:11px; line-height:12px; color:#999; font-family: Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:0px;} }/*end*/ /*================================================================= main =================================================================*/ #top_main {width:100%; text-align: center; } #top_main img{width:100%; vertical-align: top; max-width: 1980px;}/*max-width: 1980px;*/ /*================================================================= HOME =================================================================*/ #news_BOX{ width:100%; height:30px; font-size:13px; line-height:30px; text-align:center; color:#ccc; background:#000;} #news_BOX .news{ } #news_BOX a{ color:#fff; text-decoration:none; } #news_BOX a .date{ color:#98233e; font-weight:bold;} #news_BOX a:hover{ text-decoration: underline; color:#98233e; } /*================================================================= pickup_BOX =================================================================*/ #pickup_BOX{ width:100%; text-align:center; margin:50px 0 0 0; position:relative; z-index:200;} /*================================================================= top NEWS =================================================================*/ #top_news{ position: relative; z-index: 100; margin: 60px 0 0 0;} #top_news h2{ font-size: 50px; line-height: 100%; letter-spacing: 2px; text-align: center; font-weight: normal; font-family: 'Poiret One', cursive;} #top_news .top_news_BOX{ width: 1000px; margin: 34px auto 0 auto; background-color: rgba(255,255,255,0.8); position: relative;} #top_news .top_news_k_head{ position: absolute; top: 0px; left: 0px; width: 100%;} #top_news .top_news_k_head::before { background:url(../img/top/top_news_k01.png) left top no-repeat ; left: -1px; top: -1px; width: 30px; height: 30px; position: absolute; content:" "; display:block; z-index: 5; } #top_news .top_news_k_head::after { background:url(../img/top/top_news_k02.png) left top no-repeat ; right: -1px; top: -1px; width: 30px; height: 30px; position: absolute; content:" "; display:block; z-index: 5; } #top_news .top_news_k_foot{ position: absolute; bottom: 0px; left: 0px; width: 100%;} #top_news .top_news_k_foot::before { background:url(../img/top/top_news_k03.png) left top no-repeat ; left: -1px; bottom: -1px; width: 30px; height: 30px; position: absolute; content:" "; display:block; z-index: 5; } #top_news .top_news_k_foot::after { background:url(../img/top/top_news_k04.png) left top no-repeat ; right: -1px; bottom: -1px; width: 30px; height: 30px; position: absolute; content:" "; display:block; z-index: 5; } #top_news .top_news_BOX .top_newsList{ width: 90%; margin: 0 auto; padding: 30px 0; background: #f00: } #top_news .top_news_BOX .top_newsList ul{ width:100%; margin:0 auto; background:#; text-align:left; color:#333; font-size:14px; line-height:20px; border-top: solid 1px #bbb!important; border-bottom: solid 1px #eee;} #top_news .top_news_BOX .top_newsList ul li{ padding:15px 20px; border-top: solid 1px #eee!important; border-bottom: solid 1px #bbb; } #top_news .top_news_BOX .top_newsList ul li .up_ymd{ font-size:14px; line-height:20px; color: #767676; padding-right: 20px; display: inline-block;} #top_news .top_news_BOX .top_newsList ul li .title { font-size:14px; line-height:20px; color: #303030;} #top_news .top_news_BOX .top_newsList ul li .title a{ font-size:14px; line-height:20px; color: #303030; text-decoration: none;} #top_news .top_news_BOX .top_newsList ul li .title a:hover{ font-size:14px; line-height:20px; color: #c5156d;} /*NEW*/ #top_news .top_news_BOX .top_newsList ul li .newMark{ padding: 3px 10px 3px 7px; letter-spacing: 0.5px; vertical-align:middle; margin:0 8px 0 0; font-size: 10px; line-height: 10px; color: #fff; background: #c5156d; font-style:italic;} @media screen and (max-width: 640px) { #top_news{ position: relative; z-index: 100; margin: 6% 0 0 0;} #top_news h2{ font-size: 30px; line-height: 100%; letter-spacing: 2px; color: #fff; text-align: center; font-weight: normal; font-family: 'Poiret One', cursive;} #top_news .top_news_BOX{ width: 95%; margin: 3% auto 0 auto; background-color: rgba(255,255,255,0.8); position: relative;} #top_news .top_news_k_head{ position: absolute; top: 0px; left: 0px; width: 100%;} #top_news .top_news_k_head::before { background:url(/img/top/top_news_k01.png) left top no-repeat; background-size: cover; left: -1px; top: -1px; width: 20px; height: 20px; position: absolute; content:" "; display:block; z-index: 5; } #top_news .top_news_k_head::after { background:url(/img/top/top_news_k02.png) left top no-repeat; background-size: cover; right: -1px; top: -1px; width: 20px; height: 20px; position: absolute; content:" "; display:block; z-index: 5; } #top_news .top_news_k_foot{ position: absolute; bottom: 0px; left: 0px; width: 100%;} #top_news .top_news_k_foot::before { background:url(/img/top/top_news_k03.png) left top no-repeat; background-size: cover; left: -1px; bottom: -1px; width: 20px; height: 20px; position: absolute; content:" "; display:block; z-index: 5; } #top_news .top_news_k_foot::after { background:url(/img/top/top_news_k04.png) left top no-repeat; background-size: cover; right: -1px; bottom: -1px; width: 20px; height: 20px; position: absolute; content:" "; display:block; z-index: 5; } #top_news .top_news_BOX .top_newsList{ width: 97%; margin: 0 auto; padding: 0% 0; background: #f00: } #top_news .top_news_BOX .top_newsList ul{ width:100%; margin:0 auto; background:#; text-align:left; color:#333; font-size:14px; line-height:20px;} #top_news .top_news_BOX .top_newsList ul li{ padding:15px 10px; border-top: solid 1px #eee!important; border-bottom: solid 1px #bbb; } #top_news .top_news_BOX .top_newsList ul li{ padding:15px 10px; border-top: solid 1px #eee!important; border-bottom: solid 1px #bbb; } #top_news .top_news_BOX .top_newsList ul li:first-child {padding:15px 10px; border-top: none!important; border-bottom: solid 1px #bbb; } #top_news .top_news_BOX .top_newsList ul li:last-child { padding:15px 10px; border-top: solid 1px #eee!important; border-bottom: none;} #top_news .top_news_BOX .top_newsList ul li .up_ymd{ font-size:13px; line-height:20px; color: #767676; padding-right: 10px; display: inline-block;} #top_news .top_news_BOX .top_newsList ul li .title { font-size:13px; line-height:20px; color: #303030; display: block;} #top_news .top_news_BOX .top_newsList ul li .title a{ font-size:13px; line-height:20px; color: #303030; text-decoration: none;} #top_news .top_news_BOX .top_newsList ul li .title a:hover{ font-size:13px; line-height:20px; color: #c5156d;} /*NEW*/ #top_news .top_news_BOX .top_newsList ul li .newMark{ padding: 3px 7px 3px 7px; letter-spacing: 0.5px; vertical-align:middle; margin:0 8px 0 0; font-size: 10px; line-height: 10px; color: #fff; background: #c5156d; font-style:italic;} }/*end*/ /*================================================================= CON ベース =================================================================*/ #co_title{ width: 95%; max-width:1000px; height:auto; margin:0 auto; text-align: center; font-family: 'Poiret One', cursive;} #co_title_line{ width: 95%; max-width:1000px; margin:0 auto; text-align: center; border-bottom: solid 3px rgba(255,255,255,0.3); font-family: 'Poiret One', cursive;} @media screen and (max-width: 640px) { #co_title{ width:90%; height:auto; margin:0 auto; text-align: center; font-family: 'Poiret One', cursive; text-decoration: none!important;} #co_title_line{ width:90%; margin:0 auto; text-align: center; border-bottom: solid 3px rgba(255,255,255,0.3); font-family: 'Poiret One', cursive;} #co_title a {text-decoration: none!important;} }/*end*/ /*================================================================= NEWS =================================================================*/ /*TITLE*/ h1.co_news_title a{font-size: 50px!important; line-height: 100%; letter-spacing: 5px; font-weight: normal; padding: 60px 0 45px 0; color: #fff!important; text-decoration: none!important; display: inline-block !important;} h1.co_news_title a:hover{font-size: 50px!important; line-height: 100%; letter-spacing: 5px; font-weight: normal; padding: 60px 0 45px 0; color: #aaa!important; text-decoration: none!important; } @media screen and (max-width: 640px) { h1.co_news_title a {font-size: 30px!important; line-height: 100%; letter-spacing: 5px; font-weight: normal; padding: 30px 0 20px 0; color: #fff; display: inline-block; text-decoration: none!important; } h1.co_news_title a:hover {font-size: 30px!important; line-height: 100%; letter-spacing: 5px; font-weight: normal; padding: 30px 0 20px 0; color: #aaa; text-decoration: none!important; } }/*end*/ #co_title a { text-decoration: none!important; } #co_news_BOX{width:1000px; height:auto; margin:0 auto; background-color: rgba(255,255,255,0.8); position:relative; z-index:200; text-align:center; padding:40px 0 130px 0; position:relative;} @media screen and (max-width: 640px) { #co_news_BOX{width:94%; background-color: rgba(255,255,255,0.8); text-align:center; margin:0 auto; padding:5% 0;} .co_news_SET img { width: 90%; max-width:700px; margin: 0 auto;} }/*end*/ .co_news_SET{ position:relative; z-index:201;} .co_news_SET a{ text-decoration:underline; color:#98233e;} .co_news_SET a:hover{ text-decoration:underline; color:#ee5f80;} @media screen and (max-width: 640px) { .co_news_SET a {color:#b91968; text-decoration: underline; outline:none;} .co_news_SET a:hover { color:#e61f81; text-decoration: underline;} }/*end*/ .co_news_SET img { max-width:820px;} .co_news_SET li{ position: relative; overflow: inherit; } .co_news_date{ background:#000; width:90%; margin:0 auto; padding:10px; letter-spacing:1px; font-size: 13px; } .co_newslist_h2{ width:90%; margin:0 auto; font-size:24px; line-height:35px; text-align:center; color:#333; padding:30px 0 80px 0; font-weight: normal !important;} .co_news_h2{ width:90%; margin:0 auto; font-size:24px; line-height:35px; text-align:center; color:#333; padding:30px 0 30px 0; font-weight: normal !important;} .co_news_h2 span{ display: inline-block;} .co_news_text_BOX{ background:#; width:82%; margin:0 auto; padding:30px 0px 50px 0px; font-size:14px; line-height:26px; text-align:left; color:#333;} .co_news_text_BOX img{ float:left; padding:0 20px 20px 0;} .co_news_text_BOX .center{ width:100%; display:block; text-align:center; margin:0 auto; } .co_news_text_BOX .center img{ float:none; max-width:820px;} .detailUpfile{margin: 0 !important; padding: 0px 0px 30px 0px;} @media screen and (max-width: 640px) { .detailUpfile{margin: 0 !important; padding: 0px 0px 0px 0px;} }/*end*/ .co_news_h3{width:100%; margin:40px auto 20px auto; font-size:18px; line-height:28px; text-align:left; padding:20px 0 20px 0; color:#473e9a; border-top: solid 1px #473e9a; border-bottom: solid 1px #473e9a;} /*co_news_text_BOX2*/ .co_news_text_BOX2{ background:#; width:82%; margin:0 auto; padding:0px 0px 0px 0px; font-size:13px; line-height:22px; text-align:left; color:#333;} .co_news_text_BOX2 img{ display:block; margin:0 auto; text-align:center; padding:0px 0px 0px 0px; width:auto !important;} .co_news_text_BOX2 span, .co_news_text_BOX2 div, .co_news_text_BOX2 font{ line-height:180% !important; } .co_news_text_BOX2 .center{ width:100%; display:block; text-align:center; margin:0 auto; } /*----------古いニュース用 font-----------*/ .old_news_txt .co_news_h2{ width:90%; margin:20px auto 0 auto !important; font-size:25px; line-height:35px; text-align:center; color:#333; padding:15px 0 0 0!important;} /*co_news_text_BOX2*/ .old_news_txt .co_news_text_BOX2{ background:#; width:82%; margin:0 auto; padding:10px 0px 50px 0px; font-size:13px; line-height:22px; text-align:left; color:#333;} .old_news_txt .co_news_text_BOX2 img{ display:block; margin:0 auto; text-align:center; padding:0px 0px 20px 0px; width:auto !important;} /*----------/古いニュース用 font-----------*/ .btn_itunes_list { max-width:150px; clear:both; margin:15px auto 0 auto; } .btn_itunes_list img{ width:100%;} .btn_itunes { max-width:150px; clear:both; margin-top:5px; } .btn_itunes img{ width:100%;} @media screen and (max-width: 640px) { .btn_itunes_list { max-width:150px; width:45%; clear:both; margin:15px auto 0 auto; } .btn_itunes_list img{ width:100%;} .btn_itunes { max-width:150px; width:50%; clear:both; margin:1% 0 0 0; text-align:left; padding:0;} .btn_itunes img{ width:100%; text-align:left; padding:0 !important; margin:0 !important;} }/*end*/ @media screen and (max-width: 640px) { #co_news_BOX{width:94%; background-color: rgba(255,255,255,0.8); text-align:center; margin:0 auto; padding:5% 0;} .co_news_SET img { width: 90%; max-width:700px; margin: 0 auto;} .co_news_SET li { position: relative;} .co_news_date{ background:#000; width:90%; margin:0 auto; padding:7px 5px; letter-spacing:1px; color:#fff; position:relative;} .co_news_h2{ width:90%; margin:0 auto; padding:10px; font-size:19px; line-height:27px; text-align:center; color:#333; padding:5% 0 5% 0;} .co_news_h2 img{ width:90%; margin:0 auto; padding:0% 0!important;} .co_news_h3{width:100%; margin:10% auto 5% auto; font-size:16px; line-height:28px; text-align:left; padding:4% 0; color:#473e9a; border-top: solid 1px #473e9a; border-bottom: solid 1px #473e9a; font-weight:bold;} .co_news_text_BOX{ background:#; width:85%; margin:0 auto; padding:30px 0px 50px 0px; font-size:13px; line-height:22px; text-align:left; color:#333;} .co_news_text_BOX2{ background:#; width:85%; margin:0 auto; padding:0px 0px 0px 0px; font-size:13px; line-height:22px; text-align:left; color:#333; word-break: break-all;} .news_li li{padding-left:15px; list-style:none !important; background-image:url(../../img/common/li_pnk.png); background-repeat:no-repeat; background-position:0px 4px;} .new_date{width:57px; height:43px; position:absolute; left:4%; top:-3px; background:url(../img/common/new.png) no-repeat left top; background-size: 90%; z-index: 2;} .co_newslist_h2{ width:90%; margin:0 auto; font-size:16px; line-height:24px; text-align:center; color:#333; padding:3% 0 8% 0; font-weight: normal !important;} }/*end*/ @media screen and (min-width: 601px) { .co_new { position:absolute; left:-3px; top:-3px; width:9%;} .co_new img{ width:100%;} }/*end*/ @media screen and (min-width: 551px) and (max-width: 600px) { .co_new { position:absolute; left:-3px; top:-3px; width:10%;} .co_new img{ width:100%;} }/*end*/ @media screen and (min-width: 501px) and (max-width: 550px) { .co_new { position:absolute; left:-2px; top:-2px; width:11%;} .co_new img{ width:100%;} }/*end*/ @media screen and (min-width: 451px) and (max-width: 500px) { .co_new { position:absolute; left:-2px; top:-2px; width:12%;} .co_new img{ width:100%;} }/*end*/ @media screen and (max-width: 450px) { .co_new { position:absolute; left:-2px; top:-2px; width:13%;} .co_new img{ width:100%;} }/*end*/ /*ページャー*/ #co_news_BOX .pager{ text-align: center; padding-bottom: 30px;} #co_news_BOX .pager a{ color: #504f93; border: solid 1px #a2a2c6; font-size: 12px; line-height: 100%; padding: 8px 11px; margin: 0 3px; text-align: center; text-decoration:none; border-radius: 0px; -webkit-border-radius: 0px;  -moz-border-radius: 0px;} #co_news_BOX .pager a:hover, #co_news_BOX .pager a.current{ background: #504f93;border: solid 1px #504f93; color: #fff; } @media screen and (max-width: 640px) { #co_news_BOX .pager{ text-align: center; padding-bottom: 30px;} #co_news_BOX .pager a{ color: #504f93; border: solid 1px #a2a2c6; font-size: 11px; line-height: 100%; padding: 5px 8px; margin: 0 3px; text-align: center; text-decoration:none; border-radius: 0px; -webkit-border-radius: 0px;  -moz-border-radius: 0px;} #co_news_BOX .pager a:hover, #co_news_BOX .pager a.current{ background: #504f93;border: solid 1px #504f93; color: #fff; } }/*end*/ /*news_nav*/ #news_nav{ width:100%; max-width:1000px; margin:0 auto; background:#; margin-bottom:0px;} #news_nav ul{ list-style:none; font-size:16px; line-height:20px;} #news_nav li a{ display:block; width:49.9%; background-color: #000; color:#999; text-align:center; padding:20px 0; text-decoration:none; font-weight:bold; border-bottom:solid 2px #282828; text-decoration: none; transition: 0.3s;} #news_nav li a:hover{ color:#fff; background-color:#333; text-decoration: none; } li.news_nav_L a{ float:left; } li.news_nav_R a{ float:right; } #news_nav li.on a{ background-color: rgba(255,255,255,0.8); color:#333; border-bottom:solid 2px #d4d4d4; text-decoration: none; } #news_nav li.on a:hover{ background-color: rgba(255,255,255,0.8); color:#666; border-bottom:solid 2px #d4d4d4; } @media screen and (max-width: 640px) { #news_nav{ width:94%; max-width:1000px; margin:0 auto; background:#; margin-bottom:0px;} #news_nav ul{ list-style:none; font-size:13px; line-height:13px;} #news_nav li a{ display:block; width:49.9%; background-color: #000; color:#999; text-align:center; padding:20px 0; text-decoration:none; font-weight:bold; border-bottom:solid 2px #282828; text-decoration: none; transition: 0.3s;} }/*end*/ /*メディア掲載情報*/ #co_news_media_BOX{width:1000px; height:auto; margin:0 auto; background-color: rgba(255,255,255,0.8); position:relative; z-index:200; text-align:center; padding:40px 0 150px 0; position:relative;} #co_news_media_BOX table{ width:92%; margin:0 auto; background:#; text-align:left; color:#333; font-size:14px; line-height:20px; border-top: solid 1px #bbb!important; border-bottom: solid 1px #eee;} #co_news_media_BOX th{ width:120px; padding:2% 0; border-top: solid 1px #eee!important; border-bottom: solid 1px #bbb; } #co_news_media_BOX td{ width:auto; padding:2% 0; border-top: solid 1px #eee!important; border-bottom: solid 1px #bbb; } @media screen and (max-width: 640px) { #co_news_media_BOX{width:94%; height:auto; margin:0 auto; position:relative; z-index:200; text-align:center; padding:6% 0 10% 0; position:relative;} #co_news_media_BOX table{ width:90%; margin:0 auto; background:#; border-top:solid 1px #bbb; border-bottom:solid 1px #ddd; text-align:left; color:#333; } #co_news_media_BOX th{ width:80px; padding:3% 0; border-bottom:none; font-size:10px; line-height:18px; border-top:solid 1px #ddd; border-bottom:solid 1px #bbb;} #co_news_media_BOX td{ width:auto; padding:3% 0; border-bottom:none; font-size:12px; line-height:18px; border-top:solid 1px #ddd; border-bottom:solid 1px #bbb;} #co_news_media_BOX tr{} }/*end*/ /*SNS ----------------------*/ .co_news_SET #sns_BOX ul { width:135px; height: 50px; margin:0 auto 0 auto;list-style-type: none;} .co_news_SET #sns_BOX li{ float:left; height: 50px; margin: 0px; padding: 0px; display: block;} .co_news_SET #sns_BOX li a{ float:left; height: 50px; margin: 0px; padding: 0px; display: block; background-image: url(/img/common/nav_sns.png); background-repeat: no-repeat; text-indent: -9999px;} .co_news_SET #sns_BOX li.sns_tw a{ width:60px; background-position:-733px top;} .co_news_SET #sns_BOX li.sns_fb a{ width:60px; background-position:-808px top;} .co_news_SET #sns_BOX .sns_line { float:left; width:15px; height: 50px; background-image: url(/img/common/nav_sns.png); background-position:-793px top; display:block;}/*LINE*/ /*================================================================= EOT =================================================================*/ #eot_co_title{ width:1000px; height:auto; margin:0 auto; padding: 53px 0 0px 0; text-align: center; font-family: 'Poiret One', cursive;} #eot_co_title h1.eot_title{ width:600px; height:39px; position:absolute; left:50%; top:0px; margin: 0 0 0 -300px; background:url(../img/eot/eot_title2.png) no-repeat center top ; position:relative; text-indent: -9999px;} #eot_BOX_img{ width:1000px; height:530px; position: relative; margin: 43px auto 0 auto!important;} #eot_BOX_img .eot_kazuto{ position: absolute; left: 98px; bottom:0px; z-index:2; } #eot_BOX_img .eot_ray { position: absolute; left: 278px; bottom:0px; z-index:3;} #eot_BOX_img .eot_neon { position: absolute; left: 597px; bottom:0px; z-index:1;} #eot_BOX_img .eot_illustrator{ position:absolute; right:0px; bottom: 10px; z-index:200; color:#888; font-size:11px; line-height:100%; letter-spacing: 0.5px; text-align:right;} @media screen and (max-width: 640px) { .eot_title2{ width: 80%; margin:0 auto 0 auto; padding: 5% 0 0 0; } .eot_title2 img{ width: 100%; } .eot_img2{ width:94%; height: 50%; position: relative; margin: 0 auto 0 auto;} .eot_img2 img{ width: 100%; vertical-align: bottom; } }/*end*/ #eot_BOX{width:1000px; height:auto; margin:0 auto; background-color: rgba(255,255,255,0.8);color: #000; position:relative; z-index:60; text-align:center; padding:0px 0 150px 0; position:relative;} #eot_BOX .eot_BOX_inner{width:95%; margin:0 auto; position:relative; padding:64px 0 0px 0;} #eot_BOX .eot_BOX_inner h2{ font-size: 30px; line-height: 100%; text-align: center; font-family: 'Poiret One', cursive; font-weight: normal; letter-spacing: 2.5px; color: #000;} #eot_BOX .eot_BOX_inner h2 span{ font-size: 55px; line-height: 100%; display: block; margin-top: 5px; } #eot_BOX .eot_BOX_inner p.eot_profile_txt { font-size: 15px; line-height: 34px; margin-top:45px; } #eot_BOX .eot_BOX_inner .eot_tw { margin-top: 30px;font-size:12px; line-height:30px; } @media screen and (max-width: 640px) { #eot_BOX{width:94%; height:auto; margin:0 auto; background-color: rgba(255,255,255,0.8);color: #000; position:relative; z-index:60; text-align:center; padding:0px 0 100px 0; position:relative;} #eot_BOX .eot_BOX_inner{width:95%; margin:0 auto; position:relative; padding:10% 0 0px 0;} #eot_BOX .eot_BOX_inner h2{ font-size: 20px; line-height: 100%; text-align: center; font-family: 'Poiret One', cursive; font-weight: normal; letter-spacing: 2.5px; color: #000;} #eot_BOX .eot_BOX_inner h2 span{ font-size: 45px; line-height: 100%; display: block; margin-top: 5px; } #eot_BOX .eot_BOX_inner p.eot_profile_txt {width:95%; margin:0 auto; font-size: 14px; line-height: 30px; margin-top:8%; } #eot_BOX .eot_BOX_inner p.eot_profile_txt span { display: inline-block!important; } #eot_BOX .eot_BOX_inner .eot_tw { margin-top: 30px;font-size:12px; line-height:30px; } }/*end*/ .eot_tw a{ color:#333!important; background: #e9e9e9; padding: 12px 60px; display: inline-block; text-decoration: none!important; } .eot_tw a:hover{ color:#fff!important; background:url(../img/common/link_bg2.png) no-repeat center; background-size:cover;} .eot_tw a span{ position: relative; padding: 0 0 0 25px;} .eot_tw a span::before{ left:0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; content:" "; display:block; z-index: 1; background:url(../img/common/icon_tw_b.png) no-repeat left center; background-size:20px;} .eot_tw a:hover span::before{ left:0px; top: 50%; width: 20px; height: 20px; margin-top: -10px; position: absolute; content:" "; display:block; z-index: 1; background:url(../img/common/icon_tw.png) no-repeat left center; background-size:20px;} #eot_BOX2{width:900px; height:auto; margin:80px auto 0 auto; position:relative; padding:0px; color:#444; font-size:13px; line-height:22px; text-align:left; } #eot_BOX2::after { content:" "; display:block; clear:both;}/*clearfix*/ #eot_BOX2 .eot_BOX2_L{ float: left; width: 44%; border-top: solid 3px #000; padding: 0 2%;} #eot_BOX2 .eot_BOX2_R{ float: right; width: 44%; border-top: solid 3px #000; padding: 0 2%;} #eot_BOX2 h3 span{ display:block; font-size: 40px; line-height: 100%; font-family: 'Poiret One', cursive; padding-top: 40px; font-weight: normal; } #eot_BOX2 h3 span.sub{ display:inline-block; margin-top: 10px; padding: 5px 5px; font-size: 12px; line-height: 100%; background: #000; color: #fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} #eot_BOX2 p{ padding-top: 10px; } @media screen and (max-width: 640px) { #eot_BOX2{width:90%; height:auto; margin:80px auto 0 auto; position:relative; padding:0px; color:#444; font-size:13px; line-height:22px; text-align:left; } #eot_BOX2::after { content:" "; display:block; clear:both;}/*clearfix*/ #eot_BOX2 .eot_BOX2_L{ float: none; width: 96%; border-top: solid 3px #000; padding: 0 2%;} #eot_BOX2 .eot_BOX2_R{ float: none; width: 96%; border-top: solid 3px #000; padding: 0 2%; margin-top: 20%;} #eot_BOX2 h3 span{ display:block; font-size: 40px; line-height: 100%; font-family: 'Poiret One', cursive; padding-top: 25px; font-weight: normal; } #eot_BOX2 h3 span.sub{ display:inline-block; margin-top: 10px; padding: 5px 5px; font-size: 12px; line-height: 100%; background: #000; color: #fff; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;} #eot_BOX2 p{ padding-top: 10px; } }/*end*/ /*================================================================= PROFILE =================================================================*/ /*TITLE*/ #profile_BOX{width:100%; height:auto; margin:0 auto; position:relative; z-index:60; text-align:center; padding:0px 0 0px 0; position:relative;} h1.profile_title{font-size: 50px; line-height: 100%; letter-spacing: 5px; font-weight: normal; padding: 60px 0 45px 0; } #profile_BOX_inner{width:1000px; height:1465px; margin:0 auto; background:#; position:relative; z-index:60; text-align:center; padding:0px 0 0px 0; position:relative;} @media screen and (max-width: 640px) { #profile_BOX { width:100%; text-align:center; margin:0 auto; padding:5% 0 15% 0; position:relative;} h1.profile_title{font-size: 30px; line-height: 100%; letter-spacing: 5px; font-weight: normal; padding: 30px 0 20px 0; color: #fff; text-decoration: none!important; } #profile_BOX_inner{width:100%; height:auto!important; margin:0 auto; background:#; position:relative; z-index:60; text-align:center; padding:0px 0 0px 0; position:relative;} }/*end*/ .profile_link {margin-top:10px; } .profile_link2 {margin-top:2px;} .profile_link img, .profile_link2 img{width: 20px;} .ne{ width:327px; height:749px; position:absolute; left:261px; top:573px; background:url(../img/profile/ne.png) no-repeat; display:none; z-index:110; } .ne_head{ width:217px; height:29px; position:absolute; left:1008px; top:407px; background:url(../img/profile/ne_head.png) no-repeat; display:none; z-index:110; } .ne_name{ width:248px; height:70px; position:absolute; left:1008px; top:453px; background:url(../img/profile/ne_name.png) no-repeat; display:none; z-index:110; } .ne_txt_box{ width:170px; height:240px; position:absolute; left:8px; top:550px; display:none; text-align:left; z-index:110; } .kz{ width:327px; height:774px; position:absolute; left:530px; top:455px; background:url(../img/profile/kz2.png) no-repeat; display:none; z-index:110; } .kz_head{ width:217px; height:29px; position:absolute; left:-200px; top:118px; background:url(../img/profile/kz_head2.png) no-repeat; display:none; z-index:110; } .kz_name{ width:358px; height:72px; position:absolute; left:-200px; top:155px; background:url(../img/profile/kz_name.png) no-repeat; display:none; z-index:110; } .kz_txt_box{ width:147px; height:240px; position:absolute; left:823px; top:264px; display:none; text-align:right; z-index:110; } .ry_img{ width:153px; height:187px; position:absolute; left:316px; top:1033px; background:url(../img/profile/ray.png) no-repeat; display:none; z-index:110; } .ry_head{ width:64px; height:29px; position:absolute; left:316px; top:1072px; background:url(../img/profile/ry_head.png) no-repeat; display:none; z-index:110; } .ry_name{ width:181px; height:88px; position:absolute; left:316px; top:1117px; background:url(../img/profile/ry_name.png) no-repeat; display:none; z-index:110; } .ry_txt_box{ width:450px; height:200px; position:absolute; left:533px; top:1097px; display:none; text-align:left; z-index:110; } .ry_txt_box .ry_txt_box_01{ float: left; width: 142px;} .ry_txt_box .ry_txt_box_02{ float: left; width: 121px; padding-top: 25px;} .ry_txt_box .ry_txt_box_03{ float: left; width: 180px; padding-top: 16px;} .ry_txt_box .ry_txt_box_s { clear: both; font-size:11px; color:#fff; line-height:18px; padding-top:20px;} .Profile_txt_name{ font-size:16px; font-weight:bold; color:#fff; line-height:25px;} .Profile_txt{ font-size:13px; color:#fff; line-height:25px; margin-top:7px;} .bg_L_w{ width:765px; height:765px; position:absolute; left:483px; top:255px; background:url(../img/profile/bg_L_w.png) no-repeat; display:none; z-index:100; }/*▲*/ .bg_L_t{ width:888px; height:889px; position:absolute; left:203px; top:63px; background:url(../img/profile/bg_L_t.png) no-repeat; display:none; z-index:101; }/*△*/ .bg_R_w{ width:721px; height:277px; position:absolute; left:-717px; top:442px; background:url(../img/profile/bg_R_w.png) no-repeat; display:none; z-index:100; }/*▲*/ .bg_R_t{ width:1288px; height:502px; position:absolute; left:-123px; top:449px; background:url(../img/profile/bg_R_t.png) no-repeat; display:none; z-index:101; }/*△*/ .bg_B_t{ width:422px; height:330px; position:absolute; left:-40px; top:949px; background:url(../img/profile/bg_B_t.png) no-repeat; display:none; z-index:101; }/*△*/ @media screen and (max-width: 640px) { .profile_link {margin-top:10px; } .profile_link2 {margin-top:2px;} .profile_link img, .profile_link2 img{width: 20px;} .profile_img img{ width:100%; vertical-align:bottom; margin:0 auto;} .ne_txt_box{ width:170px; height:240px; position:absolute; left:53%; top:16.5%; text-align:left; z-index:110; } .kz_txt_box{ width:170px; height:240px; position:absolute; left:10.5%; top:46.5%; text-align:left; z-index:110; } .ry_txt_box{ width:50%; height:auto; position:absolute; left:48%; top:79.8%; text-align:left; z-index:110; } .ry_txt_box .ry_txt_box_01{ float: left; width: auto; padding-right: 6%;} .ry_txt_box .ry_txt_box_02{ float: left; width: auto; padding-top: 22px;} .ry_txt_box .ry_txt_box_03{ clear: both; width: 180px; padding-top: 14px;} .ry_txt_box .ry_txt_box_s { clear: both; font-size:11px; color:#fff; line-height:18px; padding-top:20px;} }/*end*/ @media screen and (min-width: 551px) { .Profile_txt_name{ font-size:16px; font-weight:bold; color:#fff; line-height:25px;} .Profile_txt{ font-size:13px; color:#fff; line-height:25px; margin-top:10px;} .profile_link{margin-top:10px;} }/*end*/ @media screen and (min-width: 451px) and (max-width: 550px) { .Profile_txt_name{ font-size:14px; font-weight:bold; color:#fff; line-height:22px;} .Profile_txt{ font-size:12px; color:#fff; line-height:21px; margin-top:5px;} .profile_link{margin-top:7px;} }/*end*/ @media screen and (max-width: 450px) { .Profile_txt_name{ font-size:13px; font-weight:bold; color:#fff; line-height:20px;} .Profile_txt{ font-size:10px; color:#fff; line-height:16px; margin-top:5px;} .profile_link{margin-top:4px;} }/*end*/ @media screen and (max-width: 400px) { .ry_txt_box .ry_txt_box_s { clear: both; font-size:10px; color:#fff; line-height:18px; padding-top:20px;} .ry_txt_box .ry_txt_box_s br{ display: none;} }/*end*/ /*================================================================= DISCOGRAPHY =================================================================*/ /*TITLE*/ #co_disco_BOX{width:1000px; height:auto; margin:0 auto; background-color: rgba(255,255,255,0.8); position:relative; z-index:60; text-align:center; padding:10px 0 150px 0; position:relative;} h1.co_disco_title{font-size: 50px; line-height: 100%; letter-spacing: 5px; font-weight: normal; padding: 60px 0 45px 0; color: #fff; text-decoration: none!important; } @media screen and (max-width: 640px) { #co_disco_BOX { width:94%; background-color: rgba(255,255,255,0.8); text-align:center; margin:0 auto; padding:1% 0 12% 0;} h1.co_disco_title{font-size: 30px; line-height: 100%; letter-spacing: 5px; font-weight: normal; padding: 30px 0 20px 0; color: #fff; text-decoration: none!important; } }/*end*/ .disco_set{ border-bottom:solid 2px #ccc; width:90%; margin:40px auto 0 auto; clear:both; color:#333; padding-bottom:40px;} .disco_L{ float:left; width:40%; background:#; text-align:left;} .disco_L img{width:90%;} .disco_R{ float:left; text-align:left;} .disco_h2{ font-size:25px; line-height:30px;} .disco_txt_s{ margin-top:15px; font-size:13px; line-height:22px;} .disco_txt{ margin-top:15px; font-size:13px; line-height:22px;} @media screen and (max-width: 640px) { .disco_set{ border-bottom:solid 2px #ccc; width:90%; margin:5% auto 0 auto; clear:both; color:#333; padding-bottom:5%;} .disco_L{ float:left; width:40%; background:#; text-align:left;} .disco_L img{width:85%;} .disco_R{ float:left; width:60%; text-align:left;} .disco_h2{ font-size:18px; line-height:26px;} .disco_txt_s{ margin-top:3%; font-size:12px; line-height:18px;} .disco_txt{ margin-top:3%; font-size:12px; line-height:20px; word-break:break-all;} .disco_set span{ display:inline-block;} }/*end*/ /*================================================================= CONTENTS =================================================================*/ #contents_BOX { width:1000px; height:auto; margin:0 auto; position:relative; z-index:60; text-align:center; padding:0px 0 0px 0; } #contents_BOX ul { list-style: none; width:98%; margin: 0px auto 0 auto; position: relative; z-index: 100; } #contents_BOX ul::after { content:" "; display:block; clear:both;}/*clearfix*/ #contents_BOX ul li{ float: left; width: 44%; margin: 60px 3% 0 3%;position: relative; z-index: 100; } #contents_BOX ul li img{ width: 100%; } #contents_BOX ul li a{ transition: 0.3s; } #contents_BOX ul li a:hover{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } @media screen and (max-width: 640px) { #contents_BOX { width:100%; text-align:center; margin:0 auto; padding:3% 0 1% 0;position:relative;} #contents_BOX ul { list-style: none; width:85%; margin: 0px auto 0 auto; position: relative; z-index: 100; } #contents_BOX ul::after { content:" "; display:block; clear:both;}/*clearfix*/ #contents_BOX ul li{ float: left; width: 46%; margin: 5% 2% 1% 2%;position: relative; z-index: 100; } #contents_BOX ul li img{ width: 100%; } #contents_BOX ul li a{ transition: 0.3s; } #contents_BOX ul li a:hover{ filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; } }/*end*/ /*================================================================= タイトル =================================================================*/ .h2_title{ width:950px; padding:15px 0 30px 0; border-top: solid 7px #333; margin:0 auto; text-align:left;} /*================================================================= DL =================================================================*/ /*TITLE*/ .dl_title{ width:600px; height:80px; position:absolute; left:1500px; top:33px; background:url(../img/dl/dl_title.png) no-repeat center top ; position:relative; display:none;} #dl_BOX{width:1000px; height:auto; margin:0 auto; position:relative; z-index:60; text-align:center; padding:0px 0 120px 0; position:relative; z-index:10;} .dl_co{ padding-bottom:60px;position:relative; z-index:10;} #dl_btn_BOX{ width:948px; height:379px; margin:0 auto; } #dl_btn_BOX li a{ display:block; float:left; text-indent:-9999px; position:relative;} .dl_btn_01 a{ width:300px; height:379px; background:url(../img/dl/dl_btn_01.png) no-repeat center top; display:none; z-index:1;} .dl_btn_02 a{ width:300px; height:379px; margin-left:24px; background:url(../img/dl/dl_btn_02.png) no-repeat center top; display:none; z-index:1;} .dl_btn_03 a{ width:300px; height:379px; margin-left:24px; background:url(../img/dl/dl_btn_03.png) no-repeat center top; display:none; z-index:1;} .dl_btn_01icon{ width:58px; height:58px; position:absolute; left:121px; bottom:48px; margin:0 auto; padding:0; background:url(../img/dl/dl_btn_01icon.png) no-repeat center top; display:none; z-index:2;} .dl_btn_02icon{ width:58px; height:58px; position:absolute; left:121px; bottom:48px; margin:0 auto; padding:0; background:url(../img/dl/dl_btn_02icon.png) no-repeat center top; display:none; z-index:2;} .dl_btn_03icon{ width:58px; height:58px; position:absolute; left:121px; bottom:48px; margin:0 auto; padding:0; background:url(../img/dl/dl_btn_03icon.png) no-repeat center top; display:none; z-index:2;} #dl_txt_BOX{ text-align:center; width:900px; height:80px; background:#; margin:0 auto; padding:80px 0 0px 0;} #dl_txt_BOX p.dl_txt_title{ font-size:16px; font-weight:bold; color:#98233e; letter-spacing:1px; padding: 0 0 15px 0;} #dl_txt_BOX p.dl_txt{ font-size:13px; line-height:21px; font-weight:bold; color:#333; letter-spacing:1px; padding: 0 0 0px 0;} /*================================================================= LIVE =================================================================*/ /*LIVE*/ #co_live_BOX{width:1000px; height:auto; margin:0 auto; background:url(../img/common/co_bg2.png); position:relative; z-index:200; text-align:center; padding:40px 0 130px 0; position:relative;} /*================================================================= 最初消し =================================================================*/ .triangle_01, .triangle_02, .triangle_03, .triangle_04, .triangle, .triangle_co, .btm_logo, .page_top a, .eot_title, .eot_ray, .eot_kazuto, .eot_neon{ visibility:hidden;}