/* Theme Name: 食の陣 */ @charset "utf-8"; /**************************************** General Setting *****************************************/ *{margin:0;padding:0;} body {font-size:0.8em;text-align:center;font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Osaka','ＭＳ Ｐゴシック',sans-serif;margin: 0px;padding: 0px;background: #FFF ;color:#000;} h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, dl, dt, dd, address, form, blockquote{font-size:1em;padding: 0;line-height: 1.6;text-align: left;display: block;margin: 0px;}table {line-height: 1.6;font-size:1em;margin : 0;empty-cells: show;}hr,.areaAnchor,.anchor { display : none; }img {border: none;vertical-align: bottom;}li { list-style: none; }acronym,abbr{cursor:help;}option{ padding-right:10px; }*+html option{padding-right:0;}* html option{padding-right:0;} a:link{color: #006699;text-decoration:underline;}a:visited{color: #006699;}a:hover{color: #006699;text-decoration:none;}a:active{color: #FF6666;} div, dl, ul{zoom:1;}div:after, dl:after, ul:after{content: ".";display: block;visibility: hidden;font-size: 0.1em;line-height: 0;clear: both;}* html div, * html dl, * html ul{display:inline-table;/*\*/display:block;/**/} #wpadminbar div:after{clear:none;}#wpadminbar ul:after{clear:none;} table{ border-collapse: separate;border-spacing: 0px;} body {font-size: 13px;color: #333;line-height: 140%;-webkit-text-size-adjust: 100%;} div:before,div:after,ul:before,ul:after,dl:before,dl:after{content:"";display:table;} div:after,ul:after,dl:after{clear:both;} div,ul,dl{zoom:1;} /*======================================== リンク =========================================*/ a:link, a:visited {color: #333;text-decoration: underline;} a:hover, a:active {color: #B7101D;text-decoration: none;} /*　マウスオーバー -----------------------------------------*/ .hoverColor a:hover{background-color: rgba(255,0,0,1); display: block;} .hoverColor a:hover img{opacity: .90;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);} a.hoverColor_Blog:hover img{opacity: .90;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);} a:hover .hoverColor_top {background-color: rgba(255,0,0,1); display: block;} a:hover .hoverColor_top img{opacity: .90;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);} a.hoverColor:hover{background-color: rgba(255,0,0,1); display: inline-block;} a.hoverColor:hover img{opacity: .90;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);} .hoverBlog a:hover img{opacity: .90;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);} a.hoverBlog:hover img{opacity: .90;-ms-filter: alpha(opacity=90);filter: alpha(opacity=90);} /*======================================== レイアウト =========================================*/ body {font-size: 13px;line-height: 1.6em;color: #333;font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", "MS PGothic", sans-serif;padding: 0 0 20px 0;background: url("img/bg_01.png");} /*body#tinymce{ background: none !important;}*/ body.page-contact-catalog-p, body.page-contact-hagama-p, body.page-contact-column-p{background: url("img/catalog_04.png");} body{ font-size: 85%;} body{ min-width: 1200px;} body.page-home{ min-width: 1170px;} body.page-complete-p, body.page-contact-catalog-p, body.page-contact-hagama-p, body.page-contact-column-p{ min-width: auto;} .noentry{ text-align: center; padding: 50px 0 50px 0;} #container{ width: 950px; padding: 0 20px 0 30px; margin: 0 auto 0 auto;} #titleArea{ float: left; width: 85px;} #titleArea span{ display: none;} #contents{ float: right; width: 840px;} /* 幅変更前 #container{ width: 1000px; margin: 0 auto 0 auto;} #titleArea{ float: left; width: 100px;} #contents{ float: right; width: 840px;} */ .fancybox-overlay{ z-index: 9500 !important;} .fancybox-overlay{ background: none !important;} /*　 -----------------------------------------*/ .pcshow{} .spshow{ display: none;} body#tinymce .spshow{ display: block;} .sp_title{ display: none;} /*======================================== 下層ヘッダー =========================================*/ #sp_menu, div#slideMenu, #sp_header_wrap{ display: none;} #header_fix{background: url("img/bg_01.png");position: fixed; width: 100%; z-index: 9000;} #header_wrap{min-width: 1000px; background: url("img/head_line01.png") center bottom no-repeat;height: 128px;} #header{ width: 1000px; margin: 0 auto 0 auto; position: relative; height: 144px;} #head_space{ height: 128px; width: 100%;} .page-home #head_space{ display: none;} #slideMenu{ display: none !important;} /*　ロゴ -----------------------------------------*/ #header h1{ position: absolute; top:8px; left:23px;} /*　リンク -----------------------------------------*/ #header .link{ position: absolute; right:21px; top:13px;} #header .link ul{} #header .link li{ float: right; margin: 0 0 0 16px; line-height: 100%;} #header .link a{ display: block; overflow: hidden; white-space: nowrap; text-indent: 100%;} #header .link .n1{ padding: 1px 0 0 0;} #header .link .n2{ padding: 1px 0 0 0;} #header .link .n3{ padding: 0 0 0 0;} #header .link .n1 a{ width: 61px; height: 17px; background: url("img/gnavi_1206.png") 0 0 no-repeat;} #header .link .n2 a{ width: 78px; height: 18px; background: url("img/gnavi_1207.png") 0 0 no-repeat;} #header .link .n3 a{width: 182px; height: 19px; background: url("img/gnavi_1208.png") 0 0 no-repeat;} #header .link .n1 a:hover, #header .link .n1.on a{background: url("img/gnavi_1206.png") 0 -40px no-repeat;} #header .link .n2 a:hover, #header .link .n2.on a{background: url("img/gnavi_1207.png") 0 -40px no-repeat;} #header .link .n3 a:hover, #header .link .n3.on a{background: url("img/gnavi_1208.png") 0 -40px no-repeat;} /*　グローバルナビ -----------------------------------------*/ #gnavi{ position: absolute; left:218px; top:39px; min-width:764px; height: 69px;} #gnavi .wrap{ position: relative; width: 764px;} #gnavi .gnavi{ position: absolute; min-width:100%; top:0px; left:0px; width: 764px; height: 69px; overflow: hidden;} #gnavi .bg{ top:0px; right:-20px; z-index: 6000; background: url("img/gnavi_bg01.png") right 0 no-repeat; height: 69px; width: 120px; position: absolute; display: none;} #gnavi a{ display: block; text-align: center; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 69px;} #gnavi p{ display: block; text-align: center; float: left; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 69px; cursor: pointer;} #gnavi li{ display: block; float: left; height: 69px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat;} #gnavi .submenu{ float: left; display: none; height: 69px; width: 134px;} #gnavi .submenu li{ display: block; float: none;} #gnavi .n1{ background-image: url("img/gnavi_line_20.png");} #gnavi .n1 p{display: inline-block;} #gnavi .n1 .submenu{ margin: 0 0 0 -1px; width: 134px;} #gnavi .n11{ height: 18px; margin: 14px 0px 0 0px;} #gnavi .n12{ height: 18px; margin: 9px 0 0 0;} #gnavi .n2{ background-image: url("img/gnavi_line_21.png");} #gnavi .n2 p{ display: inline-block;} #gnavi .n2 .submenu{ width: 279px; position: relative; margin: 0 0 0 -7px;} #gnavi .n2 .submenu li{ position: absolute;} #gnavi .n21{ height: 19px; left:0px; top:5px;} #gnavi .n22{ height: 19px; left:0px; top:27px;} #gnavi .n23{ height: 18px; left:0px; top:49px;} #gnavi .n24{ height: 19px; left:122px; top:4px;} #gnavi .n25{ height: 19px; left:122px; top:25px;} #gnavi .n3{ background-image: url("img/gnavi_line_22.png");} #gnavi .n4{ background-image: url("img/gnavi_line_23.png");} #gnavi .n5{ background-image: url("img/gnavi_line_24.png");} #gnavi .n6{ background-image: url("img/gnavi_line_25.png");} #gnavi .n6 .line{background: url("img/gnavi_line_26.png") right 0 no-repeat;} #gnavi .n1{} #gnavi .n1 p{ background: url("img/gnavi_1200.png") 23px 14px no-repeat; width: 124px;} #gnavi .n11 a{ background: url("img/gnavi_1227.png") 0px 0px no-repeat; width: 119px; height: 18px;} #gnavi .n12 a{ background: url("img/gnavi_1228.png") 0px 0px no-repeat; width: 62px; height: 18px;} #gnavi .n2{} #gnavi .n2 p{ background: url("img/gnavi_1201.png") 29px 14px no-repeat; width: 101px;} #gnavi .n21 a{ background: url("img/gnavi_1230.png") 0 0px no-repeat; width: 90px; height: 19px;} #gnavi .n22 a{ background: url("img/gnavi_1231.png") 0 0px no-repeat; width: 115px; height: 18px;} #gnavi .n23 a{ background: url("img/gnavi_1232.png") 0 0px no-repeat; width: 143px; height: 19px;} #gnavi .n24 a{ background: url("img/gnavi_1233.png") 0 0px no-repeat; width: 142px; height: 19px;} #gnavi .n3 a{ background: url("img/gnavi_1202.png") 22px 15px no-repeat; width: 130px;} #gnavi .n4 a{ background: url("img/gnavi_1203.png") 24px 14px no-repeat; width: 113px;} #gnavi .n5 a{ background: url("img/gnavi_1204.png") 24px 14px no-repeat; width: 144px;} #gnavi .n6 a{ background: url("img/gnavi_1205.png") 22px 14px no-repeat; width: 150px;} #gnavi .n1{} #gnavi .n1 p:hover{ background: url("img/gnavi_1200.png") 23px -66px no-repeat;} #gnavi .n1 p.on{ background: url("img/gnavi_1200.png") 23px -146px no-repeat;} #gnavi .n1 p.this{ background: url("img/gnavi_1200.png") 23px -226px no-repeat;} #gnavi .n1 p.on:hover, #gnavi .n1 p.this:hover{ background: url("img/gnavi_1200.png") 23px -226px no-repeat;} #gnavi .n11.on a, #gnavi .n11 a:hover{ background: url("img/gnavi_1227.png") 0px -40px no-repeat;} #gnavi .n12.on a, #gnavi .n12 a:hover{ background: url("img/gnavi_1228.png") 0px -40px no-repeat;} #gnavi .n2{} #gnavi .n2 p:hover{ background: url("img/gnavi_1201.png") 29px -66px no-repeat;} #gnavi .n2 p.on{ background: url("img/gnavi_1201.png") 29px -146px no-repeat;} #gnavi .n2 p.this{ background: url("img/gnavi_1201.png") 29px -226px no-repeat;} #gnavi .n2 p.on:hover, #gnavi .n2 p.this:hover{ background: url("img/gnavi_1201.png") 29px -226px no-repeat;} #gnavi .n21.on a, #gnavi .n21 a:hover{ background: url("img/gnavi_1230.png") 0px -40px no-repeat;} #gnavi .n22.on a, #gnavi .n22 a:hover{ background: url("img/gnavi_1231.png") 0px -40px no-repeat;} #gnavi .n23.on a, #gnavi .n23 a:hover{ background: url("img/gnavi_1232.png") 0px -40px no-repeat;} #gnavi .n24.on a, #gnavi .n25 a:hover{ background: url("img/gnavi_1233.png") 0px -40px no-repeat;} #gnavi .n3.on a, #gnavi .n3 a:hover{ background: url("img/gnavi_1202.png") 22px -65px no-repeat;} #gnavi .n4.on a, #gnavi .n4 a:hover{ background: url("img/gnavi_1203.png") 24px -66px no-repeat;} #gnavi .n5.on a, #gnavi .n5 a:hover{ background: url("img/gnavi_1204.png") 24px -66px no-repeat;} #gnavi .n6.on a, #gnavi .n6 a:hover{ background: url("img/gnavi_1205.png") 22px -66px no-repeat;} /*======================================== 下層ページ　イメージ =========================================*/ #pageimg{ width: 100%; height: 205px; margin: 0 0 0 0;} #pageimg img{ display: none;} .page-about #pageimg{ background: url("img/pageimg_01.png") center 0 no-repeat;} .page-toujitsuza #pageimg{ background: url("img/pageimg_02.png") center 0 no-repeat;} .page-event #pageimg{ background: url("img/pageimg_90.png") center 0 no-repeat;} .page-ticket #pageimg{ background: url("img/pageimg_04.png") center 0 no-repeat;} .page-plan-travel #pageimg{ background: url("img/pageimg_05.png") center 0 no-repeat;} .page-place #pageimg{ background: url("img/pageimg_06.png") center 0 no-repeat;} .page-furumachi #pageimg{ background: url("img/pageimg_062.png") center 0 no-repeat;} .page-plan-access #pageimg{ background: url("img/pageimg_07.png") center 0 no-repeat;} .page-plan-taxi #pageimg{ background: url("img/pageimg_08.png") center 0 no-repeat;} .page-5risotto #pageimg{ background: url("img/pageimg_15.png") center 0 no-repeat;} .page-guide #pageimg{ background: url("img/pageimg_09.png") center 0 no-repeat;} .page-catalog #pageimg{ background: url("img/pageimg_03.png") center 0 no-repeat;} .page-hagama #pageimg{ background: url("img/pageimg_03.png") center 0 no-repeat;} .page-shoku-pay #pageimg{ background: url("img/pageimg_21.png") center 0 no-repeat;} .page-term #pageimg{ display: none;} .page-privacy #pageimg{ display: none;} .page-member #pageimg{ display: none;} .page-sitemap #pageimg{ display: none;} .page-search #pageimg{ display: none;} .page-info #pageimg, .archive-if #pageimg{ background: url("img/pageimg_10.png") center 0 no-repeat;} .page-column #pageimg{ background: url("img/pageimg_11.png") center 0 no-repeat;} .page-contact #pageimg, .page-complete #pageimg, .page-contact-catalog #pageimg, .page-contact-hagama #pageimg, .page-contact-column #pageimg{ background: url("img/pageimg_12.png") center 0 no-repeat;} .page-news #pageimg, .archive-post #pageimg, .archive- #pageimg{ background: url("img/pageimg_13.png") center 0 no-repeat;} /*======================================== フッター =========================================*/ /*　パンくず -----------------------------------------*/ #path{ text-align: right; width: 1000px; margin: 40px auto 0 auto;} #path ul{ display: inline-block;} #path li{ display: inline-block;line-height:100%; font-size:100%; background:url("img/icon_07.png") right 47% no-repeat; padding:0 20px 0 0; margin:0 0px 0 10px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #path li:last-child{ background:none;} #path a{ text-decoration: underline;} #path a:hover{color:#B7101D; text-decoration: none;} #path .home a{ background:url("img/icon_03.png") 0 47% no-repeat; padding: 0 0 0 16px;} /*　バナー -----------------------------------------*/ #foot_bn_wrap_out{ background: url("img/line_01.png") center 0 repeat-x; margin: 15px 0 0 0;} .page-home #foot_bn_wrap_out{margin: 40px 0 0 0;} #foot_bn_wrap_in{ background: url("img/line_01.png") center bottom repeat-x;} #foot_bn{ width: 960px; margin: 0 auto 0 auto; padding: 22px 0 0px 0;} #foot_bn li{ background: url("img/line_02.png") 0 0 no-repeat; float: left;} #foot_bn li:nth-child(1){background: none; padding: 0 46px 10px 35px;} #foot_bn li:nth-child(2){ padding: 7px 43px 10px 42px;} #foot_bn li:nth-child(3){ padding: 10px 36px 20px 32px;} #foot_bn li:nth-child(4){ padding: 10px 36px 20px 31px;} #foot_bn li:nth-child(5){ padding: 0px 0 15px 28px;} /*　住所等 -----------------------------------------*/ #foot_address{ width: 960px; margin: 30px auto 0px auto; position: relative;} #foot_address dt{ font-size: 120%; margin: 0 0 15px 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: normal;} #foot_address dd{} #foot_address .address{} #foot_address .day{} #foot_address .tel{} #foot_address ul{ position: absolute; right:0px; top:0px;} #foot_address li{ float: left;margin: 0 0 0 15px;} #foot_address li a{ text-decoration: underline; font-size: 110%; font-weight: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #foot_address li a:hover{color:#B7101D; text-decoration: none;} #foot_address .copy{position: absolute; right:15px; bottom:0px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} /*======================================== ツールバー =========================================*/ #pc_tool{ position: fixed; bottom:20px; right:0px; z-index:9000;} #pc_tool a{ color: #FFF; text-decoration: none;} #pc_tool .menu{ padding: 0px 0 0px 0;} #pc_tool .head{ background: url("img/tool_21.png") 0 0 no-repeat; width: 35px; float: left; text-align: center; vertical-align: middle; cursor: pointer; padding: 24px 0 24px 0; -webkit-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;} #pc_tool .head:hover{ background: url("img/tool_21.png") right 0 no-repeat ;} #pc_tool .head div{ height: 50px; width: 35px;} #pc_tool .head span{ display: inline-block; width:35px; height: 50px; text-align: center; text-indent: 100%; overflow: hidden; white-space: nowrap;background-position: center center;background-repeat: no-repeat;} #pc_tool .head .search span{ background-image: url("img/tool_02.png");} #pc_tool .head .print span{ background-image: url("img/tool_03.png");} #pc_tool .head .sns span{ background-image: url("img/tool_04.png");} #pc_tool .head .fontsize span{ background-image: url("img/tool_05.png");} #pc_tool .head .lang span{ background-image: url("img/tool_06.png");} #pc_tool .frame{ background: url("img/tool_17.png"); display: none; float: left; vertical-align: middle; overflow: hidden; width: 376px; margin: 0 0 0 0; padding: 24px 0 24px 11px;} #pc_tool .frame .box{ width: 360px; height: 39px;padding: 11px 0px 0px 0px; background: url("img/tool_11.png") 0px 0 no-repeat;} #pc_tool .frame .in{ display: none;} #pc_tool .title{ width: 74px; float: left; margin:0 18px 0 0; } #pc_tool .body{ width: 264px; float: left; line-height: 100%;} /*　検索 -----------------------------------------*/ #pc_tool .search.box{ padding-top: 3px; height: 47px; background: none;} #pc_tool .search td{ background: none;} #pc_tool .search .in{ margin: 0px 0px 0px 0px; background: #FFF; padding: 0px 10px 0 10px;} #pc_tool .search input.gsc-search-button-v2{ margin-top: 5px !important;} #pc_tool .search .gsc-search-box{ margin: 0 !important;} /*　印刷 -----------------------------------------*/ #pc_tool .print a{ display: block; width: 360px; height: 26px; overflow: hidden; white-space: nowrap; text-indent: 100%; background: url("img/tool_18.png") 0 0 no-repeat;} #pc_tool .print a:hover{ background: url("img/tool_18.png") 0 -26px no-repeat;} /*　シェア -----------------------------------------*/ #pc_tool .sns ul{} #pc_tool .sns li{ float: left; font-size: 12px !important;} #pc_tool .sns .fb{} #pc_tool .sns .tw{ margin: 0 0 0 14px;} #pc_tool .sns .line{ margin: 0 0 0 14px;} #pc_tool .sns .mail{ margin: 0 0 0 12px;} #pc_tool .sns .line2{ margin: 0 0 0 12px; padding: 1px 0 0 12px; border-left:1px solid #4D4D4D;} #pc_tool .sns img{ vertical-align:} #pc_tool .sns .fb img, #pc_tool .sns .tw img{ margin: 0 5px 0 0;} /*　文字サイズ -----------------------------------------*/ #pc_tool .fontsize li{ float: left; margin: 3px 0 0 0;} #pc_tool .fontsize a{ border: 1px solid #595959; background: none; color: #404040; display: inline-block; margin: 0 12px 0 0; padding: 0 3px 0 3px; width: auto; text-align: center; font-size: 12px !important; float: left; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; -ms-word-break: normal; word-break: normal;} #pc_tool .fontsize a.textresizer-active{ background: #FFF !important; border: 1px solid #FFF !important; color: #404040 !important;} #pc_tool .fontsize a:hover{ background: #B7101D; border: 1px solid #B7101D; color:#FFF; font-weight: normal;} /*　言語 -----------------------------------------*/ #pc_tool .lang select.goog-te-combo{ width: 260px !important; cursor: pointer;} #pc_tool .lang img{ vertical-align: middle;} /*　ページの先頭へ -----------------------------------------*/ #pc_tool .gotop{ margin: 5px 0 0 0; text-align: right;} #pc_tool .gotop a{ text-indent: 100%; display: inline-block;width: 35px; height: 39px; overflow: hidden; text-indent: 100%; white-space: nowrap;background: url("img/tool_01.png") 0 0 no-repeat;} #pc_tool .gotop a:hover{background: url("img/tool_01.png") -35px 0 no-repeat;} /*======================================== タイトル =========================================*/ /*　1 -----------------------------------------*/ .title-style1{} .title-style1 h3, .title-style1 h4{ background: url("img/icon_08.png") 0 49% no-repeat; padding: 3px 0 3px 30px; font-size: 160%; line-height: 100%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: bold;} .ie .title-style1 h3, .ie .title-style1 h4{padding-top: 10px;} /*　2 -----------------------------------------*/ .title-style2{} .title-style2 h3, .title-style2 h4{font-size: 150%; line-height: 100%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: bold;} /*　3 -----------------------------------------*/ .title-style3{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 0 0 6px 0;} .title-style3 p{ background: url("img/icon_14.png") 0 47% no-repeat; padding: 3px 0 3px 20px; font-size: 120%; line-height: 100%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: bold;} /*　4 -----------------------------------------*/ .title-style4{} .title-style4 h3, .title-style4 h4{ background: url("img/icon_21.png") 0 47% no-repeat; padding: 3px 0 3px 20px; font-size: 140%; line-height: 100%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: bold;} .ie .title-style4 h3, .ie .title-style4 h4{padding-top: 6px;} /*======================================== ボタン =========================================*/ /*　1 -----------------------------------------*/ .btn-style1{ text-align: center;} .btn-style1 a{ text-decoration: none; color:#FFF; background: #000; line-height: 100%; display: inline-block; padding: 8px 20px 10px 20px;-webkit-border-radius: 4px;border-radius: 4px;} .btn-style1 a:hover{ text-decoration: none; background: #B7101D;} .btn-style1 span, .btn-style1 strong{ display: inline; font-weight: normal; background: url("img/icon_09.png") 0 47% no-repeat; padding: 0 0 0 15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} .ie .btn-style1 a{ padding-bottom: 4px;} .ie .btn-style1 span{ padding-top: 3px;} /*======================================== 一覧 =========================================*/ /*　1　トップ -----------------------------------------*/ .list-style1{ background: url("img/line_01.png") 0 0 repeat-x;} .list-style1 .box{ background: url("img/line_01.png") 0 bottom repeat-x; padding: 15px 0 15px 0;} .list-style1 a{ text-decoration: none;} .list-style1 a:hover{ color: #000;} .list-style1 .img{ float: left; width: 64px;} .list-style1 .text{ margin: 0 0 0 77px;} .list-style1 .day{ display: block; line-height: 100%; font-size: 85%;} .list-style1 .title{ display: block; text-decoration: underline; font-size: 120%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} .list-style1 a:hover .title{ color: #B7101D; text-decoration: none;} .list-style1 .body{ font-size: 90%; margin: 4px 0 0 0;} /*　2　トップ -----------------------------------------*/ .list-style2{} .list-style2 .slide_block{} .list-style2 .box{ padding: 10px 0 0 0; width: 360px;} .list-style2 a{text-decoration: none;} .list-style2 a:hover{ color: #000;} .list-style2 .img{} .list-style2 .text{margin: 15px 0 0 0;} .list-style2 .day{ display: block; line-height: 100%; font-size: 85%;} .list-style2 .title{ display: block; text-decoration: underline; font-size: 130%; line-height: 140%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} .list-style2 a:hover .title{ color: #B7101D; text-decoration: none;} .list-style2 .body{ font-size: 110%; margin: 4px 0 0 0;} /*　3　旅行プラン -----------------------------------------*/ .list-style3{} .list-style3 .box{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 35px 0 35px 0;} .list-style3 .img{ float: left; width: 200px;} .list-style3 .img img{ max-width: 100%; height: auto;} .list-style3 .info{ float: right; width: 600px;} .list-style3　.title{} .list-style3 .title-style1 h3{ background-position: 0 3px;} .list-style3 .body{ font-size: 115%; margin: 20px 0 0 0;} .list-style3 .wrap{ margin: 25px 0 0 0;} .list-style3 .detail_1{ float: left; width: 270px; background: url("img/line_05.png") 0 0 no-repeat; font-size: 115%;} .list-style3 .detail_1 .in{background: url("img/line_05.png") 0 bottom no-repeat; text-align: center; padding: 10px 0 10px 0;} .list-style3 .detail_2{ float: right; text-align: center; width: 320px; padding: 6px 0 6px 0;} .list-style3 .entry{ margin: 25px 0 0 0; background: url("img/plan-travel_04.png"); padding: 13px 10px 13px 16px;} .list-style3 .entry dl{} .list-style3 .entry dt{ display: table-cell; vertical-align: middle; width: 13em; padding: 0 10px 0 0; font-size: 110%; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} .list-style3 .entry dd{ display: table-cell; vertical-align: middle; border-left: 1px solid #D3D3D1; padding: 0 0 0 15px; line-height: 130%; font-size: 110%;} /*　4　観光名所施設 -----------------------------------------*/ .list-style4{} .list-style4 .box{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 35px 0 35px 0;} .list-style4 .img{ float: left; width: 360px;} .list-style4 .img p{ margin: 0 0 10px 0;} .list-style4 .info{ float: right; width: 440px;} .list-style4 .title{} .list-style4 .title dl{ display: table; width: 100%;} .list-style4 .title dd{ display: table-cell; line-height: 170%;} .list-style4 .title dd.w2{width: 4.3em;} .list-style4 .title dd.w3{width: 5.3em;} .list-style4 .title dd.w4{width: 6.3em;} .list-style4 .title dd.w5{width: 7.3em;} .list-style4 .title dd.w6{width: 8.3em;} .list-style4 .title dd.w7{width: 9.3em;} .list-style4 .title dd.w8{width: 10.3em;} .list-style4 .title dd.w9{width: 11.3em;} .list-style4 .title dd.w10{width: 12.3em;} .list-style4 .title dd.w11{width: 13.3em;} .list-style4 .title dd.w12{width: 14.3em;} .list-style4 .title dd.w13{width: 15.3em;} .list-style4 .title dd.w14{width: 16.3em;} .list-style4 .title dd.w15{width: 17.3em;} .list-style4 .title dd.w16{width: 18.3em;} .list-style4 .title dd.w17{width: 19.3em;} .list-style4 .title dd.w18{width: 20.3em;} .list-style4 .title dd.w19{width: 21.3em;} .list-style4 .title dd.w20{width: 22.3em;} .list-style4 .title dd span{ color: #FFF; background: #B7101D; display: inline-block; padding: 0 8px 1px 8px; font-weight: normal; font-size: 110%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} .ie .list-style4 .title dd span{ padding-top: 3px; padding-bottom: 0;} .list-style4 .title dt{ display: table-cell; padding: 0 0 0 12px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} .list-style4 .title .sub{ display: block; font-size: 120%; line-height: 140%;} .list-style4 .title .name{ display: block; font-size: 150%; line-height: 140%;} .list-style4 .body{ margin: 24px 0 0 0; font-size: 115%; line-height: 140%;} .list-style4 .detail{ background: url("img/line_06.png") 0 0 no-repeat; margin: 20px 0 0 0;} .list-style4 .detail dl{ background: url("img/line_06.png") 0 bottom no-repeat; padding: 10px 0 10px 0;} .list-style4 .detail dt{ float: left; width: 6em; font-size: 110%;} .list-style4 .detail dd{ display: block; margin: 0 0 0 6em; font-size: 110%;} .list-style4 .detail .btn-style1{ display: inline-block; margin: 0 0 0 15px;} .list-style4 .detail .btn-style1 a{ padding: 4px 8px 4px 8px;} .ie .list-style4 .detail .btn-style1 a{padding-bottom: 2px;} .list-style4 .link{ text-align: center; margin: 20px 0 0 0;} .list-style4 .link .btn-style1 a{ padding: 6px 22px 6px 22px;} .ie .list-style4 .link .btn-style1 a{padding-top: 8px;} /*　62　古町芸妓 -----------------------------------------*/ .list-style62{} .list-style62 .box{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 35px 0 35px 0;} .list-style62 .img{ float: left; width: 360px;} .list-style62 .img p{ margin: 0 0 10px 0;} .list-style62 .info{ float: right; width: 440px;} .list-style62 .title{} .list-style62 .title dl{ display: table; width: 100%;} .list-style62 .title dd{ display: table-cell; line-height: 170%;} .list-style62 .title dd.w2{width: 4.3em;} .list-style62 .title dd.w3{width: 5.3em;} .list-style62 .title dd.w4{width: 6.3em;} .list-style62 .title dd.w5{width: 7.3em;} .list-style62 .title dd.w6{width: 8.3em;} .list-style62 .title dd.w7{width: 9.3em;} .list-style62 .title dd.w8{width: 10.3em;} .list-style62 .title dd.w9{width: 11.3em;} .list-style62 .title dd.w10{width: 12.3em;} .list-style62 .title dd.w11{width: 13.3em;} .list-style62 .title dd.w12{width: 14.3em;} .list-style62 .title dd.w13{width: 15.3em;} .list-style62 .title dd.w14{width: 16.3em;} .list-style62 .title dd.w15{width: 17.3em;} .list-style62 .title dd.w16{width: 18.3em;} .list-style62 .title dd.w17{width: 19.3em;} .list-style62 .title dd.w18{width: 20.3em;} .list-style62 .title dd.w19{width: 21.3em;} .list-style62 .title dd.w20{width: 22.3em;} .list-style62 .title dd span{ color: #FFF; background: #B7101D; display: inline-block; padding: 0 8px 1px 8px; font-weight: normal; font-size: 110%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} .ie .list-style62 .title dd span{ padding-top: 3px; padding-bottom: 0;} .list-style62 .title dt{ display: table-cell; padding: 0 0 0 12px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} .list-style62 .title .sub{ display: block; font-size: 120%; line-height: 140%;} .list-style62 .title .futitle{ display: block; font-size: 150%; line-height: 170%;} .list-style62 .title .name{ display: block; font-size: 150%; line-height: 140%;} .list-style62 .body{ margin: 24px 0 0 0; font-size: 115%; line-height: 140%;} .list-style62 .detail{ background: url("img/line_06.png") 0 0 no-repeat; margin: 20px 0 0 0;} .list-style62 .detail dl{ background: url("img/line_06.png") 0 bottom no-repeat; padding: 10px 0 10px 0;} .list-style62 .detail dt{ float: left; width: 6em; font-size: 110%;} .list-style62 .detail dd{ display: block; margin: 0 0 0 6em; font-size: 110%;} .list-style62 .detail .btn-style1{ display: inline-block; margin: 0 0 0 15px;} .list-style62 .detail .btn-style1 a{ padding: 4px 8px 4px 8px;} .ie .list-style62 .detail .btn-style1 a{padding-bottom: 2px;} .list-style62 .link{ text-align: center; margin: 20px 0 0 0;} .list-style62 .link .btn-style1 a{ padding: 6px 22px 6px 22px;} .ie .list-style62 .link .btn-style1 a{padding-top: 8px;} /*　ページナビ -----------------------------------------*/ .wp-pagenavi{ font-size: 110%; margin-top: 40px;} .wp-pagenavi ul{ text-align: center;} .wp-pagenavi li{ background: url("img/line_11.png") 0 0 repeat-y; padding: 0 0 0 0; display: inline;} .wp-pagenavi li.prev{ background: none;} .wp-pagenavi a, .wp-pagenavi span{ padding: 0 14px 0 14px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} .wp-pagenavi a:hover{color: #B7101D;} .wp-pagenavi .previouspostslink{ background: url("img/icon_15.png") 0 47% no-repeat; padding: 0 14px 0 14px;} .wp-pagenavi .nextpostslink{ background: url("img/icon_16.png") right 47% no-repeat; padding: 0 14px 0 14px;} .wp-pagenavi .current{ color: #B7101D;} /*======================================== トップ =========================================*/ #top .sp_title{ display: none;} /*　スライド -----------------------------------------*/ #top_slide{ position: relative;} #top_slide .slide_bg{ z-index: 5000; min-width: 1000px; position: absolute; bottom:-1px; height: 86px; width: 100%; background: url("img/slide_bg.png") center 0 no-repeat;} #top_slide .container {width: 100%; height: 100%; overflow-x: hidden; min-width: 1000px;} #top_slide .slide_all {width: 1000px; margin: 0 auto; height: 468px; position: relative;} #top_slide .slide_wrap {width: 3000px; position: absolute; left: 50%; margin-left: -1500px;} #top_slide .slide_body {width: 100%;} #top_slide .slide img {width: 100%; vertical-align: bottom;} #top_slide .bx-controls {position: absolute; top: 0px;z-index: 100;width: 100%;} #top_slide .bx-controls-direction{ width: 1000px; margin: 0 auto 0 auto; height: 1px; position: relative;} #top_slide .bx-controls-direction a{ position: absolute; width: 67px; height: 67px; display: block; top:190px; z-index: 6000; text-indent: -9999px;} #top_slide .bx-next{ background: url("img/icon_05.png") 0 0 no-repeat; right:-33px;} #top_slide .bx-prev{ background: url("img/icon_04.png") 0 0 no-repeat; left:-33px;} #top_slide .bx-pager { display: none;} /*マウスオーバー*/ #top_slide .slide{transition:all .3s;opacity:.8;} #top_slide .slide.active{ opacity:1;} /*　ヘッダー -----------------------------------------*/ #top_header{ width: 1000px; margin: 0 auto 0 auto; position: relative; height: 144px;} #top_header h1{ position: absolute; top:0px; left:49px;} #top_gnavi{ position: absolute; left:354px; top:0px; min-width:636px;}/*636*/ #top_gnavi .wrap{ position: relative; width: 636px;} #top_gnavi .gnavi{ position: absolute; min-width:100%; top:0px; left:0px; width: 720px; height: 144px; overflow: hidden;} #top_gnavi .bg{ top:0px; right:-90px; z-index: 6000; background: url("img/gnavi_bg01.png") right 0 no-repeat; height: 144px; width: 120px; position: absolute; display: none;} #top_gnavi a{ display: block; text-align: center; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 144px;} #top_gnavi p{ display: block; text-align: center; float: left; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 144px; cursor: pointer;} #top_gnavi li{ display: block; float: left; height: 144px; overflow: hidden; background-position: 0 0; background-repeat: no-repeat;} #top_gnavi .submenu{ float: left; display: none;} #top_gnavi .submenu li{} #top_gnavi .submenu li a{ visibility:hidden;} #top_gnavi .submenu.on li a{ visibility:visible;} #top_gnavi .n1{ background-image: url("img/gnavi_line_01.png");} #top_gnavi .n2{ background-image: url("img/gnavi_line_02.png");} #top_gnavi .n2 p{display: inline-block;} #top_gnavi .n21{ margin: 0 0 0 -10px;} #top_gnavi .n22{ margin: 0 15px 0 8px;} #top_gnavi .n3{ background-image: url("img/gnavi_line_03.png");} #top_gnavi .n3 p{ display: inline-block;} #top_gnavi .n31{ margin: 0 0 0 -7px;} #top_gnavi .n32{ margin: 0 0 0 10px;} #top_gnavi .n33{ margin: 0 0 0 10px;} #top_gnavi .n34{ margin: 0 0 0 11px;} #top_gnavi .n35{ margin: 0 15px 0 11px;} #top_gnavi .n4{ background-image: url("img/gnavi_line_04.png");} #top_gnavi .n5{ background-image: url("img/gnavi_line_05.png");} #top_gnavi .n6{ background-image: url("img/gnavi_line_06.png");} #top_gnavi .n7{ background-image: url("img/gnavi_line_07.png");} #top_gnavi .n8{ background-image: url("img/gnavi_line_08.png");} #top_gnavi .n9{} #top_gnavi .n1 a{ background: url("img/gnavi_1100.png") 30px 9px no-repeat; width: 76px;} #top_gnavi .n2{} #top_gnavi .n2 p{ background: url("img/gnavi_1101.png") 30px 9px no-repeat; width: 76px;} #top_gnavi .n21 a{ background: url("img/gnavi_1110.png") 0px 15px no-repeat; width: 16px;} #top_gnavi .n22 a{ background: url("img/gnavi_1111.png") 0px 15px no-repeat; width: 22px;} #top_gnavi .n3{} #top_gnavi .n3 p{ background: url("img/gnavi_1102.png") 30px 9px no-repeat; width: 76px;} #top_gnavi .n31 a{ background: url("img/gnavi_1113.png") 0 15px no-repeat; width: 16px;} #top_gnavi .n32 a{ background: url("img/gnavi_1114.png") 0 15px no-repeat; width: 16px;} #top_gnavi .n33 a{ background: url("img/gnavi_1115.png") 0 15px no-repeat; width: 16px;} #top_gnavi .n34 a{ background: url("img/gnavi_1116.png") 0 15px no-repeat; width: 17px;} #top_gnavi .n35 a{ background: url("img/gnavi_1117.png") 0 15px no-repeat; width: 22px;} #top_gnavi .n4 a{ background: url("img/gnavi_1103.png") 30px 9px no-repeat; width: 76px;} #top_gnavi .n5 a{ background: url("img/gnavi_1104.png") 30px 9px no-repeat; width: 76px;} #top_gnavi .n6 a{ background: url("img/gnavi_1105.png") 30px 9px no-repeat; width: 76px;} #top_gnavi .n7 a{ background: url("img/gnavi_1106.png") 30px 9px no-repeat; width: 76px;} #top_gnavi .n8 a{ background: url("img/gnavi_1107.png") 24px 7px no-repeat; width: 52px;} #top_gnavi .n9 a{ background: url("img/gnavi_1108.png") 8px 7px no-repeat; width: 42px;} #top_gnavi .n1 a:hover{} #top_gnavi .n2{} #top_gnavi .n2 p:hover{ background: url("img/gnavi_1101.png") 30px -291px no-repeat;} #top_gnavi .n2 p.on{ background: url("img/gnavi_1101.png") 30px -141px no-repeat;} #top_gnavi .n2 p.on:hover{ background: url("img/gnavi_1101.png") 30px -441px no-repeat;} #top_gnavi .n21 a:hover{ background: url("img/gnavi_1110.png") 0px -135px no-repeat;} #top_gnavi .n22 a:hover{ background: url("img/gnavi_1111.png") 0px -135px no-repeat;} #top_gnavi .n3{} #top_gnavi .n3 p:hover{ background: url("img/gnavi_1102.png") 30px -291px no-repeat;} #top_gnavi .n3 p.on{ background: url("img/gnavi_1102.png") 30px -141px no-repeat;} #top_gnavi .n3 p.on:hover{ background: url("img/gnavi_1102.png") 30px -441px no-repeat;} #top_gnavi .n31 a:hover{ background: url("img/gnavi_1113.png") 0px -135px no-repeat;} #top_gnavi .n32 a:hover{ background: url("img/gnavi_1114.png") 0px -135px no-repeat;} #top_gnavi .n33 a:hover{ background: url("img/gnavi_1115.png") 0px -135px no-repeat;} #top_gnavi .n34 a:hover{ background: url("img/gnavi_1116.png") 0px -135px no-repeat;} #top_gnavi .n35 a:hover{ background: url("img/gnavi_1117.png") 0px -135px no-repeat;} #top_gnavi .n4 a:hover{ background: url("img/gnavi_1103.png") 30px -141px no-repeat;} #top_gnavi .n5 a:hover{ background: url("img/gnavi_1104.png") 30px -141px no-repeat;} #top_gnavi .n6 a:hover{ background: url("img/gnavi_1105.png") 30px -141px no-repeat;} #top_gnavi .n7 a:hover{ background: url("img/gnavi_1106.png") 30px -141px no-repeat;} #top_gnavi .n8 a:hover{ background: url("img/gnavi_1107.png") 24px -143px no-repeat;} #top_gnavi .n9 a:hover{ background: url("img/gnavi_1108.png") 8px -143px no-repeat;} /*　バナー -----------------------------------------*/ #top_bn_wrap_out{ background: url("img/line_01.png") center 0 repeat-x; margin: 50px 0 0 0;} #top_bn_wrap_in{ background: url("img/line_01.png") center bottom repeat-x;} #top_bn{ width: 960px; margin: 0 auto 0 auto; padding: 30px 0 30px 0;} #top_bn li{ float: left;} #top_bn li:nth-child(1){} #top_bn li:nth-child(2){ margin: 0 0 0 37px;} #top_bn li:nth-child(3){float: right;} /*　 -----------------------------------------*/ #top .block{ width: 960px; margin: 30px auto 0px auto;} #top .block .block-style1{ float: left; position: relative;} #top .block .block-style1:nth-child(2){float: right;} /*　 -----------------------------------------*/ #top .block-style1{ width: 440px;} #top .block-style1 .titleimg{ float: left; width: 60px;} #top .block-style1 .titleimg h2{} #top .block-style1 .contents{ float: right; width: 360px; padding: 15px 0 0 0;} #top .block-style1 .link{ text-align: right;} #top .block-style1 .sp_link{ display: none;} #top .block-style1 .more{ background: url("img/icon_10.png") 0 47% no-repeat; padding: 0 0 0 15px; margin: 0px 0 0 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: normal;} #top .block-style1 .more:hover{background: url("img/icon_20.png") 0 47% no-repeat; color: #B7101D;} #top .block-style1 .list-style1{ margin: 10px 0 0 0;} /*　コンテンツスライド -----------------------------------------*/ #top .block-style1 .bx-viewport{ height: auto !important;} #top .block-style1 .bx-pager { position: absolute; top:22px; left:80px;text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;line-height: 100%;} #top .block-style1 .bx-pager .bx-pager-item{ display: inline-block;} #top .block-style1 .bx-pager a { background: url("img/icon_03.png") 0 0 no-repeat; text-indent: -9999px;display: block;width: 12px;height: 12px;margin: 0px 5px 0 0px;outline: 0;} #top .block-style1 .bx-pager a:hover, #top .block-style1 .bx-pager a.active { background: url("img/icon_02.png") 0 0 no-repeat;} #top .block-style1 .bx-controls-direction{ position: absolute; top:0px; left:80px; width: 360px; height: 0px; display: none;} #top .block-style1 .bx-controls-direction a{ width: 43px; height: 43px; display: block;overflow: hidden;text-indent: 100%; white-space: nowrap; position: absolute; top:140px;} #top .block-style1 .bx-controls-direction a.none{ display: none !important;} #top .block-style1 .bx-prev{ background: url("img/icon_22.png") 0 0 no-repeat; left:-21px;} #top .block-style1 .bx-next{ background: url("img/icon_23.png") 0 0 no-repeat; right:-21px;} /*======================================== 食の陣について =========================================*/ #about h3{ text-align: center; margin: 40px 0 30px 0;} #about p{ text-align: center; font-size: 130%; line-height: 190%; margin: 0 0 25px 0;} /*======================================== 当日座とは =========================================*/ #toujitsuza .block_1{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 0 0 36px 0;} #toujitsuza .block_1 h3{ text-align: center; margin: 10px 0 24px 0;} #toujitsuza .block_1 p{ text-align: center; font-size: 130%; line-height: 170%; margin: 0 25px 0px 25px;} #toujitsuza .block_2{ background: url("img/line_03.png") 0 bottom no-repeat; margin: 36px 0 0 0; padding: 0 0 40px 0;} #toujitsuza .block_2 .wrap{ margin: 20px 0 0 0;} #toujitsuza .block_2 .img{ float: left; width: 360px;} #toujitsuza .block_2 p{ margin: 0 0 10px 0; font-size: 115%; line-height: 170%;} #toujitsuza .block_2 .txt{ float: right; width: 440px;} #toujitsuza .block_2 .btn-style1{ margin: 20px 0 0 0;} /*======================================== 湊町券 =========================================*/ #ticket .block_1 h3{ text-align: center; margin: 10px 0 24px 0;} #ticket .block_1 p{ text-align: center; font-size: 130%; line-height: 170%; margin: 0 25px 0px 25px;} #ticket .block_2{ background: url("img/ticket_03.png"); position: relative; margin: 35px 0 0 0; min-height: 190px;} #ticket .block_2 .txt{ width: 360px; float: right; margin: 25px 30px 0 0;} #ticket .block_2 .txt p{ margin: 12px 0 0 0; font-size: 130%;} #ticket .block_2 strong{ color: #B7101D; font-weight: normal;} #ticket .block_2 .img{ position: absolute; top:-8px; left:40px;} #ticket .block_3{ margin: 60px 0 0 0;} #ticket .block_3 p{font-size: 115%; line-height: 170%; margin: 20px 0 20px 0;} #ticket .block_3 ul{} #ticket .block_3 li{ margin: 0 0 20px 19px; float: left;} #ticket .block_3 li:nth-child(3) img{ margin: -19px 0 0 0;} #ticket .block_3 li:nth-child(3n+1){ clear: both; margin-left: 0;} #ticket .block_4{ margin: 50px 0 0 0;} #ticket .block_4 .wrap{ margin: 20px 0 0 0;} #ticket .block_4 .left{ float: left; width: 640px;} #ticket .block_4 .box{ background: url("img/line_04.png") 0 0 no-repeat; padding: 20px 0 20px 0;} #ticket .block_4 .title{ float: left; width: 130px;} #ticket .block_4 .title h5{ color: #000;} #ticket .block_4 .list{ float: right; width: 510px;} #ticket .block_4 ul{ margin: 0 0 10px 0;} #ticket .block_4 li{ margin: 0 0 3px 0; float: left; width: 255px;} #ticket .block_4 .wide li{float: none; width: 100%;} #ticket .block_4 li a{background: url("img/icon_10.png") 0 52% no-repeat; padding: 0 0 0 15px; line-height: 100%;} .ie #ticket .block_4 li a{padding-top: 5px;} #ticket .block_4 li a:hover{background: url("img/icon_20.png") 0 52% no-repeat;} #ticket .block_4 .banner{ float: right; width: 130px; } #ticket .block_4 .banner p.txt{ text-align: center; color: #B7101D; margin: 4px 0 0 0; line-height: 140%;} /*======================================== 旅行プラン =========================================*/ #plan-travel .block_1{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 0 0 30px 0;} #plan-travel .block_1 h3{ text-align: center; margin: 10px 0 24px 0;} #plan-travel .block_1 p{ text-align: center; font-size: 130%; line-height: 170%;} #plan-travel .sp_title{ display: none;} .ie #plan-travel .title-style1 h3, .ie #plan-travel .title-style1 h4{ padding-top: 6px;} /*======================================== 観光名所・施設 =========================================*/ #place .block_1{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 0 0 38px 0;} #place .block_1 h3{ text-align: center; margin: 10px 0 0px 0;} #place .sp_title{ display: none;} /*======================================== 古町芸妓 =========================================*/ #furumachi .block_1{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 0 0 38px 0;} #furumachi .block_1 h3{ text-align: center; margin: 10px 0 0px 0;} #furumachi .sp_title{ display: none;} /*======================================== 観光アクセスプラン =========================================*/ #plan-access .sp_title{ display: none;} #plan-access .title-style1 img{ margin: -2px 0 -3px 15px;} #plan-access h4{ font-size: 135%; margin: 30px 0 0 0; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #plan-access h4 img{ vertical-align: middle; margin: 0 0 0 15px;} #plan-access .body{ margin: 15px 0 0 0; font-size: 120%;} #plan-access .detail{ background: url("img/line_03.png") 0 0 no-repeat; margin: 20px 0 0 0;} #plan-access .detail dl{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 10px 0 10px 0;} #plan-access .detail dt{ float: left; width: 6em; font-size: 110%;} #plan-access .detail dd{ display: block; margin: 0 0 0 6em; font-size: 110%;} #plan-access .contact{ background: url("img/plan-access_03.png"); margin: 25px 0 0 0; padding: 20px 14px 20px 0;} #plan-access .contact table{ width: 100%;} #plan-access .contact td{ text-align: center; vertical-align: middle;} #plan-access .contact .title{ padding: 0 0 0 0px; font-size: 120%;font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #plan-access .contact .name{ border-left:1px solid #D3D3D1; padding: 0 20px 0 20px; font-size: 120%;} #plan-access .contact .tel{ padding: 0 0 0 0; font-size: 160%;} #plan-access .contact .link{ padding: 0 0 0 10px; text-align: right;} #plan-access .contact .small{ font-size: 70%;} #plan-access .contact .btn-style1 a{ padding: 8px 8px 8px 8px;} .ie #plan-access .contact .btn-style1 a{ padding: 8px 8px 6px 8px;} #plan-access .block_1{ padding: 0 0 46px 0;} #plan-access .block_2{ background: url("img/line_03.png") 0 0 no-repeat; padding: 46px 0 46px 0;} #plan-access .block_3{ background: url("img/line_03.png") 0 0 no-repeat; padding: 46px 0 46px 0;} #plan-access .block_1 .detail dt{ width: 10em;} #plan-access .block_1 .detail dd{ margin: 0 0 0 10em;} #plan-access .block_1 .contact .title{ width: 10em;} #plan-access .block_1 .contact .name{} #plan-access .block_1 .contact .tel{} #plan-access .block_1 .contact .link{} #plan-access .block_2 .wrap{ margin: 0px 0 0 0;} #plan-access .block_2 .img{float: right; width: 240px;} #plan-access .block_2 .left{float: left; width: 560px;} #plan-access .block_2 .detail{ margin: 10px 0 0 0;} #plan-access .block_2 .detail dt{ width: 7em;} #plan-access .block_2 .detail dd{ margin: 0 0 0 7em;} #plan-access .block_2 .contact .title{ width: 15em;} #plan-access .block_2 .contact .name{} #plan-access .block_2 .contact .tel{} #plan-access .block_2 .contact .link{} #plan-access .block_3 .wrap{ margin: 0px 0 0 0;} #plan-access .block_3 .img{float: right; width: 240px;} #plan-access .block_3 .img p{ margin: 0 0 10px 0;} #plan-access .block_3 .left{float: left; width: 560px;} #plan-access .block_3 .detail{ margin: 10px 0 0 0;} #plan-access .block_3 .detail dt{ width: 6em;} #plan-access .block_3 .detail dd{ margin: 0 0 0 6em;} #plan-access .block_3 .dia{ margin: 15px 0 0 0;} #plan-access .block_3 .dia h4{ padding: 0 0 5px 0;} #plan-access .block_3 .dia .qrcode{ float: left; width: 81px;} #plan-access .block_3 .dia .txt{ margin: 0 0 0 100px;} #plan-access .block_3 .dia .txt p{ font-size: 110%;} #plan-access .block_3 .dia .btn-style1{ text-align: left; margin: 5px 0 0 0;} #plan-access .block_3 .dia .btn-style1 a{ padding-top: 6px; padding-bottom: 6px;} .ie #plan-access .block_3 .dia .btn-style1 a{ padding-top: 6px; padding-bottom: 3px;} /* #plan-access .block_3 .dia a{ font-size: 110%; background: url("img/icon_10.png") 0 47% no-repeat; padding: 0 0 0 15px; display: inline-block; margin: 3px 0 0 0;} #plan-access .block_3 .dia a:hover{ background: url("img/icon_20.png") 0 47% no-repeat;} */ #plan-access .block_3 .dia .sp_link{ display: none;} #plan-access .block_3 .contact .title{ width: 14em;} #plan-access .block_3 .contact .name{ padding: 0 0 0 10px;} #plan-access .block_3 .contact .tel{} #plan-access .block_3 .contact .link{} /*======================================== 観光タクシープラン =========================================*/ #plan-taxi .sp_title{ display: none;} #plan-taxi .block_0 { padding: 10px 0 10px 0;} #plan-taxi .block_0 h3{ text-align: center;} #plan-taxi .wrap{ margin: 30px 0 0 0;} #plan-taxi .left{ float: left; width: 560px;} #plan-taxi .img{ float: right; width: 240px;} #plan-taxi .img .box{ margin: 0 0 15px 0;} #plan-taxi .img .photo{ margin: 0 0 3px 0;} #plan-taxi .img .txt{ text-align: center; font-size: 110%;} #plan-taxi .block_1{ margin: 0 0 50px 0;} #plan-taxi .block_2{ margin: 0 0 50px 0;} #plan-taxi .block_3{ margin: 0 0 50px 0;} #plan-taxi .block_4{ margin: 0 0 50px 0;} #plan-taxi .info{ margin: 24px 0 0 0;} #plan-taxi .info dl{ display: inline-block;} #plan-taxi .info dt{ background: #000; color: #FFF; display: inline-block; line-height: 100%; padding: 6px 10px 6px 10px; margin: 0 10px 0 0; font-size: 110%;} #plan-taxi .info dd{ display: inline-block; line-height: 100%; margin: 0 10px 0 0; font-size: 110%;} #plan-taxi ul{ margin: -3px 0 0 0;} #plan-taxi li{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 0px 0 6px 0; margin: 8px 0 0 0; font-size: 110%;} #plan-taxi li .in{ background: url("img/icon_11.png") 20px 0 no-repeat; padding: 15px 0 0 0;} #plan-taxi li:nth-child(1) .in{ background: none;} #plan-taxi li img{ margin: -15px 0 0 15px;} #plan-taxi li .sp_photo{ display: none;} #plan-taxi .contact{ background: url("img/plan-access_03.png"); margin: 0px 0 0 0; padding: 20px 14px 20px 0;} #plan-taxi .contact table{ width: 100%;} #plan-taxi .contact td{ text-align: center; vertical-align: middle;} #plan-taxi .contact .title{ padding: 0 0 0 0px; font-size: 120%; width: 15em; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #plan-taxi .contact .name{ border-left:1px solid #D3D3D1; padding: 0 20px 0 20px; font-size: 120%;} #plan-taxi .contact .tel{ padding: 0 0 0 0; font-size: 160%;} #plan-taxi .contact .link{ padding: 0 0 0 10px; text-align: right;} #plan-taxi .block_5{} #plan-taxi .block_5 p{ margin: 25px 0 0 0; font-size: 110%;} #plan-taxi .block_5 strong{color: #B7101D;} /*======================================== 食の陣ペイ =========================================*/ #pay .sp_title{ display: none;} #pay .title-style1 img{ margin: -2px 0 -3px 15px;} #pay h4{ font-size: 135%; margin: 30px 0 0 0; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #pay h4 img{ vertical-align: middle; margin: 0 0 0 15px;} #pay .body{ margin: 15px 0 0 0; font-size: 120%;} #pay .detail{ background: url("img/line_03.png") 0 0 no-repeat; margin: 20px 0 0 0;} #pay .detail dl{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 10px 0 10px 0;} #pay .detail dt{ float: left; width: 6em; font-size: 110%;} #pay .detail dd{ display: block; margin: 0 0 0 6em; font-size: 110%;} #pay .contact{ background: url("img/pay_03.png"); margin: 25px 0 0 0; padding: 20px 14px 20px 0;} #pay .contact table{ width: 100%;} #pay .contact td{ text-align: center; vertical-align: middle;} #pay .contact .title{ padding: 0 0 0 0px; font-size: 120%;font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #pay .contact .name{ border-left:1px solid #D3D3D1; padding: 0 20px 0 20px; font-size: 120%;} #pay .contact .tel{ padding: 0 0 0 0; font-size: 160%;} #pay .contact .link{ padding: 0 0 0 10px; text-align: right;} #pay .contact .small{ font-size: 70%;} #pay .contact .btn-style1 a{ padding: 8px 8px 8px 8px;} .ie #pay .contact .btn-style1 a{ padding: 8px 8px 6px 8px;} #pay .block_1{ padding: 0 0 46px 0;} #pay .block_2{ background: url("img/line_03.png") 0 0 no-repeat; padding: 46px 0 46px 0;} #pay .block_3{ background: url("img/line_03.png") 0 0 no-repeat; padding: 46px 0 46px 0;} #pay .block_1 .detail dt{ width: 10em;} #pay .block_1 .detail dd{ margin: 0 0 0 10em;} #pay .block_1 .contact .title{ width: 10em;} #pay .block_1 .contact .name{} #pay .block_1 .contact .tel{} #pay .block_1 .contact .link{} #pay .block_2 .wrap{ margin: 0px 0 0 0;} #pay .block_2 .img{float: right; width: 240px;} #pay .block_2 .left{float: left; width: 560px;} #pay .block_2 .detail{ margin: 10px 0 0 0;} #pay .block_2 .detail dt{ width: 7em;} #pay .block_2 .detail dd{ margin: 0 0 0 7em;} #pay .block_2 .contact .title{ width: 15em;} #pay .block_2 .contact .name{} #pay .block_2 .contact .tel{} #pay .block_2 .contact .link{} #pay .block_3 .wrap{ margin: 0px 0 0 0;} #pay .block_3 .img{float: right; width: 240px;} #pay .block_3 .img p{ margin: 0 0 10px 0;} #pay .block_3 .left{float: left; width: 560px;} #pay .block_3 .detail{ margin: 10px 0 0 0;} #pay .block_3 .detail dt{ width: 6em;} #pay .block_3 .detail dd{ margin: 0 0 0 6em;} #pay .block_3 .dia{ margin: 15px 0 0 0;} #pay .block_3 .dia h4{ padding: 0 0 5px 0;} #pay .block_3 .dia .qrcode{ float: left; width: 81px;} #pay .block_3 .dia .txt{ margin: 0 0 0 100px;} #pay .block_3 .dia .txt p{ font-size: 110%;} #pay .block_3 .dia .btn-style1{ text-align: left; margin: 5px 0 0 0;} #pay .block_3 .dia .btn-style1 a{ padding-top: 6px; padding-bottom: 6px;} .ie #pay .block_3 .dia .btn-style1 a{ padding-top: 6px; padding-bottom: 3px;} /* #pay .block_3 .dia a{ font-size: 110%; background: url("img/icon_10.png") 0 47% no-repeat; padding: 0 0 0 15px; display: inline-block; margin: 3px 0 0 0;} #pay .block_3 .dia a:hover{ background: url("img/icon_20.png") 0 47% no-repeat;} */ #pay .block_3 .dia .sp_link{ display: none;} #pay .block_3 .contact .title{ width: 14em;} #pay .block_3 .contact .name{ padding: 0 0 0 10px;} #pay .block_3 .contact .tel{} #pay .block_3 .contact .link{} /*======================================== 五百万石リゾット =========================================*/ #5risotto .sp_title{ display: none;} #5risotto .title-style1 img{ margin: -2px 0 -3px 15px;} #5risotto h4{ font-size: 135%; margin: 30px 0 0 0; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #5risotto h4 img{ vertical-align: middle; margin: 0 0 0 15px;} #5risotto .body{ margin: 15px 0 0 0; font-size: 120%;} #5risotto .detail{ background: url("img/line_03.png") 0 0 no-repeat; margin: 20px 0 0 0;} #5risotto .detail dl{ background: url("img/line_03.png") 0 bottom no-repeat; padding: 10px 0 10px 0;} #5risotto .detail dt{ float: left; width: 6em; font-size: 110%;} #5risotto .detail dd{ display: block; margin: 0 0 0 6em; font-size: 110%;} #5risotto .contact{ background: url("img/5risotto_03.png"); margin: 25px 0 0 0; padding: 20px 14px 20px 0;} #5risotto .contact table{ width: 100%;} #5risotto .contact td{ text-align: center; vertical-align: middle;} #5risotto .contact .title{ padding: 0 0 0 0px; font-size: 120%;font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #5risotto .contact .name{ border-left:1px solid #D3D3D1; padding: 0 20px 0 20px; font-size: 120%;} #5risotto .contact .tel{ padding: 0 0 0 0; font-size: 160%;} #5risotto .contact .link{ padding: 0 0 0 10px; text-align: right;} #5risotto .contact .small{ font-size: 70%;} #5risotto .contact .btn-style1 a{ padding: 8px 8px 8px 8px;} .ie #5risotto .contact .btn-style1 a{ padding: 8px 8px 6px 8px;} #5risotto .block_1{ padding: 0 0 46px 0;} #5risotto .block_2{ background: url("img/line_03.png") 0 0 no-repeat; padding: 46px 0 46px 0;} #5risotto .block_3{ background: url("img/line_03.png") 0 0 no-repeat; padding: 46px 0 46px 0;} #5risotto .block_1 .detail dt{ width: 10em;} #5risotto .block_1 .detail dd{ margin: 0 0 0 10em;} #5risotto .block_1 .contact .title{ width: 10em;} #5risotto .block_1 .contact .name{} #5risotto .block_1 .contact .tel{} #5risotto .block_1 .contact .link{} #5risotto .block_2 .wrap{ margin: 0px 0 0 0;} #5risotto .block_2 .img{float: right; width: 240px;} #5risotto .block_2 .left{float: left; width: 560px;} #5risotto .block_2 .detail{ margin: 10px 0 0 0;} #5risotto .block_2 .detail dt{ width: 7em;} #5risotto .block_2 .detail dd{ margin: 0 0 0 7em;} #5risotto .block_2 .contact .title{ width: 15em;} #5risotto .block_2 .contact .name{} #5risotto .block_2 .contact .tel{} #5risotto .block_2 .contact .link{} #5risotto .block_3 .wrap{ margin: 0px 0 0 0;} #5risotto .block_3 .img{float: right; width: 240px;} #5risotto .block_3 .img p{ margin: 0 0 10px 0;} #5risotto .block_3 .left{float: left; width: 560px;} #5risotto .block_3 .detail{ margin: 10px 0 0 0;} #5risotto .block_3 .detail dt{ width: 6em;} #5risotto .block_3 .detail dd{ margin: 0 0 0 6em;} #5risotto .block_3 .dia{ margin: 15px 0 0 0;} #5risotto .block_3 .dia h4{ padding: 0 0 5px 0;} #5risotto .block_3 .dia .qrcode{ float: left; width: 81px;} #5risotto .block_3 .dia .txt{ margin: 0 0 0 100px;} #5risotto .block_3 .dia .txt p{ font-size: 110%;} #5risotto .block_3 .dia .btn-style1{ text-align: left; margin: 5px 0 0 0;} #5risotto .block_3 .dia .btn-style1 a{ padding-top: 6px; padding-bottom: 6px;} .ie #5risotto .block_3 .dia .btn-style1 a{ padding-top: 6px; padding-bottom: 3px;} /* #5risotto .block_3 .dia a{ font-size: 110%; background: url("img/icon_10.png") 0 47% no-repeat; padding: 0 0 0 15px; display: inline-block; margin: 3px 0 0 0;} #5risotto .block_3 .dia a:hover{ background: url("img/icon_20.png") 0 47% no-repeat;} */ #5risotto .block_3 .dia .sp_link{ display: none;} #5risotto .block_3 .contact .title{ width: 14em;} #5risotto .block_3 .contact .name{ padding: 0 0 0 10px;} #5risotto .block_3 .contact .tel{} #5risotto .block_3 .contact .link{} /*======================================== ご案内帖 =========================================*/ #catalog .sp_title{ display: none;} #catalog .block_1{ margin: 10px 0 0 0;} #catalog .block_1 h3{ text-align: center; margin: 10px 0 24px 0;} #catalog .block_1 p{ text-align: center; font-size: 130%; line-height: 170%;} #catalog .block_2{ background: url("img/catalog_04.png"); padding: 40px; margin: 30px 0 0 0;} #catalog .block_2 .left{float: left; width: 280px;} #catalog .block_2 .left ul{ margin: 25px 0 0 0;} #catalog .block_2 .left li{ margin: 0 0 10px 0;} #catalog .block_2 .left .btn-style1 a{ width: 100%; padding: 11px 0 11px 0; text-align: left;} #catalog .block_2 .left .btn-style1 span, #catalog .block_2 .left .btn-style1 strong{ margin: 0 0 0 12px;} #catalog .block_2 .left .place{ text-align: center; margin: 9px 0 0 0;} #catalog .block_2 .left .place a{ background: url("img/icon_10.png") 0 47% no-repeat; padding: 0 0 0 15px; font-size: 110%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: normal;} .ie #catalog .block_2 .left .place a{padding-top: 3px; padding-bottom: 0;} #catalog .block_2 .left .place a:hover{ background: url("img/icon_20.png") 0 47% no-repeat;color:#B7101D} #catalog .block_2 .right{float: right; width: 440px;} #catalog .block_2 .right .title-style1 img{ vertical-align: middle; margin: 0 3px 4px 0;} #catalog .block_2 .right h4{ margin: 23px 0 12px 0;} #catalog .block_2 .right .info{ background: url("img/line_01.png") 0 0 no-repeat;} #catalog .block_2 .right .box{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 10px 0 10px 0;} #catalog .block_2 .right .box p{ background: url("img/icon_03.png") 0 4px no-repeat; padding: 0 0 0 20px; font-size: 110%;} #catalog .block_3 { background: url("img/line_01.png") 0 bottom no-repeat; margin: 40px 0 0 0;} #catalog .block_3 p{ padding: 10px 0 20px 0; font-size: 110%;} #catalog .block_4 { background: url("img/line_01.png") 0 bottom no-repeat; margin: 32px 0 0 0;} #catalog .block_4 .box{ float: left; margin: 0 0 40px 40px; width: 400px;} #catalog .block_4 .box:nth-child(2n+1){ margin-left: 0; clear: left;} #catalog .block_4 .img{ float: left;width: 160px;} #catalog .block_4 .txt{float: right; width: 220px;} #catalog .block_4 .txt p{ font-size: 110%; margin: 15px 0 0 0;} #catalog .block_4 .txt h4{ background: url("img/icon_21.png") 0 47% no-repeat; padding: 3px 0 3px 20px; font-size: 140%; line-height: 100%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: bold;} .ie #catalog .block_4 .txt h4{padding-top: 10px;} #catalog .block_4 .btn-style1{ margin: 20px 0 0 0; text-align: left;} #catalog .block_4 .btn-style1 a{ padding: 7px 10px 7px 10px;} .ie #catalog .block_4 .btn-style1 a{ padding: 7px 10px 4px 10px;} #catalog .block_4 .title-style4{} #catalog .block_4 .title-style4 h4{ background: url("img/icon_39.png") 0 47% no-repeat; padding: 0 0 0 24px;} .ie #catalog .block_4 .title-style4 h4{ padding-top: 10px;} /*======================================== 食の情報広場 =========================================*/ .single #info{ padding: 50px 0 0 0;} #info .sp_selectmenu{ display: none;} #info .entryArea{ float: left; width: 645px;} #info .entryBlock{ margin: 0 0 40px 0;} /*　タイトル -----------------------------------------*/ #info .entryTitle{ background: url("img/line_10.png") 0 bottom no-repeat; padding: 0 0 10px 0; margin: 0 0 30px 0;} #info .entryTitle .category{} #info .entryTitle .category span{ color: #FFF; background: #B7101D; display: inline-block; padding: 0 8px 1px 8px; font-weight: normal; font-size: 110%; margin: 0 10px 0 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-weight: normal;} .ie #info .entryTitle .category span{ padding-top: 3px; padding-bottom: 0;} #info .entryTitle .wrap{ margin: 8px 0 0 0;} #info .entryTitle .title{float: left; width: 500px; line-height: 170%;} #info .entryTitle .title a, #info .entryTitle .title span{ font-size: 155%; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #info .entryTitle .title a:hover{color:#B7101D;} #info .entryTitle .date{float: right; font-size: 110%; line-height: 180%; padding: 1px 0 0 0;} /*　本文 -----------------------------------------*/ /*　続きを見る -----------------------------------------*/ #info .entryMore{ margin: 25px 0 0 0;} #info .entryMore .btn-style1{ text-align: right;} #info .entryMore .btn-style1 a{ padding: 5px 20px 5px 20px;} .ie #info .entryMore .btn-style1 a{ padding: 6px 20px 3px 20px;} /*　サイドメニュー -----------------------------------------*/ #info .side{ float: right;width: 160px; padding: 40px 0 0 0;} #info .side ul{ margin: 15px 0 30px 0;} #info .side li{ margin: 0 0 8px 0; line-height: 140%; background: url("img/icon_10.png") 0 4px no-repeat; padding: 0 0 0 15px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: normal;} #info .side li:hover{ background: url("img/icon_20.png") 0 4px no-repeat; } #info .side a{ font-size: 110%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: normal;} #info .side a:hover{color:#B7101D;} /*======================================== 記事 前後リンク =========================================*/ #entryNavi{ clear: both;} #entryNavi .in{ background: url("img/line_01.png") 0 0 repeat-x; margin: 40px 0 0 0; padding: 30px 0 0 0;} #entryNavi ul{} #entryNavi li{} #entryNavi a{ font-size: 110%; line-height: 120%; display: inline-block; text-align: left;} #entryNavi .old{ float: left; width: 48%;} #entryNavi .new{ float: right; width: 48%; text-align: right;} #entryNavi .old a{ background: url("img/icon_15.png") 0 6px no-repeat; padding: 0 0 0 16px;} #entryNavi .new a{ background: url("img/icon_16.png") right 6px no-repeat; padding: 0 17px 0 0;} /*======================================== 飲食店ガイド　一覧 =========================================*/ #guide .sp_title{ display: none;} #guide .this_place{ display: none;} /*　バナー -----------------------------------------*/ #guide .block_1{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 40px 0 20px 0; margin: 0 0 35px 0;} #guide .block_1 ul{} #guide .block_1 li{ float: left;} #guide .block_1 li:nth-child(2){margin: 0 0 0 40px;} /*　検索 -----------------------------------------*/ #guide .search{ margin: 20px 0 0 0;} #guide .search .title-style1{ margin: 0 0 30px 0;} #guide .search select{ float: left; height: 27px; margin: 0 15px 0 0; min-width: 260px; cursor: pointer;} #guide .search .btn{ float: left; cursor: pointer;} #guide .search .btn span{ display: block; width: 57px; height: 27px; background: url("img/guide_05.png") 0 0 no-repeat; text-indent: 100%; white-space: nowrap; overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px;} #guide .search .btn span:hover{ background: url("img/guide_06.png") 0 0 no-repeat;} /*　地図 -----------------------------------------*/ #map_canvas{ width: 100%; height: 350px; margin: 25px 0 0 0;} #map_canvas .map_tip{ padding:5px 0px 0px 1px; } #map_canvas .t_inner{ width: 270px;} #map_canvas .t_block1{ padding: 0 0 10px 0;} #map_canvas .t_txt{ float: right; width: 205px;} #map_canvas .t_title{ line-height: 130%; font-size: 100%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #map_canvas .t_subtitle{ font-size: 90%; margin: 6px 0 0 0;} #map_canvas .t_img{ float: left; width: 50px;} #map_canvas .t_img img{ width: 100%; height: auto;} #map_canvas .t_block2{ border-top:1px solid #9F9B94; padding: 10px 0 0 0;} #map_canvas .t_address{ font-size: 90%;} #map_canvas .t_tel{ font-size: 90%;} /*　○件 -----------------------------------------*/ #guide .entryCount{ font-size: 120%; margin: 30px 0 0 0;} /*　枠 -----------------------------------------*/ #guide .entryArea{} #guide .entryBlock{ margin: 0px 0 0 0; background: url("img/line_01.png") 0 bottom no-repeat; padding: 30px 0 30px 0;} #guide .entryInfo{ float: right; width: 540px;} /*　画像 -----------------------------------------*/ #guide .sp_img{ display: none;} /*　タイトル -----------------------------------------*/ #guide .entryTitle{} #guide .entryTitle .wrap{ width: 100%;} #guide .entryTitle .box{ display: table-cell; vertical-align: top;} #guide .entryTitle .box.n1{} #guide .entryTitle .box.n2{ padding: 0 0 0 15px;} #guide .entryTitle .genre{ color: #FFF; background: #B7101D; display: inline-block; padding: 0 0px 1px 0px; width: 100%; font-weight: normal; font-size: 110%;text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} .ie #guide .entryTitle .genre{padding: 3px 0px 0px 0px;} #guide .entryTitle .subtitle{ display: inline-block;} #guide .entryTitle h4{ font-size: 130%; line-height: 140%; font-weight: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #guide .entryTitle h3{ font-size: 140%; line-height: 120%; margin: 12px 0 0px 0; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #guide .w2 .box.n1{width: 3.3em;} #guide .w3 .box.n1{width: 4.3em;} #guide .w4 .box.n1{width: 5.3em;} #guide .w5 .box.n1{width: 6.3em;} #guide .w6 .box.n1{width: 7.3em;} #guide .w7 .box.n1{width: 8.3em;} #guide .w8 .box.n1{width: 9.3em;} #guide .w9 .box.n1{width: 10.3em;} #guide .w10 .box.n1{width: 11.3em;} #guide .w11 .box.n1{width: 12.3em;} #guide .w12 .box.n1{width: 13.3em;} #guide .w13 .box.n1{width: 14.3em;} #guide .w14 .box.n1{width: 15.3em;} #guide .w15 .box.n1{width: 16.3em;} #guide .w16 .box.n1{width: 17.3em;} #guide .w17 .box.n1{width: 18.3em;} #guide .w18 .box.n1{width: 19.3em;} #guide .w19 .box.n1{width: 20.3em;} #guide .w20 .box.n1{width: 21.3em;} #guide .sp_subtitle{ display: none;} /*　住所 -----------------------------------------*/ #guide .addressBlock{ margin: 20px 0 10px 0;} #guide .addressBlock .address{ font-size: 120%; margin: 0 0 0px 0;} #guide .addressBlock .tel{ display: inline-block; font-size: 160%; margin: -30px 0 0 0; line-height: 100%;} #guide .addressBlock .url{ display: inline-block; line-height: 100%; margin: 6px 0 0 0;} #guide .addressBlock .btn-style1{ display: inline-block;} #guide .addressBlock .btn-style1 a{ display: inline-block; text-align: left; padding: 4px 10px 3px 10px; font-size: 85%; margin: 0 0 0 10px; vertical-align: top;} #guide .entryDetail dl{ display: inline-block; margin: 0 15px 5px 0; display: table; width: auto; float: left;} #guide .entryDetail dt{ width: 2em; font-size: 100%; display: inline-block; display: table-cell;} #guide .entryDetail dt span{ background: #757370; color: #FFF; text-align: center; display: inline-block; width: 1.6em;-webkit-border-radius: 2px;border-radius: 2px;} #guide .entryDetail dd{ font-size: 110%; line-height: 140%; display: inline-block; display: table-cell; -ms-word-break: break-all;word-break: break-all; -ms-word-wrap: break-word; word-wrap: break-word;} #guide .entryDetail dd br{ display: none;} /*　画像 -----------------------------------------*/ #guide .entryImg{ float: left; width: 280px;} #guide .entryImg p{} #guide .entryImg img{ width: 100%; height: auto;} /*======================================== 飲食店ガイド　詳細 =========================================*/ .single #guide_detail{ padding: 50px 0 0 0;} #guide_detail .sp_title{ display: none;} /*　タイトル -----------------------------------------*/ #guide_detail .entryTitle{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 0 0 15px 0;} #guide_detail .entryTitle .in{ display: table; width: 100%;} #guide_detail .entryTitle .box{ display: table-cell;} #guide_detail .entryTitle .box.n1{ padding: 0 12px 0 0;} #guide_detail .entryTitle .box.n2{ width: auto;} #guide_detail .entryTitle .box.n3{ width: 80px; text-align: right;} #guide_detail .entryTitle .genre{ width: auto; color: #FFF; background: #B7101D; display: inline-block; width: 100%; padding: 0 0px 1px 0px; font-weight: normal; font-size: 110%;text-align: center; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;} .ie #guide_detail .entryTitle .genre{padding-top: 3px; padding-bottom: 0; } #guide_detail .entryTitle .w2{width: 3.3em;} #guide_detail .entryTitle .w3{width: 4.3em;} #guide_detail .entryTitle .w4{width: 5.3em;} #guide_detail .entryTitle .w5{width: 6.3em;} #guide_detail .entryTitle .w6{width: 7.3em;} #guide_detail .entryTitle .w7{width: 8.3em;} #guide_detail .entryTitle .w8{width: 9.3em;} #guide_detail .entryTitle .w9{width: 10.3em;} #guide_detail .entryTitle .w10{width: 11.3em;} #guide_detail .entryTitle .w11{width: 12.3em;} #guide_detail .entryTitle .w12{width: 13.3em;} #guide_detail .entryTitle .w13{width: 14.3em;} #guide_detail .entryTitle .w14{width: 15.3em;} #guide_detail .entryTitle .w15{width: 16.3em;} #guide_detail .entryTitle .w16{width: 17.3em;} #guide_detail .entryTitle .w17{width: 18.3em;} #guide_detail .entryTitle .w18{width: 19.3em;} #guide_detail .entryTitle .w19{width: 20.3em;} #guide_detail .entryTitle .w20{width: 21.3em;} #guide_detail .entryTitle h3{ font-size: 165%; line-height: 120%; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} /*　枠 -----------------------------------------*/ #guide_detail .entryBlock{ margin: 30px 0 0 0;} #guide_detail .entryInfo{ float: right; width: 440px;} /*　画像 -----------------------------------------*/ #guide_detail .entryImg{ float: left; width: 360px;} #guide_detail .entryImg p{ margin: 0 0 20px 0;} /*　サブタイトル -----------------------------------------*/ #guide_detail .subtitle{ margin: 0 0 15px 0;} #guide_detail .subtitle h4{ font-size: 150%; line-height: 140%; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} /*　紹介文 -----------------------------------------*/ #guide_detail .entryBody{ margin: 20px 0 0 0; font-size: 120%;} /*　酒 -----------------------------------------*/ #guide_detail .sake{ margin: 30px 0 0 0;} #guide_detail .sake .body{ background: url("img/line_01.png") 0 0 no-repeat; margin: 8px 0 0 0; font-size: 120%;} #guide_detail .sake .body .in{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 8px 0 8px 0;} #guide_detail .entryDetail{ margin: 25px 0 0 0;} #guide_detail .title-style4{} #guide_detail .title-style4 h4{} /*　住所 -----------------------------------------*/ #guide_detail .addressBlock{ background: url("img/line_01.png") 0 0 no-repeat; margin: 8px 0 0 0;} #guide_detail .addressBlock .in{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 15px 0 15px 0;} #guide_detail .addressBlock .address{ font-size: 120%;} #guide_detail .addressBlock .tel{ display: inline-block; font-size: 160%; margin: -30px 0 0 0; line-height: 100%;} #guide_detail .addressBlock .url{ display: inline-block; line-height: 100%; margin: 6px 0 0 0;} #guide_detail .addressBlock .btn-style1{ display: inline-block;} #guide_detail .addressBlock .btn-style1 a{ display: inline-block; text-align: left; padding: 4px 10px 3px 10px; font-size: 100%; margin: 0 0 0 10px; vertical-align: top;} #guide_detail .entryDetail dl{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 12px 0 12px 0;} #guide_detail .entryDetail dt{ float: left; width: 2em; font-size: 110%;} #guide_detail .entryDetail dt span{ background: #757370; color: #FFF; text-align: center; display: inline-block; width: 1.5em;-webkit-border-radius: 2px;border-radius: 2px;} #guide_detail .entryDetail dd{ margin: 0 0 0 2.5em; font-size: 120%; line-height: 140%;} .ie #guide_detail .entryDetail dt span{padding-top: 3px; padding-bottom: 0;} /*　地図 -----------------------------------------*/ #guide_detail .entryMap{ width: 840px; height: 450px; margin: 40px 0 0 0;} #guide_detail .entryMap iframe{ width: 100%; height: 450px;} /*======================================== 食のおもしろ話 =========================================*/ #column .block_1{ background: url("img/line_01.png") 0 bottom repeat-x; padding: 0 0 25px 0;} #column .block_1 h3{ text-align: center; margin: 20px 0 24px 0;} #column .block_1 p{ text-align: center; font-size: 130%; line-height: 160%; margin: 0 0px 0px 0px;} #column .block_1 p.p2{font-size: 100%; margin: 25px 0 0 0;} /*　 -----------------------------------------*/ #column .entryBlock{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 30px 0 45px 0; padding-top: 128px; margin-top: -128px;} /*　画像 -----------------------------------------*/ #column .entryImg{ float: left; width: 360px; padding-top: 45px;} #column .entryImg p{ margin: 0 0 10px 0;} /*　 -----------------------------------------*/ #column .entryInfo{ float: right; width: 440px; padding-top: 45px;} /*　タイトル -----------------------------------------*/ #column .entryTitle{} #column .entryTitle .subtitle{ margin: 0 0 15px 0;} #column .entryTitle .subtitle p{ font-size: 110%; line-height: 140%; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #column .entryTitle .title{} #column .entryTitle h3{font-size: 175%;} /*　紹介文 -----------------------------------------*/ #column .entryBody{ margin: 20px 0 0 0; font-size: 110%;} /*　詳細 -----------------------------------------*/ #column .entryDetail{ background: url("img/line_01.png") 0 0 no-repeat; margin: 25px 0 0 0;} #column .entryDetail dl{ padding: 12px 0 12px 0; font-size: 110%; background: url("img/line_01.png") 0 bottom no-repeat;} #column .entryDetail dt{ width: 8em; float: left;} #column .entryDetail dd{ margin: 0 0 0 8em;} #column .entryDetail .btn-style1{ display: inline-block;} #column .entryDetail .btn-style1 a{ padding: 2px 7px 3px 7px; font-size: 85%; margin: 0 0 0 10px;} .ie #column .entryDetail .btn-style1 a{ padding: 6px 7px 3px 7px;} /*　お申し込み -----------------------------------------*/ #column .entryContact{ text-align: center; margin: 22px 0 0 0; background: url("img/column_10.png"); padding: 20px;} #column .entryContact .title{ text-align: center; font-size: 130%; line-height: 100%; font-weight: bold; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #column .entryContact .body{ text-align: center; margin: 8px 0 0 0; font-size: 110%; line-height: 140%;} #column .entryContact .btn-style1{margin: 15px 0 0 0;} /*======================================== お問い合わせ =========================================*/ /*　タブ -----------------------------------------*/ #contact .tab{ background: url("img/line_01.png") 0 bottom no-repeat; margin: 40px 0 0 0;} #contact .tab ul{ padding: 0 0 0 30px;} #contact .tab li{float: left; width: 253px; height: 36px; font-size: 120%; background: url("img/contact_03.png") 0 0 no-repeat; line-height: 100%; font-weight: bold;} #contact .tab li.on{ background: url("img/contact_02.png") 0 0 no-repeat;} #contact .tab .n1{} #contact .tab .n2{ margin: 0 10px 0 10px;} #contact .tab .n3{ font-size: 100%;} #contact .tab a{ display: block; width: 253px; height: 36px; text-align: center; letter-spacing: -0.5px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;　font-weight: bold;} #contact .tab .on a{ color: #B7101D;} #contact .tab span{ padding: 0 0 0 13px; display: inline-block; margin: 10px 0 0 0;} #contact .tab .n3 span{margin: 12px 0 0 0;} /* 通常 */ #contact .tab span{background: url("img/icon_10.png") 0 60% no-repeat; line-height: 100%; vertical-align: bottom;} /* マウスオーバー */ #contact .tab a:hover span{;background: url("img/icon_20.png") 0 60% no-repeat; line-height: 100%;} /* ON */ #contact .tab .on span{ background: url("img/icon_17.png") 0 60% no-repeat !important; line-height: 100%;} /* 通常 食のおもしろ */ #contact .tab .n3 span{background-position: 0 52%;} /* マウスオーバー 食のおもしろ */ #contact .tab .n3 a:hover span{ background-position: 0 52%;} /* ON 食のおもしろ */ #contact .tab .n3.on span{ background-position: 0 0px !important;} /* 通常 */ .ie #contact .tab span{background: url("img/icon_10.png") 0 48% no-repeat; line-height: 100%; vertical-align: bottom;} /* マウスオーバー */ .ie #contact .tab a:hover span{;background: url("img/icon_20.png") 0 48% no-repeat; line-height: 100%;} /* ON */ .ie #contact .tab .on span{ background: url("img/icon_17.png") 0 0px no-repeat !important; line-height: 100%;} /* 通常 食のおもしろ */ .ie #contact .tab .n3 span{background-position: 0 52%;} /* マウスオーバー 食のおもしろ */ .ie #contact .tab .n3 a:hover span{ background-position: 0 52%;} /* ON 食のおもしろ */ .ie #contact .tab .n3.on span{ background-position: 0 0px !important;} /*　contact -----------------------------------------*/ #contact .block_1{ margin: 30px 0 0 0;} #contact .block_1 p{ font-size: 110%;} /*　注意 -----------------------------------------*/ #contact .block_2{ margin: 30px 0 0 0; background: url("img/catalog_04.png"); padding: 30px;} #contact .block_2 .title-style1 h3{ font-size: 130%;} #contact .block_2 ul{ margin: 6px 0 0 1.6em;} #contact .block_2 li{ list-style:disc; margin: 10px 0 0 0; font-size: 110%;} /*　fancybox時の表示 -----------------------------------------*/ .page-contact-catalog-p #contact, .page-contact-column-p #contact{ width: 700px; margin: 0 auto 0 auto; padding: 30px 20px 10px 20px;} .page-contact-catalog-p #contact .block_1, .page-contact-column-p #contact .block_1{ margin: 20px 0 0 0;} .page-contact-catalog-p #contact .block_2, .page-contact-column-p #contact .block_2{ border:1px solid #B3B0AA;} .page-contact-catalog-p #contact .titleBlock, .page-contact-column-p #contact .titleBlock{} .page-contact-catalog-p #contact .titleBlock h3, .page-contact-column-p #contact .titleBlock h3{　font-weight: bold; text-align: center; font-size: 180%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} .page-catalog .myClose, .page-column .myClose{background: url("img/icon_24.png") 0 0 no-repeat;width: 23px; height: 23px;top:10px; right:24px;} /*　送信完了 -----------------------------------------*/ #contact .complete{ margin: 50px 0 0 0; background: url("img/catalog_04.png"); padding: 40px 60px 40px 60px;} #contact.popupw .complete{ margin: 20px 20px 0px 20px;} #contact .complete h4{ text-align: center; font-size: 170%; font-weight: bold; padding: 0 0 15px 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000;} #contact .complete p{ padding: 20px 0 0 0; font-size: 120%;} #contact .complete strong{ color: #B70F1D; font-weight: bold;} #contact .complete a{ color: #B70F1D; font-weight: bold;} /* ======================================== フォーム ========================================*/ #form{margin: 30px 0 0 0; font-size: 100%;} .page-contact-catalog-p #form, .page-contact-hagama-p #form, .page-contact-column-p #form{ font-size: 100%;} #form .formBlock_1{ margin: 0 0 20px 0;} #form .formbody{ background:url("img/line_01.png") 0 0 no-repeat;} /*　枠 -----------------------------------------*/ #form dl{ background:url("img/line_01.png") 0 bottom no-repeat; padding:15px 0px 15px 0px; line-height:130%;} #form dt{ float:left; width:14em;} #form dt div span{ float:left;} #form dd{ margin-left:14em;} /*　必須 -----------------------------------------*/ #form span.hissu{ background-color:#B7101D; display:inline-block; color:#FFF; padding:0 10px 0 10px; font-size:85%; margin:0 3px 0 0px; font-weight: normal; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-weight: normal;} #form dt .hissu{margin:0 10px 0 0px; float: left; width: 3em; text-align: center; padding: 3px 0 0 0;} #form dt .hissu span{ background-color:#B7101D; display:inline-block; color:#FFF; padding:0 0px 0 0px; font-size:85%; width: 100%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; font-weight: normal;} /*　input -----------------------------------------*/ #form dd input[type=text], #form dd input[type=email], #form dd textarea{ border:1px solid #CBCBCB;} #form dd select{ padding:4px;} #form dd textarea{ width:98% !important; height:116px !important; padding:4px 1% 4px 1%;} #form .size1{ width:240px; padding:4px 0 4px 4px;} #form .size2{ width:100px; padding:4px 0 4px 4px;} .page-contact-catalog-p #form .size1, .page-contact-hagama-p #form .size1, .page-contact-column-p #form .size1{ width: 200px;} .page-contact-catalog-p #form .size2, .page-contact-hagama-p #form .size2, .page-contact-column-p #form .size2{ width: 80px;} /* firefox requiredの赤枠を消す　*/ :invalid { box-shadow: none;} :-moz-submit-invalid { box-shadow: none;} :-moz-ui-invalid {box-shadow:none;} /*　ご希望プログラム -----------------------------------------*/ #form .list li{ margin:0 0 0 0;} #form .list input{ margin: 0 10px 0 0;} /*　ボタン -----------------------------------------*/ #form .btn{ padding:40px 0 10px 0; text-align:center;} #form button.submit{ background:url("img/btn_01.png") center 0 no-repeat; text-indent:-9999px; width:214px; height:39px; border:0px; cursor:pointer;} #form button.submit:hover{ background:url("img/btn_02.png") center 0 no-repeat;} #form button.send{ background:url("img/btn_03.png") center 0 no-repeat; text-indent:-9999px; width:214px; height:39px; border:0px; cursor:pointer; margin: 25px 10px 0 10px;} #form button.send:hover{ background:url("img/btn_04.png") center 0 no-repeat;} #form button.back{ background:url("img/btn_05.png") center 0 no-repeat; text-indent:-9999px; width:214px; height:39px; border:0px; cursor:pointer; margin: 25px 10px 0 10px;} #form button.back:hover{ background:url("img/btn_06.png") center 0 no-repeat;} /*　個人情報保護方針 -----------------------------------------*/ #form .privacy a{ margin: 0 0 0 5px;} /*　確認画面 -----------------------------------------*/ #mfp_phase_confirm_inner p.p2{ padding: 0 0 15px 0;} /* ===================================== 利用規約、個人情報 ========================================*/ #term, #privacy{ padding: 50px 0 0 0;} #term #contents, #privacy #contents{ padding: 30px 0 30px 0;} #term p, #privacy p{ font-size: 110%;} #term .box, #privacy .box{ background: url("img/line_01.png") 0 0 no-repeat; padding: 30px 0 0 0; margin: 30px 0 0 0;} #term .box p, #privacy .box p{ margin: 25px 0 0 0;} #privacy .box.last p.p2{ margin: 15px 0 0 0;} /* ===================================== 構成団体 ========================================*/ #member{ padding: 50px 0 0 0;} #member #contents{ margin: 30px 0 0 0; padding: 0px 0 30px 0; background:url("img/line_01.png") 0 0 no-repeat;} #member dl{ background:url("img/line_01.png") 0 bottom no-repeat; padding:15px 0px 15px 0px;} #member dt{ float:left; width:8em; font-size: 110%; line-height:170%;} #member dd{ margin-left:8em; font-size: 110%; line-height:170%;} /* ===================================== サイトマップ ========================================*/ #sitemap{ padding: 50px 0 0 0;} #sitemap #contents{ padding: 30px 0 30px 0;} #sitemap .block{ float: left; width: 400px;} #sitemap .block:nth-child(2){ float: right;} #sitemap h4{ font-size: 130%; padding: 0 0 5px 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: normal;} #sitemap a{ background: url("img/icon_10.png") 0 47% no-repeat; padding: 0 0 0 20px; font-size: 130%; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: normal;} #sitemap a:hover{color:#B7101D} .ie #sitemap a{ padding-top: 3px;} #sitemap ul{ background: url("img/line_01.png") 0 bottom no-repeat; padding: 0 0 10px 0; margin: 0 0 15px 0;} #sitemap ul.space{ padding-left: 30px;} #sitemap li{ margin: 0 0 5px 0;} #sitemap ul.noicon{ padding-bottom: 15px;} #sitemap ul.noicon li{ float: left; margin: 0 30px 0 0;} #sitemap ul.noicon a{ background: none; padding: 0;} /*======================================== google検索結果 =========================================*/ .page-search #container{ padding: 25px 0 0 0;} .page-search{} /*.page-search #gsearch{ margin: 0px 10px 0px 10px; background: #FFF; padding: 4px 10px 0 10px;}*/ .page-search .gsc-search-box{ margin: 0 !important;} .gsc-results .gsc-cursor-box .gsc-cursor-page{ display: inline-block !important;} /*======================================== 記事詳細 =========================================*/ #entryStyle{font-size:120%; margin-top:0;} #entryStyle h1, #entryStyle h2, #entryStyle h3, #entryStyle h4, #entryStyle h5, #entryStyle h6, body#tinymce h1, body#tinymce h2, body#tinymce h3, body#tinymce h4, body#tinymce h5, body#tinymce h6{font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;color:#000; font-weight: bold;} #entryStyle h1, body#tinymce h1{ font-size: 140%;} #entryStyle h2, body#tinymce h2{ font-size: 135%;} #entryStyle h3, body#tinymce h3{ font-size: 125%;} #entryStyle h4, body#tinymce h4{ font-size: 120%;} #entryStyle h5, body#tinymce h5{ font-size: 115%;} #entryStyle h6, body#tinymce h6{ font-size: 100%;} #entryStyle ul{margin: 12px 0 12px 2em;list-style-position:inside;text-align:left;} #entryStyle ol {margin: 12px 0 12px 2em;list-style-position:inside;list-style-type:decimal;text-align:left;} #entryStyle ul li{text-align:left; list-style-type: disc;} #entryStyle ol li{text-align:left;} #entryStyle strong {font-weight: bold !important;} #entryStyle strong span{font-weight:bold !important;} #entryStyle span strong{font-weight:bold !important;} #entryStyle del strong{font-weight:bold !important;} #entryStyle em strong{font-weight:bold !important;} #entryStyle em {font-style:italic;} #entryStyle p{line-height:170%;} td #entryStyle p{margin-bottom:0;} #entryStyle em{font-style:italic !important;} #entryStyle blockquote{margin:15px 0 15px 24px;} #entryStyle img {max-width: 645px; height:auto;} .alignleft,img.alignleft {display: inline;float: left;margin-right: 24px;margin-top: 4px;} .alignright,img.alignright {display: inline;float: right;margin-left: 24px;margin-top: 4px;} .aligncenter,img.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;} img.alignleft,img.alignright,img.aligncenter {margin-bottom: 12px;} .wp-caption {border: none;background: #f1f1f1;color: #888;font-size: 93%;line-height: 18px;text-align: center;margin-bottom: 20px;padding: 4px;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} .wp-caption img {margin: 5px;} .wp-caption p.wp-caption-text {margin: 0 0 4px;} .wp-smiley {margin:0;} body#tinymce ul, body#tinymce ol{ margin:0 0 0 1.5em;} body#tinymce ul li{ list-style:disc;} body#tinymce ol li{ list-style:decimal;} .mypagesprit { clear: both; color: #27364f; line-height:1.75; } .mypagenumbers a { display:inline-block; border:solid 1px #ccc; text-decoration:none; } .mypagenumbers a:hover { color:white; background: #B11D13; } .mynumbers { padding:15px; } ＝＝＝＝＝＝＝＝ YouTube埋め込み ＝＝＝＝＝＝＝＝ .youtube2 { position: relative; width: 100%; padding-top: 56.25%; } .youtube2 iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }