@charset "utf-8"; /* ============================================================================= メイン用CSS ========================================================================== */ html { -webkit-text-size-adjust: none; } body {font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:14px;color: #666666;background-color:#FFFFFF;} a { text-decoration: none; color:#f33082; } ul li { list-style: none;} /* main_android.html */ .test { background-color:#F00; } /* ──────────────────── header ──────────────────── */ #header { width: 100%;} #header .main_head { width: 95%; margin: 10px auto; } #header .main_head ul { } #header .main_head ul li { float: left;} #header .main_head ul li.logo { } #header .main_head ul li.word { } #header .main_head ul li.login { float: right; } #header .comment { width: 95%; background-color: #e8e8e8;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; margin: 10px auto; padding: 5px; font-size:90%; word-break: break-word;} .fixedHeader { box-shadow: 1px 1px 4px -1px rgba(174,74,74,0); -webkit-box-shadow: 1px 1px 4px -1px rgba(174,74,74,0); -moz-box-shadow: 1px 1px 4px -1px rgba(174,74,74,0); }header {padding:2px 0 2px 1%;} header * {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;} header .headerTopMainL {float:left;width:15%;padding-right:1%;padding-top:6px;} header .headerTopMainC {float:left;width:46%;padding-right:0.5%;} header .headerTopMainR {float:left;width:39%;padding-top:2px;} header .headerTopMainL a { display:block;width:100%; color:#3b0001;font-size:11px;text-align:center;font-weight:bold; border:2px solid #ff429b;border-radius:6px; padding:3px 0; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #fcfcfc 47%, #f2f2f2 53%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#fcfcfc), color-stop(53%,#f2f2f2), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #ffffff 0%,#fcfcfc 47%,#f2f2f2 53%,#ffffff 100%); background: -o-linear-gradient(top, #ffffff 0%,#fcfcfc 47%,#f2f2f2 53%,#ffffff 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fcfcfc 47%,#f2f2f2 53%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 0%,#fcfcfc 47%,#f2f2f2 53%,#ffffff 100%); box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); -webkit-box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); -moz-box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); } header .headerTopMainL .headerTopMainL_MYP {font-size:75%;letter-spacing:-1px;} header .headerTopMainC img{display:block;width:90%;} header .headerTopMainR div.headerMenuOPBtn, header .headerTopMainR a { float:left;display:block;width:31%; color:#fff;font-size:8px;text-align:center;letter-spacing:-1px; margin:0 1%;padding:3px 0; border-radius:6px; background:#444; box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); -webkit-box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); -moz-box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); } header .headerTopMainR div.headerMenuOPBtn, header .headerTopMainR a.headerMenuOPBtn { color:#f33082; padding:1px; background: #cacacb; background: -moz-linear-gradient(top, #cacacb 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacacb), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #cacacb 0%,#ffffff 100%); background: -o-linear-gradient(top, #cacacb 0%,#ffffff 100%); background: -ms-linear-gradient(top, #cacacb 0%,#ffffff 100%); background: linear-gradient(to bottom, #cacacb 0%,#ffffff 100%); } header .headerTopMainR div.headerMenuOPBtn div, header .headerTopMainR a.headerMenuOPBtn div { width:100%; padding:2px 0; border-radius:6px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 35%, #d8d8d8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#ffffff), color-stop(100%,#d8d8d8)); background: -webkit-linear-gradient(top, #ffffff 35%,#d8d8d8 100%); background: -o-linear-gradient(top, #ffffff 35%,#d8d8d8 100%); background: -ms-linear-gradient(top, #ffffff 35%,#d8d8d8 100%); background: linear-gradient(to bottom, #ffffff 35%,#d8d8d8 100%); box-shadow: inset -1px -1px 1px 0px rgba(74,74,74,0.5); -webkit-box-shadow: inset -1px -1px 1px 0px rgba(74,74,74,0.5); -moz-box-shadow: inset -1px -1px 1px 0px rgba(74,74,74,0.5); } header .headerTopMainR div a.headerTopMainRPCmode {float:right;width:40%;font-size:9px;margin:0 3% 0 0;} header .headerTopMainR i {display:block;font-size:16px;padding:1px 0;} header .headerTopMainR img {display:block;width:100%;} .topCaption {text-align:left;padding-top:2px;} .topCaption .topCaptionL {float:left;width:75%;font-size:65%;padding-left:1.5%;} .topCaption .topCaptionR {float:left;width:25%;font-size:80%;padding:0 0.2em;} .topCaption .topCaptionO {font-size:70%;padding-left:1.5%;} .fixedHeaderbottomsmall { box-shadow: 0px 0px 5px 0px rgba(55,55,55,0.5); -webkit-box-shadow: 0px 0px 5px 0px rgba(55,55,55,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(55,55,55,0.5); } .topCaptionAttentiontxt {color:#F33082;background:#FFEFF7;padding:0 1%;line-height:2em;font-size:100%;} /* ──────────────────── container ──────────────────── */ /* 今月の特集 */ #container .content .special h3 { background-repeat: no-repeat; padding: 3px 0px; font-size:110%; font-weight: bold; color: #ff6224; background-color: #FFFFFF; border-top: 2px solid #ff6224; border-bottom: 1px solid #c9c9c9; margin-bottom: 10px; } #container .content .special h3 div { border-left: 5px solid #ff6224; margin-left: 5px; padding-left: 4px; } #container .content .special {} /* 画像3つ */ .special .work { width:100%;} .special .work ul { text-align: center; margin-bottom: 5px; } .special .work ul li{ display: inline; } /* エリアで探す */ #container .content .special .area { width: 90%; font-size:120%; text-align: left; border: 6px solid #fcd97d; margin-right: auto; margin-left: auto; margin-bottom:10px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 2px 2px 4px rgb(51, 51, 51); -moz-box-shadow: 2px 2px 4px rgb(51, 51, 51); -ms-box-shadow: 2px 2px 4px rgb(51, 51, 51); box-shadow: 2px 2px 4px rgb(51, 51, 51); } #container .content .special .area .menu_head { text-align:center; padding:10px; color:#fff; text-shadow: 1px 1px 0px rgb(0, 0, 0); font-weight:bold;background-color: #fadb7f; } #container .content .special .area ul.menu_body { background-color:#fadb7f; border-top:none; } #container .content .special .area ul.menu_body li { background-color:#fadb7f; } #container .content .special .area ul.menu_body li.arrow { width: 98%; margin:0px auto; color: rgb(255, 255, 255); border-top: 1px solid #FBAF4A; text-align:left; padding: 5px 0px 5px 5px; background-color:#fffad7; } #container .content .special .area ul.menu_body li.arrow .arrow02 { background-image: url(../images/arrow_o.gif); background-repeat: no-repeat; background-position: right center; display: block; margin-right:8px;} #container .content .special .area ul.menu_body li.firstChild { border-top:none; border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; } #container .content .special .area ul.menu_body li.lastChild { border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; } /* 新着情報メール登録 */ #container .content .special .new_mail {} #container .content .special .new_mail table { border: 1px solid #ff6224; margin: 10px auto;} #container .content .special .new_mail table tr {} #container .content .special .new_mail table tr td{} #container .content .special .new_mail table tr td.title { background-color: #ff6224; color: #ffffff; font-size:100%; padding:5px 10px;} #container .content .special .new_mail table tr td.details { padding: 5px 10px; background-color: #ffddba; color:#80766d;} #container .content .special .new_mail table tr td.details .regist { width: 60%; font-size:90%; background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(254, 211, 112)),color-stop(0.4, rgb(255, 234, 186)),color-stop(1, rgb(253, 178, 2))); background-image: -moz-linear-gradient(-90deg,rgb(254, 211, 112) 0%,rgb(255, 234, 186) 48%,rgb(253, 178, 2) 100%); background-image: linear-gradient(-90deg,rgb(254, 211, 112) 0%,rgb(255, 234, 186) 48%,rgb(253, 178, 2) 100%); color:#FF6600; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-box-shadow: 2px 2px 4px rgb(51, 51, 51); -moz-box-shadow: 2px 2px 4px rgb(51, 51, 51); -ms-box-shadow: 2px 2px 4px rgb(51, 51, 51); box-shadow: 2px 2px 4px rgb(51, 51, 51); text-shadow: 1px 1px 0px rgb(81, 75, 70); text-align: center; border: 1px solid #fcd97d; padding: 3px; margin: 10px auto; font-weight: bold; } #container .content .special .new_mail table tr td.details .regist a { color:#FF6600; } /* 地域 */ #container .content .area { } #container .content .area h3 { background-repeat: no-repeat; padding: 3px 0px; font-size:100%; font-weight: bold; color: #ff6224; background-color: #FFFFFF; border-top: 2px solid #ff6224; border-bottom: 1px solid #c9c9c9; } #container .content .area h3 div {border-left: 5px solid #ff6224; margin-left: 5px; padding-left: 4px;} #container .content .area h1.main_area { padding:5px; clear:both; text-shadow:0 0 0 #fff; height:16px; line-height:16px; width:230px; font-size:100%;} #container .content .area .main_area_list { padding:0; margin:0; } #container .another_area_list { padding:5px; line-height:16px; } #container .another_area_list a { line-height:16px; height:16px; } /* インフォメーション */ #container .content .info h3 { background-repeat: no-repeat; padding: 3px 0px; font-size:100%; font-weight: bold; color: #ff6224; background-color: #FFFFFF; border-top: 2px solid #ff6224; border-bottom: 1px solid #c9c9c9; margin-bottom: 10px; } #container .content .info h3 div {border-left: 5px solid #ff6224; margin-left: 5px; padding-left: 4px;} #container .content .info .details { font-size:90%;} #container .content .info .details ul { width: 100%; margin-right: auto; margin-left: auto; } #container .content .info .details ul li { clear: both; border-bottom: 1px solid #ccc; padding: 5px; background-image: url(/images/arrow_o.gif); background-repeat: no-repeat; background-position: right center; } #container .content .info .details ul li .com01 { background-image:url(/images/icon1.gif); background-repeat: no-repeat; background-position: left center; margin: 5px; padding: 5px 5px 5px 30px; } #container .content .info .details ul li .com02 { background-image:url(/images/icon2.gif); background-repeat: no-repeat; background-position: left center; margin: 5px; padding: 5px 5px 5px 30px;} #container .content .info .details ul li .com03 { background-image:url(/images/icon3.gif); background-repeat: no-repeat; background-position: left center; margin: 5px; padding: 5px 5px 5px 30px;} #container .content .info .details ul li .com04 { background-image:url(/images/icon4.gif); background-repeat: no-repeat; background-position: left center; margin: 5px; padding: 5px 5px 5px 30px;} /* 全国TOPエリア選択 */ .allareaTopMainBox {background:#fdf6fd;padding:0.6em 0;} .allareaTopWorkMTB table {width:98%;margin:0.6em auto;} .allareaTopWorkMTB td {position:relative;width:33.33%;text-align:center;} .allareaTopWorkMTB img {position:relative;display:block;width:100%;height:auto;max-height:90px;z-index:5;} .allareaTopWorkMTB span.allareaTopWorkMTBname { position:absolute;top:18%;left:0; width:100%;height:auto; color:#5e0032;font-size:110%;font-weight: bold; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff,1px 1px 3px #fff,-1px 1px 3px #fff,1px -1px 3px #fff,-1px -1px 3px #fff,3px 3px 3px rgba(210,25,100,0.9); z-index:9; } .allareaTopWorkMTB span.allareaTopWorkMTBcont { position:absolute;top:62%;left:12%; display:block; width:76%; color:#5e0032;font-size:80%;line-height:110%; padding:2px 0 1px 0; background:#fff;border-radius:1em; box-shadow: inset 1px 1px 3px -2px rgba(40,0,0,0.8); -webkit-box-shadow: inset 1px 1px 3px -2px rgba(40,0,0,0.8); -moz-box-shadow: inset 1px 1px 3px -2px rgba(40,0,0,0.8); z-index:8; } .allareaTopMainBtmTxt {width:92%;color:#777;font-size:80%;line-height:140%;margin:auto;} .allareaTopWorkMTB .big_areacount_non span.allareaTopWorkMTBname { color:#888; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff,1px 1px 3px #fff,-1px 1px 3px #fff,1px -1px 3px #fff,-1px -1px 3px #fff,3px 3px 3px rgba(120,120,120,0.9); } .allareaTopWorkMTB .big_areacount_non span.allareaTopWorkMTBcont {color:#999;} /* 全国TOPオススメ都道府県選択 */ .allareaTopWorkMTBS{justify-content:center;align-items:center;border-bottom:1px dashed #ccc;} .allareaTopWorkMTBS *{box-sizing:border-box;} .allareaTopWorkMTBS h2{background:#ca69e6;color:#fff;font-size:17px;padding:4px .5em;text-align:center;margin-bottom:.5em;text-shadow:1px 1px 2px #9229C6;} .allareaTopWorkMTBS h2 i{color:#FECCEC;} .allareaTopWorkMTBS ul{padding:8px 2%;} .allareaTopWorkMTBS li a{float:left;margin:0 2% 6px 0;padding:6px .5em;width:23.5%;color:#A545B2;text-shadow:1px 1px #fff;border:2px solid #EEC8F4;border-right-color:#E08DEF;border-bottom-color:#E08DEF;font-size:14px;text-align:center;border-radius:3px;box-shadow:1px 1px 2px #fff inset,1px 1px 2px rgba(0,0,0,.2);background:rgb(248,238,249);background:-moz-linear-gradient(-23deg, rgba(248,238,249,1) 0%, rgba(248,238,249,1) 50%, rgba(244,222,247,1) 51%, rgba(248,238,249,1) 100%);background:-webkit-linear-gradient(-23deg, rgba(248,238,249,1) 0%,rgba(248,238,249,1) 50%,rgba(244,222,247,1) 51%,rgba(248,238,249,1) 100%);background:linear-gradient(157deg, rgba(248,238,249,1) 0%,rgba(248,238,249,1) 50%,rgba(244,222,247,1) 51%,rgba(248,238,249,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8eef9', endColorstr='#f8eef9',GradientType=1 );} .allareaTopWorkMTBS li:first-child a:nth-child(even),.allareaTopWorkMTBS li:last-child a:nth-child(odd){color:#b2456d;border-color:#f4c8d9;border-right-color:#ef8db5;border-bottom-color:#ef8db5;background:rgb(247,224,233);background:-moz-linear-gradient(-23deg, rgba(247,224,233,1) 0%, rgba(247,224,233,1) 50%, rgba(244,208,222,1) 51%, rgba(247,224,233,1) 100%, rgba(247,224,233,1) 100%);background: -webkit-linear-gradient(-23deg, rgba(247,224,233,1) 0%,rgba(247,224,233,1) 50%,rgba(244,208,222,1) 51%,rgba(247,224,233,1) 100%,rgba(247,224,233,1) 100%);background: linear-gradient(157deg, rgba(247,224,233,1) 0%,rgba(247,224,233,1) 50%,rgba(244,208,222,1) 51%,rgba(247,224,233,1) 100%,rgba(247,224,233,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e0e9', endColorstr='#f7e0e9',GradientType=1 );} .allareaTopWorkMTBS li a:last-child{margin-right:0;} /* エリアTOPボタンメニュー */ .tableLink4box {width:100%;margin:1em auto;border-collapse:separate;border-spacing:4px;} .tableLink4box td { position:relative;overflow:hidden; width:25%;height:3em;font-size:95%;vertical-align:middle; border:1px solid #F230A1;border-radius:4px; background: #ffeaf5; background: -moz-linear-gradient(top, #ffeaf5 0%, #ffd3eb 50%, #ffbfe1 51%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeaf5), color-stop(50%,#ffd3eb), color-stop(51%,#ffbfe1)); background: -webkit-linear-gradient(top, #ffeaf5 0%,#ffd3eb 50%,#ffbfe1 51%); background: -o-linear-gradient(top, #ffeaf5 0%,#ffd3eb 50%,#ffbfe1 51%); background: -ms-linear-gradient(top, #ffeaf5 0%,#ffd3eb 50%,#ffbfe1 51%); background: linear-gradient(to bottom, #ffeaf5 0%,#ffd3eb 50%,#ffbfe1 51%); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); } .tableLink4box td:hover { overflow:visible; border:1px solid #fe489d; background: #fe489d; background: -moz-linear-gradient(top, #fe489d 0%, #f4348a 50%, #fc4399 51%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe489d), color-stop(50%,#f4348a), color-stop(51%,#fc4399)); background: -webkit-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: -o-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: -ms-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: linear-gradient(to bottom, #fe489d 0%,#f4348a 50%,#fc4399 51%); } .tableLink4box td.tableLink1L img {position:absolute;z-index:2;top:-8%;left:10%;display:block;width:80%;opacity:0.4;margin:auto auto 0.5em auto;} .tableLink4box td.tableLink2L img {position:absolute;z-index:2;top:-8%;left:10%;display:block;width:80%;opacity:0.4;margin:auto;} .tableLink4box td:hover img {top:-50%;opacity:1;} .tableLink4box td.tableLink1L a, .tableLink4box td.tableLink2L a, .tableLink4box td.tableLink1L span, .tableLink4box td.tableLink2L span { position:relative;z-index:8; display:block;width:100%; color:#F230A1;text-align:center;font-weight:bold;line-height:130%; text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 3px rgba(147,20,86, 0.6); } .tableLink4box td.tableLink1L a, .tableLink4box td.tableLink1L span {padding:1em 0;} .tableLink4box td.tableLink2L a, .tableLink4box td.tableLink2L span {padding:0.5em 0;} /* 地域一覧 */ .newMainAreaListTable {padding-bottom:1em;} .newMainAreaListTable > div {width:100%;margin:0 auto;padding:0.8em 0;} .newMainAreaListTable table {width:100%;table-layout:fixed;} .newMainAreaListTable th, .newMainAreaListTable td {width:33.33%;padding:0.3em 0.2em;} .newMainAreaListTable a { position:relative;overflow:hidden; display:block;width:100%; font-size:85%;color:#444;line-height:120%;text-align:center;letter-spacing:-1px; text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 3px rgba(0, 0, 0, 0.4); padding:2px 0.6em 2px 0.9em; border:2px solid #fff;border-radius:6px; background:#fff; box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1),inset 0px 0px 15px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1),inset 0px 0px 15px 0px rgba(0,0,0,0.05); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1),inset 0px 0px 15px 0px rgba(0,0,0,0.05); } .newMainAreaListTable th a {width:50%;color:#fff;font-size:100%;text-shadow:2px 2px 3px rgba(0,0,0,0.2);padding:5px 0.6em 5px 0.9em;} .newMainAreaLT1 {background:#FFF9FC;border-bottom:1px dashed #FFA3CC;} .newMainAreaLT2 {background:#FFFAF9;border-bottom:1px dashed #FFADA3;} .newMainAreaLT3 {background:#FFFDF9;border-bottom:1px dashed #FFE4A3;} .newMainAreaLT4 {background:#FCFFF9;border-bottom:1px dashed #D5FFA3;} .newMainAreaLT5 {background:#F9FFFD;border-bottom:1px dashed #A3FFDD;} .newMainAreaLT6 {background:#F9FEFF;border-bottom:1px dashed #A3F5FF;} .newMainAreaLT7 {background:#FAF9FF;border-bottom:1px dashed #AFA3FF;} .newMainAreaLT8 {background:#FCF9FF;border-bottom:1px dashed #DAA3FF;} .newMainAreaLT9 {background:#FEF9FF;border-bottom:1px dashed #F5A3FF;} .newMainAreaLT10{background:#FFF9FC;border-bottom:1px dashed #FFA3DA;} .newMainAreaLT1 th a{background:#ff007a;} .newMainAreaLT2 th a{background:#ff1f00;} .newMainAreaLT3 th a{background:#ffb800;} .newMainAreaLT4 th a{background:#85E016;} .newMainAreaLT5 th a{background:#00ED9A;} .newMainAreaLT6 th a{background:#09D8EF;} .newMainAreaLT7 th a{background:#2D10E8;} .newMainAreaLT8 th a{background:#9009EA;} .newMainAreaLT9 th a{background:#E202F7;} .newMainAreaLT10 th a{background:#F7079B;} .newMainAreaListTable i.rightarrow {color:#fff;text-shadow: 2px 2px 3px rgba(0,0,0,0.2);} .newMainAreaListTable a span {display:block;position:absolute;top:0;left:0;width:8px;height:4em;background:#FF007A;padding:2px 0;} .newMainAreaLT1 a span.newMALsbar {background:#ff007a;} .newMainAreaLT2 a span.newMALsbar {background:#ff1f00;} .newMainAreaLT3 a span.newMALsbar {background:#ffb800;} .newMainAreaLT4 a span.newMALsbar {background:#85E016;} .newMainAreaLT5 a span.newMALsbar {background:#00ED9A;} .newMainAreaLT6 a span.newMALsbar {background:#09D8EF;} .newMainAreaLT7 a span.newMALsbar {background:#2D10E8;} .newMainAreaLT8 a span.newMALsbar {background:#9009EA;} .newMainAreaLT9 a span.newMALsbar {background:#E202F7;} .newMainAreaLT10 a span.newMALsbar{background:#F7079B;} .newMainAreaListTable a span.newMALwhte1 {background:rgba(255,255,255,0.02);} .newMainAreaListTable a span.newMALwhte2 {background:rgba(255,255,255,0.04);} .newMainAreaListTable a span.newMALwhte3 {background:rgba(255,255,255,0.06);} .newMainAreaListTable a span.newMALwhte4 {background:rgba(255,255,255,0.08);} .newMainAreaListTable a span.newMALwhte5 {background:rgba(255,255,255,0.10);} .newMainAreaListTable a span.newMALwhte6 {background:rgba(255,255,255,0.12);} .newMainAreaListTable a span.newMALwhte7 {background:rgba(255,255,255,0.14);} .newMainAreaListTable a span.newMALwhte8 {background:rgba(255,255,255,0.16);} .newMainAreaListTable a span.newMALwhte9 {background:rgba(255,255,255,0.18);} .newMainAreaListTable a span.newMALwhte10 {background:rgba(255,255,255,0.20);} .newMainAreaListTable a span.newMALwhte11 {background:rgba(255,255,255,0.22);} .newMainAreaListTable a span.newMALwhte12 {background:rgba(255,255,255,0.24);} .newMainAreaListTable a span.newMALwhte13 {background:rgba(255,255,255,0.26);} .newMainAreaListTable a span.newMALwhte14 {background:rgba(255,255,255,0.28);} .newMainAreaListTable a span.newMALwhte15 {background:rgba(255,255,255,0.30);} .newMainAreaListTable a span.newMALwhte16 {background:rgba(255,255,255,0.32);} .newMainAreaListTable a span.newMALwhte17 {background:rgba(255,255,255,0.34);} .newMainAreaListTable a span.newMALwhte18 {background:rgba(255,255,255,0.36);} .newMainAreaListTable a span.newMALwhte19 {background:rgba(255,255,255,0.38);} .newMainAreaListTable a span.newMALwhte20 {background:rgba(255,255,255,0.40);} .newMainAreaListTable a span.newMALwhte21 {background:rgba(255,255,255,0.42);} .newMainAreaListTable a span.newMALwhte22 {background:rgba(255,255,255,0.44);} .newMainAreaListTable a span.newMALwhte23 {background:rgba(255,255,255,0.46);} .newMainAreaListTable a span.newMALwhte24 {background:rgba(255,255,255,0.48);} .newMainAreaListTable a span.newMALwhte25 {background:rgba(255,255,255,0.50);} .newMainAreaListTable a span.newMALwhte26 {background:rgba(255,255,255,0.52);} .newMainAreaListTable a span.newMALwhte27 {background:rgba(255,255,255,0.54);} .newMainAreaListTable a span.newMALwhte28 {background:rgba(255,255,255,0.56);} .newMainAreaListTable a span.newMALwhte29 {background:rgba(255,255,255,0.58);} .newMainAreaListTable a span.newMALwhte30 {background:rgba(255,255,255,0.60);} .newMainAreaListTable a span.newMALwhte31 {background:rgba(255,255,255,0.62);} .newMainAreaListTable a span.newMALwhte32 {background:rgba(255,255,255,0.64);} .newMainAreaListTable a span.newMALwhte33 {background:rgba(255,255,255,0.66);} .newMainAreaListTable a span.newMALwhte34 {background:rgba(255,255,255,0.68);} .newMainAreaListTable a span.newMALwhte35 {background:rgba(255,255,255,0.70);} .newMainAreaListTable a span.newMALwhte36 {background:rgba(255,255,255,0.72);} .newMainAreaListTable a span.newMALwhte37 {background:rgba(255,255,255,0.74);} .newMainAreaListTable a span.newMALwhte38 {background:rgba(255,255,255,0.76);} .newMainAreaListTable a span.newMALwhte39 {background:rgba(255,255,255,0.78);} .newMainAreaListJob a { float:left;display:block;width:33.33%; color:#555;font-size:90%;text-align:center;letter-spacing:-1px;line-height:120%; padding:0.3em 0.2em; border-bottom:1px solid #eee;border-right:1px solid #eee; } .newMainAreaListJob a:nth-child(3n) {border-right:none;} .newMainAreaListJob a span {color:#3085f4;} /* ──────────────────── freeTopBox ──────────────────── */ .freeTopBox img.contentsUpdate {width:100%;} .freeTopBox .freeArea {text-align:center;z-index:0;} .freeTopBox .freeArea a {color:#333;width:100%;height:70px;text-align:left;display:block;} .freeTopBox .freeArea .bgSenpai,.freeTopBox .freeArea .bgMaruhi {height:70px;background-size:contain;position:relative;top:-8px;background-image:url('/images/sp/bgSenpai.png');} .freeTopBox .freeArea .bgSenpai img.img_freeArea,.freeTopBox .freeArea .bgMaruhi img.img_freeArea {width:300px;height:70px;} .freeTopBox .freeArea .bgSenpai img.btn_freeArea,.freeTopBox .freeArea .bgMaruhi img.btn_freeArea {position:relative;margin-left:88%;top:-70px;width:30px;height:30px;} .freeTopBox .freeArea .bgSenpai p {position:relative;width:100%;left:50px;top:-78px;font-size:90%;} .freeTopBox .freeArea .bgMaruhi p {position:relative;width:100%;left:50px;top:-72px;font-size:90%;} .freeTopBox .freeArea .bgSenpai p span,.freeTopBox .freeArea .bgMaruhi p span {color:#f00;} .freeTopBox .freeArea .bgMaruhi {height:70px;background-size:contain;position:relative;top:-8px;background-image:url('/images/sp/bgMaruhi.png');} @media screen and (max-width: 767px) { .freeTopBox .freeArea .bgSenpai p {position:relative;width:250px;left:52px;top:-88px;font-size:90%;} .freeTopBox .freeArea .bgMaruhi p {position:relative;width:240px;left:54px;top:-86px;font-size:90%;} .freeTopBox .freeArea a {margin-bottom:10px;} } /* ──────────────────── search ──────────────────── */ #searchAll {background:#fff;} #searchAll .searchMenuNameWap {padding:0.5em;background:#febcdb;} #searchAll .searchMenuNameWap input[type="checkbox"] {display:none;} #searchAll .searchMenuNameWap input[type="checkbox"] + label { display:block; cursor:pointer; color:#555;line-height:110%; margin:0.6em auto;padding:0.5em; border-radius:0.5em; background:#fff; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15); -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15); } #searchAll .searchMenuNameWap input[type="checkbox"]:checked + label { color:#222;font-weight:bold; background: #ffffd8; background: -moz-linear-gradient(top, #ffffd8 0%, #ffffc6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffd8), color-stop(100%,#ffffc6)); background: -webkit-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: -o-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: -ms-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: linear-gradient(to bottom, #ffffd8 0%,#ffffc6 100%); } #searchAll .searchAreaCount {color:#f33082;font-size:110%;} #searchAll .searchAreaCount span {font-size:70%;} #searchAll .searchAreaSubtxt {color:#888;font-size:80%;letter-spacing:-1px;} #searchAll .searchAreaNAC input[type="checkbox"] + label {color:#FF006A;font-weight:normal;background:#FFEDF3;} #searchAll .checkAll {text-align:center;} #searchAll .checkAll i {color:#f33082;} #searchAll .searchCheckAllOFF {display:none;} #searchAll .searchMenuNameWap input[type="checkbox"]:checked + label .searchCheckAllON {display:none;} #searchAll .searchMenuNameWap input[type="checkbox"]:checked + label .searchCheckAllOFF{display:inline;} #searchAll .GlayCaptionPnk { color:#FF448F; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(210,25,100,0.6); border-bottom:2px solid #FFD6E9; background: #ffeff5; background: -moz-linear-gradient(top, #ffeff5 0%, #ffe2ee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeff5), color-stop(100%,#ffe2ee)); background: -webkit-linear-gradient(top, #ffeff5 0%,#ffe2ee 100%); background: -o-linear-gradient(top, #ffeff5 0%,#ffe2ee 100%); background: -ms-linear-gradient(top, #ffeff5 0%,#ffe2ee 100%); background: linear-gradient(to bottom, #ffeff5 0%,#ffe2ee 100%); } #searchAll .searchMenuNameBigWap .GlayCaptionPnk {color:#5e0032;} #searchAll .searchMenuPreResult, #searchAll .searchMenuBtnBox {width:90%;} #searchAll .searchMenuPreResult { margin:1em auto; border-radius:8px; background:#fff; box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.2); overflow:hidden; } #searchAll .searchMenuPreResultHead {background:#f7c102;line-height:1em;} #searchAll .searchMenuPreResult p {text-align:center;margin:0.3em 0;} #searchAll .searchMenuPreResult .searchMenuPreResultNum {font-size:140%;color:#f33082;font-weight:bold;padding:0 0.5em;} #searchAll .searchMenuPreResult .searchMenuPreResultTxt {font-size:120%;color:#333;} #searchAll .searchMenuBtnBox {margin:1em auto;} #searchAll .searchMenuBtnBoxRst {float:left;width:35.1%;} #searchAll .searchMenuBtnBoxExe {float:right;width:64.8%;} #searchAll .searchMenuBtnBoxRst img {display:block;width:100%;height:auto;} #searchAll .searchMenuBtnBoxExe input {width:100%;height:auto;} #searchAll .searchMenuNameBigChoosy input[type="checkbox"] {display: none;} #searchAll .searchMenuNameBigChoosy .searchMenuName {float:left;width:48%;margin:3px 1%;} #searchAll .searchMenuNameBigChoosy input[type="checkbox"] + label { display:block;height:4.4em; font-size:100%;text-align:center;line-height:120%; padding:0.4em 0; border:1px solid #ff448f;border-radius:6px; background:#fff; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05); } #searchAll .searchMenuNameBigChoosy input[type="checkbox"]:checked + label { color:#222;font-weight:bold; background: #ffffd8; background: -moz-linear-gradient(top, #ffffd8 0%, #ffffc6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffd8), color-stop(100%,#ffffc6)); background: -webkit-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: -o-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: -ms-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: linear-gradient(to bottom, #ffffd8 0%,#ffffc6 100%); } #searchAll .searchMenuNameSmallChoosy input[type="checkbox"] {display: none;} #searchAll .searchMenuNameSmallChoosy .searchMenuName {float:left;width:48%;margin:3px 1%;} #searchAll .searchMenuNameSmallChoosy input[type="checkbox"] + label { display:block; font-size:100%;text-align:center;line-height:120%; padding:0.4em 0; border:1px solid #ff448f;border-radius:6px; background:#fff; box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05); -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.05); } #searchAll .searchMenuNameSmallChoosy input[type="checkbox"]:checked + label { color:#222;font-weight:bold; background: #ffffd8; background: -moz-linear-gradient(top, #ffffd8 0%, #ffffc6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffd8), color-stop(100%,#ffffc6)); background: -webkit-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: -o-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: -ms-linear-gradient(top, #ffffd8 0%,#ffffc6 100%); background: linear-gradient(to bottom, #ffffd8 0%,#ffffc6 100%); } #searchAll .searchMenuChoosyInc {padding-bottom:0.5em;background:#dff2fc;} #searchAll .searchMenuChoosyIncCaption {color:#fff;margin-bottom:0.3em;padding:0.3em;background:#00b4f8;} #searchAll .searchMenuChoosyInc input[type="checkbox"] + label {border:1px solid #00b4f8;} #searchAll .searchMenuChoosyEnv {padding-bottom:0.5em;background:#feeffc;} #searchAll .searchMenuChoosyEnvCaption {color:#fff;margin-bottom:0.3em;padding:0.3em;background:#ff4ea2;} #searchAll .searchMenuChoosyEnv input[type="checkbox"] + label {border:1px solid #ff4ea2;} #searchAll .searchMenuChoosyMet {padding-bottom:0.5em;background:#e1fff0;} #searchAll .searchMenuChoosyMetCaption {color:#fff;margin-bottom:0.3em;padding:0.3em;background:#1adab7;} #searchAll .searchMenuChoosyMet input[type="checkbox"] + label {border:1px solid #1adab7;} #searchAll #itemgroup_count_area, #searchAll #itemgroup_count_job, #searchAll #itemgroup_count_kanpai, #searchAll #itemgroup_count_bit { position:absolute;top:50%;right:2.8em; display:none; color:#f33082;font-size:95%; margin-top:-0.95em;padding:0.3em 1em 0.1em 1em; border:1px solid rgba(50,50,50,0.1);border-right:1px solid #fff;border-bottom:1px solid #fff; border-radius:6px; background:#fff; box-shadow: inset 3px 3px 6px -4px rgba(0,0,0,0.2); -webkit-box-shadow: inset 3px 3px 6px -4px rgba(0,0,0,0.2); -moz-box-shadow: inset 3px 3px 6px -4px rgba(0,0,0,0.2); } #searchAll #itemgroup_count_area span, #searchAll #itemgroup_count_job span, #searchAll #itemgroup_count_kanpai span, #searchAll #itemgroup_count_bit span { color:#555; font-size:80%;font-weight:normal; padding-left:0.5em; } #searchAll .searchMenuPreResultWapper {position:fixed;bottom:4%;right:5%;width:75%;z-index:200;} #searchAll .searchMenuPreResultWapper .searchMenuPreRminiL {float:right;width:45%;margin-right:2%;font-size:80%;text-align:center;border:1px solid #fff;border-radius:6px;padding:5px 0;background:#fff;} #searchAll .searchMenuPreResultWapper .searchMenuPreRminiR {float:right;width:52%;} #searchAll .searchMenuPreResultWapper .searchMenuPreRminiR input {display:block;width:100%;text-align:center;margin:auto;padding:4px 0;} #searchAll .searchMenuPreResultWapper .searchMenuPreResultNum {color:#f33082;font-size:140%;font-weight:bold;padding:0 0.3em;} #searchAll .searchMenuPreResultWapper .searchMenuPreResultTxt {color:#333;font-size:120%;} #searchAll .searchMenuPreRminiLarw {position:relative;background: #ffffff; } #searchAll .searchMenuPreRminiLarw:after { position:absolute;top:50%;left:100%;width:0;height:0; border:solid transparent; content:" "; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-left-color:#ffffff; border-width:7px;margin-top:-7px; } #searchAll .searchMenuPreResultWapper .searchMenuPreRminiR input, #searchAll .searchMenuPreResultWapper .searchMenuPreRminiL { box-shadow: 2px 2px 6px 1px rgba(50,50,50,0.5); -webkit-box-shadow: 2px 2px 6px 1px rgba(50,50,50,0.5); -moz-box-shadow: 2px 2px 6px 1px rgba(50,50,50,0.5); } /* 検索トグルメニュー */ #searchAll .searchMenuNameBigWap, #searchAll .searchMenuNameWap {display:none;} /* 検索条件追加 */ #searchAllresultheader_banner_area .header_banner_area table {width:96%;margin:0 auto 0.6em auto;} #searchAllresult {width:96%;margin:0 auto 0.6em auto;} #searchAllresult .searchAdditionalCondition { position:relative; color:#fff;font-size:110%;font-weight:bold;text-shadow:0 1px 0 rgba(0,102,191,0.9); padding:0.7em 1.5em 0.7em 1em; border:1px solid #38C3FF;border-radius:6px; background: #eaf8ff; background: -moz-linear-gradient(top, #eaf8ff 0%, #00b2ff 2%, #1e92ff 98%, #0079ea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf8ff), color-stop(2%,#00b2ff), color-stop(98%,#1e92ff), color-stop(100%,#0079ea)); background: -webkit-linear-gradient(top, #eaf8ff 0%,#00b2ff 2%,#1e92ff 98%,#0079ea 100%); background: -o-linear-gradient(top, #eaf8ff 0%,#00b2ff 2%,#1e92ff 98%,#0079ea 100%); background: -ms-linear-gradient(top, #eaf8ff 0%,#00b2ff 2%,#1e92ff 98%,#0079ea 100%); background: linear-gradient(to bottom, #eaf8ff 0%,#00b2ff 2%,#1e92ff 98%,#0079ea 100%); box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); -webkit-box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); -moz-box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); } #searchAllresult .GlayCaption { position:relative; color:#333; font-size:110%;line-height:120%; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(0,0,0,0.6); padding:0.6em 1.5em 0.6em 1em; border:none; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dfe0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfe0e0)); background: -webkit-linear-gradient(top, #ffffff 0%,#dfe0e0 100%); background: -o-linear-gradient(top, #ffffff 0%,#dfe0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dfe0e0 100%); background: linear-gradient(to bottom, #ffffff 0%,#dfe0e0 100%); box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } #searchAllresult .searchAdditionalCondition i {position:absolute;top:50%;right:12px;margin-top:-0.5em;color:#fff;} #searchAllresult .searchAdditionalCondition .fa-chevron-right{display:block;} #searchAllresult .searchAdditionalCondition .fa-chevron-down{display:none;} #searchAllresult .GlayCaptionactive .fa-chevron-right{display:none;} #searchAllresult .GlayCaptionactive .fa-chevron-down{display:block;} #searchAllresult .searchAllresultCaption {position:relative;color:#fff;font-size:105%;font-weight:bold;margin-bottom:4px;padding:0.4em 0.5em 0.4em 0.5em;border-radius:6px;} #searchAllresult .searchAllresultCaption input { -webkit-appearance:none;-moz-appearance:none;appearance:none; position:absolute;top:50%;right:2%;display:block; color:#fff;font-size:90%;line-height:165%; margin-top:-0.9em;padding:0 0.7em; border:1px solid rgba(255,255,255,0.3);border-radius:4px; background:rgba(255,255,255,0.3); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.1); } #searchAllresult .searchAllresultJob {margin-top:0.6em;padding:0.6em;background:#BAC5FC;border-radius:6px;} #searchAllresult .searchAllresultJob .searchAllresultCaption {background:#4262F4;} #searchAllresult .searchAllresultJob .GlayCaption {color:#4262F4;margin-bottom:3px;background:rgba(255,255,255,0.5);border-radius:6px;} #searchAllresult .searchAllresultJob .GlayCaption i {color:#4262F4;} #searchAllresult .searchAllresultJob .searchMenuNameWap {padding:0;background:none;} #searchAllresult .searchAllresultJob .searchMenuNameWap .searchMenuName {float:left;width:49%;margin-right:2%;} #searchAllresult .searchAllresultJob .searchMenuNameWap .searchMenuName:nth-child(even) {margin-right:0;} #searchAllresult .searchAllresultJob .searchMenuNameWap input[type="checkbox"] + label {font-size:90%;margin:0.25em auto;padding:0.6em 0 0.6em 0.5em;line-height:120%;} #searchAllresult .searchAllresultChoosy {margin-top:0.6em;padding:0.6em;background:#C4B8F9;border-radius:6px;} #searchAllresult .searchAllresultChoosy .searchAllresultCaption {background:#7D43F2;} #searchAllresult .searchAllresultChoosy .GlayCaption {color:#7D43F2;margin-bottom:3px;background:rgba(255,255,255,0.5);border-radius:6px;} #searchAllresult .searchAllresultChoosy .GlayCaption i {color:#7D43F2;} #searchAllresult .searchAllresultChoosy .searchMenuNameWap {padding:0;background:none;} #searchAllresult .searchAllresultChoosy .searchMenuChoosyIncCaption, #searchAllresult .searchAllresultChoosy .searchMenuChoosyEnvCaption, #searchAllresult .searchAllresultChoosy .searchMenuChoosyMetCaption {color:#7D43F2;font-size:100%;margin-bottom:0;padding:2px 0;background:none;} #searchAllresult .searchAllresultChoosy .searchMenuChoosyInc, #searchAllresult .searchAllresultChoosy .searchMenuChoosyEnv, #searchAllresult .searchAllresultChoosy .searchMenuChoosyMet {background:none;} #searchAllresult .searchAllresultChoosy input[type="checkbox"] + label {text-align:left;padding:0.6em 0 0.6em 0.5em;border:none;} #searchAllresult .searchAllresultArea {margin-top:0.6em;padding:0.6em;background:#ECB7F7;border-radius:6px;} #searchAllresult .searchAllresultArea .searchAllresultCaption {background:#E743EF;} #searchAllresult .searchAllresultArea .GlayCaption {color:#E743EF;margin-bottom:3px;background:rgba(255,255,255,0.5);border-radius:6px;} #searchAllresult .searchAllresultArea .GlayCaption i {color:#E743EF;} #searchAllresult .searchAllresultArea .searchMenuNameWap {padding:0;background:none;} /* 検索結果 result */ #result .resultTopArea {font-size:90%;font-weight:bold;text-align:center;margin:0.5em auto;} #result .resultTopHitBox1 { float:left; width:68%; border:2px solid #ffbceb;border-radius:6px; padding:4px; background: #ffe7f8; background: -moz-linear-gradient(top, #ffe7f8 0%, #ffa0db 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe7f8), color-stop(100%,#ffa0db)); background: -webkit-linear-gradient(top, #ffe7f8 0%,#ffa0db 100%); background: -o-linear-gradient(top, #ffe7f8 0%,#ffa0db 100%); background: -ms-linear-gradient(top, #ffe7f8 0%,#ffa0db 100%); background: linear-gradient(to bottom, #ffe7f8 0%,#ffa0db 100%); } #result .resultTopHitBox2 { color:#3b0001; border-radius:4px; padding:0.4em 0.2em 0.2em 0.2em; background:#fff; box-shadow: inset 2px 2px 4px -2px rgba(0,0,0,0.3); -webkit-box-shadow: inset 2px 2px 4px -2px rgba(0,0,0,0.3); -moz-box-shadow: inset 2px 2px 4px -2px rgba(0,0,0,0.3); } #result .resultTopHitBox1 span {color:#f33082;font-size:140%;padding-right:0.1em;} #result .resultTopHitBox3 {float:right;width:30%;} #result .resultTopHitBox3 a {display:block;width:100%;color:#fff;line-height:135%;border-radius:6px;padding:6px 1px;background:#fa4ea1;} #result .searchCondition {font-size:90%;margin:auto;} #result .searchCondition i {color:#f33082;padding-right:0.5em;} #result .searchCondition span {color:#f33082;} #result .searchConditionTit {font-size:110%;color:#3b0001;} #result .resultTopArea, #result .searchCondition, #result .resultShopBox, #result .resultShopKeep {width:96%;} #result .resultShopBox {position:relative;border-radius:8px;margin:0 auto 1em auto;} #result .resultShopName {background:#fa8bd8;padding:4px 0.5em;} #result .resultShopCate {display:inline-block;font-size:80%;color:#f33082;border-radius:1em;line-height:160%;padding:0 0.8em;background:#fff;} #result .resultShopTitl {font-size:130%;color:#fff;font-weight:bold;line-height:130%;margin-top:0.1em;padding:0.2em 0;} #result .resultShopTitlRECM {float:left;width:90%;font-size:130%;color:#fff;font-weight:bold;line-height:130%;margin-top:0.1em;padding:0.2em 0;} #result .resultRecommend {float:right;width:9%;margin-top:-20px;} #result .resultRecommend img,#result .resultRecommendDekasegi img,#result .resultRecommendDekasegiMall img {display:block;width:100%;height:auto;} #result .resultRecommendDekasegi {float:right;margin-top:-50px;} #result .resultRecommendDekasegiMall {float:right;margin-top:-40px;} #result .resultShopDetail {color:#555;font-size:85%;padding:0.6em;} #result .resultShopDetail .resultShopSearchTHB {width:100%;max-height:240px;margin:auto;overflow:hidden;} #result .resultShopDetail .resultShopSearchTHB img {width:100%;height:auto;margin:auto;} #result .resultShopDetailI {margin-top:0.6em;} #result .resultShopDetailI span {display:inline-block;color:#fff;height:20px;line-height:20px;padding:0 0.5em;border-radius:3px;} #result .resultShopDetailI .resultShopDetailInew {background:#fc4fa1;} #result .resultShopDetailI .resultShopDetailIqua {background:#e79d02;} #result .resultShopDetailI .resultShopDetailIsal {background:#1a77fb;letter-spacing:-1px;padding:0 0.3em;} #result .resultShopDetailI .resultShopDetailImov {background:#1aa71f;letter-spacing:-1px;padding:0 0.3em;} #result .resultShopDetailI .resultShopDetailIblg {background:#5f61ee;letter-spacing:-1px;padding:0 0.2em;font-size:95%;} #result .resultShopDetailT {font-size:110%;margin:0.6em 0;} #result .NoShopDetail {display:none;} #result .resultShopDetailC1 {float:left;width:49%;line-height:130%;} #result .resultShopDetailC2 {float:right;width:50%;} #result .resultShopDetailC1 i {color:#999;padding-right:0.2em;} #result .resultShopDetailC1tit {color:#3b0001;font-size:110%;margin-bottom:2px;} #result .resultShopDetailC1tit i {color:#f33082;padding-right:0.2em;} #result .resultShopDetailC2 div {float:left;width:31%;font-size:90%;text-align:center;line-height:120%;margin:0 0 2px 2%;padding:2px 0; color:#fff;background:#f33082;} #result .resultShopDetailC2 span {font-size:80%;} #result .resultShopDetailC2 .resultShopIcoON {opacity:1;} #result .resultShopDetailC2 .resultShopIcoOF {opacity:0.2;} #result .shopCallingText{margin-bottom:0.4em;line-height:2em;word-break:break-all;font-size:115%;border-radius:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;} #result .shopCallingTextTainyu{background:#F9EDFF;color:#C160EA;} #result .shopCallingTextKyubo{background:#FFDDED;color:#FC3A9B;} #result .shopCallingText span{color:#ffffff;display:inline-block;padding:0 1em;margin-right:1em;font-weight:bold;position:relative;border-radius:5px 0 0 5px;} #result .shopCallingText span i{position:absolute;left:0.1em;top:0.1em;transform:rotate(-20deg);overflow:hidden;} #result .shopCallingText .shopCallingTainyu i{color:#DE99FF;} #result .shopCallingText .shopCallingKyubo i{color:#FF99CA;} #result .shopCallingText .shopCallingTainyu{background: #C160EA;animation:bg-colorTainyu 0.35s infinite;-webkit-animation: bg-colorTainyu 0.35s infinite;} #result .shopCallingText .shopCallingKyubo{background:#F90078;animation:bg-colorKyubo 0.35s infinite;-webkit-animation: bg-colorKyubo 0.35s infinite;} @keyframes bg-colorTainyu{ 0% { background:#C160EA; } 50% { background:#A600ED; } } @-webkit-keyframes bg-colorTainyu{ 0% { background:#C160EA; } 50% { background:#A600ED; } } @keyframes bg-colorKyubo{ 0% { background:#F90078; } 50% { background:#FE53AA; } } @-webkit-keyframes bg-colorKyubo{ 0% { background:#F90078; } 50% { background:#FE53AA; } } #result .resultShopTable {width:100%;font-size:100%;margin:0.6em 0;border-collapse:separate;border-spacing:1px;table-layout:fixed;} #result .resultShopTable th {width:23%;color:#333;background:#fc91bd;text-align:center;} #result .resultShopTable td {width:76%;color:#555;background:#fadce9;padding:3px 0.5em;word-wrap:break-word;overflow-wrap:break-word;} #result .resultShopTable a {color:#777;} .resultShopTable .resultShopTableMailto a {display:block;} /* マップ用 */ #result2 .resultShopTable {width:100%;font-size:100%;margin:0.6em 0;border-collapse:separate;border-spacing:1px;} #result2 .resultShopTable th {color:#333;background:#fc91bd;width:5em;} #result2 .resultShopTable td {color:#555;background:#fadce9;padding:3px 0.5em;} #result2 .resultShopTable a {color:#777;} #result .resultShopKeep {font-weight:bold;text-align:center;margin:0 auto 1em auto;} #result .resultShopKeep a { display:block;padding:0.6em 0;border-radius:8px; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.1); } #result .resultShopKeep .resultShopKeepA { float:left;width:56%; color:#fff; border:2px solid #fff; text-shadow:2px 2px 3px rgba(210,25,100,0.6); background: #fc4096; background: -moz-linear-gradient(top, #fc4096 0%, #fc4096 50%, #f6378b 51%, #f6378b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc4096), color-stop(50%,#fc4096), color-stop(51%,#f6378b), color-stop(100%,#f6378b)); background: -webkit-linear-gradient(top, #fc4096 0%,#fc4096 50%,#f6378b 51%,#f6378b 100%); background: -o-linear-gradient(top, #fc4096 0%,#fc4096 50%,#f6378b 51%,#f6378b 100%); background: -ms-linear-gradient(top, #fc4096 0%,#fc4096 50%,#f6378b 51%,#f6378b 100%); background: linear-gradient(to bottom, #fc4096 0%,#fc4096 50%,#f6378b 51%,#f6378b 100%); } #result .resultShopKeep .resultShopKeepK { float:right;width:42%; color:#444; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 3px rgba(0,0,0,0.4); border:2px solid #ccc; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ededed 49%, #efefef 52%, #fcfcfc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(49%,#ededed), color-stop(52%,#efefef), color-stop(100%,#fcfcfc)); background: -webkit-linear-gradient(top, #ffffff 0%,#ededed 49%,#efefef 52%,#fcfcfc 100%); background: -o-linear-gradient(top, #ffffff 0%,#ededed 49%,#efefef 52%,#fcfcfc 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ededed 49%,#efefef 52%,#fcfcfc 100%); background: linear-gradient(to bottom, #ffffff 0%,#ededed 49%,#efefef 52%,#fcfcfc 100%); } #result .resultShopKeep .resultShopKeepKD { float:right;width:42%; color:#fff; text-shadow:2px 2px 3px rgba(10,10,10,0.6); border:2px solid #fff; background: #c9c9c9; background: -moz-linear-gradient(top, #c9c9c9 0%, #a8a8a8 5%, #939393 50%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(5%,#a8a8a8), color-stop(50%,#939393)); background: -webkit-linear-gradient(top, #c9c9c9 0%,#a8a8a8 5%,#939393 50%); background: -o-linear-gradient(top, #c9c9c9 0%,#a8a8a8 5%,#939393 50%); background: -ms-linear-gradient(top, #c9c9c9 0%,#a8a8a8 5%,#939393 50%); background: linear-gradient(to bottom, #c9c9c9 0%,#a8a8a8 5%,#939393 50%); } #result .resultShopKeep .resultShopKeepA i {color:#fdfb94;} #result .resultShopKeep .resultShopKeepK i {color:#3085f4;text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 3px rgba(0,0,0,0.4);} #result .resultShopKeep .resultShopKeepKD i {color:#e2e2e2;} #result .manzokuBtn{text-align:center;width:96%;margin:0 2%;} #result .manzokuBtn a{display:inline-block;margin-bottom:15px;position:relative;text-align:center;font-weight:bold;display:inline-block;padding:.2em 1em .2em 3.5em;border-radius:8px;color:#184256;border:2px solid #73D1F1;text-shadow:1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 3px rgba(0, 0, 0, 0.4);box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.1),0 0 1px 1px #fff inset;background: #d6f9ff;background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%);background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%);background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 );} #result .manzokuBtn a:hover{box-shadow:none;background:#c9f7ff;background:-moz-linear-gradient(top, #c9f7ff 0%, #91e6f7 100%);background:-webkit-linear-gradient(top, #c9f7ff 0%,#91e6f7 100%);background:linear-gradient(to bottom, #c9f7ff 0%,#91e6f7 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9f7ff', endColorstr='#91e6f7',GradientType=0 );} #result .manzokuBtn a span{display:block;font-weight:normal;text-align:left;font-size:70%;text-shadow:0 1px 0 rgba(255, 255, 255, 0.6);word-wrap:break-word;} #result .manzokuBtn img{position:absolute;left:.5em;top:0;bottom:0;margin:auto;display:inline-block;width:2.5em;transition:all 0.3s ease 0s;} #result .page_navi .previousbtn, #result .page_navi .nextbtn, #result .nowPageBox {width:33.33%;} #result .nowPageBox {width:38%;text-align:center;line-height:120%;margin:auto;} #result .nowPageJobTotal {color:#3085f4;font-weight:bold;} #result .nowPageJobRows {color:#999;font-size:80%;} #result .page_navi {margin:1.5em 0;} #result .page_navi .previousbtn {width:29%;float:left;text-align:center;margin-left:1%;} #result .page_navi .nextbtn {width:29%;float:right;text-align:center;margin:1%;} #result .page_navi .previousbtn img, #result .page_navi .nextbtn img {width:100%;} #result .resultShopKeep .resultShopKeepO { float:left;width:56%; color:#3b0001; border:2px solid #ffa505; text-shadow:0 1px 0 rgba(255,255,255,0.6); background: #f9f41b; background: -moz-linear-gradient(top, #f9f41b 0%, #f9bd08 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f41b), color-stop(100%,#f9bd08)); background: -webkit-linear-gradient(top, #f9f41b 0%,#f9bd08 100%); background: -o-linear-gradient(top, #f9f41b 0%,#f9bd08 100%); background: -ms-linear-gradient(top, #f9f41b 0%,#f9bd08 100%); background: linear-gradient(to bottom, #f9f41b 0%,#f9bd08 100%); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1),2px 2px 3px 0px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1),2px 2px 3px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1),2px 2px 3px 0px rgba(0,0,0,0.1); } /*お店掲載終了NotFound*/ #resultnon .notFoundShop {width:96%;color:#ccc;font-size:80%;text-align:center;margin:1.5em auto;} #resultnon .notFoundShopName {color:#999;font-size:130%;} #resultnon .notFoundMess {width:96%;color:#ccc;font-size:120%;text-align:center;margin:3.5em auto;} /*お店レベルカラー*/ #result .resultShopColor0, #result .resultShopColor1 {background:#fff;border:2px solid #bbb;} #result .resultShopColor2 {background:#fff;border:2px solid #fa8bd8;} #result .resultShopColor3 {background:#FFFCE5;border:2px solid #fa8bd8;} #result .resultShopColor4, #result .resultShopColor5, #result .resultShopColor6, #result .resultShopColor7, #result .resultShopColor8, #result .resultShopColor9, #result .resultShopColor10{background:#fffcdb;border:2px solid #FF60A8;} #result .resultShopColor0 .resultShopName, #result .resultShopColor1 .resultShopName {background:#bbb;font-size:90%;} #result .resultShopColor2 .resultShopName {background:#fa8bd8;} #result .resultShopColor3 .resultShopName {background:#fa8bd8;} #result .resultShopColor4 .resultShopName, #result .resultShopColor5 .resultShopName, #result .resultShopColor6 .resultShopName, #result .resultShopColor7 .resultShopName, #result .resultShopColor8 .resultShopName, #result .resultShopColor9 .resultShopName, #result .resultShopColor10 .resultShopName{background:#FF60A8;} #result .resultShopColor0 .resultShopCate, #result .resultShopColor1 .resultShopCate {color:#888;} #result .resultShopColor2 .resultShopCate {color:#f33082;} #result .resultShopColor3 .resultShopCate, #result .resultShopColor4 .resultShopCate, #result .resultShopColor5 .resultShopCate, #result .resultShopColor6 .resultShopCate, #result .resultShopColor7 .resultShopCate, #result .resultShopColor8 .resultShopCate, #result .resultShopColor9 .resultShopCate, #result .resultShopColor10 .resultShopCate{color:#f33082;} #result .resultShopColor0 .resultShopKeep a, #result .resultShopColor1 .resultShopKeep a {padding:0.2em 0;} #result .resultShopColor2 .resultShopKeep a {padding:0.4em 0;} #result .resultShopColor3 .resultShopKeep a, #result .resultShopColor4 .resultShopKeep a, #result .resultShopColor5 .resultShopKeep a, #result .resultShopColor6 .resultShopKeep a, #result .resultShopColor7 .resultShopKeep a, #result .resultShopColor8 .resultShopKeep a, #result .resultShopColor9 .resultShopKeep a, #result .resultShopColor10 .resultShopKeep a{padding:0.6em 0;} #result .resultShopColor0 .resultShopDetail img, #result .resultShopColor1 .resultShopDetail img, #result .resultShopColor2 .resultShopDetail img, #result .resultShopColor3 .resultShopDetail img, #result .resultShopColor4 .resultShopDetail img, #result .resultShopColor5 .resultShopDetail img, #result .resultShopColor6 .resultShopDetail img, #result .resultShopColor7 .resultShopDetail img, #result .resultShopColor8 .resultShopDetail img, #result .resultShopColor9 .resultShopDetail img, #result .resultShopColor10 .resultShopDetail img{height:auto;} #result .shopNavTop {width:99%;text-align:center;margin:1em auto 0 auto;} #result .shopNavTop a, #result .shopNavTop span {display:block;color:#666;font-size:90%;font-weight:bold;text-shadow:0 1px 0 rgba(255,255,255,0.6);padding:0.5em 0;} #result .shopNavTop .shopNavTopCel { float:left;width:33.33%; border-top:1px solid #ccc;border-right:1px solid #ccc; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); background: -webkit-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -o-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: -ms-linear-gradient(top, #ffffff 0%,#ebebeb 100%); background: linear-gradient(to bottom, #ffffff 0%,#ebebeb 100%); box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,1); -webkit-box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,1); -moz-box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,1); } #result .shopNavTop .shopNavTopCel:first-child {border-left:1px solid #ccc;border-radius:6px 0 0 0;} #result .shopNavTop .shopNavTopCel:last-child {border-radius:0 6px 0 0;} #result .shopNavTop .shopNavTopNow1, #result .shopNavTop .shopNavTopNow2, #result .shopNavTop .shopNavTopNow3 { float:left;width:33.33%; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #fad32a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fad32a)); background: -webkit-linear-gradient(top, #ffffff 0%,#fad32a 100%); background: -o-linear-gradient(top, #ffffff 0%,#fad32a 100%); background: -ms-linear-gradient(top, #ffffff 0%,#fad32a 100%); background: linear-gradient(to bottom, #ffffff 0%,#fad32a 100%); box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,1); -webkit-box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,1); -moz-box-shadow:inset 1px 1px 0px 0px rgba(255,255,255,1); } #result .shopNavTop .shopNavTopNow1 {border-top:1px solid #FFCC00;border-right:1px solid #FFCC00;border-left:1px solid #FFCC00;border-radius:6px 0 0 0;} #result .shopNavTop .shopNavTopNow2 {border-top:1px solid #FFCC00;border-right:1px solid #FFCC00;} #result .shopNavTop .shopNavTopNow3 {border-top:1px solid #FFCC00;border-right:1px solid #FFCC00;border-radius:0 6px 0 0;} #result .shopNavTop .shopNavTopNow1 span, #result .shopNavTop .shopNavTopNow2 span, #result .shopNavTop .shopNavTopNow3 span {color:#3b0001;} #result .detailPhone {color:#3b0001;text-align:center;margin:0.6em 0;} #result .detailPhone a {color:#f33082;font-size:140%;font-weight:bold;} #result .detailPhone .detailPhoneExplain {color:#666;font-size:80%;margin-top:-0.4em;} #result .detailMainImage {width:94%;margin:auto;} #result .detailExplanation {width:94%;margin:0.6em auto;} #result .detailAppeal, #result .detailInfo, #result .detailEntryBottom {width:96%;margin:auto;} #result .detailMainImage img {display:block;width:100%;height:auto;} #result .detailMainTitle {color:#555;font-size:90%;line-height:140%;margin:0.6em 0;} #result .detailAppeal div {line-height:130%;text-indent:-1.8em;padding-left:1.8em;margin:0.5em 0 0.6em 0;} #result .detailAppeal span { display:inline-block;width:1.6em;height:1.6em;line-height:1.6em; color:#fff;text-align:center;text-indent:0;font-weight:bold; margin-right:0.2em; border:2px solid #028fce;border-radius:3px; background: #13b3f7; background: -moz-linear-gradient(top, #13b3f7 0%, #009ee2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#13b3f7), color-stop(100%,#009ee2)); background: -webkit-linear-gradient(top, #13b3f7 0%,#009ee2 100%); background: -o-linear-gradient(top, #13b3f7 0%,#009ee2 100%); background: -ms-linear-gradient(top, #13b3f7 0%,#009ee2 100%); background: linear-gradient(to bottom, #13b3f7 0%,#009ee2 100%); } #result .detailInfo {font-size:90%;} .resultShopTableMapLink { display:inline-block; color:#555;font-size:90%; margin:0 1em;padding:0 0.7em; border:1px solid #ccc;border-radius:6px; background: #fcfcfc; background: -moz-linear-gradient(top, #fcfcfc 0%, #f5f5f5 15%, #f0f0f0 92%, #e2e2e2 93%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(15%,#f5f5f5), color-stop(92%,#f0f0f0), color-stop(93%,#e2e2e2)); background: -webkit-linear-gradient(top, #fcfcfc 0%,#f5f5f5 15%,#f0f0f0 92%,#e2e2e2 93%); background: -o-linear-gradient(top, #fcfcfc 0%,#f5f5f5 15%,#f0f0f0 92%,#e2e2e2 93%); background: -ms-linear-gradient(top, #fcfcfc 0%,#f5f5f5 15%,#f0f0f0 92%,#e2e2e2 93%); background: linear-gradient(to bottom, #fcfcfc 0%,#f5f5f5 15%,#f0f0f0 92%,#e2e2e2 93%); box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); -webkit-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); -moz-box-shadow: inset 0px 0px 1px 1px rgba(255,255,255,1); } #result .resultShopDetailCAll {width:100%;margin-bottom:0.6em;} #result .resultShopDetailCAll span {font-size:80%;} #result .resultShopDetailCAll div { float:left;width:16%; font-size:75%;text-align:center;line-height:130%; margin:0 0.33% 4px 0.33%;padding:3px 0; border-radius:5px; box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.1); } #result .resultShopDetailCAll .resultShopIcoON { color:#fff; border:2px solid #fff; text-shadow:2px 2px 3px rgba(210,25,100,0.6); background: #fc4096; background: -moz-linear-gradient(top, #fc4096 0%, #fc4096 50%, #f6378b 51%, #f6378b 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc4096), color-stop(50%,#fc4096), color-stop(51%,#f6378b), color-stop(100%,#f6378b)); background: -webkit-linear-gradient(top, #fc4096 0%,#fc4096 50%,#f6378b 51%,#f6378b 100%); background: -o-linear-gradient(top, #fc4096 0%,#fc4096 50%,#f6378b 51%,#f6378b 100%); background: -ms-linear-gradient(top, #fc4096 0%,#fc4096 50%,#f6378b 51%,#f6378b 100%); background: linear-gradient(to bottom, #fc4096 0%,#fc4096 50%,#f6378b 51%,#f6378b 100%); } #result .resultShopDetailCAll .resultShopIcoOF { color:#aaa; border:2px solid #f0f0f0; text-shadow:none; background: #ffffff; background: -moz-linear-gradient(-45deg, #ffffff 70%, #f9f9f9 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(70%,#ffffff), color-stop(100%,#f9f9f9)); background: -webkit-linear-gradient(-45deg, #ffffff 70%,#f9f9f9 100%); background: -o-linear-gradient(-45deg, #ffffff 70%,#f9f9f9 100%); background: -ms-linear-gradient(-45deg, #ffffff 70%,#f9f9f9 100%); background: linear-gradient(135deg, #ffffff 70%,#f9f9f9 100%); box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.05); -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.05); -moz-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.05); } #result .detailInsideShopImg {font-size:90%;} #result .detailInsideShopImg:first-child {border-top:none;} #result .detailInsideShopImgL {float:left;width:48%;display:block;margin-right:2%;} #result .detailInsideShopImgR {float:left;width:50%;} #result .detailInsideShopImg li {padding:0.6em 0.4em;border-top:1px dashed #ccc;} #result .detailInsideShopImg li:first-child {border-top:none;} #result .detailExplanationJobCRS {color:#f33082;font-weight:bold;margin:0.6em auto 0 auto;padding-top:0.6em;} #result .detailExplanationJobCRStit {color:#3085f4;font-weight:bold;} #result .detailExplanation h5 {display:inline-block;color:#fff;font-weight:bold;border-radius:5px;margin:0 0 2px -2px;padding:0.2em 0.8em;} #result .detailExplanation div:nth-child(9n+1) h5 {background:#0bb1fe;} #result .detailExplanation div:nth-child(9n+2) h5 {background:#5659FF;} #result .detailExplanation div:nth-child(9n+3) h5 {background:#a90bfe;} #result .detailExplanation div:nth-child(9n+4) h5 {background:#fe0bb1;} #result .detailExplanation div:nth-child(9n+5) h5 {background:#fe0b0f;} #result .detailExplanation div:nth-child(9n+6) h5 {background:#fea90b;} #result .detailExplanation div:nth-child(9n+7) h5 {background:#b1fe0b;} #result .detailExplanation div:nth-child(9n+8) h5 {background:#0ffe0b;} #result .detailExplanation div:nth-child(9n+9) h5 {background:#0bfea9;} #result .detailExplanationInbox {margin-bottom:0.6em;} #result .detailStaffProf a {display:block;color:#f33082;font-weight:bold;padding:0.9em 1.5em 0.9em 3em;border-top:1px solid #a8a9a7;border-bottom:1px solid #a8a9a7;} #result .detailStaffProf span {color:#444;font-size:75%;font-weight:bold;} #result .detailStaffProf img {position:absolute;top:0.8em;left:6px;width:2.2em;height:auto;} #result .detailEntry {width:100%;border-top:2px solid #FFD6E9;} #result .detailEntry img {width:100%;} #result .detailEntry a {display:block;color:#666;font-weight:bold} #result .GlayCaptionPnkOutside a { position:relative; color:#666; font-size:120%;line-height:120%; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(210,25,100,0.6); padding:0.9em 1.5em 0.9em 1em; border-bottom:2px solid #FFD6E9; box-shadow:inset 0px 0px 0px 4px rgba(255,255,255,1); -webkit-box-shadow:inset 0px 0px 0px 4px rgba(255,255,255,1); -moz-box-shadow:inset 0px 0px 0px 4px rgba(255,255,255,1); background: #ffeff5; background: -moz-linear-gradient(top, #ffeff5 0%, #ffe2ee 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffeff5), color-stop(100%,#ffe2ee)); background: -webkit-linear-gradient(top, #ffeff5 0%,#ffe2ee 100%); background: -o-linear-gradient(top, #ffeff5 0%,#ffe2ee 100%); background: -ms-linear-gradient(top, #ffeff5 0%,#ffe2ee 100%); background: linear-gradient(to bottom, #ffeff5 0%,#ffe2ee 100%); } #searchAll .searchAllTxtColorOTH {color:#FF448F !important;} #result .GlayCaptionPnkOutside a, #result .detailEntry a {padding:0.9em 0.5em 0.9em 3em;} #result .detailEntry a img {position:absolute;top:5px;left:6px;width:2.4em;} #result .detailEntryBottom {text-align:center;margin:0.6em auto;} #result .detailEntryBottom3 {float:left;width:32.33%;margin:0 0.5%;} #result .detailEntryBottom3 a {display:block;color:#444;font-size:85%;padding:0.8em 0;} #result .detailEntryBottom3 i {color:#f33082;} #result .detailFloatBottomMenu { position:fixed;bottom:0.5em;right:0;width:50%;text-align:center;z-index:999;opacity:0.7; -webkit-transition: 0.6s;-moz-transition: 0.6s;-o-transition: 0.6s;-ms-transition: 0.6s;transition: 0.6s; } #result .detailFloatBottomBox {font-size:80%;} #result .detailFloatBottomBox a {float:right;display:block;width:33.33%;color:#666;margin-top:0.4em;padding:0.4em 0;background:rgba(50,50,50,0);} #result .detailFloatBottomBox i {display:block;font-size:140%;} #result .detailFloatBottomSP {font-size:70%;} #result .detailFloatBottomSP a {float:right;display:block;width:40%;color:#666;margin-top:0;padding:4em 0 0 16%;background:none;} #result .detailFloatBottomSP span {display:block;opacity:0.4;color:#fff;background:#000;width:4em;height:4em;padding:0.4em 0;border-radius:50%;} /* お店が見つかりませんでした */ .searchSorryNotFound {color:#777;text-align:center;padding:3em 2%;} /* お店Q&A */ #result .detailQAtxtwrap {padding:0.6em 2%;background:#fef0fd;} #result .detailQAtxtwrap .qalistBack {background-color: #fef0fd;} #result .detailQAtxtNowrap {width:94%;text-align:center;margin:3em auto;} /* お店担当者プロフ */ #result .staffProfIMG {text-align:center;padding:0.6em 0;} #result .staffProfCaption {background:#f0f0f0;margin:0.2em 0;padding:2px 0.5em;} #result .staffProfTxt {font-size:90%;margin:0.4em 0 0.8em 0;padding:0 0.7em;} #result .staffProfTxt a {color:#3085f4;} /* お店動画 */ .topVideoItemBox video, .lstVideoItemBox video, .stpVideoItemBox video {display:block;width:100%;} .topVideoItemBox video {position:fixed;top:0;left:0;display:block;z-index:999999;} .topVideoItemBox {position:relative;margin:0.5em auto;padding:0;border-top:1px dashed #ccc;} .topVideoItemBox img {float:left;display:block;width:30%;} .topVideoItemBox:first-child {border-top:none;margin-top:0;} .topVideoItemText {padding:0.6em 2% 0 2%;} .topVideoItemTxt {float:left;width:70%;color:#666;font-size:90%;padding:0 2%;} .detailblogshoptop_only .topVideoItemTxt .blogtitleBox {font-size:120%;margin:0 0 0.3em 0;padding:0 0 0.3em 0;} .videoItemDetail {margin:auto;padding:0;} .videoItemToggle {position:fixed;top:0;left:0;width:100%;color:#fff;z-index:999999;} .videoItemToggleOJ {position:relative;z-index:999999;} .videoItemToggleBG {position:fixed;top:0;left:0;width:100%;height:100%;font-size:120%;color:#fff;z-index:999998;background:rgba(0,0,0,0.8);} .videoItemToggleBG span {display:block;position:fixed;bottom:0.5em;right:0.5em;} .lstVideoItemBox {position:relative;margin:0.5em auto;padding-top:0.5em;border-top:1px dashed #ccc;} .lstVideoItemBox:first-child {border-top:none;margin-top:0;padding-top:0;} .lstVideoItemBoxVBody {color:#666;font-size:90%;margin:0 0.5em;padding-top:0.5em;} /* 店長ブログblog */ .detailblogshoptop_only .bloglistmainUnderline {border-bottom:1px dashed #ccc;} .detailblogshoptop_only .bloglistmainUnderline:last-child {border-bottom:none;} .detailblogshoptop_only .bloglistmainUnderline .bloglistmainIndexVer {margin:0;padding-right:0.5em;} .detailblogshoptop_only .bloglistmainNoIMG {position:absolute;top:50%;left:2%;width:26%;color:#ddd;font-size:80%;text-align:center;margin:-1.5em 0 0 0;} .detailblogshoptop_only .bloglistmainNoIMG i {font-size:200%;} .blogtitleBox span {color:#f33082;font-size:90%;} .detailblogshoptop_only .blogTime span{font-size:120%;color:#be2fff;} .detailblogshoptop_only .blogTime{clear:both;padding:0.3em 0.5em;font-size:75%;color:#666666;text-align:right;margin-right:0.5em;} .detailblogshoptop_only .blogtitleBox{color:#F33082;border-bottom:1px solid #eee;margin:0 0.5em;padding:0.3em 0;} /* エリアトップニュース */ .news_contents .news_type {display:inline-block;color:#fff;padding:0 0.5em;border-radius:5px;float:left;margin-top:-0.2em;margin-right:0.5em;} .news_contents .type_store {background:#1a77fb;} .news_contents .type_stored {background:#56a764;} .news_contents .type_tainyu {background:#5f61ee;} .news_contents .type_qa {background:#e79d02;} .news_contents .type_member {background:#1aa71f;} .news_contents .type_new_store {background:#fc4fa1;} .news_contents .detailInfoNewsSubject {color:#444;display:block;} .news_contents .date {display:block;font-size:85%;text-align:right;} .news_contents .detailInfoNewsOnurl {position:relative;color:#888;margin:0 auto;padding:0.6em 22px 0.3em 2%;border-bottom:1px dashed #ccc;} .news_contents .area_job {color:#be2fff;} .news_contents .detailInfoBodyTxtleft {text-align:left;padding-left:0.5em;} .news_contents .detailInfoNewsOnurl a {display:block;color:#888;} .news_contents .detailInfoNewsNonurl {position:relative;color:#888;margin:0 auto;padding:0.6em 22px 0.3em 2%;border-bottom:1px dashed #ccc;} .news_contents .detailInfoNewsNonurlPAD {padding:0.6em 2% 0.3em 2%;} .news_contents div:last-child {border-bottom:none;} .detailInfoNews .detailInfoBodysubNT {color: #777;} /* 新着/出稼ぎニュースタブ切り替え */ .chgTab a { border-radius: 6px 6px 0 0; display: inline-block; line-height: 32px; font: sans-serif; text-align: center; background-color: #efefef; color: black; margin-left: 4px; text-decoration: none; padding: 0 32px; } .chgTab a:nth-child(1) { border-top: 6px solid tomato; } .chgTab a:nth-child(2) { border-top: 6px solid steelblue; } .chgTab .content { border: 1px solid lightgray; height: 320px; display: none; padding: 32px; } .chgTab .content:target { display: block; } /* お店ニュース */ #result .detailInfoNews a:last-child {border-bottom:none;} .news_contents .detailInfoNewsOnurlSHOPS {position:relative;color:#888;margin:0 auto;padding:0.6em 22px 0.3em 2%;border-bottom:1px dashed #ccc;} /* 一万円キャンペーン */ .detailInfoNews .area{color: #FF0066;float:right;border:1px solid #FF0066;border-radius:10px;padding:0.1em 0.5em;font-size:80%;} /* フリーワード検索 */ .searchAreaTopFreeWapp {padding:0.5em;} .searchAreaTopFreeWapp .searchAreaTopFreeWappTXT {float:left;width:75%;} .searchAreaTopFreeWapp .searchAreaTopFreeWappSBM {float:right;width:23%;} .searchAreaTopFreeWapp .searchAreaTopFreeWappTXT input {padding:2px 10px 1px 10px;} .searchAreaTopFreeWapp .searchAreaTopFreeWappSBM input[type="submit"] { display:block;width:100%; text-align:center;padding:1px 0; text-shadow:0 1px 0 rgba(191,102,0,0.9); border:1px solid #FF59A3; background: #fc4399; background: -moz-linear-gradient(top, #fc4399 49%, #f4348a 50%, #fe489d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#fc4399), color-stop(50%,#f4348a), color-stop(100%,#fe489d)); background: -webkit-linear-gradient(top, #fc4399 49%,#f4348a 50%,#fe489d 100%); background: -o-linear-gradient(top, #fc4399 49%,#f4348a 50%,#fe489d 100%); background: -ms-linear-gradient(top, #fc4399 49%,#f4348a 50%,#fe489d 100%); background: linear-gradient(to bottom, #fc4399 49%,#f4348a 50%,#fe489d 100%); } .searchAreaTopFreeBottomtxt {font-size:80%;text-align:center;padding-bottom:10px;} /* 新規会員登録 */ .registpageSendbox {width:96%;margin:1em auto;} .registpageSendbox .registpageSendTXT {text-align:center;} .registpageSendbox .registpageSendTXT i {color:#ff93be;font-size:200%;} .registpageSendbox .registpageSendPAS {position:relative;font-size:100%;text-align:right;} .registpageSendbox .registpageSendPAS .captionAllBtnRight {position:relative;top:0;padding:2px 1.7em 2px 0.7em;border-radius:10px;} .registpageSendbox .registpageSendPAS .captionAllBtnRight i {position:absolute;top:50%;right:0.6em;margin-top:-0.5em;} .registpageSendbox .registpageSendPAS .captionAllBtnRight, .registpageSendbox .registpageSendBTN a { box-shadow: 1px 1px 5px 0px rgba(179,22,93,0.2); -webkit-box-shadow: 1px 1px 5px 0px rgba(179,22,93,0.2); -moz-box-shadow: 1px 1px 5px 0px rgba(179,22,93,0.2); } .registpageSendbox .registpageSendBTN {text-align:center;} .registpageSendbox .registpageSendBTN a { position:relative;display:inline-block; color:#fff;font-size:130%;font-weight:bold; text-shadow:1px 1px 3px rgba(183,16,88,0.4); margin:0 auto 1em auto;padding:0.5em 1.2em 0.5em 3em; border:3px solid #fff;border-radius:10px; background: #fe489d; background: -moz-linear-gradient(top, #fe489d 0%, #f4348a 50%, #fc4399 51%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe489d), color-stop(50%,#f4348a), color-stop(51%,#fc4399)); background: -webkit-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: -o-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: -ms-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: linear-gradient(to bottom, #fe489d 0%,#f4348a 50%,#fc4399 51%); } .registpageSendbox .registpageSendBTN a i {position:absolute;top:50%;left:0.5em;margin-top:-0.5em;font-size:140%;-webkit-transform: rotate(-20deg);-moz-transform: rotate(-20deg);} .registpageSendbox .registpageSendCap {color:#f33082;font-size:110%;margin:1em auto;border-bottom:3px double #FFBCD7;} .registpageSendbox .registpageSendCap i {color:#ff93be;} .registpageSendbox .registSendStepBox div {float:left;width:81%;font-size:85%;margin:0.5% 0;padding:0.1em 0;} .registpageSendbox .registSendStepBox .registSendStep {position:relative;width:16%;margin-right:3%;color:#fff;text-align:center;background:#FF6BB0;} .registpageSendbox .registSendStepBox .registSendStep:after { position:absolute;left:100%;top:50%; border: solid transparent;content: " ";pointer-events: none; width: 0;height: 0; border-color: rgba(254, 72, 157, 0); border-left-color: #FF6BB0; border-width: 5px; margin-top: -5px; } .registpageSendbox .registSendStepBox .registSendStep span {font-size:90%;} .registpageAtendbox {width:96%;font-size:80%;line-height:130%;margin:1em auto;padding-left:1em;} .registpageAtendbox span {display:inline-block;text-indent:-1em;margin:0.4em auto;} /* 取材コンテンツ PC・SP共通 */ .basicCTSBox {position:relative;margin:0 auto;padding:0.9em 0 0.6em 0;border-bottom:1px dashed #ccc;overflow:hidden;} .basicCTSBox a {position:relative;display:block;color:#555;padding:0 22px 0 2%;overflow:hidden;} .basicCTSBox .basicCTSBoxTit {color:#555;font-size:108%;} .basicCTSBox .basicCTSBoxTitR{color:#f33082;border-bottom:1px solid #eee;margin-bottom:0.3em;padding-bottom:0.3em;} .basicCTSBox .basicCTSBoxTxt {color:#777;font-size:90%;padding:0.2em 0;min-height:4.6em;} .basicCTSBox .basicCTSBoxDat {color:#999;font-size:90%;text-align:right;} .basicCTSBox .basicCTSBoxStr {color:#FF77AD;} .basicCTSBox .basicCTSBoxImg {position:absolute;top:0;left:2%;width:25%;overflow:hidden;} .basicCTSBox .basicCTSBoxFlt {padding-left:30%;} .basicCTSBox .basicCTSBoxImg img {display:block;width:100%;height:auto;} .basicCTSBoxABSgenre {position:absolute;top:3px;left:0;color:#fff;font-size:85%;padding:1px 0.5em;background:rgba(243,48,130,0.6);} .basicCTSBox:hover {background:#fff9fc;} /*sp*/ .basicCTSBoxSP .basicCTSBox .basicCTSBoxTit {font-size:100%;} .basicCTSBoxSP .basicCTSBox .basicCTSBoxTxt {font-size:85%;line-height:1.3em;} .basicCTSBoxSP .basicCTSBox .basicCTSBoxDat {font-size:85%;line-height:1.3em;} .basicCTSBoxSP .basicCTSBoxABSgenre {font-size:80%;} .yukaiNewContentsH3 {position:relative;color:#f33082;font-size:100%;font-weight:bold;margin:0 auto 1em auto;border-bottom:3px double #FFBCD7;} .yukaiNewContentsH3 i {color:#FF93BE;} .yukaiNewContentsH3 .yukaiNewContentsH3tit {width:80%;font-size:120%;} .yukaiNewContentsH3 .yukaiNewContentsH3cate01 {position:absolute;top:6px;right:0.5em;color:#FF93BE;font-size:80%;} .yukaiNewContents .nc_TopImgBox,.yukaiNewContents .nc_TopImgBox * {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;} .yukaiNewContents .nc_TopImgBox {position:relative;font-weight:bold;margin-bottom:2em;border-left:3px dashed #fff;background:#FFF8EA;} .yukaiNewContents .nc_TopImgBox a {color:#666;} .yukaiNewContents .nc_TopImgBox a:hover {color:#f33082;} .yukaiNewContents .nc_TopImgBox img {display:block;width:100%;height:auto;margin:auto;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxL {position:absolute;top:1em;left:3%;width:130px;padding:1px;border:1px solid #ccc;background:#fff;z-index:5;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxL:hover {width:300px;top:-2em;left:-3%;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR div {position:relative;margin:0.3em 0;padding-top:0.4em;padding-left:146px;border-bottom:1px dashed #D3BC94;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR div:first-child {margin-top:0;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR span {display:inline-block;padding:2px 0.5em;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR span small {color:#999;font-size:80%;padding-left:0.3em;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR .nc_TopImgBoxRbg {min-width:5em;color:#A37E42;text-align:center;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR .nc_TopImgBoxRti {font-family:Segoe Script;font-size:120%;color:#C69C59;text-align:center;border-bottom:2px solid #E8DBC5;} .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR .nc_TopImgBoxRti span {margin:0;padding:2px 0;} .yukaiNewContents .nc_qatxt h4, .yukaiNewContents .nc_qatxt div {position:relative;font-weight:normal;color:#777;padding-left:2.5em;padding-bottom:0.5em;} .yukaiNewContents .nc_qatxt h4 span, .yukaiNewContents .nc_qatxt div span {position:absolute;top:0;left:0;display:block;width:2em;color:#fff;text-align:center;background:#999;} .yukaiNewContents .nc_qatxt div {color:#FF3A96;margin-bottom:1em;padding-bottom:1em;border-bottom:1px dashed #FFDDEA;} .yukaiNewContents .nc_qatxt div span {color:#fff;background:#FFA0CB;} .nc_bsdwS { box-shadow: 1px 1px 3px 0px rgba(124,101,62,0.3); -webkit-box-shadow: 1px 1px 3px 0px rgba(124,101,62,0.3); -moz-box-shadow: 1px 1px 3px 0px rgba(124,101,62,0.3); } .nc_bsdwM { box-shadow: 3px 3px 5px 0px rgba(124,101,62,0.1); -webkit-box-shadow: 3px 3px 5px 0px rgba(124,101,62,0.1); -moz-box-shadow: 3px 3px 5px 0px rgba(124,101,62,0.1); } .yukaiNewContents .nc_RDat {color:#888;font-size:90%;text-align: right;} .yukaiNewContents .nc_GirlShopData {width:80%;margin:1em auto;border:1px solid #ffc6dd;} .yukaiNewContents .nc_GirlShopData .nc_ShopCap {color:#fff;padding:0.3em 0.5em;background:#f961a0;} .yukaiNewContents .nc_GirlShopData .nc_ShopCOMNBox {padding:0.4em 0.6em;background:#fff9fb;} .yukaiNewContents .nc_GirlShopData .nc_ShopCOMNBox span {display:inline-block;margin:1px 0.5em 2px 0;} .yukaiNewContents .nc_GirlShopData .nc_ShopCOMNBox div {text-align:center;margin:0.6em auto;} .yukaiNewContents .nc_GirlShopData .nc_ShopCOMNBox a { position:relative;display:inline-block; color:#f33082;font-size:95%;font-weight:normal;line-height:150%; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(210,25,100,0.6); border:2px solid #FFA5CC;border-radius:8px; padding:0.4em 1.6em 0.4em 0.8em; background: #ffffff; box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2); -webkit-box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2); -moz-box-shadow:2px 2px 4px -1px rgba(179,22,93,0.2); } .yukaiNewContents .nc_GirlShopData .nc_ShopNeme {color:#555;font-size:110%;font-weight:bold;} .yukaiNewContents .nc_GirlShopData .nc_ShopArea {color:#777;font-size:90%;} .yukaiNewContentsKNTOS {color:#ff3a96;} .yukaiNewContentsKNTOS p.ylife {color:#777;padding:1.6em 0.5em 0.2em 0.5em;} .yukaiNewContentsKNTOS p.ylifeTOP {color:#777;padding:0.6em 0;} .yukaiNewContentsKNTOS h4 {color:#f33082;font-size:120%;text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff, 1px 1px 3px #fff, -1px 1px 3px #fff, 1px -1px 3px #fff, -1px -1px 3px #fff, 1px 1px 4px rgba(210, 25, 100, 0.5);} .yukaiNewContentsKNTOS p {padding:0.2em 0.5em;} .yukaiNewContentsKNTOSimg {width:80%;color:#888;margin:1em auto;} .yukaiNewContentsKNTOSimg img {width:100%;margin:auto;} .yukaiNewContentsKNTOSimg p{margin:0.3em auto 1em auto;} /*sp*/ .mainContents .yukaiNewContents {width:98%;margin:auto;} .mainContents .yukaiNewContentsH3 {margin:0.6em auto 1em auto;} .mainContents .yukaiNewContentsH3 .yukaiNewContentsH3tit {width:100%;margin-top:1.7em;} .mainContents .yukaiNewContentsH3 .yukaiNewContentsH3cate01 {top:-1.6em;color:#f33082;padding:0 0.8em;border-radius:4px;background:#FFCEE2;} .mainContents .yukaiNewContents .nc_TopImgBox {position:relative;font-weight:bold;margin-bottom:2em;border-left:none;background:none;overflow:hidden;} .mainContents .yukaiNewContents .nc_bsdwM {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} .mainContents .yukaiNewContents .nc_TopImgBox {width:84%;margin:auto auto 2em auto;} .mainContents .yukaiNewContents .nc_TopImgBox img {margin-top:-30px;} .mainContents .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxL {position:relative;top:0;left:0;width:100%;height:340px;margin:auto;padding:0;border:none;background:#fff;overflow:hidden;z-index:5;} .mainContents .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxL:hover {top:0;left:0;width:100%;} .mainContents .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR {position:absolute;bottom:0;left:0;width:100%;text-align:center;padding-bottom:0.5em;background:rgba(0,0,0,0.45);z-index:8;} .mainContents .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR div {display:inline-block;margin:0;color:#fff;padding-top:0;padding-left:0;border-bottom:none;} .mainContents .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR span {font-weight:normal;padding:0 0.1em;} .mainContents .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR span small {color:#fff;} .mainContents .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR .nc_TopImgBoxRbg {min-width:2em;color:#ddd;font-size:80%;padding:0 0 0 0.5em;} .mainContents .yukaiNewContents .nc_TopImgBox .nc_TopImgBoxR .nc_TopImgBoxRti {display:block;font-size:110%;color:#eee;margin-bottom:0.3em;padding:0.2em 0;border-bottom:1px solid rgba(255,255,255,0.2);} .mainContents .yukaiNewContents .nc_TopImgBox a {color:#fff;} .mainContents .yukaiNewContents .nc_TopImgBox a:hover {color:#ccc;} .mainContents .yukaiNewContents .nc_GirlShopData {width:90%;margin:1em auto;border:1px solid #ffc6dd;} /* ──────────────────── footer ──────────────────── */ #footer{clear:both;text-align:center;color:#fff;} .copyr{padding:6px;} .hide{display:none;} .clear{clear:both;} .left_btn{float:left;width:40%;text-align:center !important;margin-bottom:5px;margin-left:15px;font-family:Arial, Helvetica,sans-serif;font-size:100%;color:#7f7f7f;padding:3px 5px;background:#fff;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;border: 1px solid #b1b1b1;text-shadow:0px 2px 0px rgba(255,255,255,0.5),0px 1px 0px rgba(255,255,255,0.3); } .right_btn{float:right;width:40%;text-align:center !important;margin-bottom:5px;margin-right:15px; font-family: Arial, Helvetica, sans-serif; font-size:100%;color: #7f7f7f;padding: 3px 5px;background:#fff;border-radius: 6px;-moz-border-radius:6px;-webkit-border-radius:6px;border:1px solid #b1b1b1;text-shadow:0px 2px 0px rgba(255,255,255,0.5),0px 1px 0px rgba(255,255,255,0.3);text-decoration:none;} .center_btn{width:200px !important;display:block; text-align: center !important; margin-bottom:5px;margin-left:auto;margin-right:auto; font-family:Arial,Helvetica,sans-serif;font-size:100%;color:#7f7f7f;padding:3px 5px;background:#fff;border-radius:6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border:1px solid #b1b1b1;text-shadow:0px 2px 0px rgba(255,255,255,0.5),0px 1px 0px rgba(255,255,255,0.3);text-decoration:none; }/*20120416追加 */ .line { text-decoration:underline; color:#fff !important;} /*input[type="checkbox"] { width:20px; height:20px;}*/ .search_btn{text-align:center;width:50%; text-align: center !important;margin:10px auto;font-family: Arial, Helvetica, sans-serif; font-size:100%;color:#7f7f7f;padding:6px 10px;-webkit-box-shadow: 0px 1px 2px rgb(212, 208, 212);-moz-box-shadow: 0px 1px 2px rgb(212, 208, 212);-ms-box-shadow: 0px 1px 2px rgb(212, 208, 212);box-shadow: 0px 1px 2px rgb(212, 208, 212);background-image:-webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(0.5, rgb(204, 204, 204)),color-stop(1, rgb(255, 255, 255)));background-image:-moz-linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(204, 204, 204) 53%,rgb(255, 255, 255) 100%);background-image:linear-gradient(-90deg,rgb(255, 255, 255) 0%,rgb(204, 204, 204) 53%,rgb(255, 255, 255) 100%); text-shadow:1px 1px 0px rgb(255, 255, 255);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;text-decoration:none;border:1px solid #ccc;} .lineh { line-height:30px; } div.page_navi a.firstChild { margin-right:40px; } div.page_navi a.lastChild { margin-left:40px; } .padtop6 {padding-top:6px;} /* 新フッター */ #footer .footerBottomAreaLnk {font-size:85%;margin-top:1em;padding:0.8em 0 0.2em 0;border-top:1px solid #FFEFF7;background:#FFF9FC;} #footer .footerBottomAreaLnk a {display:inline-block;width:10em;color:#FF77AD;text-align:center;margin:0 0 0.3em 0;padding:0;} #footer .footerBottomMenu {font-size:85%;padding:0.8em 0 0.2em 0;border-top:1px solid rgba(255,255,255,0.5);background:#FFEFF7;} #footer .footerBottomMenu a {display:inline-block;color:#F94892;margin:0 0.2em 0.6em 0.2em;padding:1px 0.7em;border:1px solid rgba(255,255,255,0.2);border-radius:4px;background:rgba(255,255,255,0.3);} #footer .footerCopyright {font-size:80%;padding:0.8em 0;border-top:1px solid rgba(255,255,255,0.5);background:#f33082;} #footer .footerCopyright img {display:block;width:35%;max-width:150px;margin:auto auto 0.5em auto;} /* 下段メニューフッター広告 */ .underMenuBanner {margin:1em auto;} .underMenuBanner img {display:block;width:50%;margin:auto;} /* パンくずリスト */ .breadcrumb { margin-left:7px; } .breadcrumb_list { color:#999; } .breadcrumb_list >li { display:inline; font-size:13px; } /* パンくずリストSP */ .breadcrumbSP {font-size:90%;background:#F33082;border-top:1px solid #EA197E;height:2em;overflow:hidden;} .breadcrumb_listSP {} .breadcrumb_listSP a {color:#fff;text-shadow:0 1px 0 #ED2A85;} .breadcrumb_listSP span {color:#fff;text-shadow:0 1px 0 #ED2A85;line-height:2em;padding-left:4px;} .breadcrumb_listSP span:last-child {padding-right:4px;} .breadcrumb_listSP i {color:rgba(255,255,255,0.5);padding-left:4px;} .breadcrumb_listSP div:nth-child(8n+1) {background:rgba(255,255,255,0);} .breadcrumb_listSP div:nth-child(8n+2) {background:rgba(255,255,255,0.05);} .breadcrumb_listSP div:nth-child(8n+3) {background:rgba(255,255,255,0.10);} .breadcrumb_listSP div:nth-child(8n+4) {background:rgba(255,255,255,0.15);} .breadcrumb_listSP div:nth-child(8n+5) {background:rgba(255,255,255,0.20);} .breadcrumb_listSP div:nth-child(8n+6) {background:rgba(255,255,255,0.25);} .breadcrumb_listSP div:nth-child(8n+7) {background:rgba(255,255,255,0.30);} .breadcrumb_listSP div:nth-child(8n+8) {background:rgba(255,255,255,0.35);} /* スライドメニュー */ #menuBOX {z-index:11111;display:none;position:fixed;top:0;left:0;opacity:0.6;width:100%;height:100%;margin:0;background:#fff;} #menuBOX2 {z-index:11115;display:none;position:absolute;top:0;left:100%;width:80%;} #menuBOX2 .menuBOX2wrap { padding:1px;background:#fff; box-shadow:-1px 0px 5px 0px rgba(0,0,0,0.5); -webkit-box-shadow:-1px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow:-1px 0px 5px 0px rgba(0,0,0,0.5); } #menuBOX2 .sidemenuTopBar {position:relative;color:#ff73bb;font-size:120%;font-weight:bold;text-align:center;padding:0.3em 0;background:#555;} #menuBOX2 .sidemenuTopBarS {position:relative;color:#ff73bb;font-size:110%;font-weight:bold;text-align:center;padding:0.3em 1.2em 0.3em 0.6em;background:#555;} #menuBOX2 .sidemenuTopBar2 {color:#fff;font-size:110%;font-weight:bold;text-align:center;margin-top:1px;padding:0.2em 0;background:#555;} #menuBOX2 .sidemenuItembox { position:relative; line-height:130%;text-shadow:1px 1px 2px rgba(210,25,100,0.6); margin-top:1px; background: #fe489d; background: -moz-linear-gradient(top, #fe489d 0%, #f4348a 50%, #fc4399 51%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe489d), color-stop(50%,#f4348a), color-stop(51%,#fc4399)); background: -webkit-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: -o-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: -ms-linear-gradient(top, #fe489d 0%,#f4348a 50%,#fc4399 51%); background: linear-gradient(to bottom, #fe489d 0%,#f4348a 50%,#fc4399 51%); } #menuBOX2 .sidemenuItembox a {display:block;color:#fff;padding:0.3em 0;} #menuBOX2 .sidemenuItembox i.rightarrow {color:#fff;text-shadow:2px 2px 3px rgba(210,25,100,0.6);} #menuBOX2 .sidemenuItemboxL {float:left;width:15%;text-align:center;} #menuBOX2 .sidemenuItemboxR {float:left;width:85%;padding-right:1.5em;} #menuBOX2 .sidemenuItemboxL i {font-size:160%;padding-top:0.3em;} #menuBOX2 .sidemenuItemboxTit {font-size:110%;font-weight:bold;} #menuBOX2 .sidemenuItemboxSub {color:#444;font-size:80%;} #menuBOX2 .sidemenuTopBar2img {width:100%;margin-top:1px;border: 1px solid #fc4399;overflow:hidden;} #menuBOX2 .sidemenuTopBar2img img {display:block;width:100%;} #menuBOX2 .shopotherLNK .shopotherLNKtop {position:absolute;top:2px;right:5px;color:#fff;font-size:120%;} #menuBOX2 .shopotherLNK .shopotherLNKtop2 {position:absolute;top:6px;right:5px;color:#fff;font-size:120%;} #menuBOX2 .shopotherLNK .shopotherLNKbottom {display:block;width:80%;color:#fff;text-align:center;margin:1em auto;padding:0.5em 0;border-radius:8px;background:#666;} #menuBOX2 .sidemenuItemboxshop {color:#fff;padding:0.3em 0;background:url(/images/sp/captionbg.jpg);} #menuBOX2 .sidemenuItemboxLshop {float:left;width:15%;text-align:center;} #menuBOX2 .sidemenuItemboxRshop {float:left;width:85%;height:32px;line-height:32px;padding-right:1.5em;} #menuBOX2 .sidemenuItemboxLshop img {display:block;width:auto;height:28px;margin:2px auto auto auto;} #menuBOX2 .sidemenuItemboxLshop img.imgheight2 {display:block;width:auto;height:24px;margin:2px auto auto auto;} /* 無料会員登録ボタン */ .regist_btn { text-align:center; margin:10px 0; } .regist_btn_class { display:inline-block; color:#ffffff; font-size:120%;text-align:center;line-height:2.4em;letter-spacing:0.5em; text-shadow:1px 1px 1px rgba(10,80,130,0.8); border:1px solid #1e92ff;border-radius:1em; padding:0 1.8em; background: #00b2ff; background: -moz-linear-gradient(top, #00b2ff 0%, #1e92ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b2ff), color-stop(100%,#1e92ff)); background: -webkit-linear-gradient(top, #00b2ff 0%,#1e92ff 100%); background: -o-linear-gradient(top, #00b2ff 0%,#1e92ff 100%); background: -ms-linear-gradient(top, #00b2ff 0%,#1e92ff 100%); background: linear-gradient(to bottom, #00b2ff 0%,#1e92ff 100%); -webkit-box-shadow: inset 1px 1px 2px 0px rgba(242,251,255,0.5); -moz-box-shadow: inset 1px 1px 2px 0px rgba(242,251,255,0.5); box-shadow: inset 1px 1px 2px 0px rgba(242,251,255,0.5); } /* .regist_btn_class:hover { background:-moz-linear-gradient( center top, #5babfc 32%, #b1d6fa 73% ); background:-ms-linear-gradient( top, #5babfc 32%, #b1d6fa 73% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5babfc', endColorstr='#b1d6fa'); background:-webkit-gradient( linear, left top, left bottom, color-stop(32%, #5babfc), color-stop(73%, #b1d6fa) ); background-color:#5babfc; }.regist_btn_class:active { position:relative; top:1px; } */ a.regist_btn_class:link, a.regist_btn_class:active, a.regist_btn_class:visited { color: #fff; } .shopAppearJNCNTBox { position:relative;width:88%; text-align:center; margin:0.5em auto 1em auto;border-radius:10px; overflow:hidden; box-shadow: 1px 1px 3px 0px rgba(224,153,0,0.3); -webkit-box-shadow: 1px 1px 3px 0px rgba(224,153,0,0.3); -moz-box-shadow: 1px 1px 3px 0px rgba(224,153,0,0.3); } .shopAppearJob_txet {color:#fff;font-size:80%;line-height:130%;text-shadow:1px 1px 0 rgba(183,128,0,0.4);background:#FFC700;} .shopAppearJob_count {letter-spacing:0.3em;background:#fff;} .shopAppearJob_count span {color:#FFB200;font-size:200%;line-height:120%;text-shadow:2px 2px 1px rgba(255,187,0,0.2);} .shopAppearJob_count i {color:#FFEAA5;font-size:70%;text-shadow:none;} .shopAppearJob_count,.shopAppearJob_txet {padding:5px;} .shopAppearJob_count,.shopAppearJob_txet {padding: 5px 16% 5px 0;} .allAreaTopRegistLNK { display:block;position:relative;width:70%; text-align:center; margin:1em auto 0.6em auto;border-radius:8px;overflow:hidden; box-shadow: 1px 1px 3px 0px rgba(61,91,119,0.3); -webkit-box-shadow: 1px 1px 3px 0px rgba(61,91,119,0.3); -moz-box-shadow: 1px 1px 3px 0px rgba(61,91,119,0.3); } .allAreaTopRLNK_txt {color:#1E92FF;font-size:130%;line-height:160%;letter-spacing:0.2em;background:#fff;} .allAreaTopRLNK_txt i {color:#84C3FF;} .allAreaTopRLNK_blk {position:relative;color:#fff;font-size:75%;line-height:120%;text-shadow:1px 1px 0 rgba(9,89,163,0.4);background:#2B98FF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .allAreaTopRLNK_txt,.allAreaTopRLNK_blk {padding:4px;} .pinkBackgroundTOP {width:90%;color:#FF63A4;font-size:90%;text-align:center;margin:0.4em auto;} .pinkBackgroundBTM {width:96%;color:#999;font-size:80%;margin:0.5em auto;} .pinkBackgroundMINI { width:90%;margin:1em auto;padding:0.8em 5%; border-radius:8px;background:#FFEFF5; box-shadow: 2px 2px 3px 0px rgba(226,79,138,0.2); -webkit-box-shadow: 2px 2px 3px 0px rgba(226,79,138,0.2); -moz-box-shadow: 2px 2px 3px 0px rgba(226,79,138,0.2); } .pinkBackgroundTITL {color:#f33082;font-size:110%;font-weight:bold;margin-left:-0.5em;} .pinkBackgroundTITL i{color:#ff93be;} .allAreaTopLoginLNK { width:88%; box-shadow: 1px 1px 3px 0px rgba(226,79,138,0.6); -webkit-box-shadow: 1px 1px 3px 0px rgba(226,79,138,0.6); -moz-box-shadow: 1px 1px 3px 0px rgba(226,79,138,0.6); } button.allAreaTopLoginLNK { -webkit-appearance:none;-moz-appearance:none;appearance:none; font-family:inherit; display:block;border:none;padding:0; cursor:pointer; } .allAreaTopLoginLNK .allAreaTopRLNK_txt {color:#f33082;font-size:130%;line-height:160%;letter-spacing:0.2em;padding:4px;background:#fff;} .allAreaTopLoginLNK .allAreaTopRLNK_txt i {color:#FF99C3;} .allAreaTopLoginLNK .allAreaTopRLNK_blk {text-shadow:1px 1px 0 rgba(183,14,82,0.4);background:#FC2880;} .allAreaTopLoginLNK button {display:block;width:100%;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;cursor:pointer;} .allAreaTopIssueLNK { box-shadow: 1px 1px 3px 0px rgba(60,60,60,0.3); -webkit-box-shadow: 1px 1px 3px 0px rgba(60,60,60,0.3); -moz-box-shadow: 1px 1px 3px 0px rgba(60,60,60,0.3); } .allAreaTopIssueLNK .allAreaTopRLNK_txt {color:#777;letter-spacing:0;} .allAreaTopIssueLNK .allAreaTopRLNK_txt i {color:#999;} .allAreaTopIssueLNK .allAreaTopRLNK_blk {text-shadow:1px 1px 0 rgba(50,50,50,0.4);background:#666;} .login_index .inputboxCSS_100p {padding:0.5em 4%;} .allAreaTopRegistLNK:hover {box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;} /* ページャー */ .page_navi:before, .page_navi:after {content:"";display:block;overflow:hidden;} .page_navi:after {clear:both;} .page_navi {padding:4px 0;} .page_navi a i {position:absolute;color:#f33082;} .page_navi a { display:block; color:#555; text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 3px rgba(0,0,0,0.4); padding:0.2em 1.5em; border:1px solid #ddd;border-radius:3px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 20%, #f4f4f4 40%, #e0e0e0 65%, #f9f9f9 85%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(40%,#f4f4f4), color-stop(65%,#e0e0e0), color-stop(85%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%); background: -o-linear-gradient(top, #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%); background: -ms-linear-gradient(top, #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%); box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); } .pagerNewNextBtn {position:relative;float:right;margin-right:1%;} .pagerNewPrevBtn {position:relative;float:left;;margin-left:1%;} .pagerNewNextBtn a {padding-right:2em;} .pagerNewPrevBtn a {padding-left:2em;} .pagerNewNextBtn a i {top:50%;right:0.5em;margin-top:-0.5em;} .pagerNewPrevBtn a i {top:50%;left:0.5em;margin-top:-0.5em;} /* ──────────────────── フリースペース ──────────────────── */ .freeTopBox {width:96%;color:#555;margin:0.6em auto;} .freeTopUL {width:100%;margin:0.6em auto;} .freeTopUL a {display:block;overflow:hidden;} .freeTopUL img {width:100%;} .freeTopUL li {position:relative;width:100%;margin-bottom:0.6em;padding:0.6em 1.1em 0 2%;border-top:1px dashed #ccc;overflow:hidden;} .freeTopUL li:first-child {border-top:none;} .freeTopUL .freeTopL {float:left;width:30%;padding-right:2%;} .freeTopUL .freeTopR {float:left;width:70%;color:#f33082;font-size:110%;line-height:130%;} .freeTopUL .freeTopR span {color:#777;font-size:85%;} .freeTopSubCaption {color:#f33082;font-size:115%;margin:1em auto 0 auto;padding-left:0.5em;border-bottom:3px double #FFBCD7;} .freeTopSubCaption i {color:#ff93be;} .freeTopULcovergirl .freeTopL {} .freeToplifehack {margin-bottom:1em;} .freeToplifehack a { position:relative;display:block; margin:0.5em auto;padding:0 1.4em 0.5em 2.8em; color:#555; border-bottom:1px solid #FFA5CC; } .freeToplifehack a i.leftarrow {font-size:150%;left:0.5em;margin-top:-0.7em;} #articleNew2Inner h4 { color:#f33082;font-size:120%; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff,1px 1px 3px #fff,-1px 1px 3px #fff,1px -1px 3px #fff,-1px -1px 3px #fff,1px 1px 4px rgba(210,25,100,0.5); } #articleNew2Inner .oqImgCenterbox {width:90%;margin:1em auto;} #articleNew2Inner .oqImgCenterbox img {display:block;width:60%;height:auto;margin:auto;} #articleNew2Inner .oqylife {color:#f69;} #articleNew2Inner p {margin:1em auto;padding: 0 0.5em;} #articleNew2Inner .oqImgCenterbox p {color:#888;font-size:90%;text-align:center;} .freespaceSQThumbbox a {position:relative;display:block;float:left;width:50%;height:160px;overflow:hidden;} .freespaceSQThumbbox a img {display:block;width:100%;height:auto;} .freespaceSQThumbbox a div {position:absolute;width:100%;height:auto;bottom:0;left:0;padding:0.3em 0;background:rgba(255,237,244,0.9);} .freespaceSQThumbbox a p {font-size:78%;color:#FC4692;text-align:center;line-height:1.2em;margin:0;} .freespaceSQThumbbox a .freespaceSQTBtit {font-size:88%;color:#f33082;font-weight:bold;} .freespaceSQThumbbox a:hover img {width:120%;height:auto;margin:-5% 0 0 -5%;} .freespaceSQThumbbox a:hover div {bottom:-3.5em;} @media only screen and (max-device-width:480px) and (orientation:landscape) { .freespaceSQThumbbox a {width:25%;}} @media only screen and (max-device-width:480px) { #result .resultShopTitlRECM {width:78%;} } /* ──────────────────── googleカスタム検索 ──────────────────── */ #topflxnew .cse .gsc-webResult.gsc-result, #topflxnew .gsc-webResult.gsc-result, #topflxnew .gsc-imageResult-column, #topflxnew .gsc-imageResult-classic {margin:0.5em auto;padding:0.5em 0;border-bottom:1px dashed #ccc;} #topflxnew .gsc-results .gsc-cursor-box .gsc-cursor-page {display:inline-block;width:2em;color:#f54c92;text-align:center;line-height:2em;text-decoration:none;margin:0 1em 0.5em 0;border:1px solid #FF8CBA;} #topflxnew .gsc-results .gsc-cursor-box .gsc-cursor-current-page {color:#fff;background-color:#f54c92;border-color:#f54c92;text-shadow:none;} #topflxnew .cse .gsc-control-cse .gs-snippet b, #topflxnew .gsc-control-cse .gs-snippet b {color:#FF3838;font-style:normal;font-weight:bold;} #topflxnew .gs-result .gs-snippet {word-wrap:break-word;overflow-wrap:break-word;} /* ──────────────────── 汎用クラス ──────────────────── */ .inframe *, .fixedHeader *, #topflxnew *, #menuBOX2 * { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; } .overflowEllipsis { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .capNoLevel{background:none !important;background-color:#bbb !important;} .smallTxtGlaycolor {font-size:90%;color:#999;} .marginBottom1em {margin-bottom:1em;} .mainCaptionTop, .mainCaptionSub, .mainCaptionSubImg{position:relative;color:#fff;font-weight:bold;line-height:1em;padding:0.3em 0;background:#FF82B9;} #ui-tab1 li .mainCaptionSub {/*background-color:#ccc;*/background-image:none;/*background:url(../images/sp/captionbg.jpg);*/} #ui-tab1 li.ui-tabs-selected .mainCaptionSub {/*background:url(../images/sp/captionbg_news.jpg);*/color: #f54c92;background:none;} .mainCaptionTop{font-size:130%;text-align:center;} .mainCaptionSub{padding-left:2em;} .mainCaptionSubImg {font-size:120%;padding-left:3em;} .mainCaptionTop i.fa-caret-right { color:#2fb2fa;width:1.1em;height:1.1em;line-height:1.1em;text-align:center; padding-left:3px; border-radius:50%;border-right:1px solid #bbb;border-bottom:1px solid #bbb; background: #fdfdfd; background: -moz-linear-gradient(top, #fdfdfd 0%, #d7d7d9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d7d7d9)); background: -webkit-linear-gradient(top, #fdfdfd 0%,#d7d7d9 100%); background: -o-linear-gradient(top, #fdfdfd 0%,#d7d7d9 100%); background: -ms-linear-gradient(top, #fdfdfd 0%,#d7d7d9 100%); background: linear-gradient(to bottom, #fdfdfd 0%,#d7d7d9 100%); } .mainCaptionTop .smallTxt {font-size:60%;} .mainCaptionSub i {position:absolute;top:50%;left:8px;margin-top:-0.5em;color:#fdfb94;} .mainCaptionSubImg img {display:block;position:absolute;top:0;left:2px;width:2.5em;} .mainCaptionSubImgTOPmv img {top:5px;} .mainCaptionSubImgTOPfm img {top:5px;left:4px;width:2.2em;} .allareaTopYIillustBox{ height: auto; position: absolute; right: 0; bottom:0; width: 20%; } .allareaTopYIillustBox img{width:100%;display:block;} .allareaTopBox{overflow:hidden;} .GlayCaption { position: relative; color:#333; font-size:120%;line-height:120%; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(0,0,0,0.6); padding:0.9em 1.5em 0.9em 1em; border-bottom:2px solid #a8a9a7; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #dfe0e0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dfe0e0)); background: -webkit-linear-gradient(top, #ffffff 0%,#dfe0e0 100%); background: -o-linear-gradient(top, #ffffff 0%,#dfe0e0 100%); background: -ms-linear-gradient(top, #ffffff 0%,#dfe0e0 100%); background: linear-gradient(to bottom, #ffffff 0%,#dfe0e0 100%); box-shadow:inset 0px 0px 0px 4px rgba(255,255,255,1); -webkit-box-shadow:inset 0px 0px 0px 4px rgba(255,255,255,1); -moz-box-shadow:inset 0px 0px 0px 4px rgba(255,255,255,1); } .GlayCaption i {position:absolute;top:50%;right:12px;margin-top:-0.5em;color:#f33082;} .GlayCaption .fa-chevron-right{display:block;} .GlayCaption .fa-chevron-down{display:none;} .GlayCaptionactive .fa-chevron-right{display:none;} .GlayCaptionactive .fa-chevron-down{display:block;} .GlayCaption_BTN {cursor:pointer;} .PinkCaption {font-size:110%;color:#5E0032;font-weight:bold;text-align:center;border:none;box-shadow:none;padding:0.9em 0.2em;background:#fdeffc;} .barmini_pink {width:100%;color:#fff;font-weight:bold;line-height:2em;padding-left:0.6em;background:#ff4ea2;} . /* input系 */ .inputboxCSS_50p {width:50%;padding:0.8em 4%;} .inputboxCSS_100p {width:100%;padding:0.8em 4%;} .inputboxCSS_100c {width:100%;padding:0.8em 4%;text-align:center;} .inputboxCSS input[type="text"], .inputboxCSS input[type="password"], .inputboxCSS textarea { -webkit-appearance:none;-moz-appearance:none;appearance:none; display:block;width:100%; color:#555; padding:0.5em 0.6em; border:1px solid #ccc;border-radius:6px; background:#fcfcfc; box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,0.9); -webkit-box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,0.9); -moz-box-shadow: inset 0px 0px 2px 1px rgba(255,255,255,0.9); } .inputboxCSS input:focus, .inputboxCSS textarea:focus {color:#FF1683;border:1px solid #ff4ea2;background:#FFF7FA;} .inputboxCSS input[type="submit"] { -webkit-appearance:none;-moz-appearance:none;appearance:none; cursor:pointer; display:inline-block; color:#fff;line-height:2em;font-weight:bold;text-shadow:0 1px 0 rgba(0,102,191,0.9); margin:0 auto;padding:1px 2em; border:1px solid #38C3FF;border-radius:6px; background: #eaf8ff; background: -moz-linear-gradient(top, #eaf8ff 0%, #00b2ff 2%, #1e92ff 98%, #0079ea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf8ff), color-stop(2%,#00b2ff), color-stop(98%,#1e92ff), color-stop(100%,#0079ea)); background: -webkit-linear-gradient(top, #eaf8ff 0%,#00b2ff 2%,#1e92ff 98%,#0079ea 100%); background: -o-linear-gradient(top, #eaf8ff 0%,#00b2ff 2%,#1e92ff 98%,#0079ea 100%); background: -ms-linear-gradient(top, #eaf8ff 0%,#00b2ff 2%,#1e92ff 98%,#0079ea 100%); background: linear-gradient(to bottom, #eaf8ff 0%,#00b2ff 2%,#1e92ff 98%,#0079ea 100%); box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); -webkit-box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); -moz-box-shadow: 1px 1px 4px -2px rgba(74,74,74,0.5); } .inputboxCSS input[type="submit"].inputboxCSSGLAYbtn{ text-shadow:0 1px 0 rgba(0,0,0,0.6); border:1px solid #555; background: #efefef; background: -moz-linear-gradient(top, #efefef 0%, #969696 2%, #727272 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(2%,#969696), color-stop(100%,#727272)); background: -webkit-linear-gradient(top, #efefef 0%,#969696 2%,#727272 100%); background: -o-linear-gradient(top, #efefef 0%,#969696 2%,#727272 100%); background: -ms-linear-gradient(top, #efefef 0%,#969696 2%,#727272 100%); background: linear-gradient(to bottom, #efefef 0%,#969696 2%,#727272 100%); } /* 注意文 */ .attentionRed {color:#ff0004;font-weight:bold;text-align:center;margin:1em;padding:1em;border:1px solid #FF3F3F;background:#FFF4F4;} .attentionRed i {display:block;color:#ff0004;font-size:2em;margin-bottom:0.4em;} .topCaptionAttentiontxt {color:#fff;font-size:120%;font-weight:bold;text-align:center;padding:0.5em;background:#ff0004;} /* エリアへ戻るリンク */ .bottomLinkAreaTop {text-align:center;margin:1em auto;padding:0.5em 0 1em 0;} .bottomLinkAreaTop a { display:inline-block; color:#555; text-shadow: 1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 3px rgba(0,0,0,0.4); padding:0.2em 1.5em; border:1px solid #ddd;border-radius:3px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 20%, #f4f4f4 40%, #e0e0e0 65%, #f9f9f9 85%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(40%,#f4f4f4), color-stop(65%,#e0e0e0), color-stop(85%,#f9f9f9), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%); background: -o-linear-gradient(top, #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%); background: -ms-linear-gradient(top, #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%); background: linear-gradient(to bottom, #ffffff 20%,#f4f4f4 40%,#e0e0e0 65%,#f9f9f9 85%,#ffffff 100%); box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); -webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); -moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.1); } /* 下段用リンク aタグに仕様 */ .underLinkbarWhitebox {width:100%;text-align:center;} .underLinkbarWhite { position:relative;display:inline-block; color:#777;font-size:90%;line-height:100%; margin:0.3em;padding:1em 1.8em 1em 0.5em; border:1px solid #eee;border-radius:3px; background:#fcfcfc; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; } .underLinkbarWhite i.rightarrow { color:#888; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(50,50,50,0.6); } /* javascriptで全体タップできるようにした */ .clickAllRangeFunction {cursor:pointer;} /* 右矢印 */ i.rightarrow { position:absolute;top:50%;right:4px;margin-top:-0.5em; color:#f33082; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(210,25,100,0.6); } i.leftarrow { position:absolute;top:50%;left:4px;margin-top:-0.5em; color:#f33082; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(210,25,100,0.6); } #result a.captionAllBtnRight {padding:0 0.6em;} a.captionAllBtnRight { position:absolute;top:0.5em;right:3px; display:inline-block; color:#f33082;font-size:85%;font-weight:normal;line-height:150%;letter-spacing:-1px; text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,2px 2px 1px #fff,-2px -2px 1px #fff,-2px 2px 1px #fff,2px -2px 1px #fff,2px 0 1px #fff,0 2px 1px #fff,-2px 0 1px #fff,0 -2px 1px #fff,2px 2px 3px rgba(210,25,100,0.6); border:2px solid #FFA5CC;border-radius:8px; padding:0 0.9em 0 0.6em; background: #ffffff; box-shadow:2px 2px 4px -1px rgba(179,22,93,0.6); -webkit-box-shadow:2px 2px 4px -1px rgba(179,22,93,0.6); -moz-box-shadow:2px 2px 4px -1px rgba(179,22,93,0.6); } a.captionAllBtnRight i {position:relative;color:#FF68A4;font-size:90%;} /* アニメーション */ .animationFLG {-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;} /* 半角英数字強制改行 */ .resultShopDetailT, .detailInfoNewsSubject, .detailExplanation, .blogtitleBox, .blogtextBox, .basicCTSBoxTxt, .topVideoItemBox, .lstVideoItemBox, .stpVideoItemBox, .winningList li {word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;} /* clearfix For modern browsers */ .clearfix:before, .clearfix:after { content:""; display:block; overflow:hidden; } .clearfix:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .clearfix { zoom:1; } /* 新ヘッダー2017 */ header{background:#fff;padding:0;} header h1{width:1000px;margin:0 auto;display:block;color:#bbb;font-size:85%;font-weight:normal;line-height:1em;padding:0.4em 0;} .ykt-header-inner{position:relative;width:1000px;margin:0 auto;} .ykt-header-logo{display:inline-block;width:250px;} .ykt-header-ad{display:inline-block;width:460px;} .ykt-header-logo img,.ykt-header-ad img{display:block;width:100%;} .ykt-header-icon{position:absolute;right:0;top:0;} .ykt-header-icon a{display:inline-block;color:#F33082;background:#fff;border:3px solid #F33082;font-weight:bold;width:70px;height:70px;line-height:70px;text-align:center;border-radius:5px;text-shadow:1px 1px #fff;} .ykt-area-navi-big{text-align:center;background:#f33082;font-weight:bold;font-size:17px;} .ykt-area-navi-big a,.ykt-area-navi-big span{display:block;color:#fff;padding:2px 0;} .ykt-area-navi-big span{color:#FF95C5;} .ykt-area-navi-big ul,.ykt-area-navi-small ul{width:1000px;margin:auto;color:#FFC7D8;} .ykt-area-navi-big li{display:block;float:left;width:11.111%;} .ykt-area-navi-big li:hover a{background:#FF6BA6;} .ykt-area-navi-big li.active a,.ykt-area-navi-small a{color:#FF2B8E;text-shadow:1px 1px #fff;} .ykt-area-navi-big li.active a,.ykt-area-navi-small{background:#FFDDEC;} .ykt-area-navi-small{} .ykt-area-navi-small ul li{display:block;float:left;} .ykt-area-navi-small ul li.active a{background:#FF82B6;color:#fff;text-shadow:1px 1px #F33082;} .ykt-area-navi-small a{display:inline-block;padding:3px 1em;} .ykt-area-navi-small a:hover{background:#FFBFD7;} .ykt-breadcrumb ul{width:1000px;margin:0 auto;font-size:17px;} .ykt-breadcrumb ul li{display:inline-block;font-size:12px;} /* 新全国トップ2017 */ .clearfix{display:block;} .clearfix::after{clear: both;content: ".";display: block;height:0;visibility:hidden;} html{-moz-text-size-adjust:none;} body{background:#FFF7F9;margin:0;color:#888;font-family:"メイリオ",Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;font-size:14px;} a{color:#f33082;text-decoration:none;} a:hover{opacity:.7;} p{margin:0;} ul{margin:0;padding:0;} ul li{list-style:outside none none;} h1,h2,h3{font-weight:normal;margin:0;} .ykt-container{background:#fff;} .ykt-container-1000{width:1000px;margin:0 auto;} .ykt-container-800{width:800px;margin:0 auto;} #yk-wrapper *{box-sizing:border-box;} .yk-header{padding:2px 0;border-bottom:3px solid #f54c92;background:#fff;} .yk-header h1{font-size:12px;color:#999;} .container *{box-sizing:border-box;} .container-sub{padding:0 20px;} .container-b40{margin-bottom:40px;} .container-b20{margin-bottom:20px;} .container-margin{padding:0 10px;} .ykt-breadcrumb{color:#666;} .ykt-area-item-sub a:hover,.ykt-sub-list a:hover,.ykt-map-Img .ykt-map-area li:hover,.ykt-map-item li:hover{opacity:.7;} .ykt-contents li:hover{opacity:.8;} .ykt-title{padding:3px .5em;margin:0 0 1em;font-size:17px;font-weight:bold;background:#FFF4F9;letter-spacing:.1em;} .ykt-title.ykt-title-orange{background:#FFA800;} .ykt-title.ykt-title-purple{background:#AD85DE;} .ykt-title i{margin-right:1em;color:#FF459C;} .yk-top-title-serch{color:#00CAF7;text-align:center;font-size:17px;font-weight:bold;text-shadow:1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 2px 2px 1px #fff, -2px -2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, 2px 0 1px #fff, 0 2px 1px #fff, -2px 0 1px #fff, 0 -2px 1px #fff, 2px 2px 3px #72D2FF;} .yk-top-title i{margin-right:.5em;} .ykt-area-Menu{width:100%;padding:30px 0 25px;} .yk-top-Map{position:relative;background:#DDF7FF;padding:10px;text-align:right;background-image:url('/images/sp/top_header_img.png');} .ykt-map-Img{width:500px;float:right;position:relative;} .ykt-map-Img img{display:block;width:100%;} .ykt-map-Img .ykt-map-area{position:absolute;left:40px;top:30px;text-align:center;} .ykt-map-Img .ykt-map-area ul{background:#fff;width:250px;padding:5px;margin-top:5px;box-shadow:2px 2px 3px #AFEBFF;} .ykt-map-Img .ykt-map-area li{display:inline-block;} .ykt-alert-text{text-align:left;font-size:13px;background:#fff;padding:5px;margin-top:10px;} .ykt-area-item{float:left;width:32.666%;margin:0 1% 10px 0;height:79px;padding:2px;text-align:center;border-radius:5px;background:#fff;border:4px solid #ccc;} .ykt-area-item:nth-child(3n){margin-right:0;} .ykt-area-item-sub{display:inline-block;margin:8px 0;vertical-align:bottom;} .ykt-area-item-sub li{float:left;font-size:13px;} .ykt-area-item-sub li::after,.ykt-map-Img .ykt-map-area li::after,.ykt-map-item li::after{margin:0 .2em;content:'|';display:inline-block;} .ykt-area-item-sub li:last-child::after,.ykt-sub-list li:last-child::after,.ykt-sub-list li.ykt-serch-title::after,.ykt-map-Img .ykt-map-area li:last-child::after,.ykt-map-item li:last-child::after{display:none;} .ykt-area-title i{margin-right:.5em;} .ykt-map-item.ykt-kanto p{background:#FDB30A;} .ykt-map-item.ykt-kansai p{background:#72D2FF;} .ykt-map-item.ykt-tokai p{background:#60D6A1;} .ykt-map-item.ykt-kyushu p{background:#AD9CFF;} .ykt-map-item.ykt-tohoku p{background:#FF8271;} .ykt-map-item.ykt-chushikoku p{background:#71ABFF;} .ykt-map-Img-inner{position:relative;} .ykt-map-item{display:none;position:absolute;padding:4px;background:#fff;background:rgba(255,255,255,.8);z-index:2;text-align:center;box-shadow:1px 1px 3px rgba(0,0,0,.1);width:180px;} .ykt-map-item p{color:#fff;font-weight:bold;margin-bottom:5px;} .ykt-map-item li{display:inline-block;text-shadow:1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff,1px 1px 0 #fff,-1px 1px 0 #fff,1px -1px 0 #fff,-1px -1px 0 #fff,1px 1px 2px #fff,-1px 1px 2px #fff,1px -1px 2px #fff,-1px -1px 2px #fff;} .ykt-map-item.ykt-tohoku{bottom:150px;right:123px;} .ykt-map-item.ykt-kanto{bottom:2px;right:-5px;} .ykt-map-item.ykt-tokai{bottom:80px;right:100px;} .ykt-map-item.ykt-kansai{bottom:130px;left:150px;} .ykt-map-item.ykt-chushikoku{width:220px;bottom:130px;left:65px;} .ykt-map-item.ykt-kyushu{bottom:130px;left:-10px;} .ykt-area-item.ykt-hokkaido{border-color:#FF82B9;} .ykt-area-item.ykt-kanto{border-color:#FDB30A;} .ykt-area-item.ykt-kansai{border-color:#72D2FF;} .ykt-area-item.ykt-tokai{border-color:#60D6A1;} .ykt-area-item.ykt-kyushu{border-color:#AD9CFF;} .ykt-area-item.ykt-tohoku{border-color:#FF8271;} .ykt-area-item.ykt-chushikoku{border-color:#71ABFF;} .ykt-area-item.ykt-okinawa{border-color:#F39CFF;} .ykt-area-item.ykt-kanto a,.ykt-area-item.ykt-kanto h3,.ykt-map-area .ykt-kanto a,.ykt-map-item.ykt-kanto a{color:#FDB30A;} .ykt-area-item.ykt-kansai a,.ykt-area-item.ykt-kansai h3,.ykt-map-area .ykt-kansai a,.ykt-map-item.ykt-kansai a{color:#72D2FF;} .ykt-area-item.ykt-tokai a,.ykt-area-item.ykt-tokai h3,.ykt-map-area .ykt-tokai a,.ykt-map-item.ykt-tokai a{color:#60D6A1;} .ykt-area-item.ykt-kyushu a,.ykt-area-item.ykt-kyushu h3,.ykt-map-area .ykt-kyusyu a,.ykt-map-item.ykt-kyushu a{color:#AD9CFF;} .ykt-area-item.ykt-tohoku a,.ykt-area-item.ykt-tohoku h3,.ykt-map-area .ykt-tohoku a,.ykt-map-item.ykt-tohoku a{color:#FF8271;} .ykt-area-item.ykt-chushikoku a,.ykt-area-item.ykt-chushikoku h3,.ykt-map-area .ykt-chushikoku a,.ykt-map-item.ykt-chushikoku a{color:#71ABFF;} .ykt-area-item.ykt-hokkaido h3 a,.ykt-map-area .ykt-hokkaido a{color:#FF82B9;} .ykt-area-item.ykt-okinawa h3 a,.ykt-map-area .ykt-okinawa a{color:#F39CFF;} .ykt-area-item.ykt-hokuriku h3{color:#999;} .ykt-area-item h3{font-weight:bold;color:#fff;overflow:hidden;border-radius:3px 3px 0 0;line-height:30px;} .ykt-area-item:hover h3 i{animation: vertical .5s ease-in-out infinite alternate;} @keyframes vertical{0%{transform:translateY(-3px);}100%{transform:translateY(0px);}} .ykt-area-item.ykt-hokkaido h3,.ykt-area-item.ykt-okinawa h3{border-radius:3px;background:#fff;} .ykt-area-item h3 a{display:block;height:68px;line-height:68px;color:#fff;} .ykt-contents li{float:left;width:48.5%;margin:0 1% 10px 0;} .ykt-contents li:nth-child(2n){margin:right:0;} .ykt-contents li img{width:100%;display:block;} .ykt-contents h3{font-size:13px;} .ykt-list-title{margin-bottom:1em;text-align:left;} .ykt-list-title i{color:#FFA3CA;} .ykt-list-title.ykt-title-orange i,.ykt-sub-list.ykt-sub-orange a{color:#FFC62B;} .ykt-list-title.ykt-title-purple i,.ykt-sub-list.ykt-sub-purple a{color:#d877e5;} .ykt-list-title.ykt-title-blue i,.ykt-sub-list.ykt-sub-blue a{color:#71ABFF;} .ykt-list-title.ykt-title-green i,.ykt-sub-list.ykt-sub-green a{color:#60D6A1;} .ykt-sub-list{margin-bottom:10px;} .ykt-sub-list a,.ykt-serch-title a i{color:#FFA3CA;} .ykt-sub-list li{float:left;} .ykt-sub-list li::after{content:'|';display:inline-block;margin:0 .5em} .ykt-serch-title a{display:inline-block;background:#FFF4F9;padding:2px 0;margin-right:1em;text-align:center;width:12em;color:#f33082;} .ykt-serch-title a:hover{background:#FFE2EF;opacity:1;} .ykt-support-list li{width:32%;float:left;margin-right:2%;} .ykt-support-list li:last-child{margin-right:0;} .ykt-support-list dt{position:relative;color:#fff;text-align:center;font-size:17px;padding:2px 0;margin-bottom:5px;} .ykt-support-list dt::after{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-style:solid;border-width:11px;content:" ";height:0;left:50%;margin-left:-11px;pointer-events:none;position:absolute;top:100%;width:0;border-image:none;} .ykt-support-list dd{width:100%;text-align:left;margin:0;padding:10px;border:1px solid #ddd;font-size:85%;border-radius:5px;height:100px;} .ykt-support-list .ykt-form dt{background:#FF82B9;} .ykt-support-list .ykt-form dt::after{border-color:#FF82B9 rgba(255,255,255,0) rgba(255,255,255,0);} .ykt-support-list .ykt-scout dt{background:#FDB30A;} .ykt-support-list .ykt-scout dt::after{border-color:#FDB30A rgba(255,255,255,0) rgba(255,255,255,0);} .ykt-support-list .ykt-mallcontents dt{background:#72D2FF;} .ykt-support-list .ykt-mallcontents dt::after{border-color:#72D2FF rgba(255,255,255,0) rgba(255,255,255,0);} .ykt-count{position:absolute;bottom:15px;left:5%;width:35%;} .ykt-count li{display:inline-block;width:49%;background:#fff;text-align:center;color:#FF459C;font-weight:bold;font-size:17px;border:3px solid #FCD9F1;box-shadow:1px 1px 2px rgba(332,72,100,.4);} .ykt-count li:first-child{margin-right:2%;} .ykt-count li span{display:block;padding:2px 0;margin:0 8% .2em;border-bottom:2px solid #FCD9F1;} footer{text-align:center;background:#fff;color:#fff;} footer a{color:#fff;} footer .ykt-footer-item{padding:10px;background:#FFEFF7;} footer .ykt-footer-item a{background:rgba(255, 255, 255, 0.3);border:1px solid rgba(255, 255, 255, 0.2);border-radius:4px;color:#f94892;display:inline-block;margin:0 0.2em;padding:1px 0.7em;} footer .ykt-footer-item a:hover{background:#FF77AD;color:#fff;} footer .ykt-footer-item i{margin-right:.5em;} footer .ykt-footer-copy{padding:8px 0;font-size:12px;} footer img{width:150px;margin-bottom:5px;} #yks-wrapper{background:#fff;} #yks-wrapper *{box-sizing:border-box;} #yks-wrapper .yks-header{padding:2px 3px;border-bottom:3px solid #f54c92;background:#fff;height:23px;overflow:hidden;} #yks-wrapper .yks-header h1{font-size:10px;color:#999;} #yks-wrapper .yks-top-title-serch{padding:2px .5em;font-size:15px;font-weight:bold;color:#fff;background:#5EDCFF;} #yks-wrapper .yks-top-title-serch i{margin-right:.5em;} #yks-wrapper .container{width:100%;background:#fff;} #yks-wrapper .container-sub{padding:0 20px;} #yks-wrapper .container-b40{margin-bottom:40px;} #yks-wrapper .container-b20{margin-bottom:20px;} #yks-wrapper .container-margin{padding:0 10px;} #yks-wrapper .yks-main-img img{display:block;width:100%;} #yks-wrapper .yks-area-list{padding:15px 5px 10px;background:#F7FDFF;} #yks-wrapper .yks-area-list .yks-area-item{float:left;width:32.666%;margin:0 1% 10px 0;height:60px;text-align:center;border-radius:5px;background:#fff;border:4px solid #ccc;} #yks-wrapper .yks-area-list .yks-area-item .yks-area-title{display:block;line-height:52px;} #yks-wrapper .yks-area-list .yks-area-item:nth-child(3n){margin-right:0;} #yks-wrapper .yks-area-item .yks-area-title{font-weight:bold;} #yks-wrapper .yks-area-item.yks-hokkaido{border-color:#FF82B9;} #yks-wrapper .yks-area-item.yks-kanto .yks-area-sub-title a{background:#FDB30A;} #yks-wrapper .yks-area-item.yks-kansai .yks-area-sub-title a{background:#72D2FF;} #yks-wrapper .yks-area-item.yks-tokai .yks-area-sub-title a{background:#60D6A1;} #yks-wrapper .yks-area-item.yks-kyushu .yks-area-sub-title a{background:#AD9CFF;} #yks-wrapper .yks-area-item.yks-tohoku .yks-area-sub-title a{background:#FF8271;} #yks-wrapper .yks-area-item.yks-chushikoku .yks-area-sub-title a{background:#71ABFF;} #yks-wrapper .yks-area-item.yks-kanto,#yks-wrapper .yks-area-item.yks-kanto .yks-area-item-sub a{border-color:#FDB30A;} #yks-wrapper .yks-area-item.yks-kansai,#yks-wrapper .yks-area-item.yks-kansai .yks-area-item-sub a{border-color:#72D2FF;} #yks-wrapper .yks-area-item.yks-tokai,#yks-wrapper .yks-area-item.yks-tokai .yks-area-item-sub a{border-color:#60D6A1;} #yks-wrapper .yks-area-item.yks-kyushu,#yks-wrapper .yks-area-item.yks-kyushu .yks-area-item-sub a{border-color:#AD9CFF;} #yks-wrapper .yks-area-item.yks-tohoku,#yks-wrapper .yks-area-item.yks-tohoku .yks-area-item-sub a{border-color:#FF8271;} #yks-wrapper .yks-area-item.yks-chushikoku,#yks-wrapper .yks-area-item.yks-chushikoku .yks-area-item-sub a{border-color:#71ABFF;} #yks-wrapper .yks-area-item.yks-okinawa{border-color:#F39CFF;} #yks-wrapper .yks-area-item.yks-kanto a,.yks-area-item.yks-kanto span,.yks-map-area .yks-kanto a,.yks-map-item.yks-kanto a{color:#FDB30A;} #yks-wrapper .yks-area-item.yks-kansai a,.yks-area-item.yks-kansai span,.yks-map-area .yks-kansai a,.yks-map-item.yks-kansai a{color:#72D2FF;} #yks-wrapper .yks-area-item.yks-tokai a,.yks-area-item.yks-tokai span,.yks-map-area .yks-tokai a,.yks-map-item.yks-tokai a{color:#60D6A1;} #yks-wrapper .yks-area-item.yks-kyushu a,.yks-area-item.yks-kyushu span,.yks-map-area .yks-kyusyu a,.yks-map-item.yks-kyushu a{color:#AD9CFF;} #yks-wrapper .yks-area-item.yks-tohoku a,.yks-area-item.yks-tohoku span,.yks-map-area .yks-tohoku a,.yks-map-item.yks-tohoku a{color:#FF8271;} #yks-wrapper .yks-area-item.yks-chushikoku a,.yks-area-item.yks-chushikoku span,.yks-map-area .yks-chushikoku a,.yks-map-item.yks-chushikoku a{color:#71ABFF;} #yks-wrapper .yks-area-item.yks-hokkaido a,.yks-map-area .yks-hokkaido a{color:#FF82B9;} #yks-wrapper .yks-area-item.yks-okinawa a,.yks-map-area .yks-okinawa a{color:#F39CFF;} #yks-wrapper .yks-area-item.yks-hokuriku span{color:#999;background:#f9f9f9;} #yks-wrapper .yks-area-item .yks-area-item-sub{display:none;position:fixed;z-index:5;width:98%;max-width:400px;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform: translate(-50%, -50%);padding:20px 10px 15px;background:rgba(255,255,255,.8);text-align:right;} #yks-wrapper .yks-area-item .yks-area-item-sub li{float:left;width:49%;margin:0 2% 5px 0;font-size:16px;text-align:center;} #yks-wrapper .yks-area-item .yks-area-item-sub li.yks-area-sub-title{width:100%;margin-bottom:8px;} #yks-wrapper .yks-area-item .yks-area-item-sub li.yks-area-sub-title a{color:#fff;} #yks-wrapper .yks-area-item .yks-area-item-sub li:nth-child(odd):nth-child(n+2){margin-right:0;} #yks-wrapper .yks-area-item .yks-area-item-sub a{display:block;padding:6px 4px;border:1px solid #fff;background:#fff;border-radius:5px;} #yks-wrapper .yks-area-item .yks-area-item-sub p{display:inline-block;color:#999;font-size:15px;margin-top:5px;padding:5px;} #yks-wrapper .yks-area-item .yks-area-item-sub i{margin-right:.5em;} #yks-wrapper .yks-text{padding:10px 5px;margin:5px 10px;border-top:1px dashed #ddd;font-size:11px;} #yks-wrapper .yks-text p{text-align:right;} #yks-wrapper .yks-contents{padding:10px;} #yks-wrapper .yks-contents li a{display:block;width:100%;} #yks-wrapper .yks-contents li img{display:block;width:100%;} #yks-wrapper .yks-contents h3{font-size:10px;} #yks-wrapper .yks-title{background:#FFF4F9;font-size:15px;font-weight:bold;padding:2px .5em;} #yks-wrapper .yks-title i{margin-right:.5em;color:#FF459C;} #yks-wrapper .yks-count{padding:10px 20px 15px;background:#FDF6FD;} #yks-wrapper .yks-count span{display:block;border:2px solid #FF95C5;border-bottom:0;text-align:center;background:#fff;box-shadow:1px 1px 3px #D8A4D8;} #yks-wrapper .yks-count b{color:#FF95C5;font-size:180%;margin-right:.5em;} #yks-wrapper .yks-count p{position:relative;background:#FF95C5;color:#fff;} #yks-wrapper .yks-count p::after{border-color:#FF95C5 rgba(255,255,255,0) rgba(255,255,255,0);border-style:solid;border-width:11px;content:" ";height:0;left:50%;margin-left:-11px;pointer-events:none;position:absolute;top:100%;width:0;border-image:none;} #yks-wrapper footer{text-align:center;background:#f33082;color:#fff;} #yks-wrapper footer .yks-footer-area{background:#fff9fc;border-top:1px solid #ffeff7;font-size:85%;margin-top:1em;padding:0.8em 0 0.2em;} #yks-wrapper footer .yks-footer-area a{color:#ff77ad;display:inline-block;margin:0 0 0.3em;padding:0;text-align:center;width:10em;} #yks-wrapper footer .yks-footer-item{padding:10px 0 0;background:#FFEFF7;text-align:center;font-size:12px;} #yks-wrapper footer .yks-footer-item a{background:rgba(255, 255, 255, 0.3);border:1px solid rgba(255, 255, 255, 0.2);border-radius:4px;color:#f94892;display:inline-block;margin:0 0.2em 0.6em 0.2em;padding:1px 0.7em;} #yks-wrapper footer .yks-footer-item i{margin-right:.5em;} #yks-wrapper footer .yks-footer-copy{padding:8px 0;font-size:12px;} /* 新エリアトップ2017 */ .underMenuBannerPC img{width:50%;} .container-b10{margin-bottom:10px;} .ykt-premium-box{padding:0 10px 10px;} .ykt-premium-box .bx-wrapper .bx-viewport{background:none;} .ykt-premium-box b{display:block;color:#AD9CFF;margin-bottom:.5em;} .ykt-premium-box ul{width:100%;} .ykt-premium-box li{width:50%;padding:10px;} .ykt-premium-box li div{margin-top:10px;border:2px solid #C7BCFF;background:#FDFFE8;border-radius:3px;} .ykt-premium-box li div h3{font-weight:bold;font-size:13px;display:block;padding:0 .3em;background:#C7BCFF;color:#fff;} .ykt-premium-box li div p{padding:.3em;color:#666;font-size:80%;} .ykt-newstab-menu li{width:47%;margin:0 2%;float:left;cursor:pointer;} .ykt-newstab-menu li:first-child{margin-right:0;} .ykt-newstab-menu li h2.ykt-title-main{background:#eee;color:#aaa;padding:.2em .5em;margin-bottom:0;border-radius:5px 5px 0 0;text-shadow:1px 0 0 #fcfcfc, 0 1px 0 #fcfcfc, -1px 0 0 #fcfcfc, 0 -1px 0 #fcfcfc, 1px 1px 0 #fcfcfc, -1px 1px 0 #fcfcfc, 1px -1px 0 #fcfcfc, -1px -1px 0 #fcfcfc, 2px 2px 0 #fcfcfc, -2px -2px 0 #fcfcfc, -2px 2px 0 #fcfcfc, 2px -2px 0 #fcfcfc, 2px 0 0 #fcfcfc, 0 2px 0 #fcfcfc, -2px 0 0 #fcfcfc, 0 -2px 0 #fcfcfc;} .ykt-newstab-menu li h2.ykt-title-main:hover{background:#ddd;} .ykt-newstab-menu li h2.ykt-title-main i{color:#ccc;text-shadow:1px 0 0 #fcfcfc, 0 1px 0 #fcfcfc, -1px 0 0 #fcfcfc, 0 -1px 0 #fcfcfc, 1px 1px 0 #fcfcfc, -1px 1px 0 #fcfcfc, 1px -1px 0 #fcfcfc, -1px -1px 0 #fcfcfc, 2px 2px 0 #fcfcfc, -2px -2px 0 #fcfcfc, -2px 2px 0 #fcfcfc, 2px -2px 0 #fcfcfc, 2px 0 0 #fcfcfc, 0 2px 0 #fcfcfc, -2px 0 0 #fcfcfc, 0 -2px 0 #fcfcfc;} .ykt-newstab-menu li.active h2.ykt-title-main,#ykt-newstab-menu li.active h2.ykt-title-main:hover{background:#A3E1FF;color:#fff;cursor:default;text-shadow:1px 0 0 #75D3FF, 0 1px 0 #75D3FF, -1px 0 0 #75D3FF, 0 -1px 0 #75D3FF, 1px 1px 0 #75D3FF, -1px 1px 0 #75D3FF, 1px -1px 0 #75D3FF, -1px -1px 0 #75D3FF, 2px 2px 0 #75D3FF, -2px -2px 0 #75D3FF, -2px 2px 0 #75D3FF, 2px -2px 0 #75D3FF, 2px 0 0 #75D3FF, 0 2px 0 #75D3FF, -2px 0 0 #75D3FF, 0 -2px 0 #75D3FF;} .ykt-newstab-menu li.active h2.ykt-title-main i{color:#11B7FF;} .ykt-newstab-list{padding:10px;border:3px solid #A3E1FF;} #yks-container .ykt-newstab-list{border:none;border-top:3px solid #A3E1FF;} .ykt-newstab-list div{display:none;} .ykt-newstab-list div.active{display:block;} .ykt-newstab-list .ykt-newstab-more{text-align:right;} .ykt-newstab-list .ykt-newstab-more a{display:inline-block;margin-top:10px;padding:2px 0;width:16em;text-align:center;background:#D1F0FF;color:#16b5ff;box-shadow:1px 1px 2px rgba(0,0,0,.1);text-shadow:1px 1px #fff;} .ykt-newstab-list .ykt-newstab-more a i{margin:0 0 0 .5em;color:#16b5ff;} .ykt-title-serch{font-weight:bold;font-size:15px;padding:2px .5em;background:#FF82B9;color:#fff;border-radius:3px 3px 0 0;} .ykt-title-serch i{margin-right:.5em;} .ykt-list-box .ykt-news-title{font-weight:bold;font-size:14px;} .ykt-list-box .ykt-news-info{color:#999;text-align:right;font-size:90%;} .ykt-list-box .ykt-news-info span{display:block;} .ykt-list-box .ykt-news-type{display:inline-block;margin-right:.3em;padding:0 .3em;font-weight:normal;background:#fff;background:rgba(255,255,255,.8);font-size:80%;} .ykt-list-box ul{overflow:visible;} .ykt-list-box li{width:49.5%;margin:0 1% 7px 0;float:left;border:1px solid #e4e4e4;font-size:12px;} .ykt-list-box li:nth-child(2n){margin-right:0;} #yks-container .ykt-list-box li{width:100%;margin:0 0 7px 0;} .ykt-list-box li a{background:#fff;display:block;color:#666;padding:5px;} #yks-container .ykt-list-box li a{background:#F2FAFF;} .ykt-list-box li a:hover{opacity:1;} .ykt-news-box li a:hover{background:#F2FAFF;} .ykt-news-box .ykt-news-type{color:#72D2FF;border:1px solid #72D2FF;border-radius:3px;} .ykt-news-box .ykt-news-title{color:#72D2FF;} .ykt-news-box i{margin-right:.5em;color:#D4F7E6;} .ykt-newmall-box li a:hover{background:#EFFFF6;} #yks-container .ykt-newmall-box li a{background:#EFFFF6;} .ykt-newmall-box .ykt-news-title{color:#61CC9C;} .ykt-newmall-box .ykt-news-type{background:#FFF6ED;color:#FDB30A;} .pcundertxt_areaJGwarpper{padding:0 10px 40px;} .pcundertxt_areaJGtit{margin:0 0 0.8em -45px;} .ykt-contents-box ul li{position:relative;width:49%;margin:0 2% .5em 0;float:left;text-align:center;} .ykt-contents-box ul li:nth-child(2n){margin:0;} .ykt-contents-box ul li a{display:block;padding:.5em .3em;background:#fafafa;border:4px solid #ddd;} .ykt-contents-box ul li i{position:absolute;font-size:30px;left:.5em;bottom:.3em;text-shadow:1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 2px 2px 1px #fff, -2px -2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, 2px 0 1px #fff, 0 2px 1px #fff, -2px 0 1px #fff, 0 -2px 1px #fff, 2px 2px 3px rgba(210, 25, 100, 0.6);} .ykt-contents-box ul li:nth-child(1) a{color:#FF5DA2;background:#FFF9FD;border-color:rgba(244, 0, 156, 0.05) rgba(244, 0, 156, 0.15) rgba(244, 0, 156, 0.3) rgba(244, 0, 156, 0.1);} .ykt-contents-box ul li:nth-child(2) a{color:#ff00d2;background:#FFF9FE;border-color:rgba(244, 0, 202, 0.05) rgba(244, 0, 202, 0.15) rgba(244, 0, 202, 0.3) rgba(244, 0, 202, 0.1);} .ykt-contents-box ul li:nth-child(3) a{color:#FC00FF;background:#FFF9FF;border-color:rgba(241, 0, 244, 0.05) rgba(241, 0, 244, 0.15) rgba(241, 0, 244, 0.3) rgba(241, 0, 244, 0.1);} .ykt-contents-box ul li:nth-child(4) a{color:#cc00ff;background:#FEF9FF;border-color:rgba(195, 0, 244, 0.05) rgba(195, 0, 244, 0.15) rgba(195, 0, 244, 0.3) rgba(195, 0, 244, 0.1);} .ykt-contents-box ul li:nth-child(5) a{color:#9D00FF;background:#FDF9FF;border-color:rgba(149, 0, 244, 0.05) rgba(149, 0, 244, 0.15) rgba(149, 0, 244, 0.3) rgba(149, 0, 244, 0.1);} .ykt-contents-box ul li:nth-child(6) a{color:#6d00ff;background:#FCF9FF;border-color:rgba(103, 0, 244, 0.05) rgba(103, 0, 244, 0.15) rgba(103, 0, 244, 0.3) rgba(103, 0, 244, 0.1);} .ykt-contents-box ul li:nth-child(1) i{color:#FCAEE0;} .ykt-contents-box ul li:nth-child(2) i{color:#FCAEEE;} .ykt-contents-box ul li:nth-child(3) i{color:#FBAEFC;} .ykt-contents-box ul li:nth-child(4) i{color:#ECAEFC;} .ykt-contents-box ul li:nth-child(5) i{color:#DEAEFC;} .ykt-contents-box ul li:nth-child(6) i{color:#CFAEFC;} .ykt-tech-box li{position:relative;width:32.6%;margin-right:1%;padding:15px;background:#FFF4F9;float:left;} .ykt-tech-box li:last-child{margin-right:0;} .ykt-tech-box li:nth-child(2){background:#FFF6ED;} .ykt-tech-box li:nth-child(2) a{color:#FF8800;} .ykt-tech-box li:nth-child(2) span{background:rgba(255,136,0,.5);} .ykt-tech-box li:nth-child(3){background:#F4F2FF;} .ykt-tech-box li:nth-child(3) a{color:#AD9CFF;} .ykt-tech-box li:nth-child(3) span{background:rgba(138,114,255,.5);} .ykt-tech-box li img{display:block;width:100%;} .ykt-tech-box p{margin-top:5px;} .ykt-tech-box li span{display:none;padding:10px;position:absolute;top:8px;bottom:8px;right:8px;left:8px;background:rgba(243, 48, 130, 0.5);color:#fff;} .ykt-tech-box li:hover span{display:inline-block;} .ykt-tech-box .ykt-tech-date{color:#666;font-size:90%;text-align:right;} .ykt-tech-box li a:hover{opacity:1;} .ykt-voice-box a{color:#666;} .ykt-voice-box li{width:49%;margin-right:2%;padding:5px;border:1px solid #ddd;background:#fff;float:left;} .ykt-voice-box li:nth-child(even){margin-right:0;} .ykt-voice-box li img{display:block;width:100%;} .ykt-voice-box li .ykt-voice-img,.ykt-voice-box li .ykt-voice-info{display:block;width:49%;float:left;} #yks-container .ykt-voice-box li .ykt-voice-img,#yks-container .ykt-voice-box li .ykt-voice-info{width:100%;} .ykt-voice-box li span:first-child{margin-right:2%;} .ykt-voice-box li span p b{color:#FF82B9;font-size:17px;} .ykt-voice-box li p span{display:inline-block;padding:0 .3em;margin-right:1em;background:#FF8271;color:#fff;} .ykt-voice-box li p.ykt-voice-money span{background:#FDB30A;} .ykt-voice-box li p.ykt-voice-time span{background:#68E8B0;} .ykt-voice-box li p.ykt-voice-sub{font-size:12px;text-align:right;} .ykt-voice-name{margin-bottom:.5em;} .ykt-voice-infos{margin-bottom:.2em;} .ykt-blog-box li{float:left;width:23.5%;margin-right:2%;} #yks-container .ykt-blog-box li{width:32%;} .ykt-blog-box li:last-child{margin:0;} .ykt-blog-box li a,.ykt-blog-box li img{display:block;width:100%;} .ykt-blog-img{position:relative;overflow:hidden;margin-bottom:5px;height:174px;border-radius:10px;} .ykt-blog-box p{font-size:13px;color:#666;} .ykt-blog-box p b{display:block;color:#EF0466;} .ykt-blog-box p span{font-size:90%;} .ykt-blog-img span{position:absolute;bottom:0;left:0;width:100%;padding:5px;background:#fff;color:#666;background:rgba(255,255,255,.8);font-size:12px;text-shadow:1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 1px 1px 2px #fff, -1px 1px 2px #fff, 1px -1px 2px #fff, -1px -1px 2px #fff;} .ykt-sarea-list{clear:both;} .ykt-sarea-list .pcundertxt_areaJGtit{background:#AD9CFF;} .ykt-sarea-list .pcundertxt_areaJGtit::before{border-right-color:#D6CEFF;} .ykt-sarea-list dt{width:100%;font-size:120%;} .ykt-sarea-list dt a{color:#AD9CFF;} .ykt-sarea-list dt i{margin-right:.5em;} .ykt-sarea-list dd li{display:inline-block;} .ykt-sarea-list dd li:not(:last-child)::after{content:"|";display:inline-block;margin: 0 .3em .3em;color:#ddd;} .ykt-sarea-list dd a{color:#666;} .ykt-hokkaido-list li{width:33.33%;float:left;border-left:1px dashed #e4e4e4;} .ykt-hokkaido-list li:first-child{border:none;} .ykt-hokkaido-list li a{display:block;padding:10px;text-align:center;} .ykt-hokkaido-list li a:hover{opacity:1;background:#FFF9FB;} .ykt-hokkaido-list span{display:inline-block;width:100%;} .ykt-hokkaido-list .ykt-hokkaido-img{width:120px;height:120px;overflow:hidden;} .ykt-hokkaido-list .ykt-hokkaido-img img{display:block;width:100%;} .ykt-hokkaido-list .ykt-hokkaido-text{color:#666;text-align:left;font-size:12px;} .ykt-hokkaido-list .ykt-hokkaido-title{color:#ff459c;font-size:120%;} .ykt-hokkaido-list .ykt-hokkaido-info{text-align:right;font-size:90%;color:#aaa;} .ykt-Marquee {animation-duration:20s;animation-iteration-count:infinite;animation-name:marquee;animation-timing-function:linear;display:inline-block;margin:0;padding-left:100%;white-space: nowrap;} @keyframes marquee{0%{transform:translate(0%);}99%,100%{transform:translate(-100%);}} @keyframes marquee {0% transform:translate(0%);}99%,100%{transform:translate(-100%);}} @keyframes marquee {0%{transform: translate(0%);}99%,100%{transform: translate(-100%);}} .ykt-blinking{animation:0.8s ease-in-out 0s alternate none infinite running blink;} @keyframes blink{0%{opacity:0;}100%{opacity:1;}} @keyframes blink {0% {opacity:0;}100%{opacity:1;}} @keyframes blink{0%{opacity:0;}100%{opacity:1;}} #yks-container{background:#fff;} #yks-container .ykt-title-serch{font-size:16px;padding:4px .5em;text-shadow:1px 0 0 #EF5D9C, 0 1px 0 #EF5D9C, -1px 0 0 #EF5D9C, 0 -1px 0 #EF5D9C, 1px 1px 0 #EF5D9C, -1px 1px 0 #EF5D9C, 1px -1px 0 #EF5D9C, -1px -1px 0 #EF5D9C, 2px 2px 0 #EF5D9C, -2px -2px 0 #EF5D9C, -2px 2px 0 #EF5D9C, 2px -2px 0 #EF5D9C, 2px 0 0 #EF5D9C, 0 2px 0 #EF5D9C, -2px 0 0 #EF5D9C, 0 -2px 0 #EF5D9C;} #yks-container .ykt-main-title{margin-top:5px;font-size:13px;text-align:center;} #yks-container .yks-serch-box{background:#FFF4F9;padding:5px;border:1px solid #ddd;border-top:none;} #yks-container .yks-serch-box dl,#yks-container .yks-serch-box dd{margin:0;} #yks-container .yks-serch-box dt{margin-bottom:5px;padding:5px;font-size:14px;color:#fff;} #yks-container .yks-serch-box dt i{margin-right:.5em;} #yks-container .yks-serch-box dt b{display:inline-block;margin-right:.3em;font-size:120%;} #yks-container .yks-serch-box dd{display:none;background:#fff;padding:5px;margin-bottom:10px;} #yks-container .yks-serch-box ul{padding:5px 0;font-size:13px;} #yks-container .yks-serch-box .yks-serch-area ul{display:none;} #yks-container .yks-serch-box li{float:left;line-height:1.2em;margin-right:1%;margin-bottom:5px;} #yks-container .yks-serch-box h2{padding:2px .4em;font-size:14px;line-height:1.5em;font-weight:bold;} #yks-container .yks-serch-box input[type="checkbox"] {display:none;} #yks-container .yks-serch-box input[type="checkbox"] + label{color:#666;border:1px solid #eee;cursor:pointer;display:block;font-size:90%;margin:0;padding:0.5em;text-decoration:none;border-radius:5px;} #yks-container .yks-serch-box input[type="checkbox"] + label i{color:#ddd;display:inline-block;font-size:100%;transform:rotate(-20deg);} #yks-container .yks-serch-box input[type="checkbox"]:checked + label i{color:#ff72a8;transform:rotate(20deg);transition: all 0.3s ease 0s;} #yks-container .yks-serch-box .yks-serch-area h2{padding:4px .4em;color:#fff;background:#F9B331;margin-bottom:5px;border-radius:3px;} #yks-container .yks-serch-box .yks-serch-job h2{border-bottom:1px dashed #FFCCE5;color:#ff72a8;} #yks-container .yks-serch-box .yks-serch-job h2 i{color:#FFCCE5;} #yks-container .yks-serch-box .yks-serch-choosy h2{border-bottom:1px dashed #F3D1FF;color:#da7eea;} #yks-container .yks-serch-box .yks-serch-choosy h2 i{color:#F3D1FF;} #yks-container .yks-serch-box .yks-serch-job li,#yks-container .yks-serch-box .yks-serch-area li,#yks-container .yks-serch-box .yks-serch-choosy li{width:49.5%;} #yks-container .yks-serch-box .yks-serch-job li:nth-child(2n),#yks-container .yks-serch-box .yks-serch-area li:nth-child(2n),#yks-container .yks-serch-box .yks-serch-choosy li:nth-child(2n){margin-right:0;} #yks-container .yks-serch-box .yks-serch-area input[type="checkbox"]:checked + label{background:#FFF9ED;} #yks-container .yks-serch-box .yks-serch-job input[type="checkbox"]:checked + label{background:#FFF9FC;} #yks-container .yks-serch-box .yks-serch-choosy input[type="checkbox"]:checked + label{background:#FDF7FF;} #yks-container .yks-serch-box .yks-serch-area input[type="checkbox"]:checked + label i,#yks-container .yks-serch-box .yks-serch-area input[type="checkbox"] + label span,#yks-container .yks-serch-box #itemgroup_count_area{color:#FDB30A;} #yks-container .yks-serch-box .yks-serch-job input[type="checkbox"]:checked + label i,#yks-container .yks-serch-box .yks-serch-job input[type="checkbox"] + label span,#yks-container .yks-serch-box #itemgroup_count_job{color:#ff72a8;} #yks-container .yks-serch-box .yks-serch-choosy input[type="checkbox"]:checked + label i,#yks-container .yks-serch-box .yks-serch-choosy input[type="checkbox"] + label span,#yks-container .yks-serch-box #itemgroup_count_bit{color:#da7eea;} #yks-container .yks-serch-box .yks-serch-area input[type="checkbox"]:checked + label{border:1px solid #FFE2AF;} #yks-container .yks-serch-box .yks-serch-job input[type="checkbox"]:checked + label{border:1px solid #FFCCE5;} #yks-container .yks-serch-box .yks-serch-choosy input[type="checkbox"]:checked + label{border:1px solid #F3D1FF;} #yks-container .yks-serch-box .yks-serch-area dt{background:#FCC964;} #yks-container .yks-serch-box .yks-serch-job dt{background:#FFB2D3;} #yks-container .yks-serch-box .yks-serch-choosy dt{background:#DFB0E8;} #yks-container .ykt-serch-box .ykt-serch-area input[type="checkbox"] + label span span{font-size:80%;} #yks-container .yks-serch-result-count{background:#ff459c;box-shadow:0 0 2px rgba(0, 0, 0, 0.2);color:#fff;font-size:16px;margin:10px 0;text-align:center;} .yks-serch-result-count p{background:#fff;color:#666;} .yks-serch-result-count b{color:#f33082;display:inline-block;font-size:140%;margin:0 0.2em;} .yks-serch-btn-box .yks-submit-btn,.yks-serch-btn-box .yks-cancel-btn{border:medium none;border-radius:5px;box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);cursor: pointer;display: block;font-size: 15px;font-weight: bold;line-height: 2.4em;text-align:center;width:100%;} .yks-serch-btn-box .yks-submit-btn{-webkit-appearance:none;float:left;width:68%;margin-left:2%;background:#71abff;border-bottom:4px solid #4995ff;color: #fff;} .yks-serch-btn-box .yks-cancel-btn{float:left;width:30%;background:#ddd;border-bottom: 4px solid #ccc;color:#999;} #yks-container .yks-serch-bottom{position:relative;z-index:10000;width:100%;} #yks-container .yks-serch-bottom.yks-serch-fixed{position:fixed;bottom:0;left:0;background:#FFE2EF;padding:0 5px 5px;box-shadow:0 0 3px rgba(0,0,0,.2);} #yks-container .yks-serch-box #itemgroup_count_area, #yks-container .yks-serch-box #itemgroup_count_job, #yks-container .yks-serch-box #itemgroup_count_bit{background:rgba(255, 255, 255, 0.9) none repeat scroll 0 0;border-radius:3px;float:right;font-size:14px;padding:1px 0.5em;} #yks-container .yks-serch-box dt .yks-serch-direction{font-size:18px;float:right;margin-left:.5em;} #yks-container .yks-serch-box .yks-serch-area .yks-serch-direction{color:#FF8C00;} #yks-container .yks-serch-box .yks-serch-job .yks-serch-direction{color:#FF68A9;} #yks-container .yks-serch-box .yks-serch-choosy .yks-serch-direction{color:#C851E2;} #yks-container .ykt-tech-box li{padding:5px;font-size:12px;} #yks-container .ykt-blog-img{height:150px;} #yks-container .ykt-voice-box li{font-size:12px;} /* 新タイトル2017 */ .ykt-title{position:relative;} #yks-container .ykt-title{font-size:15px;} .ykt-title-main{margin-bottom:10px;background:#FFB2D3;color:#fff;text-shadow:1px 0 0 #FF77B0, 0 1px 0 #FF77B0, -1px 0 0 #FF77B0, 0 -1px 0 #FF77B0, 1px 1px 0 #FF77B0, -1px 1px 0 #FF77B0, 1px -1px 0 #FF77B0, -1px -1px 0 #FF77B0, 2px 2px 0 #FF77B0, -2px -2px 0 #FF77B0, -2px 2px 0 #FF77B0, 2px -2px 0 #FF77B0, 2px 0 0 #FF77B0, 0 2px 0 #FF77B0, -2px 0 0 #FF77B0, 0 -2px 0 #FF77B0;} .ykt-title-main i{color:#FF68A9;text-shadow:1px 0 0 #FFEDF4, 0 1px 0 #FFEDF4, -1px 0 0 #FFEDF4, 0 -1px 0 #FFEDF4, 1px 1px 0 #FFEDF4, -1px 1px 0 #FFEDF4, 1px -1px 0 #FFEDF4, -1px -1px 0 #FFEDF4, 2px 2px 0 #FFEDF4, -2px -2px 0 #FFEDF4, -2px 2px 0 #FFEDF4, 2px -2px 0 #FFEDF4, 2px 0 0 #FFEDF4, 0 2px 0 #FFEDF4, -2px 0 0 #FFEDF4, 0 -2px 0 #FFEDF4;} .ykt-title-main.ykt-title-purple{background:#C5BAFF;text-shadow:1px 0 0 #A696FF, 0 1px 0 #A696FF, -1px 0 0 #A696FF, 0 -1px 0 #A696FF, 1px 1px 0 #A696FF, -1px 1px 0 #A696FF, 1px -1px 0 #A696FF, -1px -1px 0 #A696FF, 2px 2px 0 #A696FF, -2px -2px 0 #A696FF, -2px 2px 0 #A696FF, 2px -2px 0 #A696FF, 2px 0 0 #A696FF, 0 2px 0 #A696FF, -2px 0 0 #A696FF, 0 -2px 0 #A696FF;} .ykt-title-main.ykt-title-purple i{color:#8975FF;} .ykt-title-main.ykt-title-purple .ykt-title-more,.ykt-title-main.ykt-title-purple .ykt-title-more i{background:#E3DDFF;color:#775BFF;} .ykt-title-main.ykt-title-pink{background:#F3BFFF;text-shadow:1px 0 0 #ED96FF, 0 1px 0 #ED96FF, -1px 0 0 #ED96FF, 0 -1px 0 #ED96FF, 1px 1px 0 #ED96FF, -1px 1px 0 #ED96FF, 1px -1px 0 #ED96FF, -1px -1px 0 #ED96FF, 2px 2px 0 #ED96FF, -2px -2px 0 #ED96FF, -2px 2px 0 #ED96FF, 2px -2px 0 #ED96FF, 2px 0 0 #ED96FF, 0 2px 0 #ED96FF, -2px 0 0 #ED96FF, 0 -2px 0 #ED96FF;} .ykt-title-main.ykt-title-pink i{color:#CF6FED;} .ykt-title-main.ykt-title-pink .ykt-title-more,.ykt-title-main.ykt-title-pink .ykt-title-more i{background:#FAE8FF;color:#C847EF;} .ykt-title-main.ykt-title-orange{background:#FCC964;text-shadow:1px 0 0 #F9A811, 0 1px 0 #F9A811, -1px 0 0 #F9A811, 0 -1px 0 #F9A811, 1px 1px 0 #F9A811, -1px 1px 0 #F9A811, 1px -1px 0 #F9A811, -1px -1px 0 #F9A811, 2px 2px 0 #F9A811, -2px -2px 0 #F9A811, -2px 2px 0 #F9A811, 2px -2px 0 #F9A811, 2px 0 0 #F9A811, 0 2px 0 #F9A811, -2px 0 0 #F9A811, 0 -2px 0 #F9A811;} .ykt-title-main.ykt-title-orange i{color:#FF8C00;} .ykt-title-main.ykt-title-orange .ykt-title-more,.ykt-title-main.ykt-title-orange .ykt-title-more i{background:#FFE0C1;color:#EF7F00;} .ykt-title-main.ykt-title-blue{background:#A3E1FF;text-shadow:1px 0 0 #51CAFF, 0 1px 0 #51CAFF, -1px 0 0 #51CAFF, 0 -1px 0 #51CAFF, 1px 1px 0 #51CAFF, -1px 1px 0 #51CAFF, 1px -1px 0 #51CAFF, -1px -1px 0 #51CAFF, 2px 2px 0 #51CAFF, -2px -2px 0 #51CAFF, -2px 2px 0 #51CAFF, 2px -2px 0 #51CAFF, 2px 0 0 #51CAFF, 0 2px 0 #51CAFF, -2px 0 0 #51CAFF, 0 -2px 0 #51CAFF;} .ykt-title-main.ykt-title-blue i{color:#11B7FF;text-shadow:1px 0 0 #EAF8FF, 0 1px 0 #EAF8FF, -1px 0 0 #EAF8FF, 0 -1px 0 #EAF8FF, 1px 1px 0 #EAF8FF, -1px 1px 0 #EAF8FF, 1px -1px 0 #EAF8FF, -1px -1px 0 #EAF8FF, 2px 2px 0 #EAF8FF, -2px -2px 0 #EAF8FF, -2px 2px 0 #EAF8FF, 2px -2px 0 #EAF8FF, 2px 0 0 #EAF8FF, 0 2px 0 #EAF8FF, -2px 0 0 #EAF8FF, 0 -2px 0 #EAF8FF;} .ykt-title-main.ykt-title-blue .ykt-title-more,.ykt-title-main.ykt-title-blue .ykt-title-more i{background:#D1F0FF;color:#16B5FF;} .ykt-title-main.ykt-title-green{background:#8EE5BE;text-shadow:1px 0 0 #41E29A, 0 1px 0 #41E29A, -1px 0 0 #41E29A, 0 -1px 0 #41E29A, 1px 1px 0 #41E29A, -1px 1px 0 #41E29A, 1px -1px 0 #41E29A, -1px -1px 0 #41E29A, 2px 2px 0 #41E29A, -2px -2px 0 #41E29A, -2px 2px 0 #41E29A, 2px -2px 0 #41E29A, 2px 0 0 #41E29A, 0 2px 0 #41E29A, -2px 0 0 #41E29A, 0 -2px 0 #41E29A;} .ykt-title-main.ykt-title-green i{color:#32D38B;} .ykt-title-main.ykt-title-green .ykt-title-more,.ykt-title-main.ykt-title-green .ykt-title-more i{background:#D4F7E6;color:#08D176;} .ykt-title-main.ykt-title-red{background:#FFA99E;text-shadow:1px 0 0 #FF7363, 0 1px 0 #FF7363, -1px 0 0 #FF7363, 0 -1px 0 #FF7363, 1px 1px 0 #FF7363, -1px 1px 0 #FF7363, 1px -1px 0 #FF7363, -1px -1px 0 #FF7363, 2px 2px 0 #FF7363, -2px -2px 0 #FF7363, -2px 2px 0 #FF7363, 2px -2px 0 #FF7363, 2px 0 0 #FF7363, 0 2px 0 #FF7363, -2px 0 0 #FF7363, 0 -2px 0 #FF7363;} .ykt-title-main.ykt-title-red i{color:#FF513A;text-shadow:1px 0 0 #FFF0EF, 0 1px 0 #FFF0EF, -1px 0 0 #FFF0EF, 0 -1px 0 #FFF0EF, 1px 1px 0 #FFF0EF, -1px 1px 0 #FFF0EF, 1px -1px 0 #FFF0EF, -1px -1px 0 #FFF0EF, 2px 2px 0 #FFF0EF, -2px -2px 0 #FFF0EF, -2px 2px 0 #FFF0EF, 2px -2px 0 #FFF0EF, 2px 0 0 #FFF0EF, 0 2px 0 #FFF0EF, -2px 0 0 #FFF0EF, 0 -2px 0 #FFF0EF;} .ykt-title-main.ykt-title-red .ykt-title-more,.ykt-title-main.ykt-title-red .ykt-title-more i{background:#FFDAD6;color:#FF513A;} .ykt-title-more{display:inline-block;position:absolute;right:0;top:0;bottom:0;padding:6px .8em;background:#FFE2EF;color:#FF4F9B;font-size:13px;font-weight:normal;} .ykt-title-more{text-shadow:1px 1px #fff;} .ykt-title-more i{margin:0 0 0 .5em;color:#FF4F9B;text-shadow:1px 1px #fff;} .ykt-half-box .ykt-half-child{width:49%;float:left;} .ykt-half-box .ykt-half-child:first-child{margin-right:2%;} .ykt-tainyu-box li,.ykt-kyubo-box li{margin-bottom:5px;} .ykt-osusume-mall{display:block;padding:5px;} .ykt-tainyu-box .ykt-osusume-mall{color:#AD9CFF;background:#F8F7FF;border:1px solid #E7E2FF;} .ykt-kyubo-box .ykt-osusume-mall{color:#FF459C;background:#FFF4F9;border:1px solid #FFE2EE;} .ykt-osusume-mall .ykt-mall-info{font-size:90%;color:#666;} .ykt-osusume-mall img{display:block;width:43%;float:left;} .ykt-osusume-mall span{display:block;width:55%;margin-left:2%;float:left;} .ykt-title-sub{position:relative;background:#FFF4F9;padding:0 .5em;margin-bottom:10px;color:#FF82B9;} .ykt-title-sub i{margin-right:.5em;} .ykt-title-sub .ykt-title-more{position:absolute;right:0;top:0;padding:.2em 0 0 .5em;background:#FFE2EE;font-size:13px;} .ykt-title-sub.ykt-title-purple{background:#F8F7FF;color:#978AFF;} .ykt-title-sub.ykt-title-purple .ykt-title-more,.ykt-title-sub.ykt-title-purple .ykt-title-more i{background:#E7E2FF;color:#978AFF;} /* 店舗ページ */ .ykm-container .ykt-title-main.ykm-level1{background:#ccc;text-shadow:1px 0 0 #999, 0 1px 0 #999, -1px 0 0 #999, 0 -1px 0 #999, 1px 1px 0 #999, -1px 1px 0 #999, 1px -1px 0 #999, -1px -1px 0 #999, 2px 2px 0 #999, -2px -2px 0 #999, -2px 2px 0 #999, 2px -2px 0 #999, 2px 0 0 #999, 0 2px 0 #999, -2px 0 0 #999, 0 -2px 0 #999;} .ykm-container .ykt-title-main.ykm-level1 i{color:#888;text-shadow:1px 0 0 #fff, 0 1px 0 #fff, -1px 0 0 #fff, 0 -1px 0 #fff, 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 2px 2px 0 #fff, -2px -2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, 2px 0 0 #fff, 0 2px 0 #fff, -2px 0 0 #fff, 0 -2px 0 #fff;} .ykm-left-info{background:#FF82B9;color:#fff;text-shadow:1px 1px #ED448D;border:1px solid #ED5395;border-bottom:none;border-radius:7px 7px 0 0;overflow:hidden;} .ykm-left-info.ykm-level1{background:#999;text-shadow:1px 1px #777;border-color:#777;} .ykm-left-info.ykm-level5{background:#B9ADF4;text-shadow:1px 1px #8070d1;border-color:#8070d1;} .ykm-left-info h2,.ykm-left-info .ykm-info,.ykm-left-info p{padding:2px 5px;border-top:1px solid #FFBCD6;border-bottom:1px solid #ED5395;} .ykm-left-info.ykm-level1 h2,.ykm-left-info.ykm-level1 .ykm-info,.ykm-left-info.ykm-level1 p{border-top:1px solid #aaa;border-bottom:1px solid #777;} .ykm-left-info.ykm-level5 h2,.ykm-left-info.ykm-level5 .ykm-info,.ykm-left-info.ykm-level5 p{border-top:1px solid #dcd7f2;border-bottom:1px solid #8070d1;} .ykm-left-info h2{font-size:23px;border-radius:7px 7px 0 0;} .ykm-left-info a{display:block;color:#fff;} .ykm-left-info p{font-size:80%;} .ykm-left-form{padding:8px 0 4px;} .ykm-left-form li{width:49%;float:left;margin-right:2%;margin-bottom:4px;text-align:center;border:1px solid #ddd;font-size:80%;background:#fafafa;color:#aaa;border-radius:5px;box-shadow:1px 1px 2px rgba(0,0,0,.1);;overflow:hidden;text-shadow:1px 1px #fff;} .ykm-left-form li a{display:block;} .ykm-left-form li:nth-child(2n){margin-right:0;} .ykm-left-form li img{display:block;width:60%;margin:auto;} .ykm-left-form li.ykm-form-line a{background:#EFFFF6;color:#32D38B;} .ykm-left-form li.ykm-form-formE a{background:#F2FAFF;color:#16B5FF;} .ykm-left-form li.ykm-form-formQ a{background:#FFF6ED;color:#FF8C00;} .ykm-left-form li.ykm-form-keep a{background:#FFF7F9;color:#FF68A9;} .ykm-left-menu ul{text-shadow:1px 1px #fff;border:1px solid #ddd;border-bottom:none;over-flow:hidden;border-radius:0 0 7px 7px;margin-bottom:20px;} .ykm-left-menu-nolast ul{border-radius:0;margin-bottom:8px;} .ykm-left-menu li{border-top:1px solid #fff;border-bottom:1px solid #ddd;} .ykm-left-menu li a{display:block;padding:3px 5px;color:#666;background:#eee;} .ykm-leftbar a.ykm-left-web{background:#72D2FF;color:#fff;text-shadow:1px 1px #1EB7FF;display:block;margin-bottom:20px;padding:4px 5px;border:1px solid #1EB7FF;font-size:18px;border-radius:0 0 5px 5px;box-shadow:1px 1px 2px rgba(0,0,0,.1),0 1px #BCEAFF inset;} .ykm-shop-detail div{width:15.83%;margin-right:1%;padding:3px;margin-bottom:5px;float:left;text-align:center;border:2px solid #f0f0f0;color:#ddd;border-radius:5px;box-shadow:1px 1px 2px 1px rgba(0,0,0,0.05);-webkit-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.05);-moz-box-shadow:1px 1px 2px 1px rgba(0,0,0,0.05);} .ykm-shop-detail div:nth-child(6n){margin-right:0;} .ykm-shop-detail div.ykr-shop-detail-on{color:#fff;background:#FF68A9;border-color:#fff;} .ykm-left-diary{padding:10px 5px 5px;background:#FFF7F9;font-size:90%;} .ykm-left-diary div{background:#fff;border:1px solid #FFE2EF;margin-bottom:5px;} .ykm-left-diary a{display:block;padding:5px;} .ykm-left-diary p{text-align:right;color:#666;} .ykm-container .ykm-leftbar{width:250px;margin-right:10px;float:left;} .ykm-container .ykm-main{width:700px;float:left;} .ykm-container .ykm-main-img{padding:2px;border:solid 1px #ddd;} .ykm-container .ykm-main-img img,.ykm-container .ykm-image li img{display:block;width:100%;} .ykm-container .ykm-image ul li{display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;} .ykm-container .ykm-image .ykm-image-innder{width:32.6%;height:250px;margin-right:1%;margin-bottom:5px;overflow:hidden;float:left;padding:5px;background:#fafafa;border:1px solid #ddd;box-shadow:1px 1px 2px rgba(0,0,0,.1);} .ykm-container .ykm-image .ykm-image-innder:last-child{margin-right:0;} .ykm-container .ykm-image li span{display:block;overflow:hidden;max-height:200px;} .ykm-container .ykm-image li img{cursor:pointer;} .ykm-container .ykm-image li img:hover{opacity:.8;} .ykm-container .ykm-image li p{font-size:90%;margin-top:.5em;} .ykm-container .ykm-detail-table table{border-collapse:separate;border-spacing:2px;font-size:100%;margin:0.6em 0;table-layout:fixed;width:100%;} .ykm-container .ykm-detail-table th{width:23%;background:#FFF7F9;text-align:center;} .ykm-container .ykm-detail-table td{overflow-wrap:break-word;padding:3px 0.5em;width:76%;} .ykm-container .ykm-point p{margin-bottom:1em;} .ykm-container .ykm-point span{display:inline-block;width:1.6em;height:1.6em;line-height:1.6em;color:#fff;text-align:center;text-indent:0;font-weight:bold;margin-right:0.2em;border:2px solid #028fce;border-radius:3px;background:#13b3f7;background:-moz-linear-gradient(top, #13b3f7 0%, #009ee2 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#13b3f7), color-stop(100%,#009ee2));background:-webkit-linear-gradient(top, #13b3f7 0%,#009ee2 100%);background:-o-linear-gradient(top, #13b3f7 0%,#009ee2 100%);background:-ms-linear-gradient(top, #13b3f7 0%,#009ee2 100%);background:linear-gradient(to bottom, #13b3f7 0%,#009ee2 100%);} /* アニメーション2017 */ .ykt-Marquee {animation-duration:20s;animation-iteration-count:infinite;animation-name:marquee;animation-timing-function:linear;display:inline-block;margin:0;padding-left:100%;white-space: nowrap;} @keyframes marquee{0%{transform:translate(0%);}99%,100%{transform:translate(-100%);}} @keyframes marquee {0% transform:translate(0%);}99%,100%{transform:translate(-100%);}} @keyframes marquee {0%{transform: translate(0%);}99%,100%{transform: translate(-100%);}} .ykt-blinking{animation:0.8s ease-in-out 0s alternate none infinite running blink;} @keyframes blink{0%{opacity:0;}100%{opacity:1;}} @keyframes blink {0% {opacity:0;}100%{opacity:1;}} @keyframes blink{0%{opacity:0;}100%{opacity:1;}}