/****************************************************************** Theme Name: MIEL Description: 天神のおすすめ情報を集めた天神ファンのためのシティガイド Author: Coober.net Author URI: Version: 1.0.0 Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support */ /*! normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */ .em,dfn,em{font-style:italic}legend,menu,ol,ul{padding:0}body,dd,dl,figure,form,h1,h2,h3,h4,h5,h6,menu,ol,p,pre,ul{margin:0}.commentlist,.sidebar ol,.sidebar ul,nav ol,nav ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}a:focus{outline:dotted thin}a:active,a:hover{outline:0}h1{font-size:2em}h2{font-size:1.5em}h3{font-size:1.17em}h4{font-size:1em}h5{font-size:.83em}h6{font-size:.75em}small,sub,sup{font-size:75%}.strong,b,strong{font-weight:700}blockquote{margin:1em 40px}mark{background:#ff0;color:#000}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}p{-webkit-hyphens:auto;-epub-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.small,small{font-size:75%}ol,ul{list-style-type:none}.clearfix{zoom:1}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.image-replacement{text-indent:100%;white-space:nowrap;overflow:hidden}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.alert-error,.alert-help,.alert-info,.alert-success{margin:10px;padding:5px 18px;border:1px solid}.alert-help{border-color:#e8dc59;background:#ebe16f}.alert-info{border-color:#bfe4f4;background:#d5edf8}.alert-error{border-color:#f8cdce;background:#fbe3e4}.alert-success{border-color:#deeaae;background:#e6efc2}img{-ms-interpolation-mode:bicubic}a img,img{vertical-align:middle;border:none;background:0 0} .performer_box{ color:#333; } body{ /*font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif;*/ /*font-family: 'Montserrat', 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic;*/ font-size:100%; color:#000; margin:0; padding:0; line-height:1.8; letter-spacing: 0.05em; } body img{max-width:100%;height:auto;} /* Pagination（index.php/archive.php） ----------------------------------------------------------- */ .pagination, .wp-prev-next{margin:1.1em 0 2.2em;} .pagination{text-align:center;width:100%;} .pagination ul{display:inline-block;white-space:nowrap;padding:0;clear:both;margin:1px;} .pagination ul li{margin:3px;float:left;display:inline;overflow:hidden;font-size:0.8em;} .pagination ul li a{text-decoration:none;padding:3px 0;display: block;width:50px;background-color:#FFF;color:#000;border:1px solid #000;transition:all ease 0.5s;-webkit-transition:all ease 0.5s;-moz-transition:all ease 0.5s;} .pagination ul li a:hover{text-decoration:none;padding:3px 0;display:block;width:50px;background-color:#000;color:#FFF;border:1px solid #000;} .pagination ul li span{padding: 3px 0;display: block;width:50px;background-color:#000;color:#FFF;border:1px solid #000;} .pagination ul li span.current{font-weight:bold;} .wp-prev-next .prev-link{float:left;} .wp-prev-next .next-link{float:right;} #allowed_tags{margin: 1.5em 10px 0.7335em 0;} .nocomments {margin: 0 20px 1.1em;} /* Pagination（single.php） ----------------------------------------------------------- */ .nav-below{width:100%;padding:2% 0;} .nav-below:after{content:"";display:block;height:0;font-size:0;clear:both;visibility:hidden;} .nav-below a{background-color:#FFF;border:1px solid #000;color:#000;text-decoration:none;padding:0.5%;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;font-size:0.8em;} .nav-below img{width:50px;height:50px;} #prev,#next{width:48%;float:left;margin:0 1%;} #prev,#next{width:48%;float:left;margin:0 1%;} #next{text-align:right;} #prev img{float:left;margin-right:0.5rem;} #next img{float:right;margin-left:0.5rem;} #prevAndNextLeft a:before{content:"\f053";margin-right:5px;font-family: FontAwesome;} #prevAndNextRight a:after{content:"\f054";margin-left:10px;font-family: FontAwesome;} .nav-below a:hover{background-color:#000;border:1px solid #000;color:#FFF;} #prevAndNextLeft{width:50%;float:left;} #prevAndNextRight{width:50%;float:left;} #prevAndNextLeft{text-align:left;} #prevAndNextRight{text-align:right;} /* animation ----------------------------------------------------------- */ .v-transition { transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; transform-origin:center top 0px; transform:matrix3d(1, 0, 0.00, 0, 0.00, 0, 1.00, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -moz-transform:matrix3d(1, 0, 0.00, 0, 0.00, 0, 1.00, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -webkit-transform:matrix3d(1, 0, 0.00, 0, 0.00, 0, 1.00, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -o-transform:matrix3d(1, 0, 0.00, 0, 0.00, 0, 1.00, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); -ms-transform:matrix3d(1, 0, 0.00, 0, 0.00, 0, 1.00, 0.008, 0, -1, 0, 0, 0, 0, 0, 1); opacity:0; } .on.v-transition { transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); -moz-transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); -webkit-transform: matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); -o-transform:matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); -ms-transform:matrix3d(1, 0, 0.00, 0, 0.00, 1, 0.00, 0, 0, 0, 1, 0, 0, 0, 0, 1); opacity:1; } .fadein { opacity:0.1; transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; } .on.fadein { opacity:1; } .fadeinzoom { opacity:0.1; -webkit-transition: opacity 1s linear, -webkit-transform 0.5s linear 0.1s; transition: opacity 1s linear, transform 0.5s linear 0.1s; -webkit-transform: scale3d(0.98, 0.98, 0.98); transform: scale3d(0.98, 0.98, 0.98); } .on.fadeinzoom { opacity:1; -webkit-transform:scale3d(1, 1, 1); transform:scale3d(1, 1, 1); } .fadeinleft { opacity:0.1; -webkit-transform:translateX(-50px); transform:translateX(-50px); transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; } .on.fadeinleft { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } .fadeinright { opacity:0.1; -webkit-transform:translateX(50px); transform:translateX(50px); transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; } .on.fadeinright { opacity:1; -webkit-transform:translateX(0); transform:translateX(0); } .fadeinup { opacity:0; -webkit-transform:translateY(50px); transform:translateY(50px); transition:all ease 1s; -webkit-transition:all ease 1s; -moz-transition:all ease 1s; } .on.fadeinup { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } .fadeinspin { opacity:0.1; transform: rotateY( 90deg ); -webkit-transform: rotateY( 90deg ); transition:all ease 0.7s; -webkit-transition:all ease 0.7s; -moz-transition:all ease 0.7s; } .on.fadeinspin { opacity:1; transform: rotateY( 0deg ); -webkit-transform: rotateY( 0deg ); -webkit-transform:translateX(0); transform:translateX(0); } /* Head ----------------------------------------------------------- */ /*.header { width:100%; height:auto; transition: all ease 0.2s; overflow: hidden; } .header.fixed { height:58px; } .header.fixed:hover{ height:auto; }*/ /* gNavi ----------------------------------------------------------- */ #mainheader{ position:fixed; left:0; top:0; width:100%; z-index:1000; } #logobox{ background-color:#14b8d4; color:#FFF; text-align:center; padding:5px 0 0px 0; transition: all ease 0.2s; position:relative; z-index:100; border-bottom:1px solid #FFF; } .header.fixed #logobox{ background-color:#FFF; border-bottom:1px solid #f1f1f1; } .header.fixed:hover #logobox{ background-color:#14b8d4; border-bottom:1px solid #FFF; } #logobox a{ width:170px; display:block; margin:0 auto; } .cls-1{ fill:#FFF; transition: all ease 0.2s; } .header.fixed .cls-1{ fill:#14b8d4; } .header.fixed:hover .cls-1{ fill:#FFF; } #mainnav{ width:560px; margin:2px auto 0 auto; display:flex; transition: all ease 0.2s; position:relative; z-index:10; position:relative; top:0; } .header.fixed #mainnav{ top:-70px; } .header.fixed:hover #mainnav{ top:0; } #mainnav li{ width:25%; text-align:center; } #mainnav li a{ display:block; padding:3px 5px 7px; color:#666; transition: all ease 0.2s; position:relative; background-color:#FFF; } #mainnav li a span{ display:inline-block; position:relative; z-index:10; font-size:0.9rem; } #mainnav li a:after{ position:absolute; left:0; bottom:0; width:100%; height:5px; content:""; transition: all ease 0.2s; z-index:1; } #mainnav li:nth-of-type(1) a:after{background-color:#00b050;} #mainnav li:nth-of-type(2) a:after{background-color:#b14acb;} #mainnav li:nth-of-type(3) a:after{background-color:#002060;} #mainnav li:nth-of-type(4) a:after{background-color:#ff0000;} #mainnav li a:hover{ color:#FFF; } #mainnav li a:hover:after{ height:100%; } /* 共通 ----------------------------------------------------------- */ #content { width:100%; } #content:after { content: ""; clear: both; display: block; } #main { width:100%; padding:0; } h1, h2, h3, h4, h5, h6 { font-family: 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; } a { text-decoration:none; } #g_map { width:100%; position:relative; } #g_map p { position:absolute; top:5%; left:5%; background:rgba(255,255,255,1); padding:10px; color:#000; z-index:999; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; box-shadow:0 0 5px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.3); -moz-box-shadow:0 0 5px rgba(0,0,0,0.3); border:3px solid #880000; color:#880000; } /*-- Anchor link（heder追従の時に使用する） --*/ #page_link01, #page_link02, #page_link03, #page_link04, #page_link05, #page_link06, #page_link07 { margin-top:-90px; padding-top:90px; } .pc { display:block; } .sp { display:none; } /* IE用CSS */ @media all and (-ms-high-contrast: none) { } /* TOP ----------------------------------------------------------- */ #wtt{ margin-top:150px; } #wtt_logo{ text-align:center; position:relative; z-index:100; width:1080px; max-width:100%; margin:0 auto; } #wtt_slide{ width:1080px; max-width:100%; margin:-45px auto 0 auto; } .wtt_sl_a{ position:relative; display:block; } .wtt_slide_text{ position:absolute; left:0; bottom:0; background-color:rgba(0,0,0,0.2); color:#FFF; text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding: 15px 34px; width:100%; text-align:right; font-size:20px; } #wtt_slide .slick-next::before, #wtt_slide .slick-prev::before{ z-index:1000; color:#FFF; opacity:1; font-size:2rem; } #wtt_slide .slick-prev{ left:5px; z-index:1000; } #wtt_slide .slick-next{ right:5px; z-index:1000; } #wtt_slide .slick-next::before{ content:"\f105" } #wtt_slide .slick-prev::before{ content:"\f104" } #wtt_slide .slick-dots{ position:absolute; z-index:100; left:0; bottom:25px; width:200px; } #wtt_slide .slick-dots li button::before { color:#FFF; opacity:0.9; font-size:8px; } #wtt_slide .slick-dots li.slick-active button:before { opacity:1; color:#14b8d4; } #wtt_slide .slick-dots li{ width:10px; height:10px; margin:0 5px; } #wtb{ width:1080px; max-width:100%; margin:15px auto; display:flex; justify-content: space-between; } #wtb li{ width:calc(33.33% - 10px); } #wtb li a{ display:block; } #wtb li img{ transition: all ease 0.2s; } #wtb li a:hover img{ opacity:0.8; box-shadow:0 3px 3px rgba(0,0,0,0.2); } #nta{ margin:60px auto 0px auto; text-align:center; } #inner-nta{ background-image:url("./library/images/new_header_bg.jpg"); background-size:auto 140%; padding:0 0 1px 0; background-position:center bottom; } #nta h2{ font-weight:300; font-size:1.2rem; padding:5px 0; width:1080px; max-width:100%; margin:0 auto 0 auto; border-bottom:1px solid #666; color:#666; } #nta p{ margin:30px auto 30px auto; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif; font-weight:bold; } #nta p img{ width:800px; } #tenjin_text{ width:250px; display:block; margin:30px auto 20px auto; } #top_fv_top { position:relative; padding:12% 0; overflow:hidden; } #top_fv_top .phobox { position:absolute; top:0; left:0; width:100%; height:100%; background-image:url("./library/images/top_fv_top_img.png"); background-size:cover; background-position:center center; background-repeat:no-repeat; z-index:0; } #top_fv_top .top_fv_top_midh1 { position:absolute; bottom:10%; left:50%; transform: translate(-50%, 0%); text-align:center; font-family: 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; } #top_fv_top .top_fv_top_midh1 .mian_text,#top_fv_top .top_fv_top_midh1 .sub_text { display:block; font-weight:500; } #top_fv_top .top_fv_top_midh1 .mian_text { font-size:1.4rem; } #top_fv_top .top_fv_top_midh1 .mian_text strong { font-weight:600; } #top_fv_top .top_fv_top_midh1 .sub_text { font-size:1rem; margin:0.5rem auto 0; } #top_fv_slide .outbox { position: relative; /*position: relative; margin:100px auto 60px auto; max-width: 1100px;*/ } #top_fv_slide .top_posted_content { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; position: relative; z-index: 1; } #top_fv_slide .top_posted_content .posted_main { float: none; } #top_fv_slide .top_posted_content .posted_side { float: none; height:auto; max-height:auto; } #top_fv_slide #slider { position: relative; } #top_fv_slide #slider .inner { position: relative; } #top_fv_slide #slider .inner::before { content:""; position: absolute; right: 0; bottom: 0; width: 95%; height: 87%; background-color: #0bcdd6; z-index: -1; } #top_fv_slide #slider .inner::before { } #top_fv_slide #slider .main-slide01 .inner::before { background-color: #0bcdd6; } #top_fv_slide #slider .main-slide02 .inner::before { background-color: #ffa642; } #top_fv_slide #slider .main-slide03 .inner::before { background-color: #b3de6a; } #top_fv_slide #slider .main-slide04 .inner::before { background-color: #91a0ee; } #top_fv_slide #slider .main-slide05 .inner::before { background-color: #f983c6; } #top_fv_slide #slider .phobox { width: 65%; margin: 0 0 0 auto; } #top_fv_slide #slider .slide_flip { position:absolute; top:20%; left:0%; z-index:2; transform: translate(30%, -80%); } #top_fv_slide #slider .textbox { position:absolute; top:20%; left:0; /*transform: translate(0%, -50%);*/ width:45%; height:auto; background-color:#fff; text-align:left; box-shadow:0 0px 15px rgba(0,0,0,0.1); transition:all ease 0.8s 0.5s; opacity:0; } #top_fv_slide #slider .swiper-slide.swiper-slide-active .textbox { opacity:1; } #top_fv_slide #slider .textbox .inbox { position:relative; padding:2rem 4rem 3.5rem; } #top_fv_slide #slider .textbox .cat { text-align:right; color:#bfbfbf; font-size:0.9rem; } #top_fv_slide #slider .textbox .title { text-align:left; color:#f08f93; font-family: 'Noto Serif JP', serif; font-size:2.5rem; left:3px; font-weight:300; margin:1.0rem auto; } #top_fv_slide #slider .textbox .text { color:#6f6f6f; } #top_fv_slide #slider .textbox .link { position:absolute; right:0; bottom:0; transform: translate(-50%, 30%); box-shadow:0 0px 10px rgba(0,0,0,0.1); } #top_fv_slide #slider .textbox .link a { padding:0.5rem 1.5rem; background-color:rgba(255,255,255,0.8); color:#000; font-family: 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; } #top_fv_slide .bannerbox { height: 100%; } #top_fv_slide .bannerbox ul { height: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_fv_slide .bannerbox ul li {} #top_fv_slide .bannerbox ul li:nth-child(1) { margin: 0 auto auto; } #top_fv_slide .bannerbox ul li:nth-child(2) { margin: auto auto 0; } #top_fv_slide .bannerbox ul li a {} #top_fv_slide .bannerbox ul li a img {} #top_fv_slide .swiper-container{ text-align: center; cursor: grab; } #top_fv_slide .swiper-container:active{ cursor: grabbing; } #top_fv_slide .swiper-container .swiper-slide img { max-width: 100%; width: 100%; height: auto; } #top_fv_slide #thumbs { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 80%; box-sizing: border-box; padding: 10px 0; z-index: 0; } #top_fv_slide #thumbs .swiper-slide { width: 33.333333333%; height: auto; opacity: 0.2; cursor: grab; } #top_fv_slide #thumbs .swiper-slide:active { cursor: grabbing; } #top_fv_slide #thumbs .swiper-slide-active { opacity: 0; } .swiper-pagination { font-size: 12px; /* サイズ */ color: #ffffff; /* 文字色 */ } #top_fv_slide .swiper-button-next, #top_fv_slide .swiper-button-prev { content: ""; top:auto; bottom:5%; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 65px; height: 65px; } #top_fv_slide .swiper-button-next { left:10%; background-image: url("./library/images/top_product_arrow02.png"); } #top_fv_slide .swiper-button-prev { left:calc(10% + 120px); background-image: url("./library/images/top_product_arrow01.png"); } .swiper-blind-left, .swiper-blind-right { position: absolute; width: 11.55%; height: 100%; display: block; top: 0; background: rgba(255,255,255,.7); z-index: 5; } .swiper-blind-left { left: 0; } .swiper-blind-right { right: 0; } @media (max-width: 600px) { .swiper-blind-left,.swiper-blind-right { display: none; } } .midbox { } .top_midh2 { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; padding:0 0 0 5rem; } .top_midh2 .main_text,.top_midh2 .main_text { display:inline-block; color:#2b2b2b; } .top_midh2 .main_text { position:relative; font-family: 'Montserrat', 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-size:1.8rem; font-weight:600; letter-spacing:2px; } .top_midh2 .main_text::before { content:""; position:absolute; top:50%; left:0; transform: translate(-4rem, -50%); width:2.5rem; height:5px; background-color:#f5df4b; } .top_midh2 .sub_text { font-family: 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; display: flex; justify-content: left; align-items: center; margin:0; font-size:0.9rem; font-weight:500; letter-spacing:0px; padding:5px; } .top_midh2 .main_text span { } .top_midh2 .sub_text span { background-color:#f5f9f9; } #top_posted_h2{ color:#00b050; border-bottom:2px solid #00b050; } #top_posted_h2 em{ font-style:normal; display:inline-block; margin-right:1em; } #top_posted_h2 span{ font-size:0.8rem; font-weight:300; } #top_movie_h2{ color:#7030a0; border-bottom:2px solid #7030a0; } #top_movie_h2 em{ font-style:normal; display:inline-block; margin-right:1em; } #top_movie_h2 span{ font-size:0.8rem; font-weight:300; } #top_info_h2{ color:#7f7f7f; border-bottom:2px solid #7f7f7f; } #top_info_h2 em{ font-style:normal; display:inline-block; margin-right:1em; } #top_info_h2 span{ font-size:0.8rem; font-weight:300; } #top_gohan_h2{ color:#ff0000; border-bottom:2px solid #ff0000; margin-bottom:15px; } #top_gohan_h2 em{ font-style:normal; display:inline-block; margin-right:1em; } #top_gohan_h2 span{ font-size:0.8rem; font-weight:300; } #top_movie_ul{ display:flex; justify-content: space-between; flex-wrap: wrap; } #top_movie_ul li{ width:48%; margin:2% 0; } .top_movie_box{ position: relative; width: 100%; height: 0; padding-top: 56.25%; margin-bottom: 5px; } .top_movie_box iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #CCC; } .top_movie_h3{ padding-right:30px; overflow: hidden; height:1.7em; margin-bottom:5px; position:relative; font-size:20px; } .newbutton_movie{ position:absolute; right:0px; top:2px; width:1.5em; } #top_movie_link a{ color:#7030a0; } .top_movie_text{ font-size:16px; height:3.6em; line-height:1.7; overflow: hidden; } .top_linkbox a { display:block; font-family: 'Montserrat', 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-size:1rem; font-weight:500; letter-spacing:1px; text-align:right; } #top_news_link a{ color:#00b050; } .top_linkbox a:hover { } .top_linkbox a img { margin:0 0 0 1.5rem; transition:all ease 0.8s; } .top_linkbox a:hover img:last-child { opacity:0; transform: translate(50%, 0%); } .top_posted_content { width: 1080px ; max-width: 95%; margin: 0 auto; padding: 0 0 2rem; } .top_posted_content:after{ display:block; content:""; clear:both; height:1px; } .top_posted_content .posted_main { width:calc(100% - 280px); float:left; padding:0 4% 0 0; } .top_posted_content .posted_side { width:280px; float:left; padding:0; height:auto; } .top_posted_content .posted_side .posted_side_fixed { position:relative; top:0px; transition:all ease 0.5s; width:100%; z-index:10; background-color:#fff; } .top_posted_content .posted_side .posted_side_fixed .side_banner { margin:0 auto 2rem; } .top_posted_content .posted_side .posted_side_fixed .top_ranking { margin-bottom:2.5rem; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .midbox { padding:0.4rem 2rem; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .midbox p { } .top_posted_content .posted_side .posted_side_fixed .top_ranking .midbox p span { display:block; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .midbox p .en_text { font-size:1.3rem; line-height:1.3rem; font-weight:500; margin:0 auto 2px; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .midbox p .jp_text { font-size:0.8rem; line-height:0.8rem; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .listbox { padding:0.5rem 0; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .listbox ul li .phobox { width:45%; padding:0 5% 0 0; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .listbox ul li .textbox { width:55%; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .listbox ul li .textbox .cat_text span { display: inline-block; background-color: #85f1d4; color: #fff; padding: 0.3rem 0.3rem 0.2rem; font-size: 0.6rem; line-height: 0.6rem; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .listbox ul li .textbox .cat_text.cat_text01 span { background-color: #85f1d4; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .listbox ul li .textbox .cat_text.cat_text02 span { background-color: #85d1f1; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .listbox ul li .textbox .cat_text.cat_text03 span { background-color: #f18597; } .top_posted_content .posted_side .posted_side_fixed .top_ranking .listbox ul li .textbox .title_text { font-size:0.7rem; height:3.3em; overflow: hidden; } .acr_li{ padding:5px 0px; } .acr_li a{ display:flex; position:relative; width:100%; color:#333; } .acr_li .juni{ position:absolute; font-size:0.7rem; background-color:#FFF; line-height:1; width:1.5em; height:1.5em; text-align:center; display:inline-block; border-radius: 20px; padding:3px 2px 0 2px; top:5px; left:5px; } .acr_li .left{ width:100px; margin-right:10px; } .acr_li .right{ width:calc(100% - 110px); font-size:0.8rem; } .acr_time{ color:#666; display:none; } .acr_type{ position:relative; display:block; line-height:1; margin-bottom:0px; } .acr_type:after{ display:inline-block; padding:3px 5px 2px 5px; margin-bottom:2px; font-size:.8em; line-height:1; color:#FFF; } .acr_type_gohan:after{ content:"GOHAN"; background-color:#ff0000; } .acr_type_news:after{ content:"NEWS"; background-color:#00b050; } .acr_type_movie:after{ content:"MOVIE"; background-color:#7030a0; } .acr_title{ max-height:3.6em; overflow: hidden; line-height:1.25; } .side_ranking{ position:absolute; overflow: visible; width:100%; height:auto; z-index:100; } .posted_side_fixed .inner{ position:relative; overflow: visible; } #top_news { position:relative; } #top_news .top_posted_content .posted_side { } #top_news .top_decotext { position:absolute; top:0; left:-30%; z-index:0; max-width:inherit; } #top_news .deco_img { position:absolute; } #top_news .deco_img01 { left:-3%; bottom:5%; } #top_news .deco_img02 { right:-3%; bottom:5%; } #top_news .innerbox { padding:30px 0 0; } #newsac{ display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #newsac li { width:31.333%; margin-right:3%; padding:1rem 0; position:relative; } #nac #newsac li{ width:19%; margin-right:1.25%; } .home #newsac li:nth-of-type(3n){ margin-right:0%; } #nac #newsac li:nth-of-type(4n){ margin-right:0%; } #newsac li a { display:block; color:#333; transition: all ease 0.2s; } #newsac li a:hover{ opacity:0.8; } .top_linkbox { margin:1.5rem auto; } #newsac .title{ height:5.1em; overflow: hidden; line-height:1.7; font-size:16px; } #newsac .phobox{ overflow:hidden; } #newsac a .phobox img{ transition: all ease 0.5s; display:block; } #newsac a:hover .phobox img{ transform: scale3d(1.05, 1.05, 1.05); } .time_cat{ display:flex; margin:0; line-height:1.2; padding-top:2px; } .time_text{ width:40%; font-size:0.8rem; padding:0px; color:#999; } .time_ct{ width:60%; text-align:right; font-size:0; } .time_ct span{ display:inline-block; font-size:0.8rem; padding:1px 5px; color:#999; } .separation_box { position:relative; padding:13% 0; background-image:url("./library/images/separation_boxbg.jpg"); background-size:cover; background-position:center center; background-repeat:no-repeat; } .separation_box.separation_mall { background-image:url("./library/images/separation_boxbg.jpg"); } .separation_box .innerbox { width:1400px; max-width:95%; margin:0 auto; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); font-size:8rem; line-height:8rem; font-weight:100; letter-spacing:6px; color:#fff; font-family: 'Alegreya Sans', sans-serif; } .separation_box .innerbox .textbox { width:75%; margin:0 auto 0 0; } .separation_box .innerbox p:nth-child(1) { text-align:left; } .separation_box .innerbox p:nth-child(2) { text-align:right; } .separation_box .innerbox p:not(:last-child) { margin-bottom:2rem; } #top_mall { position:relative; overflow:hidden; padding:2rem 0; z-index:0; } #top_mall .deco_img { position:absolute; z-index:-1; } #top_mall .deco_img01 { left:-3%; bottom:5%; } #top_mall .deco_img02 { right:30%; bottom:1%; } #top_mall .deco_img03 { right:-3%; bottom:5%; } #top_mall .bannerbox { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; margin:0 auto 3rem; } #top_mall .bannerbox .banner00 { width:48%; } #top_mall .bannerbox .banner00:nth-child(odd) { margin:0 2% 0 0; } #top_mall .bannerbox .banner00:nth-child(even) { margin:0 0 0 2%; } #top_mall .top_midh2 .sub_text span { color:#2b2b2b; background-color: #fff; } #top_mall .posted_main ul { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_mall .posted_main ul li { width:33.3333333333%; padding:1rem 1%; position:relative; } #top_mall .posted_main ul li a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; } #top_mall .posted_main ul li .phobox { position:relative; overflow:hidden; } #top_mall .posted_main ul li .phobox img { transition:all ease 0.5s; transform:scale3d(1, 1, 1); } #top_mall .posted_main ul li:hover .phobox img { transform:scale3d(1.05, 1.05, 1.05); /*animation: flash 0.8s ease-out 0s 1;*/ } #top_mall .posted_main ul li .textbox { padding:0.3rem 0 0; } #top_mall .posted_main ul li .textbox .title { } #top_mall .posted_main ul li .textbox .title h4 { font-family: 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-size:0.9rem; font-weight:500; color:#6c6e6e; } #top_mall .top_linkbox { margin:5rem auto 0; } #top_mall .top_linkbox a { background-color:#2b2b2b; } #top_mall .top_linkbox a img:nth-child(1) { margin:0 2rem 0 0; } #top_mall .top_linkbox a img:nth-child(3) { margin:0 0 0 2rem; } #top_mall .posted_main ul li .textbox .price { color:#0e0100; font-size:1.1rem; font-weight:600; } #top_movie { padding:2rem 0 0 0; position:relative; overflow:hidden; z-index:0; } #top_movie .deco_img { position:absolute; z-index:-1; } #top_movie .deco_img01 { left:5%; bottom:1%; } #top_movie .deco_img02 { right:0%; bottom:1%; } .performer_box { margin:3rem auto 5rem; } .performer_box .mid_text { text-align:center; } .performer_box .mid_text span { background-color: #191919; color: #fff; font-size: 1.2rem; line-height: 1.2rem; padding: 0.5rem 1rem; } .performer_box .performer_list { background-color:#191919; padding:0.5rem 0; max-width:calc(100% - 100px); margin:0 auto; } .performer_list .slick-next, .performer_list .slick-prev { z-index:10; } .performer_box .performer_list .slick-next::before, .performer_box .performer_list .slick-prev::before { content: ""!important; position:absolute; top: 50%; display: block; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 58px; height: 58px; background-size:cover; background-position:center center; background-repeat:no-repeat; opacity:1!important; } .performer_box .performer_list .slick-next::before { right:0; transform: translate(30%, -50%); background-image:url("./library/images/performer_list_arrow02.png"); } .performer_box .performer_list .slick-prev::before { left:0; transform: translate(-30%, -50%); background-image:url("./library/images/performer_list_arrow01.png"); } .performer_box .performer_list li { padding:0 1rem; } .performer_list li .phobox { text-align:center; } .performer_list li .namebox { margin:0.5rem auto 0; color:#f2ebba; text-align:center; } #top_movie .posted_main .pick_up_movei { margin:0 auto 5rem; position:relative; } #top_movie .posted_main .pick_up_movei::before,#top_movie .posted_main .pick_up_movei::after { content:""; position:absolute; width:40% } #top_movie .posted_main .pick_up_movei::before { height:80%; left:0; top:10%; background-color:#0bcdd6; } #top_movie .posted_main .pick_up_movei::after { height:430px; right:0; top:0; background-color:#000; } #top_movie .posted_main .pick_up_movei .inner { position:relative; width:770px; max-width:95%; margin:0 auto; } #top_movie .posted_main .pick_up_movei .phobox { position:relative; overflow:hidden; z-index:2; } #top_movie .posted_main .pick_up_movei .phobox iframe { max-width:100%; display:block; margin:0 auto; } #top_movie .posted_main .pick_up_movei .textbox { position:relative; padding:2rem 5%; background-color:#fff; transform: translate(2.5rem, 0%); } #top_movie .posted_main .pick_up_movei .textbox::before { content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(100% + 5rem); z-index:-1; background-color:#fff; box-shadow:0 0 20px rgba(0,0,0,0.1); } #top_movie .posted_main .pick_up_movei .textbox .cat_box { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_movie .posted_main .pick_up_movei .textbox .cat_box .cat_text { margin:0 10px 0 0; } #top_movie .posted_main .pick_up_movei .textbox .cat_box .cat_text span { display: inline-block; background-color: #85f1d4; color: #fff; padding: 0.3rem 0.5rem 0.2rem; font-size: 0.9rem; line-height: 0.9rem; } #top_movie .posted_main .pick_up_movei .textbox .cat_box .cat_text.cat_text01 span { background-color:#85f1d4; } #top_movie .posted_main .pick_up_movei .textbox .cat_box .cat_text.cat_text02 span { background-color:#f18597; } #top_movie .posted_main .pick_up_movei .textbox .cat_box .cat_text.cat_text03 span { background-color:#85d1f1; } #top_movie .posted_main .pick_up_movei .textbox .title { } #top_movie .posted_main .pick_up_movei .textbox .title h4 { font-family: 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-size:0.9rem; font-weight:500; color:#2b2b2b; } #top_movie .posted_main ul.top_movie_list { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_movie .posted_main ul.top_movie_list li { width:50%; position:relative; padding:1%; } /*#top_movie .posted_main ul.top_movie_list li:nth-child(odd) { margin:0 2% 4% 0; } #top_movie .posted_main ul.top_movie_list li:nth-child(even) { margin:0 0 4% 2%; }*/ /*#top_movie .posted_main ul li a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; }*/ #top_movie .posted_main ul.top_movie_list li .phobox { position:relative; overflow:hidden; } #top_movie .posted_main ul.top_movie_list li .phobox iframe { max-width:100%; display:block; margin:0 auto; } /*#top_movie .posted_main ul li .phobox img { transform:scale3d(1, 1, 1); } #top_movie .posted_main ul li:hover .phobox img { animation: flash 0.8s ease-out 0s 1; } @keyframes flash { 0% { transform:scale3d(1, 1, 1); } 100% { transform:scale3d(1.05, 1.05, 1.05); } } @-webkit-keyframes flash { 0% { transform:scale3d(1, 1, 1); } 100% { transform:scale3d(1.05, 1.05, 1.05); } }*/ #top_movie .posted_main ul li .textbox { padding:0.3rem 0 0; } #top_movie .posted_main ul li .textbox .cat_box { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_movie .posted_main ul li .textbox .cat_box .cat_text { margin:0 10px 0 0; } #top_movie .posted_main ul li .textbox .cat_box .cat_text span { display: inline-block; background-color: #85f1d4; color: #fff; padding: 0.3rem 0.5rem 0.2rem; font-size: 0.9rem; line-height: 0.9rem; } #top_movie .posted_main ul li .textbox .cat_box .cat_text.cat_text01 span { background-color:#85f1d4; } #top_movie .posted_main ul li .textbox .cat_box .cat_text.cat_text02 span { background-color:#f18597; } #top_movie .posted_main ul li .textbox .cat_box .cat_text.cat_text03 span { background-color:#85d1f1; } #top_movie .posted_main ul li .textbox .title { } #top_movie .posted_main ul li .textbox .title h4 { font-family: 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-size:0.9rem; font-weight:500; color:#2b2b2b; } #top_gohan { position:relative; overflow:hidden; padding:0; z-index:0; } #top_gohan .about_gohan { position:relative; background-image:url("./library/images/about_gohanbg.jpg"); background-size:cover; background-position:center center; background-repeat:no-repeat; background-attachment:fixed; padding: 0 0 15%; } #top_gohan .about_gohan::before { content:""; position:absolute; top:0; left:0; width:100%; height:auto; padding:15% 0; background-image:url("./library/images/top_gohan_main_pho.png"); background-size:cover; background-position:center center; background-repeat:no-repeat; } #top_gohan .about_gohan::after { content:""; position:absolute; bottom: 0; left:0; width:100%; height:auto; padding:3.5% 0; background-image:url("./library/images/top_gohan_main_pho_bottom.png"); background-size:cover; background-position:center center; background-repeat:no-repeat; } #top_gohan .about_gohan .inner { width:1500px; max-width:95%; margin:0 auto; padding:0 21.5% 0 0; position: relative; z-index: 1; } #top_gohan .about_gohan .inner .main_phobox { padding:23% 0; position:relative; } #top_gohan .about_gohan .inner .main_phobox .top_gohan_kanban { position:absolute; top:0; left:50%; transform: translate(-50%, 0%); display:block; max-width:95%; margin:0 auto; transition: all ease 0.5s; animation-duration: 1s; animation-fill-mode: both; backface-visibility: visible !important; transform-origin: top center; opacity: 0; } #top_gohan .about_gohan .inner .main_phobox.on .top_gohan_kanban { animation-name: top_banner02_ani_deco02_ani; } @keyframes top_banner02_ani_deco02_ani { 0% { transform: perspective(400px) rotateX(90deg) translate(-50%, 0%); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg) translate(-50%, 0%); } 70% { transform: perspective(400px) rotateX(10deg) translate(-50%, 0%); } 100% { transform: perspective(400px) rotateX(0deg) translate(-50%, 0%); opacity: 1; } } @-webkit-keyframes top_banner02_ani_deco02_ani { 0% { transform: perspective(400px) rotateX(90deg) translate(-50%, 0%); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg) translate(-50%, 0%); } 70% { transform: perspective(400px) rotateX(10deg) translate(-50%, 0%); } 100% { transform: perspective(400px) rotateX(0deg) translate(-50%, 0%); opacity: 1; } } #top_gohan .about_gohan .inner .logobox { text-align:center; } #top_gohan .about_gohan .inner .midbox { margin:4rem auto; text-align:center; } #top_gohan .about_gohan .inner .midbox h3 { } #top_gohan .about_gohan .inner .midbox h3 span { color:#e2192a; background-color:#fff; font-family: 'Noto Serif JP', serif; font-size: 2.8rem; line-height: 2.8rem; letter-spacing: 5px; font-weight: 600; } #top_gohan .about_gohan .inner .listbox { } #top_gohan .about_gohan .inner .listbox ul { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_gohan .about_gohan .inner .listbox ul li { width: 19%; margin: 0 auto; } #top_gohan .about_gohan .inner .listbox ul li .phobox { } #top_gohan .about_gohan .inner .listbox ul li .phobox img { filter: drop-shadow(0px 0px 5px rgba(0,0,0,0.2)); } #top_gohan .about_gohan .inner .listbox ul li .textbox { position: relative; padding: 3rem 0 0; color: #fff; } #top_gohan .about_gohan .inner .listbox ul li .textbox::before { content:""; position: absolute; width: 83px; height: 17px; top: 1.5rem; left: 50%; transform: translate(-50%, -50%); background-image: url("./library/images/about_gohan_fukidashi.png"); background-size:cover; background-position:center center; background-repeat:no-repeat; } #top_gohan .about_gohan img { } #top_gohan .posted_main { /*padding-top:5rem;*/ } #top_gohan .top_gohan_outbox { position:relative; z-index:0; } #top_gohan .top_gohan_outbox .deco_img { position:absolute; z-index:-1; } #top_gohan .top_gohan_outbox .deco_img01 { top:5%; right:30%; } #top_gohan .top_gohan_outbox .deco_img02 { left:1%; bottom:3%; } #top_gohan .top_gohan_outbox .deco_img03 { right:30%; bottom:0%; } #top_gohan .top_gohan_outbox .deco_img04 { right:-3%; bottom:5%; } #top_gohan .posted_main .midbox { margin: 0rem auto 4rem; text-align: center; } #top_gohan .posted_main .midbox h3 { } #top_gohan .posted_main .midbox h3 span { position:relative; display:inline-block; padding:1rem 2rem; color: #e2192a; font-family: 'Montserrat', 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-size: 2.3rem; line-height: 2.3rem; letter-spacing: 3px; font-weight: 600; } #top_gohan .posted_main .midbox h3 span::before,#top_gohan .posted_main .midbox h3 span::after { content:""; position:absolute; top:0; width:15px; height:100%; border-top:2px solid #e30c1d; border-bottom:2px solid #e30c1d; } #top_gohan .posted_main .midbox h3 span::before { left:0; border-left:2px solid #e30c1d; } #top_gohan .posted_main .midbox h3 span::after { right:0; border-right:2px solid #e30c1d; } #top_gohan .posted_main ul.top_gohan_list { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_gohan .posted_main ul.top_gohan_list li { width:48%; position:relative; } #top_gohan .posted_main ul.top_gohan_list li a { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; } #top_gohan .posted_main ul.top_gohan_list li:nth-child(odd) { margin:0 2% 8% 0; } #top_gohan .posted_main ul.top_gohan_list li:nth-child(even) { margin:0 0 8% 2%; } #top_gohan .posted_main ul.top_gohan_list li .phobox { position:relative; overflow:hidden; } #top_gohan .posted_main ul.top_gohan_list li .phobox img { width:100%; } #top_gohan .posted_main ul.top_gohan_list li .phobox iframe { max-width:100%; display:block; margin:0 auto; } #top_gohan .posted_main ul li .area { position:absolute; top:0; left:1rem; padding:1.0rem 1rem 0.5rem; transform: translate(0%, -100%); color:#fff; } #top_gohan .posted_main ul li .area::before { content:""; position:absolute; top:0; left:0; width:100%; height:200%; background-color:#e30c1d; border-radius:50%; z-index:-1; } #top_gohan .posted_main ul li .textbox { padding:1rem 2.5%; background-color:#fff; } #top_gohan .posted_main ul li .textbox .cat_box { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_gohan .posted_main ul li .textbox .cat_box .cat_text { margin:0 10px 0 0; } #top_gohan .posted_main ul li .textbox .cat_box .cat_text span { display: inline-block; background-color: #85f1d4; color: #fff; padding: 0.3rem 0.5rem 0.2rem; font-size: 0.9rem; line-height: 0.9rem; } #top_gohan .posted_main ul li .textbox .cat_box .cat_text.cat_text01 span { background-color:#85f1d4; } #top_gohan .posted_main ul li .textbox .cat_box .cat_text.cat_text02 span { background-color:#f18597; } #top_gohan .posted_main ul li .textbox .cat_box .cat_text.cat_text03 span { background-color:#85d1f1; } #top_gohan .posted_main ul li .textbox .title { margin:0 auto 0.5rem; } #top_gohan .posted_main ul li .textbox .title h4 { position:relative; padding:0 0 0 2rem; font-family: 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-size:1.4rem; font-weight:600; color:#2b2b2b; } #top_gohan .posted_main ul li .textbox .title h4::before { content:""; position:absolute; top:1rem; left:-1rem; width:2rem; height:6px; background-color:#f5df4b; } #top_gohan .posted_main ul li .genre { margin:0 auto 0.5rem; } #top_gohan .posted_main ul li .text { margin:0 auto 0.5rem; } #top_gohan .posted_main ul li .name { } #top_info { position:relative; padding:2rem 0; z-index:0; } #top_info .deco_img { position:absolute; } #top_info .deco_img01 { left:3%; bottom:0%; } #top_info .top_posted_content { padding-bottom:0; } #top_info .posted_main { } #top_info .posted_main ul { } #top_info .posted_main ul li { width:100%; border-bottom:1px solid #e8e6e3; } #top_info .posted_main ul li { position: relative; } #top_info .posted_main ul li a { display:block; padding: 1rem; color:#333; } #top_info .posted_main ul li dl { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; } #top_info .posted_main ul li dl dt { width: 120px; max-width: 100%; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; font-size: 0.9rem; } #top_info .posted_main ul li dl dt .news_time, #top_info .posted_main ul li dl dt .news_cat { } #top_info .posted_main ul li dl dt .news_time { width: 100%; padding: 0 1rem 0 0; color: #797c84; } #top_info .posted_main ul li dl dt .news_cat.notice { background-color: #cda2eb; } #top_info .posted_main ul li dl dt .news_cat.tenjingohan { background-color: #e30c1d; } #top_info .posted_main ul li dl dt .news_cat.topics { background-color: #f4ec80; } #top_info .posted_main ul li dl dd { width: calc(100% - 120px); padding: 0 0 0 0; font-size: 1.0rem; } #top_info .posted_main ul li dl dd h4 { font-family: 'Montserrat', 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-weight:500; } #top_info .posted_main .top_linkbox { margin:2rem auto 0; } #top_gohan_link{ margin:0; } #top_gohan_link a{ color:#ff0000; } #top_info_link{ margin:0; } #top_info_link a{ color:#7f7f7f; } /* subpage共通 ----------------------------------------------------------- */ #mainsub { width:75%; float:left; padding:0 2% 0 0; } .sidebar { width:25%; float:left; padding:0; } /* contact ----------------------------------------------------------- */ #cont_list { width:100%; padding:3rem 5%; } #cont_list ul { width:900px; max-width:100%; margin:0 auto; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; flex-flow:flex-wrap; -webkit-flex-flow:flex-wrap; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-flex-wrap:wrap; flex-wrap:wrap; } #cont_list li { width:32%; text-align:center; background: -moz-linear-gradient(to bottom, #f5f5f5, #CCC); background: -webkit-linear-gradient(to bottom, #f5f5f5, #CCC); background: linear-gradient(to bottom, #f5f5f5, #CCC); color:#FFF; padding:0.5rem; border-radius:5px; -webkit-border-radius:5px; font-weight:bold; } .cont_page { background: -moz-linear-gradient(to bottom, #75dcc8, #24ac91)!important; background: -webkit-linear-gradient(to bottom, #75dcc8, #24ac91)!important; background: linear-gradient(to bottom, #75dcc8, #24ac91)!important; } #cont_list li:nth-of-type(2) { margin:0 2%; } #cont_fi { width:100%; padding:2rem 5% 4rem; overflow:hidden; } .cont_fi_box { width:900px; max-width:100%; margin:0 auto; } .cont_fi_box h2 { font-size: 1.8em; margin-bottom: 1.5rem; letter-spacing: 0.1em; text-align: center; color: #003E6C; border-bottom: 1px solid #003E6C; } #cont_se { width:100%; padding:4rem 5%; background:#f5f5f5; } .cont_se_box { width:900px; max-width:100%; margin:0 auto; } .cont_se_box h2 { font-size:1.8em; margin-bottom:1.5rem; letter-spacing:0.1em; text-align:center; color: #003E6C; border-bottom:1px solid #003E6C; } .cont_se_box li { text-align:center; margin:0.5rem auto; } .cont_se_box li:nth-of-type(1) { font-size:2em; letter-spacing:0.1em; } .cont_se_box li:nth-of-type(2) { margin-top:0.5rem; } .cont_se_box li:nth-of-type(1) i { color:#24ac91; margin-right:0.5rem; } .cont_se_box li a { color:#000; } .mw_wrap .attribute_text { font-size:0.8rem; padding-left:1%; } .mw_wrap .attribute_text.text_red { color:#d60101; } .mw_wrap .attribute_text.text_black { color:#000000; } /* Chrome */ .mw_wrap ::-webkit-input-placeholder { color: #888888; } .mw_wrap .mw_txt:focus::-webkit-input-placeholder { color: #FFF; } /* Firefox */ .mw_wrap ::-moz-placeholder { color: #888888; } .mw_wrap .mw_txt:focus::-moz-placeholder { color: #FFF; } /* IE */ .mw_wrap :-ms-input-placeholder { color: #888888; } .mw_wrap .mw_txt:focus::-ms-input-placeholder { color: #FFF; } .priva { margin-top:2em; } .priva p { text-align:left; } .priva h3 { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", "Meiryo", sans-serif; font-size: 100%; } .priva h3 span { font-size:0.8em; margin-left:1rem; display:inline-block; } .priva ul { width:100%; overflow-y:scroll; height:250px; border: 1px solid #D9E2E9; background:#FFF; } .priva li { padding:0 1rem 1rem 1rem; font-size:0.9rem; } .priva li h4 { margin:1.5em auto 0.5em; border-bottom:1px solid #000; font-size:1em; } .privabtn { text-align:center; margin-top:2em; font-weight:bold; } .cont_kanryo { width:100%; text-align:center; min-height:420px; } .cont_kanryo.com { min-height:150px; } .cont_kanryo h2 { font-weight:normal; margin:3rem 0 1rem; } /* gallery ----------------------------------------------------------- */ .ga_wrap { width:100%; overflow:hidden; } .ga_wrap li { width:23%; margin:1%; cursor: pointer; } .ga_wrap dd:nth-of-type(2) { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.9); overflow-y:auto; } .g_tab { width:100%; max-width:100%; margin:0 auto; overflow:hidden; text-align:center; position:fixed; top:0; left:0; z-index:10000; background:#000; } .g_tab li { width:25%; float:left; margin:0; cursor: pointer; } .g_tab li:nth-of-type(4) { padding:0.5rem; color:#FFF; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; font-size:1.2rem; } .g_tab li a { display:block; padding:0.5rem; color:#FFF; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; font-size:1.2rem; } .g_tab li a:hover, .g_tab li a.active, .g_tab li:nth-of-type(4):hover:hover { background: -moz-linear-gradient(top, #f46534, #d64637); background: -webkit-linear-gradient(top, #f46534, #d64637); background: linear-gradient(to bottom, #f46534, #d64637); } .g_box { padding:5%; text-align:center; } /* blog ----------------------------------------------------------- */ .blogset { width:1500px!important; max-width:95%!important; margin:4em auto 0!important; padding:0 0 5rem; } .blogset:after { content: ""; clear: both; display: block; } .blogset .alignleft { display:block; margin:0 auto 0 0; } .blogset .aligncenter { display:block; margin:0 auto; } .blogset .alignright { display:block; margin:0 0 0 auto; } /* blog sideber ----------------------------------------------------------- */ .widgettitle { margin-bottom: 0.75em; padding:1% 0 1% 2%; color:#0c2a48; border-bottom: 1px solid #cccccc; } .widgettitle:before { /*content:"\f0e6"; margin-right:5px; font-family: FontAwesome;*/ } .widget ul { margin-bottom:1.5em; } .widget ul li a { width:100%; font-size:0.9em; display:inline-block; color:#000; transition:all ease 0.3s; text-decoration:none; padding:0.5% 1% 1%; } .widget ul li a:hover { color:#FFF; background-color: rgba(150,150,150,1); } .widget ul li ul { margin-top: 0.75em; padding-left: 1em; } .screen-reader-text { display:none; } /* blog (index.php/archive.php) ----------------------------------------------------------- */ .archivetitle { font-size:1.7em; margin-bottom:0.5em; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; position:relative; padding-left:1.5rem; font-weight:bold; } .archivetitle:before { content:""; width:5px; background:#162656; position:absolute; top:5px; left:0; bottom:5px; padding:2px; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; } .bcontwrap { width:100%; margin:0 auto; padding:1rem 0; position:relative; border-bottom:1px solid #cccccc; } .bcontwrap:first-child { border-top:1px solid #cccccc; } .bcontwrap:first-of-type { } .articlelink { display:block; text-decoration:none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bcontwrap ul { overflow:hidden; text-decoration:none; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; padding:1%; } .bcontwrap ul:hover { } .bcontwrap li:nth-child(2) { width:25%; float:left; padding:1%; } .bcontwrap li:nth-child(3) { width:75%; float:left; padding:1%; } .bcontwrap li dl { } .bcontwrap li dl dt { } .bcontwrap li dl dt span { font:0.9rem; } .bcontwrap li dl dt span a { color:#000; } .btitle { font-size: 1.4rem; letter-spacing:0.1em; margin-bottom:10px; color:#000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding:0.1rem 0; } .bcontwrap li dd:nth-of-type(1) { margin-bottom:5px; font-size:0.8em; padding:0 5px; } .bcontwrap li dd:nth-of-type(1) a { color:#565656; } .bcontwrap li dd:nth-of-type(2) { font-size:0.9em; } /* blog (single.php) ----------------------------------------------------------- */ .singlewrap { width:100%; background:rgba(255,255,255,1); padding:2rem; box-shadow:0 5px 15px rgba(0,0,0,0.1); -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1); -moz-box-shadow:0 5px 15px rgba(0,0,0,0.1); -ms-box-shadow:0 5px 15px rgba(0,0,0,0.1); border:1px solid #d8d8d8; margin-bottom:2rem; } .tca { margin-bottom:2em; } .tca li { width:100%; margin-bottom:10px; font-size:0.8em; } .tca a { color:#000; } .tca a:after { content:","; } .tca a:last-of-type:after { content:""; } .stitle { font-size: 1.3em; letter-spacing:0.2em; margin:0 auto 1em; padding:0 0 2%; position: relative; padding-bottom: .5em; border-bottom: 4px solid #ccc; } .stitle::after { position: absolute; bottom: -4px; left: 0; z-index: 2; content: ''; width: 20%; height: 4px; background:#162656; } .singlewrap h2 { border-bottom:2px solid #CCC; padding:0 5px; color:#000; margin:1em auto; position:relative; padding:0 0 0 20px; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } .singlewrap h2:before { content:""; position:absolute; top:15%; left:0; bottom:15%; width:5px; height:70%; background:#000; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } .singlewrap h3 { border-left:5px solid #000; padding:0 10px; margin:1em auto; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } .singlewrap h4 { background:#ffe100; color:#000; padding:2px 10px 0; margin:1em auto; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } .singlewrap h5 { border-bottom:1px dashed #000; padding:0; margin:1em auto; font-size:1em; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } .singlewrap h6 { color:#000; margin:1em auto; font-size:1em; font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; } /* custom ----------------------------------------------------------- */ #custom_side ul { margin-bottom:1.5em; } #custom_side ul li { margin-bottom:0.5em; } #custom_side ul li a { width:100%; display:inline-block; color:#565656; transition:all ease 0.3s; text-decoration:none; padding:0.5% 1% 1%; border:1px solid #FFF; background-color:#FFF; } #custom_side ul li a:hover { color:#FFF; border:1px solid rgba(150,150,150,1); background-color:rgba(150,150,150,1); } #custom_side ul li ul { margin-top: 0.75em; padding-left: 1em; } .custom_wrap { width:100%; overflow:hidden; } .custom_wrap li { width:31.3333333333%; margin:1%; float:left; border:1px solid #000; position:relative; padding:0.5rem; } .custom_wrap li dt { font-size:0.75em; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .custom_wrap li dt a { display:inline-block; color:#000; } .custom_wrap li dt a:nth-of-type(1) { margin-left:1rem; } .custom_wrap li dt a:after { content:","; } .custom_wrap li dt a:last-of-type:after { content:""; } .custom_wrap li dd:nth-of-type(1) { text-align:center; } .custom_wrap li dd:nth-of-type(2) { margin:0.5rem 0 0.2rem; } .custom_wrap li dd:nth-of-type(3) { font-size:0.9em; } /* foot ----------------------------------------------------------- */ #footer { position:relative; z-index:10; background-color:#f8f7e9; } #footer .innerbox { width:1080px; max-width:100%; margin:0 auto; padding:30px 0; display:flex; align-items: center; } .footer_logobox { width:300px; } .footer_logobox img{ width:250px; max-width:80%; } .footer_linklist { width:calc(100% - 300px); display:flex; } .footer_linklist ul { width:200px; max-width:50%; padding-top:15px; } .footer_linklist ul li{ color:#666; font-size:1.1rem; } .footer_linklist ul li a{ color:#666; font-size:0.9rem; padding:5px 0; display:inline-block; } .footer_linklist ul li a:hover{ text-decoration: underline; } #footer #cop { color:#666; width:100%; padding:0.5rem 0; text-align:center; font-size:0.9em; font-family: 'Montserrat', 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; } /* smartphone menu btn ----------------------------------------------------------- */ #spnavbtn { position:fixed; top:4%; right:2%; z-index:999; text-align:center; box-shadow:0 0 50px rgba(0,0,0,1)inset; padding:12px 10px 5px 11px; border-radius:3px; display:block; cursor:pointer; display:none; } /* MENUテキスト表示させたい時だけ使用 #spnavbtn p{ font-size:0.7em; opacity:1; transition:all ease 0.5s; -webkit-transition:all ease 0.5s; -moz-transition:all ease 0.5s; color:#FFF; margin-top:-4px; } #spnavbtn p:before{ content:"MENU"; } */ .nav-trigger, .nav-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box; } .nav-trigger { position: relative; width: 30px; height: 18px; } .nav-trigger span { position: absolute; left: 0; width: 100%; height: 2px; background-color: #FFF; border-radius: 20px; } .nav-trigger span:nth-of-type(1) { top: 0; } .nav-trigger span:nth-of-type(2) { top: 8px; } .nav-trigger span:nth-of-type(3) { bottom: 0; } /* smartphone menu btn click ----------------------------------------------------------- */ #spnavbtn .activete { font-size:0.9em; opacity:0; } #spnavbtn .activete:before { content:""; } .nav-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(8px) rotate(-45deg); transform: translateY(8px) rotate(-45deg); } .nav-trigger.active span:nth-of-type(2) { left: 60%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards; } @-webkit-keyframes active-menu-bar02 { 100% { height: 0; } } @keyframes active-menu-bar02 { 100% { height: 0; } } .nav-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-8px) rotate(45deg); transform: translateY(-8px) rotate(45deg); } /* smartphone menu btn click filter ----------------------------------------------------------- */ #container { position:relative; } .hyde { position:absolute; top:-2em; right:0; background:rgba(0,0,0,0); z-index:997; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; opacity:0; } .hydebg { width:100%; height:100%; position:absolute; top:-2em; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8); z-index:997; opacity:1; } /* smartphone menu btn click area ----------------------------------------------------------- */ #spnav { position:relative; z-index:998; } #spnav .trigger { width:300px; height:100%; transition:all ease 0.4s; -webkit-transition:all ease 0.4s; -moz-transition:all ease 0.4s; position:fixed; top:0; left:-300px; color:rgba(150,150,150,0); overflow-y:scroll; } #spnav .open { width:300px; max-width:80%; background:rgba(0,0,0,0.9); height:100%; position:fixed; top:0; left:0; color:rgba(150,150,150,1); overflow-y:scroll; } #spnav h1 { width:100%; padding:10px; } #spnav ul li { border-top:1px solid rgba(255,255,255,0.2); line-height:3em; } #spnav ul li:last-child { border-bottom:1px solid rgba(255,255,255,0.2); } #spnav ul li a { display:block; color:rgba(150,150,150,1); text-decoration:none; padding:0 10px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; font-size:0.8em; height:48px; } #spnav ul li a:hover, #spnav .navright:hover { background:rgba(255,255,255,1); color:rgba(150,150,150,1); } #spnav .navleft { width:88%; float:left; display:block; } #spnav .navright { width:12%; display:block; float:left; text-align:center; cursor:pointer; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } #spnav ul li dl { overflow:hidden; } #spnav ul li dd { display:none; } #spnav ul li .subnav { padding:0 30px; overflow:hidden; border-top:1px solid rgba(255,255,255,0.2); opacity:0; transition:all ease 0.8s; -webkit-transition:all ease 0.8s; -moz-transition:all ease 0.8s; } #spnav ul li .drop1, #spnav ul li .drop2, #spnav ul li .drop3 { opacity:1; } /* GO飯 single */ #gohan_header{ height:250px; } .pankuzu{ width:1080px; max-width:95%; padding:1rem 0; margin:0 auto 3rem auto; font-size:0; } #news_pankuzu{ margin-bottom:15px; } .pankuzu li{ font-size:0.9rem; display:inline-block; } .pankuzu a{ color:#666; display:inline-block; padding:0 0.5rem; } .pankuzu li:nth-of-type(1) a{ padding:0 0.5rem 0 0; } .pankuzu i{ font-size:0.9rem; } .pankuzu li:nth-last-of-type(1) span{ padding:0 0.5rem; color:#333; } #gs_wrap{ width:1080px; max-width:95%; margin:0 auto; } #gs_title{ vertical-align: middle; margin-bottom:20px; } .yellow_bh{ color:#333; font-family: 'Montserrat', 'Noto Sans JP', sans-serif ,"遊ゴシックMedium", "Yu Gothic Medium", "遊ゴシック", YuGothic; font-size:1.5rem; margin-bottom:20px; line-height:1; } /* .yellow_bh:before{ display:inline-block; width:2em; margin-right:10px; background-color:#f5df4b; height:5px; content:""; vertical-align: middle; transform:translateY(-2px); }*/ #gs_title_ct{ display:inline-block; } #gs_title_ct a{ background-color:#e30c1d; display:inline-block; font-size:1rem; padding:0 1rem; line-height:1; padding:0.4em 0.8em; color:#FFF; margin-right:10px; transition: all ease 0.2s; } #gs_title_ct a:hover{ background-color:#FD5F6B; } #gs_box{ display:flex; justify-content: space-between; margin-bottom:50px; } #gs_box_img{ width:calc(50% - 10px); text-align:center; } #gs_box_img .slick-slide img{ margin:0 auto; } #gs_box_img #thumbnail-list{ display:flex; flex-wrap: wrap; } #gs_box_img #thumbnail-list li{ width:calc(20% - 8px); margin-right:10px; margin-bottom:10px; cursor: pointer; transition: all ease 0.2s; } #gs_box_img #thumbnail-list li:hover{ opacity:0.8; } #gs_box_img #thumbnail-list li:nth-of-type(5n){ margin-right:0; } #gs_box_img .slick-slider{ margin-bottom:5px; } #gs_box_ss{ width:calc(50% - 10px); } #gs_box_ss dl{ display:flex; margin-bottom:40px; align-items:flex-start; } #gs_box_ss dt{ width:calc(70% - 20px); background-color:#2b2b2b; color:#FFF; border-radius:20px; padding:2rem; font-size:0.85rem; margin-right:20px; position: relative; } .ss_fk{ position:absolute; right:-20px; top:45%; width:20px; } .ss_text{ } .ss_name{ display:inline-block; background-color:#FFF; color:#333; margin-bottom:10px; line-height:1; } .ss_name span{ padding:5px 10px 4px; display:inline-block; border-right:1px solid #333; } .ss_name em{ padding:5px 10px 4px; font-style: normal; display:inline-block; } #gs_box_ss dd{ width:30%; } #gs_info{ margin-bottom:80px; } #gs_info_h2{ margin-bottom:30px; } #inner-gs_info{ display: flex; justify-content: space-between; } #inner-gs_info .left, #inner-gs_info .right{ width:calc(50% - 20px); } #gs_info dl{ font-size:0.9rem; display:flex; border-bottom:1px solid #CCC; } #gs_info dl:nth-of-type(1){ border-top:1px solid #CCC; } #gs_info dl dt{ padding:15px; width:12em; color:#7c7440; font-weight:400; } #gs_info dl dd{ padding:15px; width:calc(100% - 12em); color:#595960; } #gs_info dl dd a{ color:#5697e0; transition: all ease 0.2s; } #gs_info dl dd a:hover{ color:#1659A3; } #gs_info .acf-map { width: 100%; height: 350px; border: #ccc solid 1px; margin: 20px 0 0 0; } #gs_gmap_link{ width:10rem; font-size:0.8rem; margin:0 0 0 auto; color: #5697e0; padding:5px 0; display:block; text-align:right; transition: all ease 0.2s; } #gs_gmap_link:hover{ color:#1659A3; } #gs_check{ margin-bottom:100px; } #gs_check_h2{ margin-bottom:60px; } .yellow_bh .small{ font-size:1rem; font-weight:500; display:inline-block; } #gsc{ display:flex; flex-wrap: wrap; } #gsc.gss_gsc{ width:1080px; max-width:95%; margin:50px auto; } #gsc.gsc_2{ justify-content: space-between; } .gsc_li{ width:calc(33.333% - 20px); margin-right:30px; margin-bottom:50px; } #gsc.gsc_2 .gsc_li{ width:calc(50% - 10px); margin-right:0; } .gsc_li_a{ display:block; color:#333; transition: all ease 0.2s; background-color:#FFF; border:1px solid #F1F1F1; padding:10px; } .gsc_li_a:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,0.1); } .gsc_li:nth-of-type(3n){ margin-right:0px; } .gsc_li_area{ } .gsc_li_area a{ background-color:#e30c1d; color:#FFF; display:inline-block; padding:1.7em 0.5em 0 0.5em; border-radius: 7em 7em 0 0; width:8em; height:4em; font-weight:bold; text-align:center; font-size:0.85em; transition: all ease 0.2s; } .gsc_li_area a:hover{ background-color:#FD5F6B; } .gsc_li_img{ margin-bottom:20px; overflow: hidden; width:100%; transition: all ease 0.2s; } a:hover .gsc_li_img{ } .gsc_li_h3{ color: #333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 20px; margin:0 auto 10px auto; line-height: 1.5; width:95%; height:1.3em; overflow: hidden; } /* .gsc_li_h3:before{ display:inline-block; width:1em; margin-right:5px; background-color:#f5df4b; height:5px; content:""; vertical-align: middle; transform:translateY(-2px); } */ .gsc_li_ct{ } .gsc_li_ct{ width:95%; margin:0 auto 10px auto; } .gsc_li_ct span{ background-color:#ff0000; display:inline-block; font-size:0.9rem; padding:0 1rem; line-height:1; padding:0.4em 0.8em; color:#FFF; margin-right:10px; } .gsc_top .gsc_li_area{ display:none; } .gsc_top .gsc_li_ct{ display:none; } .gss_bg{ background-color:#f5f9f9; padding:1px 0; } .gs_p{ font-size:16px; margin:10px auto; width:95%; height:5.1em; line-height:1.7; overflow: hidden; } .gsc_suisen{ width:95%; padding:10px 0; margin:0 auto; } .gsc_suisen_span{ font-size:0.8rem; background-color:#f1f1f1; display:inline-block; margin-right:5px; padding:1px 5px; } .gsc_suisen img{ width:50px; border-radius: 50px; display:inline-block; margin-right:5px; } /* Go飯検索 */ #gohan_sc{ background-color:#ce1624; padding:10px 0; background-image:url("./library/images/gohan_red.jpg"); } #gohan_sc #feas-searchform-0{ width:1080px; max-width:95%; margin:0 auto; color:#FFF; font-weight:bold; } #gohan_sc #feas-searchform-0 select{ color:#333; margin-right:2rem; margin-left:0.5rem; padding:5px 1rem; } #gss_title{ text-align:center; color:#e30c1d; font-family:"Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; border-bottom:1px solid #CCC; margin:75px auto 0 auto; font-size:3rem; } #gss_h1{ margin:100px auto 0 auto; width:1080px; max-width:95%; } .gop{ width:1080px; max-width:95%; margin:50px auto; } .prof01{ display:inline-block; background-color:#333; color:#FFF; padding:0.5rem 1rem; } .prof_box{ background-color:#FFF; display:flex; padding:40px; } .prof02{ color: #333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 1.5rem; margin-bottom: 20px; line-height: 1; transform:translateX(-40px); } .prof02:before{ display:inline-block; width:30px; background-color:#de1827; height:5px; content:""; vertical-align: middle; transform:translateY(-2px); } .prof03{ font-size:0.9rem; } .prof_box_a{ width:calc(100% - 360px); } .prof_box_b, .prof_box_c{ width:180px; padding:10px; } .prof_box_b img, .prof_box_c img{ border-radius: 10px; border:3px solid #CCC; } /* グルマンプロフィール */ #gm_slide{ width:1000px; max-width:95%; margin:0 auto 30px auto; padding:15px; } #gm_slide .suisen_sl{ margin-bottom:0; } .suisen_sl li{ text-align:center; letter-spacing: 0.1em; } .suisen_sl li a{ display:block; color:#FFF; font-weight:bold; } .suisen_sl li img{ margin:15px auto 15px auto; border-radius: 10px; box-shadow: 0px 5px 5px rgba(0,0,0,0.15); } #gm_con{ width:1080px; margin:50px auto; } #gm_con_ul{ } #gm_con_ul li{ margin-bottom:60px; } .prof_box_button{ background-color:#da1726; color:#FFF; display:inline-block; padding:5px 30px; font-weight:bold; margin-top:10px; transition: all ease 0.2s; } .prof_box_button:hover{ background-color:#FF2D3D; } #goh{ background-image:url("./library/images/gohan_header.jpg"); background-size:cover; background-position: center bottom; padding:90px 0 1px 0; margin-top:90px; } #goh h2{ text-align:center; margin-bottom:50px; } #goh h1{ text-align:center; margin-bottom:100px; } #inner-goh{ width:1080px; max-width:100%; margin:0 auto; position:relative; } .gohan_face{ position:absolute; width:200px; } #gohan_face01{ left:-100px; top:-50px; } #gohan_face03{ right:-100px; top:-50px; } #gohan_face04{ left:-200px; bottom:-200px; } #gohan_face05{ right:-200px; bottom:-200px; } #gohan_header_top{ background-image: url("./library/images/gohan_red.jpg"); padding-bottom:50px; color:#FFF; text-align:center; } #gohan_header_top h3{ font-size:3rem; margin-bottom:15px; } #gohan_header_top p{ font-weight:bold; font-size:1.1rem; letter-spacing: 0.1em; } #gohan_header_gr{ width:1080px; max-width:95%; display:flex; margin:30px auto 0 auto; text-align:center; } #gohan_header_gr li{ width:20%; } #go_map{ width:1080px; max-width:95%; margin:0 auto 5% auto; text-align:center; background-color:#FFF; position: relative; border-right:5px solid #d71725; border-left:5px solid #d71725; border-bottom:5px solid #d71725; } #go_map:before, #go_map:after{ content:""; height:5px; background-color:#d71725; top:0; display:block; width:calc(50% - 280px); position: absolute; } #go_map:before{ left:0; } #go_map:after{ right:0; } #go_map h2{ color:#d71725; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; transform:translateY(-20px); position: relative; z-index:10; } #go_map p{ color:#d71725; transform:translateY(-20px); font-size:1.2rem; } #go_map_box{ position:relative; padding:0 10px 10px 10px; } .go_map_button{ border:3px solid #995630; color:#995630; background-color:#FFF; padding:5px 10px; min-width:140px; border-radius: 5px; box-shadow: 0px 5px 5px rgba(0,0,0,0.2); font-size:1.4rem; font-weight:bold; display:inline-block; position: absolute; transition: all ease 0.2s; } .go_map_button:hover{ background-color:#995630; color:#FFF; } #go_map01{ left:10%; top:10%; } #go_map02{ right:22%; top:27%; } #go_map03{ right:20%; top:41%; } #go_map04{ left:12%; bottom:5%; } #go_map05{ left:48%; bottom:11%; } #go_map06{ right:2%; bottom:13%; } #gm_sui{ margin-top:150px; background-image: url("./library/images/gohan_red.jpg"); position:relative; padding:150px 0 100px 0; } #gohan_en{ position:absolute; left:0; top:0; width:100%; z-index:1; } #gm_sui_h2{ text-align:center; color:#FFF; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; margin-bottom:50px; font-size:2rem; } #inner-gm_sui{ padding-top:0px; position:relative; z-index:100; } #gohan_sui{ text-align:center; width:1280px; max-width:100%; margin:0 auto; position:relative; } .gss_img{ position:absolute; } #gss_img01{ left:0; top:-100%; } #gss_img02{ left:30%; top:-100%; } #gss_img03{ right:30%; top:-100%; } #gss_img04{ right:0; top:-100%; } #gm_sui_text{ font-weight:bold; color:#FFF; font-size:1.2rem; margin:30px auto; } #gm_sui_button{ width:300px; max-width:95%; text-align:center; display:block; margin:30px auto 0 auto; border:1px solid #FFF; color:#FFF; padding:15px; position:relative; transition: all ease 0.2s; } #gm_sui_button:hover{ background-color: #FFF; color: #d71725; } #gm_sui_button i{ position:absolute; right:2em; top:1.4em; } #gm_sui_button:after{ content:""; height:10px; position:absolute; left:-1px; bottom:-21px; width:calc(100% - 18px); display:block; border-top: 10px solid #FFF; border-left: 10px solid transparent; border-right: 10px solid transparent; } /* news single */ #ns_wrap{ width:1080px; max-width:95%; margin:0 auto; } #ns_title{ vertical-align: middle; margin-bottom:20px; } #ns_title_time{ display:inline-block; margin-bottom:5px; color:#666; } #ns_title_ct{ display:inline-block; color:#666; } #ns_title_ct a{ background-color:#CCC; display:inline-block; font-size:1rem; line-height:1; padding:0.4em 1.6em; color:#FFF; margin-right:10px; transition: all ease 0.2s; } #content .bgcolor.news_tenjin{background-color:#ef8599;} #content .bgcolor.news_watanabe_haruyoshi{background-color:#8cf0d8;} #content .bgcolor.news_imaizumi{background-color:#86d1ee;} #content .bgcolor.news_maizuru_akasaka{background-color:#cea9ee;} #content .bgcolor.news_daimyo{background-color:#f1a885;} #content .bgcolor.news_yakuin{background-color:#dfc183;} #ns_title_ct a:hover{ opacity:0.8; } #ns_box{ display:flex; justify-content: space-between; margin-bottom:50px; } #ns_box_img{ width:calc(50% - 10px); } #ns_box_img #thumbnail-list{ display:flex; flex-wrap: wrap; } #ns_box_img #thumbnail-list li{ width:calc(20% - 8px); margin-right:10px; margin-bottom:10px; cursor: pointer; transition: all ease 0.2s; } #ns_box_img #thumbnail-list li:hover{ opacity:0.8; } #ns_box_img #thumbnail-list li:nth-of-type(5n){ margin-right:0; } #ns_box_img .slick-slider{ margin-bottom:5px; } #ns_box_ct{ width:calc(50% - 10px); } #ns_box_ct h3{ margin-bottom:10px; } #ns_box_ct ul, #ns_box_ct ol{ list-style-type: inherit; margin-left:1.5em; } #ns_box_ct_con{ border:1px solid #CCC; padding:15px; color:#666; } #ns_box_ct_con h1, #ns_box_ct_con h2, #ns_box_ct_con h3, #ns_box_ct_con h4, #ns_box_ct_con h5{ color:#333; } #ns_box_ct_con h1{font-size:1.3rem;} #ns_box_ct_con h2{font-size:1.25rem;} #ns_box_ct_con h3{font-size:1.2rem;} #ns_box_ct_con h4{font-size:1.15rem;} #ns_box_ct_con h5{font-size:1.1rem;} #ns_box_ct_con p{ margin-bottom:15px; } #ns_info{ margin-bottom:80px; } #ns_info_h2{ margin-bottom:30px; } #inner-ns_info{ display: flex; justify-content: space-between; } #inner-ns_info .left, #inner-ns_info .right{ width:calc(50% - 20px); } #ns_info dl{ font-size:0.9rem; display:flex; border-bottom:1px solid #CCC; } #ns_info dl:nth-of-type(1){ border-top:1px solid #CCC; } #ns_info dl dt{ padding:15px; width:12em; color:#7c7440; font-weight:400; } #ns_info dl dd{ padding:15px; width:calc(100% - 12em); color:#595960; } #ns_info dl dd a{ color:#5697e0; transition: all ease 0.2s; } #ns_info dl dd a:hover{ color:#1659A3; } #ns_info .acf-map { width: 100%; height: 350px; border: #ccc solid 1px; margin: 20px 0 0 0; } #ns_gmap_link{ width:10rem; font-size:0.8rem; margin:0 0 0 auto; color: #5697e0; padding:5px 0; display:block; text-align:right; transition: all ease 0.2s; } #ns_gmap_link:hover{ color:#1659A3; } #ns_check{ margin-bottom:100px; } #ns_check_h2{ margin-bottom:60px; } #nsc{ display:flex; flex-wrap: wrap; } #nsc.gss.nsc{ width:1080px; max-width:95%; margin:50px auto; } .nsc_li{ width:calc(33.333% - 20px); margin-right:30px; margin-bottom:50px; } .nsc_li_a{ display:block; color:#333; transition: all ease 0.2s; padding-bottom:10px; background-color:#FFF; } .nsc_li_a:hover{ box-shadow: 0px 5px 5px rgba(0,0,0,0.1); } .nsc_li:nth-of-type(3n){ margin-right:0px; } .nsc_li_area{ } .nsc_li_area a{ background-color:#e30c1d; color:#FFF; display:inline-block; padding:1.7em 0.5em 0 0.5em; border-radius: 7em 7em 0 0; width:8em; height:4em; font-weight:bold; text-align:center; font-size:0.85em; transition: all ease 0.2s; } .nsc_li_area a:hover{ background-color:#FD5F6B; } .nsc_li_img{ margin-bottom:20px; overflow: hidden; width:100%; transition: all ease 0.2s; } a:hover .nsc_li_img{ } .nsc_li_h3{ color: #333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif"; font-size: 1.1rem; margin:0 auto 10px auto; line-height: 1; width:95%; } .nsc_li_h3:before{ display:inline-block; width:1em; margin-right:5px; background-color:#f5df4b; height:5px; content:""; vertical-align: middle; transform:translateY(-2px); } .nsc_li_ct{ } .nsc_li_ct{ width:95%; margin:0 auto; } .nsc_li_ct span{ background-color:#e30c1d; display:inline-block; font-size:0.9rem; padding:0 1rem; line-height:1; padding:0.4em 0.8em; color:#FFF; margin-right:10px; } .nss_bg{ background-color:#f5f9f9; padding:1px 0; } .ns_p{ font-size:0.8rem; margin:10px auto; width:95%; height:5.1em; overflow: hidden; } .nsc_suisen{ width:95%; padding:10px 0; margin:0 auto; } .nsc_suisen_span{ font-size:0.8rem; background-color:#f1f1f1; display:inline-block; margin-right:5px; padding:1px 5px; } .nsc_suisen img{ width:50px; border-radius: 50px; display:inline-block; margin-right:5px; } /*news header*/ #nwh{ background-image: url("./library/images/header_bg.jpg"); background-size:auto 100%; background-position:center center; margin-top: 90px; padding: 250px 0 30px 0; text-align:center; } #nwh h2{ color:#666; } /* news archive */ #nac{ width:1080px; max-width:100%; margin:0 auto; } #news_areanav{ } #news_areanav ul{ width:1080px; max-width:100%; margin:0 auto; display:flex; } #news_areanav ul li{ width:14.6666%; margin-right:2.4%; } #news_areanav ul li:nth-last-of-type(1){ margin-right:0; } #news_areanav ul li a{ display:block; padding:10px; color:#FFF; font-weight:bold; font-size:1.1rem; text-align:center; transition: all ease 0.2s; } #news_areanav ul li a:hover{ opacity:0.8; } /*動画ページ*/ #moh{ background-color:#ead2df; margin-top:90px; } #moh_inner{ width:1080px; max-width:100%; margin:0 auto; display:flex; } #moh_left{ width:calc(100% - 600px); background-color:#FFF; color:#333; display: flex; align-items: center; justify-content: center; text-align:center; flex-wrap: wrap; } #moh_right{ width:600px; } #ytPlayerWrap{ position: relative; height: 337px; width: 100%; } #ytPlayer{ height:337px; } #moh_left h1{ width:100%; } #moh_left p{ width:100%; } .mbg{ background-color:#ddf0f8; padding:1px 0; } #mov_choice{ margin-bottom:30px; } #mov_choice ul{ width:1080px; max-width:95%; margin:0 auto; display:flex; justify-content: space-between; } #mov_choice ul li{ width:46%; } #mov_choice ul li a{ border:2px solid #333; padding:10px; display:block; text-align:center; color:#333; font-weight:bold; border-radius: 10px; transition: all ease 0.2s; } #mov_choice ul li a:hover{ background-color:#333; color:#FFF; } #mov_choice ul li a i{ margin-right:10px; } .mo_h2{ width:1080px; max-width:95%; margin:0 auto; display:flex; align-items:center; padding:15px 0px; background-color:rgba(255,255,255,0.9); } .mo_h2 h2{ width:300px; font-size:3rem; color:#333; border-bottom:1px solid #fe2854; } .mo_h2 .text{ width:calc(100% - 300px); padding:15px 30px; border-bottom:1px solid #666; } #mov_performer_box{ width:1080px; max-width:100%; margin:0 auto; padding:30px 0; text-align:center; background-color: rgba(255,255,255,0.5); } #mov_performer_box .performer_list{ margin:0 auto; width:calc(100% - 150px); } #mov_performer_box .phobox{ text-align:center } #mov_performer_box .phobox img{ border-radius: 150px; margin:0 auto; } #mov_performer_box .namebox{ color:#666; } .mo_h3{ font-size:2rem; margin-bottom:15px; font-weight:500; text-align:center; } #mov_new_box{ width:1080px; max-width:95%; margin:0 auto; } #mov_new_box ul{ display:flex; justify-content: space-between; flex-wrap: wrap; } #mov_new_box li{ width:calc(50% - 15px); margin-bottom:30px; } .mov_new_youtube{ position: relative; width: 100%; height: 0; padding-top: 56.25%; margin-bottom:10px; } .mov_new_youtube iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:1px solid #CCC; } #mov_new_box h4{ height:3.3em; overflow: hidden; } #mov_old_box{ width:1080px; max-width:95%; margin:0 auto; } #mov_old_box ul{ display:flex; justify-content: space-between; flex-wrap: wrap; } #mov_old_box li{ width:calc(33.3% - 15px); margin-bottom:30px; } #mov_old_box h4{ font-size:0.9rem; height:3.3em; overflow: hidden; } #mov02_button_wrap{ width:1080px; max-width:95%; margin:15px auto; } #mov02_button{ display:inline-block; border:2px solid #333; padding:10px 30px; color:#333; font-weight:bold; } #mov_sch_box{ width:1080px; max-width:100%; margin:30px auto; } #live_box{ } #live_box li{ background-color:#f1f1f1; text-align:center; padding:30px; margin-bottom:30px; } #live_box li a{ transition: all ease 0.2s; } #live_box li a:hover{ opacity:0.8; } #ls_box{ background-color:#f1f1f1; width:1080px; max-width:100%; margin: 30px auto; padding:15px; } #ls_box .img{ margin-bottom:30px; } #live_button{ border:3px solid #333; width:300px; max-width:100%; margin:30px auto; display:block; color:#333; padding:15px; text-align:center; } #ls_con{ } #ls_con dl{ background-color:#f1f1f1; width:1080px; max-width:100%; margin: 30px auto; padding:15px; } #gohan_notfound{ text-align:center; margin:3rem 0; width:100%; } #gohan_notfound h2{ margin-bottom:1.5rem; } /*イマココ*/ @media screen and (max-width: 1200px) { /* contact ----------------------------------------------------------- */ .cont_area02_box { padding: 3.5rem 4rem 4rem; position: relative; top: -5rem; left: 5%; right:5%; margin-left: 0; } #cont_area02 { padding: 0 5%; } #cont_area03 { padding: 5rem 5%; } } @media screen and (max-width: 1130px) { } @media screen and (max-width: 1024px) { .pc { display:block; } .sp { display:none; } /* 共通 ----------------------------------------------------------- */ .navwrap li:not(:first-child) { display:none; } .navwrap li:first-child { width:100%; padding: 0 60px 0 0; } .navwrap li a { padding:1.0rem 0 1.0rem 5%; text-align:left; } /* smartphone menu btn ----------------------------------------------------------- */ #spnavbtn { top:0.5rem; right:0.5rem; padding:12px 10px 5px 11px; display:block; } .nav-trigger { width: 30px; } /* GO飯 ----------------------------------------------------------- */ #gs_box{ display:block; } #gs_box_img{ width:640px; max-width:100%; margin:0 auto 100px auto; } #gs_box_ss{ width:640px; max-width:100%; margin:0 auto 100px auto; } #inner-gs_info{ display:block; } #inner-gs_info .left, #inner-gs_info .right{ width:640px; max-width:100%; margin:0 auto; } #inner-gs_info .left dl:nth-last-of-type(1){ border-bottom:0px solid; } #gsc{ width:640px; max-width:100%; margin:0 auto; display:block; } .gsc_li{ width:100%; margin:0 auto 30px auto; } /* news ----------------------------------------------------------- */ #ns_box{ display:block; } #ns_box_img{ width:640px; max-width:100%; margin:0 auto 100px auto; } #ns_box_ct{ width:640px; max-width:100%; margin:0 auto 100px auto; } #inner-ns_info{ display:block; } #inner-ns_info .left, #inner-ns_info .right{ width:640px; max-width:100%; margin:0 auto; } #inner-ns_info .left dl:nth-last-of-type(1){ border-bottom:0px solid; } #nsc{ width:640px; max-width:100%; margin:0 auto; display:block; } .nsc_li{ width:100%; margin:0 auto 30px auto; } } @media screen and (max-width:800px) { /* top ----------------------------------------------------------- */ #area_sns .area_snsbox .area_sns_fb, #area_sns .area_snsbox .area_sns_in { width: 100%; } #area_sns .area_snsbox .area_sns_in { padding:4rem 0 0; } /* subpage共通 ----------------------------------------------------------- */ #mainsub { width:100%; float:none; margin:0 auto; padding:0; } .sidebar { width:100%; float:none; padding:0; margin:2em auto 5em; } /* contact ----------------------------------------------------------- */ #cont_fi { padding: 0rem 5% 4rem; } } @media screen and (max-width:640px) { .pc { display:none; } .sp { display:block; } .flex-prev { display:none!important; } .flex-next { display:none!important; } /* 共通部分 ----------------------------------------------------------- */ #content { font-size:0.9em; } /* TOP ----------------------------------------------------------- */ #area_sns .area_snsbox .area_sns_in #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item { width: 25%; } #area_sns .area_snsbox .area_sns_in #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item:nth-last-child(1), #area_sns .area_snsbox .area_sns_in #sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item:nth-last-child(2) { display:none; } /* contact ----------------------------------------------------------- */ #cont_fi { padding: 0 5% 2rem; } .cont_fi_box { max-width: 100%; } .cont_fi_box h2 { font-size: 1.5em; margin-bottom: 1rem; } #cont_se { padding:2rem 5%; } .cont_se_box h2 { font-size: 1.5em; margin-bottom: 1rem; } .cont_se_box li:nth-of-type(3) { margin-top: 1rem; } /*.wpcf7 dl, .mw_wrap dl { width:100%; display:block; border-top:0px dashed #CCC; margin-bottom:1em; } .wpcf7 dt span, .mw_wrap dt span { color:#d60101; font-size:0.7em; padding-left:1%; }*/ .mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] { display: inline-block; width: 26%; } /* custom ----------------------------------------------------------- */ .custom_wrap li { width: 100%; margin: 0 auto 1.5em; float: none; } /* blog ----------------------------------------------------------- */ .blogset { max-width: 95% !important; margin: 2em auto !important; } .sidebar { width: 100%; float: none; padding: 0; margin: 2em auto; } .bcontwrap:first-of-type { padding: 0 0 0.5rem; } .bcontwrap { padding: 0.5rem 0; } .bcontwrap ul { overflow: hidden; border: 1px solid #000; background: #FFF; text-decoration: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; padding: 1%; box-shadow: 0 3px 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1); -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1); } .bcontwrap li:nth-child(2) { width:30%; float:left; padding:1%; } .bcontwrap li:nth-child(3) { width:70%; float:left; padding:1%; } .bcontwrap h1 { font-size: 1em; } .bcontwrap li dd:nth-child(2) { margin-bottom:5px; font-size:0.8em; padding:0 5px; } .bcontwrap li dd:nth-child(2) a { color:#565656; } .bcontwrap li dd:nth-child(3) { display:none; } .singlewrap { width:100%; padding:0.5rem; } .tca li { width:100%; margin-bottom:10px; font-size:0.8em; } .stitle { font-size: 1.3em; letter-spacing:0.2em; margin:0 auto; padding:2% 0; } .singlewrap h2 { font-size:1.2em; padding: 0 0 0 15px; } .singlewrap h3 { font-size:1.1em; } .gallery-item { float: left; margin:1%!important; overflow: hidden; position: relative; max-width:48%!important; } /* foot ----------------------------------------------------------- */ #prev, #next { width:100%; margin:0 0 0.4rem; } #next { float:right; } /* 天神GO飯 ----------------------------------------------------------- */ #gs_info dl{ display:block; } #gs_info dl dt{ width:100%; padding:10px 10px 5px 10px; } #gs_info dl dd{ width:100%; padding:5px 10px 10px 10px; } #gs_box_ss dl{ display:block; } #gs_box_ss dt{ padding:10px; width:100%; margin:0 auto 20px auto; border-radius: 5px; } #gs_box_ss dd{ width:33%; text-align:center; margin:0 auto; } .ss_fk{ left:calc(50% - 10px); right:auto; bottom:-20px; top:auto; transform:translateY(90deg); } #gs_box_img{ margin-bottom:15px; } #gs_title_ct a{ font-size:0.8rem; } .yellow_bh{ font-size:5vw; } /* .yellow_bh::before { width:1em; margin-right:5px; } */ .yellow_bh .small{ display:block; font-size:0.7em; margin-top:0.5em; } /* news ----------------------------------------------------------- */ #ns_info dl{ display:block; } #ns_info dl dt{ width:100%; padding:10px 10px 5px 10px; } #ns_info dl dd{ width:100%; padding:5px 10px 10px 10px; } #ns_box_img{ margin-bottom:15px; } #ns_title_ct a{ font-size:0.8rem; } }