@charset "utf-8";
/*---------------------------------------------------------
Theme Name: にろく寿司様　ウェブデザイン
Theme URI:　
Author: BitsignTechnos Co.,Ltd.
Author URI: http://www.63pack.com
Version: 1.0
---------------------------------------------------------*/
/*---------------------------------------------------------
  						reset
---------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1.5; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
/* font-size */
body { font-size: 15px; }

/*---------------------------------------------------------
  						clearfix
---------------------------------------------------------*/
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { min-height: 1px; }
.clear { clear: both; }
* html .cf { height: 1px;/*¥*//*/
    height: auto;
    overflow: hidden;
    /**/ }
/*---------------------------------------------------------
  			　　	link and effect
---------------------------------------------------------*/
a { color: #1B1B1B; text-decoration: none; outline: none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; }
a:hover { color: #1C959F; }
a:hover img { opacity: 1; -webkit-animation: flash 1s; animation: flash 1s; }
@-webkit-keyframes flash {
 0% {
 opacity: .4;
}
 100% {
 opacity: 1;
}
}
@keyframes flash {
 0% {
 opacity: .4;
}
 100% {
 opacity: 1;
}
}

/*---------------------------------------------------------
  			　　	img
---------------------------------------------------------*/
img { max-width: 100%; height: auto; }
/* img caption */
.wp-caption-text { margin: 0; color: #666666; font-size: 10px; text-align: center }
.wp-caption-text a { color: #666666 }
.aligncenter { display: block; margin-top: 30px; margin-bottom: 30px; margin-left: auto; margin-right: auto }
/*---------------------------------------------------------
  						style
---------------------------------------------------------*/
body { background: #FFF; font-size: 15px; line-height: 1.4; font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; letter-spacing: 0.024em; color: #202020; }
.container { width: 1100px; margin: 0 auto; }
.container_S { width: 960px; margin: 0 auto }
.main { float: left; width: 78%; padding: 30px 0; }
.sidebar { float: right; width: 22%; padding: 30px 0; }
.main { padding-right: 40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; }
.container:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }


/*---------------------------------------------------------
  						header
---------------------------------------------------------*/
#header { width: 100%;}
#header h1#logo { text-align:center; padding:15px 0}

#header #gNav { width:100%; background:#000;}
#header #gNav ul { width:1100px; margin:0 auto;}
#header #gNav ul li { float: left; list-style: none; position:relative; }
#header #gNav ul li a { display:block;  }


#header nav ul li a:hover {}
#header nav ul li ul.sub-menu { display: none }

/*---------------------------------------------------------
  						sidebar
---------------------------------------------------------*/

/*---------------------------------------------------------
  						footer
---------------------------------------------------------*/
/* page-top */
#page-top { display: none; position: fixed; right: 10px; bottom: 10px; z-index: 100 }

/* footer */
#footer { width: 100%; background: #FFF; font-size: 14px; position: relative; z-index: 2 }
#footer .inner { width: 1100px; margin: 0 auto; padding: 40px 0; }
#footer .inner .fL { float:left; width:48%}
#footer .inner .fR { float:right; width:48%}

#footer #copy { background: #000; color: #FFF; font-size: 12px; text-align: center; padding: 15px 0 }

#footerNav ul { width: 100% }
#footerNav ul li { border-bottom: #CCC 1px solid; }
#footerNav ul li a { display: block; padding: 10px; position: relative; }
#footerNav ul li a::before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 20px; width: 5px; height: 5px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#footerNav ul li a:hover::before { right: 0 }
.smHead { display: none }

.ad { margin-top:20px;  font-size:16px; margin-bottom:5px}
.ad strong { font-weight:bold; font-size:16px; display:block}
.fTel { font-size:24px; font-weight: bold; margin-bottom:5px}
.open {font-size:13px; }
.open span { display:block; font-size:16px}

/* ================================================== *
 *
 *   section .inner     margin and padding
 *
 * ================================================== */
.container p, .container_S p { margin-bottom: 1.5em }
.pagePost p { margin-bottom: 1.5em }
.pagePost strong { font-weight: bold }
/* section */
.section { margin-bottom: 60px }
/* margin */
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb130 { margin-bottom: 130px !important; }
/* padding */
.pd-tb, .pd { padding: 60px 0; }
.inner-P2 { padding: 40px; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt80 { padding-top: 80px !important; }
.pb100 { padding-bottom: 100px !important; }


/*---------------------------------------------------------
  					col float
---------------------------------------------------------*/
.col { width: 100%; }
.col .col20 { width: 20% }
.col .col35 { width: 35% }
.col .col30 { width: 30% }
.col .col40 { width: 40% }
.col .col45 { width: 45% }
.col .col48 { width: 48% }
.col .col50 { width: 50% }
.col .col55 { width: 55% }
.col .col60 { width: 60% }
.col .col65 { width: 65% }
.col .col70 { width: 60% }
.col .col80 { width: 80% }
.col-fL { float: left; }
.col-fR { float: right; }
.col::after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
/* list */
.col3List { width: 100%; }
.col3List li { width: 32%; float: left; display: block; text-align: center; }
.col3List li:nth-child(3n-1) { margin: 0 2%; }
.col3List li a { display: block }
.col4List li { width: 23%; float: left; margin-right: 2.6%; text-align: center }
.col4List li:nth-child(4n+4) { margin: 0 }
.col4List li a { display: block }

/*---------------------------------------------------------
  					align
---------------------------------------------------------*/
.tL { text-align: left }
.tR { text-align: right }
.tC { text-align: center }
.fontB { font-weight: bold }


/*---------------------------------------------------------
  					table
---------------------------------------------------------*/
table { width: 100%; margin-bottom: 20px; }
table th { border-bottom: #CCC 1px solid; padding: 15px; vertical-align: middle; font-weight: bold }
table td { border-bottom: #CCC 1px solid; padding: 15px; }
/*---------------------------------------------------------
  					title
---------------------------------------------------------*/
#titleArea { padding-top: 60px; text-align: center; }
#titleArea h2 { font-size: 30px; display: inline-block; border-bottom: #CCC 1px solid; }
#titleArea p { font-size: 16px; color: #07518E }
.title { font-size: 30px; text-align: center; margin-bottom: 25px; color: #07518E }

.pageTitle { text-align:center; padding-top:60px}