/*------------------------------------------------------------------------------- nav -------------------------------------------------------------------------------*/ nav {width: 100%;height: 40px;padding: 10px 0 0 !important;} nav table {width: 600px;height: 30px;margin: 0 auto;} nav table td a {color: #fff !important; width: 150px;height: 20px;font-size: 12px;display: block;border-left: 1px solid #fff;line-height: 1.6em;} nav table td a:last-child {color: #fff !important; width: 150px;height: 20px;font-size: 12px;display: block;border-left: 1px solid #fff;line-height: 1.6em;} /*------------------------------------------------------------------------------- /nav -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- rankingDscr -------------------------------------------------------------------------------*/ .rankingDscr{margin: 0 auto 20px;background: url(/wp-content/uploads/2019/06/rankingDscrBg.jpg); background-size: 780px 398px;width: 780px;height: auto;font-size: 18px;line-height: 1.9em;padding: 20px 40px 33px;background-position: bottom;} .rankingDscrShort{margin:0 auto 20px;background:url(/wp-content/uploads/2019/06/rankingDscrBgShort.jpg);background-size:780px 107px;width:780px;height:auto;font-size:18px;line-height:1.9em;padding:20px 40px;} /*------------------------------------------------------------------------------- /rankingDscr -------------------------------------------------------------------------------*/ /*----------------------------------------------------------- storeMap -----------------------------------------------------------*/ .googleMap{width:780px;height:400px;line-height:20em;text-align:center;font-size:16px;margin:0 auto 20px;} /*----------------------------------------------------------- /storeMap -----------------------------------------------------------*/ /*----------------------------------------------------------- ichiran -----------------------------------------------------------*/ .ichiranTtl{width:780px;height:51px;color:#72370c;text-align:center;line-height:2.6em;background:url(/wp-content/uploads/2019/06/ichiranTtlBg.jpg);background-size:780px 51px;font-size:20px;} .ichiranTbl{border:none;margin:0 auto 20px;} .ichiranTbl tr{width:780px;height:56px;padding:0;vertical-align:top;} .ichiranTbl tr:nth-child(odd){background:#f4d3d3;} .ichiranTbl tr:nth-child(even){background:#f8f3ec;} .ichiranTbl tr td.ichiranStoreLogo{width:157px;text-align:center;vertical-align:top;} .ichiranTbl tr td.ichiranStoreLogo a img{width:125px;display:block;margin:9px auto 0;} .ichiranStoreName{width:155px;border-left:1px dotted #fff;} .iryo_ichiranStoreName{width:155px !important;border-left:1px dotted #fff;} .iryo_ichiranStoreName span{margin:18px 0 0 10px;display:block;padding:0;line-height:1.6em;color:#72370c;font-size:12px !important;text-align:left;} .ichiranStoreName span{margin:18px 0 0 10px;display:block;padding:0;line-height:1.6em;color:#72370c;font-size:12px !important;text-align:left;} .ichiranStoreAddress{width:356px;height:34px;font-size:11px;border-left:1px dotted #fff;padding-left:10px;} .ichiranStoreAddress span{color:#72370c;} .ichiranTbl tr td.ichiranDetailBtn{width:115px;height:auto;border-left:1px dotted #fff;text-align:center;padding:0 !important;vertical-align:top;} .ichiranTbl tr td.ichiranDetailBtn a img{width:84px;display:block;margin:11px auto 0;} /*----------------------------------------------------------- /ichiran -----------------------------------------------------------*/ /*----------------------------------------------------------- neighborMap -----------------------------------------------------------*/ .googleMap{width:780px;height:400px;line-height:20em;text-align:center;font-size:16px;margin:0 auto 20px;} /*----------------------------------------------------------- /neighborMap -----------------------------------------------------------*/ /*----------------------------------------------------------- subFooterBnr -----------------------------------------------------------*/ ul.subFooterBnr{margin:0 auto 20px;} ul.subFooterBnr li:nth-child(odd){width:380px;height:120px;float:left;} ul.subFooterBnr li:nth-child(even){width:380px;height:120px;float:right;} ul.subFooterBnr li img{width:100%;} /*----------------------------------------------------------- /subFooterBnr -----------------------------------------------------------*/ /*----------------------------------------------------------- sideCategory -----------------------------------------------------------*/ .sideCategoryTtl{width:200px;margin:20px auto 0;line-height:0;} .sideCategory{width:200px;padding:1rem 1rem;margin:0 auto 0px;line-height:160%;font-size:16px;background: #fff;margin-bottom: 20px;} /* .sideCategory img{box-shadow: 2px 2px 2px #ccc;} */ /*----------------------------------------------------------- /sideCategory -----------------------------------------------------------*/ /*----------------------------------------------------------- iryo -----------------------------------------------------------*/ .iryo_rankingBg {width:780px;height: auto;background: #cceaf9;} .iryoH3 {color:#0064dc !important;} #iryo_button a {display: block;position: relative;z-index: 2;overflow: hidden;width: 746px;height: 70px;background: url(/wp-content/uploads/2019/06/iryo_btn.png) center top no-repeat;background-size: 746px 70px;padding: 0;text-align: center;text-decoration: none;transition: .25s linear;-webkit-transition: .25s linear;-moz-transition: .25s linear;margin: 0 auto;display: block;} /*----------------------------------------------------------- /iryo -----------------------------------------------------------*/ /*------------------------------------------------------------------------------- rankBoxIryo -------------------------------------------------------------------------------*/ .rankBox.rankBoxIryo:before{background-image:url(/wp-content/uploads/2019/06/rankbox_title_iryo.png);} .rankBox.rankBoxEste:before{background-image:url(/wp-content/uploads/2019/06/rankbox_title_este.png);} /*------------------------------------------------------------------------------- /rankBoxIryo-------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- sub_voice -------------------------------------------------------------------------------*/ .sub_voice{padding:13px;border:1px solid #fdd35c;margin-bottom:9px;} img.face{width:33px;float:left;margin-left:7px;} .sub_voiceRight{float:right;margin-right:13px;} .sub_voiceRight p{font-size:11px;color:#72370c;font-size:12px;} .sub_voiceRight img{width:78px;margin-top:10px;} .name{font-size:11px;line-height:1.5em;margin-top:3px;} .sub_voiceTxt{font-size:12px;line-height:1.5em;margin-top:8px;word-break:break-all;} .sub_voiceLink{font-size:11px;color:#0064dc !important;text-decoration:underline !important;margin-top:11px;display:block;} /*------------------------------------------------------------------------------- /sub_voice -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- footerMenu -------------------------------------------------------------------------------*/ .footerMenu table {border-collapse: collapse;table-layout: fixed;width:995px !important;height: auto;margin: 25px auto 0;} .footerMenu table td { width: 199px !important;padding: 5px 15px;border-left: 1px solid #b4b4b4;text-align:center;} .footerMenu table td.borderNon { width: 199px !important;padding: 0px 0px 2px;border:none;text-align:left;height:30px;} .footerMenu table td a{font-size:12px !important;} .footerMenu {width: 100%;height: auto;background: #faf2f2;text-align: center;padding: 10px 0 25px;border-top: solid 1px #ddd;} /*------------------------------------------------------------------------------- /footerMenu -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- searchPageList -------------------------------------------------------------------------------*/ .searchPageList{margin:20px auto;} .searchPageList a{color:#0097e0;font-size:16px;line-height:2em;text-decoration:underline;float:left;margin:10px;display:block;} .searchPageList a:hover{text-decoration:none;} /*------------------------------------------------------------------------------- /searchPageList -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- sub_rightRankBox -------------------------------------------------------------------------------*/ .sub_rightRankBox {width: 200px;height: 356px;background: url(/wp-content/themes/datsumou-thor/images/rightRankBoxBg.png) center top no-repeat;background-size: 200px 356px;} .sub_rightRankBox ul {padding: 90px 0 0 55px !important;line-height: 3.6em!important;} .sub_rightRankBox ul li a {color: #72370c;font-weight: bold;font-size: 15px;} /*------------------------------------------------------------------------------- /sub_rightRankBox -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- form -------------------------------------------------------------------------------*/ .inquiry{width:100%;margin:0 auto 30px;} .inquiry th{text-align:left;font-size:14px;color:#444;padding:20px;width:30%;background:#f7f7f7;border:solid 1px #d7d7d7;vertical-align:top;} .inquiry td{font-size:13px;border:solid 1px #d7d7d7;padding:20px;} .must{font-size:7px;padding:5px;background:#ff9393;color:#fff;border-radius:2px;margin-right:5px;} .may{font-size:7px;padding:5px;background:#93c9ff;color:#fff;border-radius:2px;margin-right:5px;} .inquiry input[type="text"],.inquiry input[type="password"],.inquiry input[type="datetime"],.inquiry input[type="datetime-local"],.inquiry input[type="date"],.inquiry input[type="month"],.inquiry input[type="time"],.inquiry input[type="week"],.inquiry input[type="number"],.inquiry input[type="email"],.inquiry input[type="url"],.inquiry input[type="search"],.inquiry input[type="tel"],.inquiry input[type="color"],.inquiry select,.inquiry textarea,.inquiry .field{margin-bottom: 0;width:100%;height:50px;} .inquiry textarea{padding: 12px;width:100%;height:150px;border:solid 1px #d7d7d7;} .submit{text-align: center;margin: 0 auto;} #submit-btn{padding:1em;width: 80%;margin: 0 auto;max-width:350px;background:#ffaa56;color:#fff;font-size:18px;border-radius:2px;} #submit-btn:hover{background:#fff;color:#ff870f;border:1px solid #ffa042;} /*------------------------------------------------------------------------------- /form -------------------------------------------------------------------------------*/ @media screen and (max-width: 480px){ .wrap{width:100% !important; overflow:hidden !important;} .container{margin:0px auto !important;padding: 0} header img{width:80%;margin:0 auto;} .scroll{overflow:auto;} .scroll::-webkit-scrollbar{height: 5px;} .scroll::-webkit-scrollbar-track{background: #F1F1F1;} .scroll::-webkit-scrollbar-thumb {background: #BCBCBC;} /*------------------------------------------------------------------------------- nav -------------------------------------------------------------------------------*/ nav {width: 600px;height: 40px;padding: 10px 0 0 !important;} nav table {width: 600px;height: 30px;margin: 0 auto;} nav table td a {color: #fff !important; width:150px;height: 20px;font-size: 12px;display: block;border-left: 1px solid #fff;line-height: 1.6em;} nav table td a:last-child {color: #fff !important; width: 150px;height: 20px;font-size: 12px;display: block;border-left: 1px solid #fff;line-height: 1.6em;} /*------------------------------------------------------------------------------- /nav -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- rankingDscr -------------------------------------------------------------------------------*/ .rankingDscr{margin: 0 auto 14px;background: url(/wp-content/uploads/2019/06/rankingDscrBg.jpg) no-repeat;background-size: 100% 100%;width: 100%;height: auto;font-size: 14px;line-height: 1.5em;padding: 10px 15px 30px;background-position: bottom;} .rankingDscrShort{margin:0 auto 14px;background:url(/wp-content/uploads/2019/06/rankingDscrBgShort.jpg) no-repeat;background-size:100% 100%;width:100%;height:auto;font-size:11px;line-height:1.5em;padding:10px 15px 30px;} /*------------------------------------------------------------------------------- /rankingDscr -------------------------------------------------------------------------------*/ /*----------------------------------------------------------- storeMap -----------------------------------------------------------*/ .googleMap{width:100%;} /*----------------------------------------------------------- /storeMap -----------------------------------------------------------*/ /*----------------------------------------------------------- neighborMap -----------------------------------------------------------*/ .googleMap{width:100%;} /*----------------------------------------------------------- /neighborMap -----------------------------------------------------------*/ /*----------------------------------------------------------- ichiran -----------------------------------------------------------*/ .ichiranTtl{font-size:14px;width:100%;height:40px;line-height:2.7em;background:url(/wp-content/uploads/2019/06/ichiranTtlBg.jpg) center top;background-size:600px 35px;} .ichiranTbl{width:750px;border:none;margin:0 auto 20px;} .ichiranTbl tr{width:750px;height:56px;padding:0;vertical-align:top;} .ichiranTbl tr:nth-child(odd){background:#ffd3d4;} .ichiranTbl tr:nth-child(even){background:#fedfdc;} .ichiranTbl tr td.ichiranStoreLogo{width:157px;text-align:center;vertical-align:top;} .ichiranTbl tr td.ichiranStoreLogo a img{width:125px;display:block;margin:9px auto 0;} .ichiranStoreName{width:155px;border-left:1px dotted #fff;} .iryo_ichiranStoreName{width:155px !important;border-left:1px dotted #fff;} .iryo_ichiranStoreName span{margin:18px 0 0 10px;display:block;padding:0;line-height:1.6em;color:#72370c;font-size:12px !important;text-align:left;} .ichiranStoreName span{margin:18px 0 0 10px;display:block;padding:0;line-height:1.6em;color:#72370c;font-size:12px;text-align:left;} .ichiranStoreAddress{width:356px;height:34px;font-size:11px;border-left:1px dotted #fff;padding-left:10px;} .ichiranStoreAddress span{color:#72370c;} .ichiranTbl tr td.ichiranDetailBtn{width:115px;height:auto;border-left:1px dotted #fff;text-align:center;padding:0 !important;vertical-align:top;} .ichiranTbl tr td.ichiranDetailBtn a img{width:84px;display:block;margin:11px auto 0;} /*----------------------------------------------------------- /ichiran -----------------------------------------------------------*/ /*----------------------------------------------------------- subFooterBnr -----------------------------------------------------------*/ ul.subFooterBnr{width:100%;margin:0 auto 20px;} ul.subFooterBnr li:nth-child(odd){width:48%;height:auto;float:left;margin:3px;} ul.subFooterBnr li:nth-child(even){width:48%;height:auto;float:right;margin:3px;} ul.subFooterBnr li img{width:100%;} /*----------------------------------------------------------- /subFooterBnr -----------------------------------------------------------*/ /*------------------------------------------------------------------------------- footerMenu -------------------------------------------------------------------------------*/ .footerMenu table {border-collapse: collapse;table-layout: fixed;width:995px !important;height: auto;margin: 25px auto 0;} .footerMenu table td { width: 199px !important;padding: 5px 15px;border-left: 1px solid #b4b4b4;text-align:center;} .footerMenu table td.borderNon { width: 199px !important;padding: 0px 0px 2px;border:none;text-align:left;height:30px;} .footerMenu table td a{font-size:12px !important;} .footerMenu {width: 100%;height: auto;background: #faf2f2;text-align: center;padding: 10px 20px;border-top: solid 1px #ddd;} /*------------------------------------------------------------------------------- /footerMenu -------------------------------------------------------------------------------*/ /*----------------------------------------------------------- iryo -----------------------------------------------------------*/ .iryo_rankingBg {width:100%;height: auto;background: #cceaf9;} .iryoH3 {color:#0064dc !important;} #iryo_button a {display: block;position: relative;z-index: 2;overflow: hidden;width: 746px;height: 70px;background: url(/wp-content/uploads/2019/06/iryo_btn.png) center top no-repeat;background-size: 100% auto;padding: 0;text-align: center;text-decoration: none;transition: .25s linear;-webkit-transition: .25s linear;-moz-transition: .25s linear;margin: 0 auto;display: block;max-width: 100%;} /*----------------------------------------------------------- /iryo -----------------------------------------------------------*/ /*----------------------------------------------------------- rankBox-----------------------------------------------------------*/ .rankBox {width:100%;} .rankBox::before {content: "　";position: absolute;top: -50px;left: 0;right: 0;display: block;width: 361px;height: autopx;margin: 0 auto;background-size: cover;} .rankBox ul {display: block;padding: 28px 0 20px;margin: 0;} .rankBox ul li {display: block;padding: 0;margin: 0;vertical-align: bottom;} /*----------------------------------------------------------- /rankBox-----------------------------------------------------------*/ /*------------------------------------------------------------------------------- form -------------------------------------------------------------------------------*/ .inquiry th{line-height:1.8em;} .entry-content .inquiry th,.entry-content .inquiry td {display: block;width: 100%;border-top: none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .entry-content .inquiry tr:first-child th{border-top: 1px solid #d7d7d7;} .entry-content .inquiry tr td{border-right: 1px solid #d7d7d7;} .inquiry input[type="text"],.inquiry input[type="password"],.inquiry input[type="datetime"],.inquiry input[type="datetime-local"],.inquiry input[type="date"],.inquiry input[type="month"],.inquiry input[type="time"],.inquiry input[type="week"],.inquiry input[type="number"],.inquiry input[type="email"],.inquiry input[type="url"],.inquiry input[type="search"],.inquiry input[type="tel"],.inquiry input[type="color"],.inquiry select,.inquiry textarea,.inquiry .field{border: 1px solid #d7d7d7;} input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decoration { display: none; } input[type="submit"]::focus, input[type="button"]::focus { outline-offset: -2px; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; outline: none; background: transparent; } button, input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; border: none; outline: none; background: transparent; } input[type="radio"] { display: none; } input[type="radio"]:checked + label { background: #ff0000; } .ajax-loader{display:none !important;} /*------------------------------------------------------------------------------- /form -------------------------------------------------------------------------------*/ #button a {width:100%;} } .rightRankBox li{ height:50px } .sideColumn__link { font-size: 13px; line-height: 1.2; } .sideColumn__columnList { margin-top: 30px; text-align: center } /*------------------------------------------------------------------------------- 20190808井上追加 -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- recommend -------------------------------------------------------------------------------*/ .recommentPr { text-align: center; padding: 5px; } ul.recommendList { margin: 16px auto 0; } li.rightLiRecommend { width: 379px; height: 300px; float: right; margin: 0 auto 20px; } li.leftLiRecommend { width: 379px; height: 300px; float: left; margin: 0 auto 20px; } .recommendPr table{ border-collapse: collapse; border-spacing: 0; } .recommendBlock { background: #fffdeb; color: #868686; font-weight: bold; text-align: center; border-radius: 0 0 10px 10px; } .recommendBlock img { max-width: 100%; border-style: double; border-color: #7d5a5a; border-width: 0 3px; } .recommendTop { background: #7d5a5a; color: #fff; text-align: center; padding: 10px; font-weight: bold; font-size: 120%; } .recommendComment { padding: 10px; border-style: double; border-color: #7d5a5a; border-width: 0 3px 3px; border-top: solid 1px #7d5a5a; } .recommendButton { text-align: center; margin: 10px auto; } .recommendButton a { font-size: 120%; padding: 15px; color: #fff; background-color: #f19147; border-radius:10px; /* background-image: url(/wp-content/themes/datsumou-thor/images/button/button2.png); */ background-size: 100% 100%; background-repeat: no-repeat; width: 90%; display: block; margin: 0 auto; text-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px; border-bottom: #e16808 solid 2px; border-right: #e16808 solid 2px; } @media screen and (max-width: 480px) { .recommendButton a { padding: 10px 0px; /* background-image: url(/wp-content/themes/datsumou-thor/images/button/button2.png); */ background-size: 100% 100%; } .recommendTop { padding: 10px 0px; font-size: 100%; } .recommendButton { margin: 5px auto; font-size: 3.1vw; } } /*------------------------------------------------------------------------------- /recommend -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- mainVoiceArea -------------------------------------------------------------------------------*/ .voice { width: 95%; margin: auto; background: #fafafa; padding: 10px; } /*------------------------------------------------------------------------------- /mainVoiceArea -------------------------------------------------------------------------------*/ /* .officialButton__block { position: relative; height: 75px; width: 95%; margin: 60px auto 20px; } .officialButton { display: block; padding: 20px 0; background-image:url(/wp-content/themes/datsumou-thor/images/button/button2.png); background-size:contain; background-position:center; background-repeat:no-repeat; width: 100%; height: 80px; text-align: center; position: relative; width: auto; } .officialButton::before, .officialButton::after {position: absolute;display: block;} .officialButton::before { content: '公式サイトで詳細を確認する'; color: #fff; font-size: 4.375vw; font-weight: bold; left: 21px; top: 28px; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); } .officialButton::after { width: 30%; height: 50px; top: 0; content: ''; background-size: contain; background-repeat: no-repeat; right: 15px; top: 23%; } .officialButton__kireimo::after{background-image: url(/wp-content/themes/datsumou-thor/images/itemImage/kireimo/logo.png);} .officialButton__koihada::after{background-image: url(/wp-content/themes/datsumou-thor/images/itemImage/koihada/logo.png);} .officialButton__ginzaColor::after{background-image: url(/wp-content/themes/datsumou-thor/images/itemImage/ginzaColor/logo.png);} .officialButton__stlassh::after{background-image: url(/wp-content/themes/datsumou-thor/images/itemImage/stlassh/logo.png);} .officialButton__c3::after{background-image: url(/wp-content/themes/datsumou-thor/images/itemImage/c3/logo.png);} .officialButton__counseling { position: absolute; width: 130px; height: 80px; background-image: url(/wp-content/themes/datsumou-thor/images/button/counseling.png); background-size: contain; background-repeat: no-repeat; top: -61px; left: 70px; z-index: 10; animation: fuwafuwa 3s ease-out infinite; transform-origin: center bottom; } @keyframes fuwafuwa { 0% { transform: translateY(0px)} 50% { transform: translateY(-10px)} } @media only screen and (min-width: 768px) { .officialButton { display: block; padding: 20px; background-image:url(/wp-content/themes/datsumou-thor/images//button/button2.png); background-size:contain; background-position:center; background-repeat:no-repeat; width: 560px; height:70px; text-align: center; position: relative; margin: auto; } .officialButton::before {font-size: 24px;left: 45px;top: 22px;} .officialButton::after { background-size: auto; background-repeat: no-repeat; width: 150px; height: 48px; right: 45px; top: 9px; } } @media screen and (max-width: 480px) { .officialButton::after{right: 8px;top: 31%;} .officialButton::before{left: 15px;} .officialButton__block { height: 75px; width: 95%; margin: 32px auto 10px; } .officialButton__counseling { width: 100px; height: 62px; top: -30px; left: -5px; } } @media screen and (max-width: 801px) { .storeDetail .storeDetail__arrow{font-size: 70%;position: static;} } */ /*------------------------------------------------------------------------------- /storeDetail -------------------------------------------------------------------------------*/ /*------------------------------------------------------------------------------- fvArea -------------------------------------------------------------------------------*/ /* fvAreaとfvAreaRightいずれ消す　*/