body { color: #3e3a39; font-family: "Sawarabi Gothic", sans-serif; padding: 0px !important; margin: 0px !important; font-weight: 300; font-size: 15px; line-height: 1.7;} a { outline: none !important; -webkit-transition: back 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } a:focus, a:hover, a:active { outline: none !important; text-decoration: none; } @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } @-ms-viewport { width: auto !important; } h6 { font-size: 12px; margin: 5px 0; } h5 { font-size: 14px; margin: 7px 0; } h4 { font-size: 16px; margin: 8px 0; } h3 { font-size: 18px; margin: 10px 0; } h2 { font-size: 20px; margin: 10px 0; } h1 { font-size: 22px; margin: 10px 0; } h1 .small, h1 small, .h1 .small, .h1 small, h2 .small, h2 small, .h2 .small, .h2 small, h3 .small, h3 small, .h3 .small, .h3 small, h4 .small, h4 small, .h4 .small, .h4 small, h5 .small, h5 small, .h5 .small, .h5 small, h6 .small, h6 small, .h6 .small, .h6 small { font-weight: 400; line-height: 1; color: #3e3a39;} .mincho { font-family: 'Sawarabi Mincho', serif; } br.pc { display: none } .c-bg-theme { background-color: #c3dede !important; } .c-bg-white { background-color: #FFFFFF !important; } .c-bg-grey { background-color: #f7f7f7 !important; } .c-font-lg-red { color: #b7533e; font-size:1.2em;} .c-font-lg-redb { color: #b7533e; font-size:1.2em; font-weight: bold} .c-layout-header::before, .c-layout-header::after, .c-layout-header .c-navbar::before, .c-layout-header .c-navbar::afte, .container::before, .container::after, .clearfix::after, .clearfix::before {content: " "; display: table;} .c-layout-header {margin: 0;top: 0;position: fixed;z-index: 9995;width: 100%;transition: none;box-shadow: 0px 3px 9px -4px rgba(0, 0, 0, 0.25);border-bottom: 0;background: rgba(255, 255, 255, 0.9);} .c-page-on-scroll.c-layout-header-fixed .c-layout-header {height: 80px;line-height: 0px;} .c-page-on-scroll .c-layout-header.c-layout-header-default {background: rgba(255, 255, 255, 0.7);border-bottom: 0;box-shadow: none;} .c-layout-header .c-navbar { height: 75px;} .c-layout-header .c-navbar > .container { position: relative; padding: 0;} .c-layout-header .c-brand { transition: all 0.2s; float: none !important; display: block; margin: 20px 15px 21px 15px;} .c-layout-header .c-brand img { width:88px} .c-layout-header .c-brand > .c-hor-nav-toggler {border: 0;margin: 0;float: right;outline: none; position: relative;top: -1px;display: inline-block;background: #2e333a;padding: 5px 8px 6px 8px;} .c-layout-header .c-brand > .c-hor-nav-toggler > .c-line {width: 15px;display: block;height: 2px;padding: 0px;margin: 4px 0 3px;background: #8e99a6;} .c-layout-header .c-mega-menu {line-height: 0px;} .c-layout-header .c-navbar .c-mega-menu {margin: 0;padding: 5px 10px;display: none;width: 100%;float: none !important;overflow-x: hidden;transition: all 0.2s;background: #c4c4c4;} .c-layout-header .c-brand > .socicon-btn, .c-layout-header .c-brand > .btn { float: right;} .c-layout-header .c-brand > .socicon-btn {background: none;border: 0;margin: 4px 25px 0 0;padding: 0;outline: none;height: 20px;width: 20px;position:relative;display: inline-block;font-family: 'socicon';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;text-align: center;font-size: 24px;color: #3f444a;transition: background, color 0.3s;} .socicon-facebook:before { content: "b"; } .socicon-youtube:before { content: "r"; } .c-layout-revo-slider { overflow-x: hidden; } .c-content-box.c-size-md { padding: 30px 0; } .c-content-box.c-size-lg { padding: 40px 0; } .c-content-box.c-size-lg.blkSecret { padding: 80px 0 160px!important } .container-lg {padding: 0px 15px; margin-right: auto; margin-left: auto; } .blkSecret{ background-image: url("../images/bg/rice02.svg"), url("../images/bg/rice02.svg"); background-size: 24px; background-repeat: repeat-x,repeat-x; background-position-x: center,center; background-position-y: 20px, calc(100% - 80px); } .blkSecret_body h3 { margin: 40px 0;} .blkSecret h2 { text-align: center; margin-bottom: 37px} .blkSecret h2 img { height: 187px; margin: 0 auto} .blkSecret h3, .blkSecret p { line-height: 1.55} .blkSecret .row { padding-top: 40px;} .blkVoice h3, .blkReccomend h3, .blkCalender h3 { font-size: 3.5em; margin: 0 0 30px 0; text-align: center; } .blkVoice h3 > small, .blkReccomend h3 > small, .blkCalender h3 > small { font-size: 0.5em; font-family: "Sawarabi Gothic", sans-serif; vertical-align: top; line-height: 2; display: block} .blkVoice h4 span, .blkReccomend h4 span { font-size:1.9em; line-height: 2.5;} .blkVoice h4 small, .blkReccomend h4 small { font-size:1.25em; line-height: 1.5} .blkVoice h4 img { vertical-align: baseline; margin-left: 1em;} .blkVoice .wrap { padding: 15px;} .blkReccomend h3 { color: #cda545;} .blkReccomend .wrap { border-color: #cda545; border-width: 5px 5px 27px 5px; border-style: solid; padding: 15px;} .blkCalender .img-slide-wrap { overflow-x: scroll;} .blkCalender .img-slide-wrap img {display: block;height: auto; width: 1140px; margin-bottom:15px;} .fb-container { max-width: 500px; margin: 0 auto 43px;} .fb-container > .fb-page { width: 100%; } .fb-container > .fb-page > span, .fb-container iframe { width: 100% !important; } .c-layout-footer { padding: 48px 0 90px 0; } .c-layout-footer .c-layout-footer-10-content .c-layout-footer-10-title-container { margin-bottom: 40px; } #blkLinks a, .c-layout-footer a { display: block} .c-layout-go2top { display: inline-block; position: fixed; bottom: 20px; right: 10px; cursor: pointer; z-index: 200; } .c-layout-go2top > i { opacity: 0.5; filter: alpha(opacity=50); color: #89939e; font-size: 38px; font-weight: 300; } @media (max-width:480px) { .c-layout-revo-slider-15 .c-slider-15-skyline, .c-layout-revo-slider-15 .c-slider-15-title { max-width: 100% !important; height: auto !important; } } @media (min-width:481px) and (max-width:767px) { br.mb { display: none} .pull-right {float: none !important;} .blkVoice img, .blkReccomend img {margin: 0 auto} } @media (min-width:768px) { br.mb { display: none} .blkSecret .row .img-wrap.img_left {padding-right: 0;} .blkSecret_body h3 { margin: 0 0;} .blkSecret .row .img-wrap { padding-left:25px} .blkSecret .row .img-wrap.img_left { padding-left:0; padding-right: 25px} .blkSecret .row .img-wrap > img { box-shadow: -15px 15px #e4e3d6; } .blkSecret .row .img-wrap.img_left > img { box-shadow: 15px 15px #e4e3d6;} } @media (min-width: 992px) { .c-layout-header.c-layout-header-default { background: none; border-bottom: 0; box-shadow: none;} } @media (min-width:1200px) { body { font-size: 16px; } .c-content-box.c-size-md { padding: 60px 0; } .c-content-box.c-size-lg { padding: 80px 0; } br.pc { display: inline} /*br.mb { display: none}*/ .container-lg { width:1410px; padding-top: 80px;padding-bottom: 80px } .blkSecret .blkSecret_body{ background-image: url("../images/bg/border1.png"),url("../images/bg/line03.png"),url("../images/bg/rice03.png"),url("../images/bg/rice03.png"); background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; background-position-x: center,3%,right,left; background-position-y: 92px,36%,20%,65%; } .blkSecret .row { padding-top: 80px;} .blkSecret p { margin-left:135px; margin-bottom:0;} .blkSecret .pull-right h3, .blkSecret .pull-right p { margin-left:25px;} .blkSecret1 h3 { margin-top:95px;} .blkSecret2 h3 { margin-top:35px;} .blkSecret2{ background-image: url("../images/bg/border3.png"); background-repeat: no-repeat; background-position-x: 30%; background-position-y: top; } .blkSecret3{ background-image: url("../images/bg/border2.png"); background-repeat: no-repeat; background-position-x: 95%; background-position-y: top; } .blkSecret3 h3 { margin-top:66px;} .blkSecret3 h3 { background-image: url("../images/bg/ttl.png"); background-repeat: no-repeat; background-position-x: 75%; background-position-y: 50%; } .blkSecret4 h3 { margin-top:93px;} .blkSecret4 { background-image: url("../images/bg/border1.png"); background-repeat: no-repeat; background-position-x: center; background-position-y: 80px; } .blkSecret5 h3 { padding-top:90px;} .blkSecret5 h3 { background-image: url("../images/bg/secret5.png"); background-repeat: no-repeat; background-position-x: right; background-position-y: top; } .blkVoice h3, .blkReccomend h3, .blkCalender h3 { text-align: left; } .blkVoice h3 > small, .blkReccomend h3 > small, .blkCalender h3 > small { margin-left: 1em; display: inline} .blkVoice { background-image: url("../images/bg/rice.png"),url("../images/bg/line01.png"),url("../images/bg/line02.png"); background-repeat: no-repeat,no-repeat,no-repeat; background-position-x: calc(100% - 19%),calc(100% - 18%),19%; background-position-y: 80px,100%,100%; } .blkVoice .wrap { padding: 45px 79px;} .blkVoice h4 span, .blkReccomend h4 span { font-size:1.9em;} .blkVoice h4 small, .blkReccomend h4 small { font-size:1.55em;} .blkReccomend h3 { margin: 0; } .blkReccomend .wrap { margin-top: -10px; padding: 69px 79px;} .blkReccomend h4 { background-image: url("../images/bg/ttl.png"); background-position: top right; background-repeat: no-repeat;} .blkCalender .img-slide-wrap { overflow-x:hidden; } .blkCalender .img-slide-wrap img {display: block;height: auto; max-width: 100% } }