@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";

      body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote,
form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead,
article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
margin:0;
padding:0;
}
article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {
display:block;
}
* {
box-sizing:border-box;
-moz-box-sizing:border-box;
} html {
overflow-y:scroll;
* overflow-x:hidden;
_overflow:auto;
}
html, body {
width:100%;
min-height:100%;
}
body {
font-size:14px;
line-height:1.8;
color:#000000;
}
@media screen and (min-width: 640px) {
body {
*font-size:92%;
font-family:"futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
_font-family:"ＭＳ Ｐゴシック", sans-serif;
letter-spacing:1px;
}
}
@media screen and (max-width: 639px) {
body {
font-family:"futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
letter-spacing:1px;
}
} .ttl ,
h1,h2,h3,h4,h5,h6,
.sideArea,time,
.mf {
letter-spacing:3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:normal;
}
.nof {
font-family:"futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#555;
text-decoration:none;
}
@media screen and (min-width: 640px) {
a {
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
}
} h1, h2, h3, h4, h5, h6 {
font-size:100%;
}
p {
line-height:1.8;
} ol , ul , li {
list-style:none;
zoom:1;
overflow:hidden;
} table {
font-size:100%;
border-collapse:collapse;
border-spacing:0;
}
caption, th, td {
text-align:left;
vertical-align:top;
font-weight:normal;
}
dl, dt, dd {
zoom:1;
overflow:hidden;
} fieldset {
border:none;
}
input, textarea, select, label {
font-size:100%;
vertical-align:middle;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
label {
cursor:pointer;
}
textarea {
overflow:auto;
}
legend {
display:none;
} img {
border:none;
vertical-align:middle;
}
object {
vertical-align:middle;
outline:none;
}
i ,em {
font-style:normal;
}
b ,
strong {
}
small {
font-size:100%;
}
abbr, acronym {
border:none;
font-variant:normal;
}
address, caption, cite, code, dfn, var {
font-weight:normal;
font-style:normal;
}
code, pre {
font-family:monospace;
}
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
hr {
display:none;
} *:first-child + html body,
*:first-child + html br {
letter-spacing:0;
}
.loadingWrap{
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index:1001;
}  @media screen and (min-width: 640px) {
#wrap {
width:100%;
min-width:1000px;
height:100%;
overflow:hidden;
zoom:1;
}
}
@media screen and (max-width: 639px) {
#wrap {
overflow:hidden;
zoom:1;
}
} @media screen and (min-width: 640px) {
header {
overflow:hidden;
zoom:1;
}
header#head-column .headBlock {
border-bottom:1px solid #000;
padding:0px 15px;
margin-bottom:80px;
overflow:hidden;
zoom:1;
}
header#head-column .logo {
width:300px;
line-height:40px;
text-align:left;
float:left;
}
header#head-column .homeBtn {
padding:10px 0px;
}
header#head-column .homeBtn a {
width:50px;
height:20px;
text-align:center;
font-size:71%;
line-height:18px;
border:1px solid #000;
display:block;
float:right;
}
header#head-column h1 {
text-align:center;
padding-bottom:20px;
}
header#head-column p strong {
width:412px;
height:34px;
font-size:114%;
letter-spacing:1px;
text-align:center;
background:url(/common/images/column/bg_catch.png) no-repeat 50% 100%;
display:block;
margin:0 auto 100px;
}
}
@media screen and (max-width: 639px) {
header {
overflow:hidden;
zoom:1;
}
header#head-column .headBlock {
border-bottom:1px solid #000;
padding:0px 15px;
margin-bottom:40px;
overflow:hidden;
zoom:1;
}
header#head-column .logo {
width:150px;
line-height:40px;
text-align:left;
float:left;
}
header#head-column .logo img {
width:106px;
}
header#head-column .homeBtn {
padding:10px 0px;
}
header#head-column .homeBtn a {
width:50px;
height:20px;
text-align:center;
font-size:71%;
line-height:18px;
border:1px solid #000;
display:block;
float:right;
}
header#head-column h1 {
text-align:center;
padding-bottom:10px;
}
header#head-column h1 img {
width:127px;
height:auto;
}
header#head-column p strong {
letter-spacing:1px;
text-align:center;
display:block;
margin:0 auto 30px;
}
} @media screen and (min-width: 640px) {
#contentBlock {
width:990px;
margin:0 auto;
}
#contentBlock .mainArea {
width:700px;
padding-bottom:50px;
float:left;
}
#contentBlock .mainArea .ttlBox {
font-size:143%;
font-weight:bold;
background:url(/common/images/column/bg_sha_boder.png) repeat-x bottom;
padding:10px 0;
margin-bottom:25px;
}
#contentBlock .mainArea article {
border-bottom:1px solid #DCDCDC;
padding:20px 0;
overflow:hidden;
zoom:1;
}
#contentBlock .mainArea article figure {
width:320px;
float:left;
}
#contentBlock .mainArea article figure img {
width:100%;
}
#contentBlock .mainArea article .inner {
width:350px;
float:right;
}
#contentBlock .category {
float:left;
}
#contentBlock .category a {
font-size:86%;
line-height:20px;
background:#DCDCDC;
display:inline-block;
padding:0 10px;
margin-right:5px;
}
#contentBlock .mainArea article .inner time {
font-size:86%;
line-height:20px;
float:right;
display:block;
}
#contentBlock .mainArea article .inner h3 {
font-size:129%;
font-weight:bold;
padding:20px 0;
clear:both;
}
#contentBlock .mainArea article .inner p {
line-height:1.6;
padding-bottom:15px;
}
#contentBlock .mainArea article .inner .btn a {
width:100px;
height:24px;
line-height:22px;
letter-spacing:1px;
text-align:center;
font-size:86%;
border:1px solid #000;
margin:0 auto;
display:block;
}
#contentBlock .mainArea article .inner .btn a i {
font-size:84%;
}
#contentBlock .mainArea .moreBtn {
padding:50px 0px;
}
#contentBlock .mainArea .moreBtn a {
width:280px;
height:46px;
font-size:86%;
line-height:44px;
text-align:center;
display:block;
border:1px solid #000;
margin:0 auto;
cursor:pointer;
}
#contentBlock .sideArea {
width:260px;
float:right;
}
#contentBlock .sideArea aside h6 {
font-size:114%;
text-align:center;
font-weight:bold;
background:url(/common/images/column/bg_sha_boder.png) repeat-x bottom;
padding:15px 0px;
margin-bottom:15px;
}
#contentBlock .sideArea aside ul {
padding:0 5px;
}
#contentBlock .sideArea aside ul li {
padding-bottom:10px;
text-align:left;
}
#contentBlock .sideArea aside li a {
font-size:93%;
line-height:1.5;
border:1px solid #DCDCDC;
display:block;
padding:9px;
overflow:hidden;
zoom:1;
}
#contentBlock .sideArea aside.tax li a {
text-align:center;
background:#DCDCDC;
}
#contentBlock .sideArea aside ul li a figure {
float:left;
margin-right:15px;
}
#contentBlock .sideArea aside ul li a figure img {
width:80px;
height:auto;
}
#contentBlock .sideArea aside ul li a time {
font-size:85%;
line-height:1.3;
letter-spacing:1px;
display:block;
}
#contentBlock .sideArea aside ol li {
width:50%;
text-align:center;
float:left;
padding:15px 10px;
}
#contentBlock .sideArea .banner {
padding-top:25px;
}
#contentBlock .sideArea .banner ul li {
padding-bottom:15px;
}
}
@media screen and (max-width: 639px) {
#contentBlock {
margin:0 auto;
}
#contentBlock .mainArea {
padding:0 10px;
}
#contentBlock .mainArea .ttlBox {
font-size:129%;
font-weight:bold;
background:url(/common/images/column/bg_sha_boder.png) repeat-x bottom;
padding:10px;
margin-bottom:15px;
}
#contentBlock .mainArea article {
overflow:hidden;
zoom:1;
padding:10px;
margin-bottom:15px;
}
#contentBlock .mainArea article figure {
}
#contentBlock .mainArea article figure img {
width:100%;
}
#contentBlock .mainArea article .inner {
margin:5px 0;
}
#contentBlock .category {
float:left;
}
#contentBlock .category a {
font-size:86%;
line-height:20px;
background:#DCDCDC;
display:inline-block;
padding:0 10px;
}
#contentBlock .mainArea article .inner time {
font-size:86%;
line-height:20px;
float:right;
display:block;
}
#contentBlock .mainArea article .inner h3 {
font-size:114%;
line-height:1.6;
font-weight:bold;
padding:5px 0;
clear:both;
}
#contentBlock .mainArea article .inner p {
line-height:1.6;
padding-bottom:15px;
}
#contentBlock .mainArea article .inner .btn a {
width:200px;
height:34px;
line-height:32px;
letter-spacing:1px;
text-align:center;
font-size:86%;
border:1px solid #000;
margin:0 auto;
display:block;
}
#contentBlock .mainArea article .inner .btn a i {
font-size:84%;
}
#contentBlock .mainArea .moreBtn {
padding:50px 0px;
}
#contentBlock .mainArea .moreBtn a {
width:280px;
height:46px;
font-size:86%;
line-height:44px;
text-align:center;
display:block;
border:1px solid #000;
margin:0 auto;
cursor:pointer;
}
#contentBlock .sideArea {
}
#contentBlock .sideArea aside h6 {
font-size:114%;
text-align:center;
font-weight:bold;
background:url(/common/images/column/bg_sha_boder.png) repeat-x bottom;
padding:15px 0px;
margin-bottom:15px;
}
#contentBlock .sideArea aside ul {
padding:0 5px;
}
#contentBlock .sideArea aside ul li {
padding-bottom:10px;
text-align:left;
}
#contentBlock .sideArea aside li a {
font-size:93%;
line-height:1.5;
border:1px solid #DCDCDC;
display:block;
padding:9px;
overflow:hidden;
zoom:1;
}
#contentBlock .sideArea aside.tax li a {
text-align:center;
background:#DCDCDC;
}
#contentBlock .sideArea aside ul li a figure {
float:left;
margin-right:15px;
}
#contentBlock .sideArea aside ul li a figure img {
width:80px;
height:auto;
}
#contentBlock .sideArea aside ul li a time {
font-size:85%;
line-height:1.3;
letter-spacing:1px;
display:block;
}
#contentBlock .sideArea aside ol li {
width:50%;
text-align:center;
float:left;
padding:15px 10px;
}
#contentBlock .sideArea .banner {
text-align:center;
padding-top:25px;
}
#contentBlock .sideArea .banner ul li {
padding-bottom:15px;
}
} @media screen and (min-width: 640px) {
#single #contentBlock .ttlBox {
padding-bottom:20px;
}
#single #contentBlock .ttlBox time {
letter-spacing:1px;
margin-left:5px;
float:left;
display:block;
}
#single #contentBlock .ttlBox h2 {
font-size:172%;
font-weight:bold;
padding:20px 0;
clear:both;
}
#single #contentBlock #mainImg {
text-align:center;
padding-bottom:60px;
}
#single #contentBlock #mainImg img {
max-width:100%;
}
#single #contentBlock .mainArea .textBox {
font-size:108%;
padding:0 10px 30px;
overflow:hidden;
zoom:1;
}
#single #contentBlock .mainArea .textBox p {
line-height:2.1;
padding-bottom:2em;
}
#single #contentBlock .mainArea .textBox .alignleft {
float:left;
margin-right:30px;
margin-bottom:15px;
}
#single #contentBlock .mainArea .textBox .alignright {
float:right;
margin-left:30px;
margin-bottom:15px;
}
#single #contentBlock .mainArea .textBox .aligncenter {
float:none;
text-align:center;
margin:0 auto;
display:block;
}
#single #contentBlock .mainArea .shopInfo {
width:620px;
margin:0 auto 50px;
padding:15px 20px;
border:3px solid #DCDCDC;
overflow:hidden;
zoom:1;
}
#single #contentBlock .mainArea .shopInfo figure {
width:200px;
text-align:center;
float:left;
}
#single #contentBlock .mainArea .shopInfo figure img {
max-width:100%;
}
#single #contentBlock .mainArea .shopInfo .inner {
width:340px;
float:right;
padding-top:10px;
}
#single #contentBlock .mainArea .shopInfo .inner h4 {
font-size:108%;
font-weight:bold;
padding-bottom:5px;
}
#single #contentBlock .mainArea .shopInfo .inner .txt {
padding-left:1.1em;
}
#single #contentBlock .mainArea .shopInfo .inner .txt p {
padding-bottom:1.8em;
}
#single #contentBlock .mainArea .textBox a ,
#single #contentBlock .mainArea .txt a {
text-decoration:underline;
color:#586661;
}
#single #contentBlock .mainArea .textBox a:hover ,
#single #contentBlock .mainArea .txt a:hover {
text-decoration:none;
}
#contentBlock .socialBtnArea {
width:400px;
text-align:center;
clear:both;
padding-bottom:100px;
overflow:hidden;
zoom:1;
margin:0 auto;
}
#contentBlock .pageNav {
clear:both;
padding-bottom:50px;
overflow:hidden;
zoom:1;
}
#contentBlock .pageNav ul li {
width:230px;
float:left;
}
#contentBlock .pageNav ul li.prev a ,
#contentBlock .pageNav ul li.next a {
width:230px;
height:46px;
font-size:86%;
line-height:44px;
text-align:center;
border:1px solid #000;
display:block;
}
#contentBlock .pageNav ul li.next {
float:right;
}
}
@media screen and (max-width: 639px) {
#single #contentBlock .ttlBox {
padding-bottom:20px;
}
#single #contentBlock .ttlBox time {
letter-spacing:1px;
margin-left:5px;
float:left;
display:block;
}
#single #contentBlock .ttlBox h2 {
font-size:121%;
line-height:1.5;
font-weight:bold;
padding:20px;
clear:both;
}
#single #contentBlock #mainImg {
text-align:center;
padding-bottom:20px;
}
#single #contentBlock #mainImg img {
max-width:100%;
}
#single #contentBlock .mainArea .textBox {
padding:0 10px 30px;
overflow:hidden;
zoom:1;
}
#single #contentBlock .mainArea .textBox p {
line-height:1.8;
padding-bottom:2em;
}
#single #contentBlock .mainArea .textBox .alignleft {
float:left;
margin-right:30px;
margin-bottom:15px;
}
#single #contentBlock .mainArea .textBox .alignright {
float:right;
margin-left:30px;
margin-bottom:15px;
}
#single #contentBlock .mainArea .textBox .aligncenter {
float:none;
text-align:center;
margin:0 auto;
display:block;
}
#single #contentBlock .mainArea .textBox .aligncenter img ,
#single #contentBlock .mainArea .textBox .alignright img ,
#single #contentBlock .mainArea .textBox .alignleft img {
max-width:150px;
}
#single #contentBlock { 
line-height:1.8;
padding-bottom:2em;
}
#single #contentBlock .mainArea .shopInfo {
font-size:86%;
margin:0 5px 30px;
padding:10px;
border:2px solid #DCDCDC;
overflow:hidden;
zoom:1;
}
#single #contentBlock .mainArea .shopInfo figure {
text-align:center;
}
#single #contentBlock .mainArea .shopInfo figure img {
max-width:100%;
}
#single #contentBlock .mainArea .shopInfo .inner {
padding-top:10px;
}
#single #contentBlock .mainArea .shopInfo .inner h4 {
font-size:108%;
font-weight:bold;
padding-bottom:5px;
}
#single #contentBlock .mainArea .shopInfo .inner .txt {
padding-left:1.1em;
}
#single #contentBlock .mainArea .shopInfo .inner .txt p {
padding-bottom:1.8em;
}
#single #contentBlock .mainArea .textBox a ,
#single #contentBlock .mainArea .txt a {
text-decoration:underline;
color:#586661;
}
#single #contentBlock .mainArea .textBox a:hover ,
#single #contentBlock .mainArea .txt a:hover {
text-decoration:none;
}
#contentBlock .socialBtnArea {
text-align:center;
clear:both;
padding-bottom:20px;
overflow:hidden;
zoom:1;
margin:0 auto;
}
#contentBlock .pageNav {
clear:both;
padding-bottom:20px;
overflow:hidden;
zoom:1;
}
#contentBlock .pageNav ul li {
width:50%;
padding:0 10px;
float:left;
}
#contentBlock .pageNav ul li.prev a ,
#contentBlock .pageNav ul li.next a {
height:46px;
font-size:86%;
line-height:44px;
text-align:center;
border:1px solid #000;
display:block;
}
#contentBlock .pageNav ul li.next {
float:right;
}
} @media screen and (min-width: 640px) {
footer#footer {
clear:both;
}
footer#footer .inner {
line-height:20px;
min-width:1000px;
background:#E5E5E5;
padding:10px;
overflow:hidden;
zoom:1;
}
footer#footer .info {
font-size:71%;
float:left;
}
footer#footer .info strong:after {
content:"//";
display:inline-block;
}
footer#footer .info strong span {
font-size:110%;
}
footer#footer .inner small {
font-size:86%;
color:#666666;
display:inline-block;
float:right;
}
button ,
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
button:hover ,
a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
}
}
@media screen and (max-width: 639px) {
footer#footer {
clear:both;
}
footer#footer .inner {
line-height:1.2;
background:#E5E5E5;
padding:5px 0;
overflow:hidden;
zoom:1;
}
footer#footer .info {
text-align:center;
font-size:71%;
letter-spacing:0;
}
footer#footer .info strong {
font-size:110%;
display:block;
}
footer#footer .inner small {
font-size:65%;
letter-spacing:0;
text-align:center;
color:#666666;
display:block;
}
}
       body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
object, iframe, pre, code, p, blockquote, form, fieldset, legend,
table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header,
hgroup, menu, nav, section, audio, video, canvas, main {
margin:0;
padding:0;
}
article, aside, figure, figcaption, footer,
h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section, main {display:block;}
* {
box-sizing:border-box;
-moz-box-sizing:border-box;
} p.fontb {
letter-spacing: 1px;	
}
#ez-toc-container a {
margin-bottom: 8px;
}
p.data {
font-size: 11px;
font-feature-settings: "palt";
}
small.cap-lead {
font-size: 12px;
font-size: .75rem;
}
.annotation {
 font-size: 85%;
font-weight: 700;
color: #333;
padding-bottom: 0px!important;
}
.basic-btn a:hover svg {fill: #fff;}
html {
overflow-y:scroll;
* overflow-x:hidden;
_overflow:auto;
}
html, body { width:100%; min-height:100%;}
body { font-size:14px; line-height:1.8; color:#000000;}
[class^="icon-"]:before, [class*=" icon-"]:before {
margin-left:0px!important;
}
#single #contentBlock section {
margin-top: -120px;
padding: 120px 0 0 0;
}
.pd5per {padding:5%;}
.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}
.mtb20 {margin:20px 0px;}
blockquote {
position: relative;
margin: 0 0 24px;
padding: 48px 5%;
line-height: 1.8;
background-color: #f0f4f8;
color:#555;
}
blockquote:before {
font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
content: '\f10d';
font-weight: 900;
position: absolute;
top: 10px;
left: 10px;
font-size: 24px;
color: #ddd;
}
blockquote:after {
font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
content: '\f10e';
font-weight: 900;
position: absolute;
right: 10px;
bottom: 10px;
font-size: 24px;
color: #ddd;
}
#single #contentBlock .mainArea .textBox blockquote p {padding-bottom:0px;}
#single #contentBlock .mainArea .textBox blockquote img { margin:20px auto; border-radius: 10px;}
#single #contentBlock .mainArea .textBox dl {padding-bottom:1rem;}
#single #contentBlock .mainArea .textBox dt {padding-top:1rem;}
#single #contentBlock .mainArea .textBox dd {padding-left:1rem;}
.list-style {
list-style-type: disc; 
overflow: inherit;
}
.list-style li {
list-style-type: disc; 
overflow: inherit;
}
.kitchen-layout {
border: 1px solid #eee;
padding: 20px 40px;
}
.column-list-area {
border-top: 1px dashed #ddd;
border-bottom: 1px dashed #ddd;
padding: 20px;
}
#contentBlock .top-tag {
margin-right:8px;
display: block;
float: left;
}
#contentBlock .top-tag:after {
content: " ";
content:"\0020";
content: "\00a0"
}
.caption {
margin-top: -14px;
color: #666;
line-height: 1.5;
font-size: 85%;
}
.caption:before {
content: "\25B2";
margin-right: 2px;
}
.zentei {
border: 1px solid #ccc;
padding: 4%;
margin: 2% 0%;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-size: 96%;
font-feature-settings: "palt";
}
.sankou {
padding: 3%;
margin: 2% 0%;
font-size: 92%;
font-feature-settings: "palt";
background: #f5f5f5;
}
.sankou li:not(:last-child) {
margin-top: 4px;
margin-bottom: 14px;
}
.marker {background: url(//www.marutaka-c.com/common/images/common/bg_yellow_a80.png) repeat-x bottom;}
.yu-font {
color: #666;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
.tejyun-outer {padding-bottom:2%; }
.tejyun {
background: #faf3e6;
margin: 3% 1%;
padding: 2% 1%;
display: inline-block;
vertical-align: middle;
align-items: center;
border-radius: 6px;
width: 40%;
min-height: 50px;
position: relative;
font-size: 12px;
font-weight: 900;
}
.tejyun-inner {
}
#single #contentBlock .mainArea .textBox .tejyun-outer p {display: inline-block; padding: 0px;}
#single #contentBlock h4.mgba-be {
background: linear-gradient(transparent 55%, #c4ccd2 0%);
font-weight: 700;
font-size:1.0rem;
letter-spacing: 2px;
line-height:1.5;
display: inline-block;
}
#single #contentBlock h4.mgba-af {
background: linear-gradient(transparent 55%, #ffc3c3 0%);
font-weight: 700;
font-size:1.0rem;
letter-spacing: 2px;
line-height:1.5;
display: inline-block;
}
#contentBlock .column-tateyoko { display: flex; align-items: center; margin-bottom: 20px;}
.banner-block {
display: flex;
align-items: center;
justify-items: center;
justify-content: center;
margin-top: 10px;
width: 100%;
}
#footer .banner-block img {
margin: 0 auto;
display: block;
width: auto;
height: 58px;
padding: 12px 4px;
}
#footer .inner .banner-block-txt {
font-size: 10px;
text-align: center;
width: 60%;
margin: 0 auto;
font-feature-settings: "palt";
letter-spacing: 0px;
margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
.slidet-tokusetu-area {
float: left;
width: 100%;
margin: 0 auto;
overflow: hidden;
}
.pickuparea-inner {
padding: 30px 0%;
display: block;
max-width: 1080px;
margin: 0 auto;
text-align: center;
height: auto;
}	
.pickuparea-inner h3 {
line-height: 1.6;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-size: 90%;
letter-spacing: 0px;
}	
.pickuparea-inner h3 span.pick {
border-bottom: 1px solid;
padding-bottom: 2px;
}	
.slider-event-tokusetu {
max-width: 1000px;
width: 80%;
margin: 0 auto;
}
.slider-event-wrapper .slick-list {
overflow: visible;
}	
.slider-img img {
height: auto;
width: 100%;
}
.margin-box {margin:0 auto;}
.sideArea #sb_instagram .sbi_follow_btn a {
position: relative; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow:hidden;
font-family: 'Shadows Into Light', "futura-pt","YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
.sideArea #sb_instagram .sbi_follow_btn a:before {
content: '';
position: absolute; background: -webkit-linear-gradient( 15deg, #ffdb2c, rgb(249, 118, 76) 15%, rgba(255, 77, 64, 0) 20%) no-repeat;
background: linear-gradient( 15deg, #ffdb2c, rgb(249, 118, 76) 5%, rgba(255, 77, 64, 0) 31%) no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sideArea #sb_instagram .sbi_follow_btn a:hover {
opacity:50%;
box-shadow: none;
}
#sb_instagram svg:not(:root).svg-inline--fa {
position:relative;
}
.writer .name span {
margin-left: 10px;
display: inline-block;
font-size: 10px;
color: #ccc;
}
.writer .box {width:80%;}
#contentBlock .sideArea aside li a {padding:10px;}
#contentBlock .column-tateyoko img {
width: 100%;
max-height: 380px;
object-fit: cover;
padding: 2px;
}
.i-arrow svg {
display: block;
width: 100%;
height: 100%;
transform: translate(0, -1px);
}
.basic-btn .i-arrow svg {
transition: .4s ease;
}
.i-arrow {
display: block;
width: 21px;
height: 5px;
}
.basic-btn .i-arrow {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
transition: .4s ease;
}
.basic-btn a:hover .i-arrow {right: 4px;}
.basic-btn a:hover svg {fill: #fff;}
.basic-btn {
width: 210px;
height: 28px;
color: #000;
line-height: 2;
margin:0 auto;
}
.basic-btn a {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-family: "Roboto",  "游ゴシック体", "YuGothic", "Yu Gothic Medium", "メイリオ", "Meiryo", "sans-serif";
font-size: 86%;
letter-spacing: .14em;
position: relative;
z-index: 0;
overflow: hidden;
cursor: pointer;
transition: .4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 1px solid rgba(0,0,0,1.0);
outline-offset: 0px;
}
.basic-btn a:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 100%;
top: 0;
left: auto;
right: 0;
background-color: #000;
transition: width .4s ease;
z-index: -1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.basic-btn a:hover {
color: #fff;
}
.basic-btn a:hover:before {
left: 0;
right: auto;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.rankarea aside ul.writer-name {
font-size: 12px;
color: #000;
background: #fff;
display: inline-block;
width: 30px;
border-radius: 30px;
height: 30px;
border: 1px solid #000;
position: absolute;
right: 1px;
z-index: 50px;
bottom: 1px;
}
ul.writer-name span {
line-height: 30px;
}
.rankarea-list {
width : 19%;
display: inline-block;
float: left;
padding: 0.25%;
border: 1px solid #eee;
height: 210px;
margin: 2px; text-align: center;
position: relative;
}
.ft-banner-wrapper {
background-image: url(//www.marutaka-c.com/common/images/uploads/2019/03/DSC0247-2000-.jpg);
background-position: 100% 73%;
background-size: cover;
background-repeat: no-repeat;
min-width: 100%;
display: inline-block;
margin: 0 auto;
height: 300px;
}
.ft-banner-inner {
background:rgba(0,0,0,0.5); 
height:100%;
display: table;
width: 100%;
}
footer#footer .ft-banner-wrapper a:hover {
background:rgba(0,0,0,0.7);
border:none;
}
.ft-banner-inner-inner {
position: relative;
width: 100%;
overflow: hidden;
color: #fff;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.ininin {
display: inline-block;
width: 1060px;
border: 1px solid;
padding: 2% 0%;
}
.ft-banner-inner-inner span {
display: block;
font-size: 30px;
font-weight: 200;
}
.stripe {
background: linear-gradient( -45deg, #fff 25%, #C6E6FB 25%, #C6E6FB 50%, #fff 50%, #fff 75%, #C6E6FB 75%, #C6E6FB );
background-size: 10px 10px;
width: 100%;
display: inline-block;
border-radius:6px;
}
.stripe-inner {
background:#fff;
margin:0.5%;
padding: 1%;
border-radius:6px;
}
.balloon-line-txt {
text-align:left;
margin-left: 56px;
font-size:13px;
}
.staff-icon-mt {
content: " ";
background: url(//www.marutaka-c.com/common/images/uploads/2015/11/98b5cfea218e46c047095626daa0c123.jpg);
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
width: 54px;
display: block;
height: 54px;
float: left;
position: absolute;
top: 10%;
left: 1%;
}
.fsize-small {font-size:100%; font-weight:900;}
#contentBlock .staff-icon img {border-radius: 50%; width:80%;}
.balloon-line {
position: relative;
margin: 0 auto 40px;
padding: 20px; 
background: #fff;
border: 1px solid #666;
text-align: center;
border-radius: 8px;
font-weight: 900;
color: #666;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
.balloon-line::before,
.balloon-line::after { content: '';
border: 14px solid transparent;
position: absolute;
left: 50%;
margin-left: -14px;
}
.balloon-line:before {
border-top-color: #666;
bottom: -28px;
}
.balloon-line:after {
border-top-color: #fff;
bottom: -27px;
}
.data {
border-top: 1px solid;
padding: 2% 0%;
border-bottom: 1px solid;
font-size: 13px;
margin: 2% 0%;
position:relative;
display:inline-block;
width:100%;
}
.data_tab {
background: #000;
padding: 0.5%;
top: 10px;
width: 6%;
left: 14px;
position: absolute;
color: #fff;
text-align: center;
}
.data_wrap {margin-left: 10%;}
.data_wrap li {width:50%; float:left; font-weight:900;}
#btn-yumenohi {
display: block;
position: fixed;
right: 3rem;
bottom: 3rem;
transition: opacity .6s;
z-index: 1000;
}
.data_wrap li span.check {
display: block;
width: 5%;
float: left;
}
.data_wrap li span.check:before {
content: '✓';
font-weight: 900;
padding-right: 3px;
}
.data_wrap li div {
display: inline-block;
width: 95%;
}
#btn-yumenohi li a.yaji {
background: #eee;
width: 3.0rem;
height: 3.0rem;
margin: 0 auto;
position: relative;
text-align: center;
left: 10%;
top: 12%;
margin-bottom: 10px;
}
#btn-yumenohi li a.yaji img {
padding: 25%;
width: 116%;
left: -3px;
position: relative;
margin: 0 auto;
top: -6px;
text-align: center;
}
#btn-yumenohi li a {
display: block;
position: relative;
float: left;
margin-bottom: 1rem;
width: 4.0rem;
height: 4.0rem;
color: white;
background: #161616;
border-radius: 57% 43% 57% 43% / 41% 51% 49% 59%;
}
footer#footer #btn-yumenohi li a:hover {
background: #f5f5f5;
color: #161616;
border: none;
transform: rotate(15deg);
}
#btn-yumenohi span {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0;
width: 100%;
text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 14px;
font-weight: 900;
font-family: 'Shadows Into Light', "futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 2px;
}
.content-scroll-nb {margin-top: -300px; padding-top: 300px;}
p.view { color: #c6e1a8; text-align: right; font-weight:400;}
#fixedBtn a.ln img {
width: 44px;
margin-left: 6px;
display: inline-block;
}　
#single #footer .width1024 {width:1024px;}
#single #footer .width1040 {width:1040px;}
#footer .width1024 {width:1024px;}
#footer .width1040  {width:1040px;}
.flex-box { display: flex; align-items: center;}
.flex-box-inner {
width:100%;
margin:0 auto;
max-width:1080px;
}
.pd01 {padding: 1%;}
.pd-right {padding-right: 0.5%;}
.pd-left {padding-left: 0.5%;}
.tax‐tag strong {
display: block;
font-family: "futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 70%;
text-align: center;
}
.tax‐tag strong:before {
font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
content: '\f00c';
font-weight: 900;
padding-right: 3px;
}
body {
*font-size:92%;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 500;
letter-spacing:1px;
}
a {
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
}
nav.nav-columns ul li:nth-of-type(5n) {
background: url(https://www.marutaka-c.com/common/images/common/bg_nav_bar2.png) no-repeat 100% 0%;
}
#pankuzu {
width: auto;
font-size: 77%;
margin: -22px auto 0px;
}
#pankuzu ul {
display: inline-block;
background: #F0F0F0;
padding: 4px 10px 1px;
vertical-align: middle;
line-height: 1.0;
margin-top: 1px;
}
#pankuzu ul li {display: inline-block;}
#pankuzu ul li a:after {
font-family: 'fontello';
content: '\e803';
display: inline-block;
margin: 0 0 0 5px;
}
.center-position {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: center;
align-items: center;
}
#single .otherWorksBlock {
clear: both;
width: 1040px;
margin: 10px auto 60px;
text-align: center;
padding: 0px;
background: url(https://www.marutaka-c.com/common/images/common/bg_dot_line_long.png) repeat-x 0 20px;
display:inline-block;
}
#aboutblock .otherWorksBlock {
width: 1040px;
}
.otherWorksBlock {
clear: both;
width: 1280px;
margin: 30px auto;
text-align: center;
padding: 0px;
background: url(https://www.marutaka-c.com/common/images/common/bg_dot_line_long.png) repeat-x 0 20px;
}
.otherWorksBlock h4 {
text-align: center;
font-size: 140%;
line-height: 40px;
display: inline-block;
background: #fff;
padding: 0 30px;
font-weight:900;
}
.otherWorksBlock h4 i {
width: 28px;
height: 34px;
background: url(https://www.marutaka-c.com/common/images/works/ico_works_other.png) no-repeat;
display: inline-block;
margin-right: 8px;
margin-bottom: -8px;
}
.props-list {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
}
.props-list li {
width: 25%;
display: block;
padding: 1.3%;
text-align: left;
}
.props-list-inner {
border: 1px solid #dcdcdc;
box-shadow: 12px 12px #f5f5f5;
display: block;
background: #fff;
border-radius:10px;
overflow:hidden;
}
.props-list li img { max-width: 100%; height: auto;}
#contentBlock .mainArea .props-list li img { max-width: 100%; height: auto; border-radius: 0px;}
.props-list li h5 {
display: inline-block;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
font-size: 83%;
letter-spacing: 0px;
padding: 2px;
margin: 10px 0px 0px;
text-align: justify;
text-justify: inter-ideograph;
line-height: 1.6em;
min-height: 76px;
max-height: 200px;
}
.otherWorksBlock .category a {
font-size: 80%;
line-height: 20px;
background: #DCDCDC;
display: inline-block;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
border-radius: 5px;
}
#contentBlock .otherWorksBlock .props-list-inner .category a {
font-size: 70%;
line-height: 20px;
background: #DCDCDC;
display: inline-block;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
border-radius: 5px;
padding: 0px 4px;
margin: 4px 2px 0px 0px;
letter-spacing:0px;
}
#contentBlock .otherWorksBlock .props-list-inner .category a:first-child {display:none;}
.otherWorksBlock .props-list-inner .category {height:30px; width:112%; margin-left: -8px;}
}
@media screen and (max-width: 639px) {
.pickuparea-inner {
padding: 34px 20px 20px;
display: inline-block;
width: 100%;
margin: 0 auto;
text-align: center;
}	
.pickuparea-inner h3 {
font-weight: 700;
font-size: 86%;
line-height: 1.5;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 1px;
font-feature-settings: 'palt';
}	
.pickuparea-inner h3 span.pick {
border-bottom: 1px solid;
padding-bottom: 2px;
}	
.slider-img img {
height: auto;
width: 100%;
}
.sideArea #sb_instagram .sbi_follow_btn a {
position: relative; background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat; overflow:hidden;
font-family: 'Shadows Into Light', "futura-pt","YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
.sideArea #sb_instagram .sbi_follow_btn a:before {
content: '';
position: absolute; background: -webkit-linear-gradient( 15deg, #ffdb2c, rgb(249, 118, 76) 15%, rgba(255, 77, 64, 0) 20%) no-repeat;
background: linear-gradient( 15deg, #ffdb2c, rgb(249, 118, 76) 5%, rgba(255, 77, 64, 0) 31%) no-repeat;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sideArea #sb_instagram .sbi_follow_btn a:hover {
opacity:50%;
box-shadow: none;
}
#sb_instagram svg:not(:root).svg-inline--fa {
position:relative;
}
.writer .name span {
display: inline-block;
font-size: 10px;
color: #ccc;
}
.writer .box {width:68%;}
.mainArea .otherWorksBlock {margin: 0 -10px;}
#contentBlock .mainArea .props-list li img {
max-width: 100%;
height: auto;
border-radius: 0;
}
#contentBlock .mainArea .props-list-inner article figure {
width: 100%;
height: auto;
overflow: hidden;
float: left;
display: block;
border-radius: 0px;
box-shadow: none;
margin: 0;
}
#contentBlock .mainArea .props-list-inner article {
padding: 0px;
background: none;
margin: 0px;
}
#contentBlock .otherWorksBlock .props-list-inner .category a {
font-size: 65%;
line-height: 20px;
background: #DCDCDC;
display: inline-block;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
border-radius: 5px;
padding: 0px;
margin: 0px;
}
.props-list-inner figure .img.zoomin {
display: block;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
.props-list-inner figure img.zoomin:hover {
transform: scale(1.1);
transition-duration: 0.8s;
opacity: 0.6;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
#contentBlock .column-tateyoko img {
width: 100%;
max-height: 200px;
object-fit: cover;
padding: 2px;
}
.i-arrow svg {
display: block;
width: 100%;
height: 100%;
transform: translate(0, -1px);
}
.basic-btn .i-arrow svg {
transition: .4s ease;
}
.i-arrow {
display: block;
width: 21px;
height: 5px;
}
.basic-btn .i-arrow {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
transition: .4s ease;
}
.basic-btn a:hover .i-arrow {right: 4px;}
.basic-btn a:hover svg {fill: #fff;}
.basic-btn {
width: 70%;
height: 29px;
color: #000;
line-height: 2;
margin:0 auto;
position: relative;
}
.basic-btn a {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-family: "Roboto",  "游ゴシック体", "YuGothic", "Yu Gothic Medium", "メイリオ", "Meiryo", "sans-serif";
font-size: 86%;
letter-spacing: .14em;
position: relative;
z-index: 0;
border: 1px solid #000;
overflow: hidden;
cursor: pointer;
transition: .4s ease;
}
.basic-btn a:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 100%;
top: 0;
left: auto;
right: 0;
background-color: #000;
transition: width .4s ease;
z-index: -1;
}
.basic-btn a:hover {
color: #fff;
}
.basic-btn a:hover:before {
left: 0;
right: auto;
width: 100%;
}
#contentBlock .rankarea .side-category {display:none;}
#contentBlock .rankarea time {
letter-spacing: 0px;
font-weight: normal;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
#contentBlock .rankarea p.view {
color: #f30404;
font-weight: 600;
text-align: center;
}
.rankarea aside ul.writer-name {
font-size: 12px;
color: #000;
background: #fff;
display: inline-block;
width: 30px;
border-radius: 30px;
height: 30px;
border: 1px solid #000;
position: absolute;
right: 1px;
bottom: 1px;
}
ul.writer-name span {
line-height: 30px;
}
#contentBlock .rankarea aside.rank ul li:before {
content: counter(ranking-mark, decimal);
counter-increment: ranking-mark;
display: inline-block;
background: #32373c;
width: 40px;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
.rankarea aside ul {
padding: 0px;
text-align: center;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
color: #fff;
counter-reset: ranking-mark;
}
.rankarea-list {
width: 31%;
display: inline-block;
float: left;
padding: 1%;
border: 1px solid #eee;
height: 240px;
margin: 1%;
position: relative;
}
.side-category {
font-size: 80%;
background: #DCDCDC;
padding: 2px;
font-weight: 900;
float: left;
position: absolute;
top: 0px;
right: 0px;
letter-spacing: 0px;
}
.ft-banner-wrapper {
background-image: url(//www.marutaka-c.com/common/images/uploads/2020/05/800-178.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
min-width: 100%;
display: inline-block;
margin: 0 auto;
height: 150px;
}
.ft-banner-inner {
background:rgba(0,0,0,0.5); 
height:100%;
display: table;
width: 100%;
}
footer#footer .ft-banner-wrapper a:hover {
background:rgba(0,0,0,0.7);
border:none;
}
.ft-banner-inner-inner {
position: relative;
width: 100%;
overflow: hidden;
color: #fff;
display: table-cell;
vertical-align: middle;
text-align: center;
font-size:0.80em;
letter-spacing: 0px;
}
.ininin {
display: inline-block;
border: 1px solid;
padding: 2% 2%;
}
.ft-banner-inner-inner span {
display: block;
font-size: 26px;
font-weight: 200;
}
.stripe {
background: linear-gradient( -45deg, #fff 25%, #C6E6FB 25%, #C6E6FB 50%, #fff 50%, #fff 75%, #C6E6FB 75%, #C6E6FB );
background-size: 10px 10px;
width: 100%;
display: inline-block;
border-radius:6px;
}
.stripe-inner {
background:#fff;
margin:0.5%;
padding: 4%;
border-radius:6px;
}
.staff-icon-mt {
content: " ";
background: url(//www.marutaka-c.com/common/images/uploads/2015/11/98b5cfea218e46c047095626daa0c123.jpg);
background-repeat: no-repeat;
background-size: contain;
border-radius: 50%;
width: 54px;
display: block;
height: 54px;
float: left;
position: absolute;
top: 25%;
left: 3%;
}
.balloon-line-txt {
text-align:left;
margin-left: 56px;
font-size: 90%;
}
.balloon-line {
position: relative;
margin: 0 auto 40px;
padding: 20px; 
background: #fff;
border: 1px solid #666;
text-align: center;
border-radius: 8px;
color: #666;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
.balloon-line::before,
.balloon-line::after { content: '';
border: 14px solid transparent;
position: absolute;
left: 50%;
margin-left: -14px;
}
.balloon-line:before { border-top-color: #666; bottom: -28px;}
.balloon-line:after { border-top-color: #fff; bottom: -27px;}
#contentBlock .staff-icon img {border-radius: 50%;}
.fsize-small {font-size:80%;}
.flex-box-resp { display: flex; align-items: center;}
.data {
border-top: 1px solid;
padding: 2%;
border-bottom: 1px solid;
font-size: 13px;
margin: 3% 0%;
position:relative;
display: inline-block;
width:100%;
}
.data_tab {
background: #000;
padding: 0.5%;
top: -27px;
width: 14%;
left: 4px;
color: #fff;
text-align: center;
position: absolute;
}
.data_wrap li {width:100%; float:left; font-weight:900; padding:1%;}
.data_wrap li.list-half {width:50%; float:left; font-weight:900; padding:1%;}
.data_wrap li span.check {
display: block;
width: 15px;
float: left;
}
.data_wrap li span.check:before {
content: '✓';
font-weight: 900;
padding-right: 3px;
}
.data_wrap li div { display: inline-block;}
#btn-yumenohi {
display: block;
position: fixed;
right: 0.6rem;
bottom: -0.2rem;
transition: opacity .6s;
z-index: 1000;
}
#btn-yumenohi li a.yaji {
background: #eee;
width: 2.8rem;
height: 2.8rem;
margin: 0 auto;
position: relative;
text-align: center;
left: 7%;
top: 12%;
margin-bottom: 10px;
}
#btn-yumenohi li a.yaji img {
padding: 25%;
width: 108%;
left: -3px;
position: relative;
margin: 0 auto;
top: -6px;
text-align: center;
}
#btn-yumenohi li a {
position: relative;
float: left;
margin-bottom: 0.75rem;
width: 3.2rem;
height: 3.2rem;
color: white;
background: #161616;
border-radius: 57% 43% 57% 43% / 41% 51% 49% 59%;
}
footer#footer #btn-yumenohi li a:hover {
background: #f5f5f5;
color: #161616;
border: none;
transform: rotate(15deg);
}
#btn-yumenohi span {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 0;
width: 100%;
text-align: center;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
font-size: 12px;
font-family: 'Shadows Into Light','Saira Extra Condensed','Roboto',"futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.circle-mail, .circle-catalog {color: transparent;}
#btn-yumenohi span.circle-mail:before {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%, -50%);
content: "\f0e0";
color: #fff;
font-family: FontAwesome;
font-size: 1.4rem;
}
#btn-yumenohi span.circle-catalog:before {
position: absolute;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
transform: translate(-50%, -50%);
transform: translate(-50%, -50%) scaleX(-1);
content: "\f02d";
margin: -1px auto;
color: #fff;
font-family: FontAwesome;
font-size: 1.4rem;
}
.content-scroll-nb {margin-top: -190px; padding-top: 190px;}
#contentBlock .mainArea article figure {
background: #fff;
box-shadow: 16px 16px #f5f5f5;
margin-bottom: 20px;
}
p.view { color: #c6e1a8;text-align:right; font-weight:400;}
#fixedBtn a.ln img {
width: 42px;
display: inline-block;
margin-left: 6px;
}
#head-column nav > ul > li > a.none:before {display:none;}
#head-column nav ul li a .mf {
border: 1px solid;
padding: 4px;
background: #fff;
font-weight:900;
margin-top: 2px;
display: inline-block;
width: auto;
}
.center-st {
text-align: center;
font-weight: 900;
}
.font70 {font-size:70%;}
.pd01 {padding: 1%;}
.pd01-00 {padding: 1% 0%;}
.m-top-01 {margin-top: -1%;}
.tax‐tag strong {
display: block;
font-family: "futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-size: 70%;
}
.tax‐tag strong:before {
font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
content: '\f00c';
font-weight: 900;
padding-right: 3px;
}
body {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 500;
letter-spacing:1px;
}} .ttl ,
h1,h2,h3,h4,h5,h6,
.sideArea,time,
.mf {
letter-spacing:3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:normal;
}
.nof {font-family:"futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#555;
text-decoration:none;
} h1, h2, h3, h4, h5, h6 {font-size:100%;}
p {line-height:1.8;} ol , ul , li {
list-style:none;
zoom:1;
overflow:hidden;
}
#single #contentBlock ul.other-linkarea li { padding-bottom: 10px;} table {
font-size:100%;
border-collapse:collapse;
border-spacing:0;
}
caption, th, td {
text-align:left;
vertical-align:top;
font-weight:normal;
}
dl, dt, dd { zoom:1; overflow:hidden;} fieldset {border:none;}
input, textarea, select, label {
font-size:100%;
vertical-align:middle;
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
label {cursor:pointer;}
textarea {overflow:auto;}
legend {display:none;} img { border:none; vertical-align:middle;}
object { vertical-align:middle; outline:none;}
i ,em {font-style:normal;}
b ,strong {}
small {font-size:10.5px;}
abbr, acronym { border:none; font-variant:normal;}
address, caption, cite, code, dfn, var { font-weight:normal; font-style:normal;}
code, pre {font-family:monospace;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
hr {display:none;} *:first-child + html body,
*:first-child + html br {letter-spacing:0;}
.loadingWrap{
width: 100%;
height: 100%;
background: #fff;
position: fixed;
top: 0;
left: 0;
z-index:1001;
} @media screen and (min-width: 640px) {
#single #wrap {
width:1040px;
min-width:100%;
height:auto;
overflow:hidden;
zoom:1;
}
#wrap {
width:1280px;
min-width:100%;
height:auto;
overflow:hidden;
zoom:1;
margin-top: -60px;
padding-top: 60px;
}}
@media screen and (max-width: 639px) {
#wrap {overflow:unset;zoom:1;
}} @media screen and (min-width: 640px) {
#head {margin-bottom:20px;}
header {overflow:hidden;zoom:1;}
header#head-column .headBlock {
border-bottom: 1px solid #000;
padding: 0px 15px;
margin-bottom: 0px;
overflow: hidden;
zoom: 1;
background: rgba(255,255,255,0.9);
}
header#head-column .logo {
width:300px;
line-height:35px;
text-align:left;
float:left;
}
header#head-column .homeBtn {padding:10px 0px;}
header#head-column .homeBtn a {
width:80px;
height:24px;
text-align:center;
line-height:24px;
border:1px solid #000;
display:block;
float:left;
}
.hp-menu-list ul {text-align: right;margin-right:50px;}
.hp-menu-list ul li a.ln img {
width: 21px;
display: block;
margin: 0 auto;
position: relative;
left: 1px;
}
.hp-menu-list ul li {
display: inline-block;
font-size: 18px;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 700;
}
.hp-menu-list ul li a {
width: 106px;
height: 22px;
text-align: center;
font-size: 70%;
line-height: 22px;
display: block;
float: left;
border: 1px solid #0000;
}
.hp-menu-list ul li.sns-icon a {font-size: 118%;width:auto;}
header#head-column h1 {
text-align:center;
padding:20px 0px 20px 0px;
crear:both;
}
.logottl {
text-align: center;
padding: 20px 0px 20px 0px;
}	
header#head-column p strong {
width: 470px;
height: auto;
font-size: 85%;
letter-spacing: 0px;
text-align: center;
background: url(https://www.marutaka-c.com/common/images/column/bg_catch.png) no-repeat 50% 100%;
display: inline-block;
margin: 0 auto 34px;
background-size: auto;
padding-bottom: 16px;
}}
@media screen and (max-width: 639px) {
.hp-menu-list ul {text-align: right;}
.hp-menu-list ul li {display: inline-block;}
.hp-menu-list ul li a {
width: auto;
height: 20px;
text-align: center;
font-size: 71%;
line-height: 18px;
display: block;
float: left;
border: 1px solid #0000;
letter-spacing:0px;
}
.hp-menu-list ul li.sns-icon a {font-size: 120%;}
header {
zoom:1;
position:relative;
overflow: unset;
}
header#head-column .headBlock {
border-bottom:1px solid #000;
padding:0px 15px;
margin-bottom:0px;
overflow:hidden;
zoom:1;
}
header#head-column .logo {
width: auto;
line-height:36px;
text-align:left;
float:left;
}
header#head-column .logo img {width:106px;}
header#head-column .homeBtn {padding:10px 0px;}
header#head-column .otherBtn {padding:10px 0px;}
header#head-column .homeBtn a {
width:50px;
height:20px;
text-align:center;
font-size:71%;
line-height:18px;
border:1px solid #000;
display:block;
float:right;
}
header#head-column h1 {
text-align:center;
padding-bottom:10px;
}
header#head-column div.logottl {
text-align:center;
padding-bottom:10px;
}
header#head-column h1 img {
width:56%;
height:auto;
padding-top:20px;
}
header#head-column div.logottl img {
width: 56%;
height: auto;
padding-top: 20px;
}
header#head-column p strong {
letter-spacing:1px;
text-align:center;
display:block;
margin:0 auto 30px;
padding: 0px 10px;
font-size: 10px;
}
header#head-column .spnone {
display:none;
}}
.hp-menu-list ul li .otherBtn a.separate {
border-right:1px solid #000;
padding: 0px 4px 0px 0px;
} @media screen and (min-width: 640px) {
#aboutblock #contentBlock {
min-width: 1040px;
padding: 0.5%;
}
#contentBlock {
min-width: 1160px;
margin: 0 auto;
position: relative;
padding: 2%;
height: auto;
display: block;
top:-30px;
}
#aboutblock #contentBlock .mainArea {
width:720px;
}
#contentBlock .mainArea {
width:784px;
padding-bottom:50px;
float:left;
}
.rankarea {
margin: 0 auto;
width: 1020px;
}
#contentBlock .rankarea .mainArea {
width:1020px;
padding-bottom:50px;
float:left;
margin: 0 calc(50% - 50vw);
width: 100vw;
}
#contentBlock .rankarea .mainArea .textBox {
width: 1480px;
margin: 0 auto;
}
#contentBlock .mainArea .ttlBox {
font-size:143%;
font-weight:bold;
background:url(//www.marutaka-c.com/yume.kanri/wp-content/themes/images/column/bg_sha_boder.png) repeat-x bottom;
padding:10px 0;
margin-bottom:25px;
}
#contentBlock .mainArea article {
border-bottom:0px;
padding:40px 10px;
overflow:hidden;
zoom:1;
display:flex;
align-items:center;
background: url(https://www.marutaka-c.com/common/images/column/bg_sha_boder.png) repeat-x bottom;
position: relative;
}
#contentBlock .mainArea .props-list-inner article {
display: block;
border-bottom: 0px;
padding: 0px;
background: none;
}
#contentBlock .mainArea article figure {
width: 390px;
max-height: 460px;
overflow: hidden;
float: left;
align-items: center;
justify-content: center;
display: flex;
border-radius:10px;
background: #fff;
box-shadow: 16px 16px #f5f5f5;
}
#contentBlock .mainArea .props-list-inner article figure {
width: 100%;
height: auto;
overflow: hidden;
float: left;
display: block;
border-radius:0px;
background: #fff;
box-shadow: none;
}
.props-list-inner figure img.zoomin {
display: block;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
.props-list-inner figure img.zoomin:hover {
transform: scale(1.1);
transition-duration: 0.8s;
opacity: 0.6;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
#contentBlock .mainArea article figure img {width:100%;}
#contentBlock .mainArea article .inner {
width: 100%;
float: right;
margin: 0 auto;
margin-left: 30px;
}
#contentBlock .category {
float:left;
}
#contentBlock .category a {
background: #DCDCDC;
margin-right: 5px;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
float: left;
font-feature-settings: "palt";
font-size: 10px;
line-height: 1.5;
padding: 2px;
}
#contentBlock .mainArea article .inner time {
font-size:78%;
line-height:20px;
float:right;
display:block;
letter-spacing:1px;
}
#contentBlock .mainArea article .inner h3 {
font-size:119%;
font-weight:bold;
padding:20px 0px;
clear:both;
}
#contentBlock .mainArea article .inner p {
line-height:1.7;
padding-bottom:15px;
font-size:14px;
clear:both;
}
#contentBlock .mainArea article .inner .btn a {
width:200px;
height:28px;
line-height:26px;
letter-spacing:1px;
text-align:center;
font-size:86%;
border:1px solid #000;
margin:0 auto;
display:block;
}
#contentBlock .mainArea article .inner .btn a i {font-size:84%;}
#contentBlock .mainArea .moreBtn {padding:50px 0px;}
#contentBlock .mainArea .moreBtn a {
width:280px;
height:46px;
font-size:86%;
line-height:44px;
text-align:center;
display:block;
border:1px solid #000;
margin:0 auto;
cursor:pointer;
}
#contentBlock .sideArea {width:280px;float:right;}
#contentBlock .sideArea aside {margin-bottom:10%;}
#contentBlock .sideArea aside h6 {
font-size:124%;
text-align:center;
font-weight:bold;
background:url(https://www.marutaka-c.com/common/images/column/bg_sha_boder.png) 
repeat-x bottom;
padding:15px 0px;
margin-bottom:15px;
font-family: 'Cedarville Cursive', cursive, 'Shadows Into Light', "futura-pt","YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
line-height:2;
}
#contentBlock .sideArea aside ul {
padding: 0px;
text-align: center;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
color: #fff;
counter-reset: ranking-mark;
font-feature-settings: "palt";
}
.rankarea aside ul {
padding: 0px;
text-align: center;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
color: #fff;
counter-reset: ranking-mark;
}
#contentBlock .sideArea aside ul li {
padding-bottom:10px;
text-align:left;
}
#contentBlock .sideArea aside.rank ul li:before {
content: counter(ranking-mark, decimal);
counter-increment: ranking-mark;
display: inline-block;
background: #333;
z-index: 1;
width: 20px;
text-align: center;
position: absolute;
font-family: 'Shadows Into Light', "futura-pt","YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
#contentBlock .rankarea aside.rank ul li:before {
content: counter(ranking-mark, decimal);
counter-increment: ranking-mark;
display: inline-block;
background: #32373c;
width: 40px;
text-align: center;
position: absolute;
left: 0;
top: 0;
}
#contentBlock .rankarea p.view {
color: #f30404;
font-weight: 600;
text-align: center;
}
#contentBlock .rankarea time {
letter-spacing: 0px;
font-weight: normal;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
#contentBlock .sideArea aside.new ul li {
padding-bottom:10px;
text-align:left;
font-size:13px;
letter-spacing:1px;
position:relative;
}
#contentBlock .sideArea aside ul.wn li a {
font-size:80%;
line-height:1.5;
border:1px solid #DCDCDC;
display:block;
padding:6px 8px;
overflow:hidden;
zoom:1;
display:flex;
align-items:center;
position:relative;
min-height:80px;
}
#contentBlock .sideArea aside ul.wn li a.rbox {padding:0px 8px;}
#contentBlock .sideArea aside ul.wn li a.rbox .wn-text-area {padding-top: 10px;}
#contentBlock .sideArea aside.tax li a {
text-align:center;
background:#DCDCDC;
border-radius:25px;
}
#contentBlock .sideArea aside ul li a figure {float:left;margin-right:10px;}
#contentBlock .sideArea aside ul li a figure img {
width: 84px;
height: auto;
max-width: 84px;
}
#contentBlock .sideArea aside ul li a time {
font-size: 80%;
line-height: 1.3;
letter-spacing: 0.5px;
display: block;
position: relative;
text-align: right;
}
#contentBlock .sideArea aside ol li {
width:50%;
text-align:center;
float:left;
padding:15px 10px;
}
#contentBlock .sideArea .banner {padding-top:25px;}
#contentBlock .sideArea .banner ul li {
padding:6px;
}}
@media screen and (max-width: 639px) {
#contentBlock {
margin:0 auto;
position:relative;
}
#contentBlock .mainArea {
padding:0 10px;
}
#contentBlock .mainArea .ttlBox {
font-size:129%;
font-weight:bold;
background:url(//www.marutaka-c.com/yume.kanri/wp-content/themes/images/column/bg_sha_boder.png) repeat-x bottom;
padding:10px;
margin-bottom:15px;
}
#contentBlock .mainArea article {
overflow: inherit;
zoom:1;
padding:10px 10px 20px;
margin-bottom:15px;
background: url(https://www.marutaka-c.com/common/images/column/bg_sha_boder.png) repeat-x bottom;
}
#contentBlock .mainArea article figure img {width:100%;}
#contentBlock .mainArea article .inner {margin:5px 0;}
#contentBlock .category {float:left;}
#contentBlock .category a {
font-size:86%;
line-height:20px;
background:#DCDCDC;
display:inline-block;
padding:0 10px;
margin-right:2px;
font-weight:900;
font-feature-settings: "palt";
}
#contentBlock .mainArea article .inner time {
font-size:70%;
line-height:20px;
float:right;
display:block;
}
#contentBlock .mainArea article .inner h3 {
font-size:108%;
line-height:1.6;
font-weight:bold;
padding:16px 0;
clear:both;
}
#contentBlock .mainArea article .inner p {
line-height:1.7;
padding-bottom:15px;
font-size:0.9em;
}
#contentBlock .mainArea article .inner .btn a {
width:200px;
height:34px;
line-height:32px;
letter-spacing:1px;
text-align:center;
font-size:86%;
border:1px solid #000;
margin:0 auto;
display:block;
}
#contentBlock .mainArea article .inner .btn a i {font-size:84%;}
#contentBlock .mainArea .moreBtn {padding:50px 0px;}
#contentBlock .mainArea .moreBtn a {
width:280px;
height:46px;
font-size:86%;
line-height:44px;
text-align:center;
display:block;
border:1px solid #000;
margin:0 auto;
cursor:pointer;
}
#contentBlock .sideArea {text-align:center;}
#contentBlock .sideArea aside h6 {
font-size:124%;
text-align:center;
font-weight:bold;
background:url(https://www.marutaka-c.com/common/images/column/bg_sha_boder.png) repeat-x bottom;
padding:15px 0px;
margin-bottom:15px;
display: inline-block;
font-family: 'Cedarville Cursive', cursive, 'Shadows Into Light', "futura-pt","YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
line-height:2;
}}
#contentBlock .sideArea aside ul {
padding:0 5px;
text-align: center;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
color: #fff;
counter-reset: ranking-mark;
font-feature-settings: "palt";
}
#contentBlock .sideArea aside ul li {padding-bottom:10px;text-align:left;}
#contentBlock .sideArea aside.rank ul li:before {
content: counter(ranking-mark, decimal);
counter-increment: ranking-mark;
display: inline-block;
background: #333;
width: 20px;
z-index: 1;
text-align: center;
position: absolute;
font-family: 'Shadows Into Light', "futura-pt","YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
#contentBlock .sideArea aside.new ul li {
padding-bottom:10px;
text-align:left;
font-size:13px;
position:relative;
}
#contentBlock .sideArea aside ul.wn li a {
font-size:88%;
line-height:1.5;
border:1px solid #DCDCDC;
display:block;
padding:9px;
overflow:hidden;
zoom:1;
display:flex;
align-items:center;
position:relative;
min-height:80px;
}
#contentBlock .sideArea aside.tax li a {
text-align:center;
background:#DCDCDC;
border-radius:25px;
}
#contentBlock .sideArea aside ul li a figure {
float:left;
margin-right:15px;
}
#contentBlock .sideArea aside ul li a figure img {
width:88px;
height:auto;
max-width:88px;
}
#contentBlock .sideArea aside ul li a time {
font-size:85%;
line-height:1.3;
letter-spacing:1px;
display:block;
}
#contentBlock .sideArea aside ol li {
width:50%;
text-align:center;
float:left;
padding:15px 10px;
}
#contentBlock .sideArea .banner {
text-align:center;
padding-top:25px;
}
#contentBlock .sideArea .banner ul li {padding:6px 30px;}
#contentBlock .sideArea .banner ul li:last-child {padding: 6px 30px 12px;} @media screen and (min-width: 640px) {
#single #contentBlock .ttlBox {padding:40px 0px 20px;}
#single #contentBlock .ttlBox time {
letter-spacing:1px;
margin-left:6px;
float:left;
display:block;
font-size:10px;
}
#single #contentBlock .ttlBox h1, #column #contentBlock .ttlBox h1 {
font-size:167%;
font-weight:bold;
clear:both;
padding:12px 0px 12px;
letter-spacing:2px;
}
#single #contentBlock .ttlBox h2 {
font-size:167%;
font-weight:bold;
padding:20px 0;
clear:both;
}
#single #contentBlock #mainImg {
text-align:center;
padding-bottom:40px;
}
#single #contentBlock #mainImg img {
max-width:100%;
border-radius:10px;
}
#single #contentBlock .mainArea .textBox {
font-size:14.5px;
padding:0 10px 30px;
overflow:inherit;
zoom:1;
min-height: 2600px;
height: 100%;
}
#single #contentBlock .mainArea .textBox p {
line-height:2.1;
padding-bottom:2em;
}
#single #contentBlock .mainArea .textBox .alignleft {
float:left;
margin-right:30px;
margin-bottom:15px;
}
#single #contentBlock .mainArea .textBox .alignright {
float:right;
margin-left:30px;
margin-bottom:15px;
}
#single #contentBlock .mainArea .textBox .aligncenter {
float:none;
text-align:center;
margin:0 auto;
display:block;
}
#single #contentBlock .mainArea .shopInfo {
width:700px;
margin:0 auto 20px;
padding:10px 20px;
overflow:hidden;
zoom:1;
background: #f5f5f5;
border: 0px;
min-height:240px;
}
#single #contentBlock .mainArea .shopInfo figure {
width:240px;
text-align:center;
float:left;
}
#single #contentBlock .mainArea .shopInfo figure img {
max-width:100%;
}
#single #contentBlock .mainArea .shopInfo .inner {
width:410px;
float:right;
padding-top:0px;
margin:0 auto;
}
#single #contentBlock .mainArea .shopInfo .inner h4 {
font-size:108%;
font-weight:bold;
padding-bottom:5px;
}
#single #contentBlock .mainArea .shopInfo h4 {
font-size:108%;
font-feature-settings: "palt";
}
#single #contentBlock .mainArea .shopInfo .inner .txt {
padding-left:1.1em;
font-size:86%;
}
#single #contentBlock .mainArea .shopInfo .inner .txt p {padding-bottom:1.8em;}
#single #contentBlock .mainArea .shopInfo .inner .txt p strong {margin-top: -1.0em; display:block;}
#single #contentBlock .mainArea .textBox a ,#single #contentBlock .mainArea .txt a {
text-decoration:underline;
color:#586661;
}
#single #contentBlock .mainArea .textBox a:hover ,#single #contentBlock .mainArea .txt a:hover {
text-decoration:none;
}
#contentBlock .socialBtnArea {
width:400px;
text-align:center;
clear:both;
padding-bottom:20px;
overflow:hidden;
zoom:1;
margin:0 auto;
}
#contentBlock .pageNav {
clear:both;
padding-bottom:10px;
overflow:hidden;
zoom:1;
}
#contentBlock .pageNav ul li {
width:230px;
float:left;
}
#contentBlock .pageNav ul li.prev a ,#contentBlock .pageNav ul li.next a {
width:230px;
height:46px;
font-size:86%;
line-height:44px;
text-align:center;
border:1px solid #000;
display:block;
}
#contentBlock .pageNav ul li.next {
float:right;
}}
@media screen and (max-width: 639px) {
#single #contentBlock .ttlBox {padding:0px 10px 20px;}
#single #contentBlock .ttlBox time {
letter-spacing:1px;
margin-left:5px;
float:left;
display:block;
font-size:10px;
}
#single #contentBlock .ttlBox h1, #column #contentBlock .ttlBox h1 {
font-size:120%;
line-height:1.5;
font-weight:bold;
padding:20px 0px 12px;
clear:both;
letter-spacing:2px;
}
#single #contentBlock .ttlBox h2 {
font-size:121%;
line-height:1.5;
font-weight:bold;
padding:20px;
clear:both;
}
#single #contentBlock #mainImg {
text-align:center;
padding-bottom:20px;
}
#single #contentBlock #mainImg img {max-width:100%;}
#single #contentBlock .mainArea .textBox {
padding:0 8px 30px;
overflow:hidden;
zoom:1;
font-size:14px;
}
#single #contentBlock .mainArea .textBox p {
line-height:1.8;
padding-bottom:2em;
}
#single #contentBlock .mainArea .textBox .alignleft {
float:left;
margin-right:30px;
margin-bottom:15px;
}
#single #contentBlock .mainArea .textBox .alignright {
float:right;
margin-left:30px;
margin-bottom:15px;
}
#single #contentBlock .mainArea .textBox .aligncenter {
float:none;
text-align:center;
margin:0 auto;
display:block;
}
#single #contentBlock .mainArea .textBox .aligncenter img ,
#single #contentBlock .mainArea .textBox .alignright img ,
#single #contentBlock .mainArea .textBox .alignleft img {max-width:150px;}
#single #contentBlock { line-height:1.8; padding-bottom:3em;}
#single #contentBlock .mainArea .shopInfo {
font-size:86%;
margin:0 5px 15px;
padding:10px;
border:0px;
overflow:hidden;
zoom:1;
background: #f5f5f5;
}
#single #contentBlock .mainArea .shopInfo figure {text-align:center;}
#single #contentBlock .mainArea .shopInfo figure img {max-width:100%;}
#single #contentBlock .mainArea .shopInfo .inner h4 {
font-size:108%;
font-weight:bold;
padding-bottom:5px;
}
#single #contentBlock .mainArea .shopInfo h4 {
font-size:108%;
font-feature-settings: "palt";
}
#single #contentBlock .mainArea .shopInfo .inner .txt {padding: 0em 0.5em;}
#single #contentBlock .mainArea .shopInfo .inner .txt p {padding-bottom:1.8em;}
#single #contentBlock .mainArea .shopInfo .inner .txt p strong {margin-top: -1.0em; display:block;}
#single #contentBlock .mainArea .textBox a ,
#single #contentBlock .mainArea .txt a {
text-decoration:underline;
color:#586661;
}
#single #contentBlock .mainArea .textBox a:hover ,
#single #contentBlock .mainArea .txt a:hover {text-decoration:none;}
#contentBlock .socialBtnArea {
text-align:center;
clear:both;
padding-bottom:20px;
overflow:hidden;
zoom:1;
margin:0 auto;
}
#contentBlock .pageNav {
clear:both;
padding-bottom:20px;
overflow:hidden;
zoom:1;
}
#contentBlock .pageNav ul li {
width:50%;
padding:0 10px;
float:left;
}
#contentBlock .pageNav ul li.prev a ,
#contentBlock .pageNav ul li.next a {
height:46px;
font-size:86%;
line-height:44px;
text-align:center;
border:1px solid #000;
display:block;
}
#contentBlock .pageNav ul li.next {float:right;
}} footer#footer {
font-family:"futura-pt", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
@media screen and (min-width: 640px) {
#single footer#footer {
clear:both;
background:#ccc;
width: 100%;
min-width:1060px;
}
footer#footer {
clear:both;
background:#E5E5E5;
width: 100%;
min-width:1280px;
}
footer#footer .info strong:after {
content: "";
display: inline-block;
}
.banner-block p {
display: inline-block;
vertical-align: middle;
margin-top: 8px;
padding-left: 10px;
width: 60%;
}
#single footer#footer .inner {
line-height:20px;
padding:16px;
overflow:hidden;
zoom:1;
margin:0 auto;
width:1040px;
background:#ccc;
}
footer#footer .inner {
line-height:20px;
padding:16px;
overflow:hidden;
zoom:1;
margin:0 auto;
width:1280px;
}
footer#footer .info {
font-size:71%;
float:left;
width:50%;
padding: 10px;
}
footer#footer .info strong span {font-size:110%;}
footer#footer .inner small {
font-size:86%;
color:#666666;
display:block;
float:none;
text-align:center;
}
button ,
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
button:hover ,
a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
}
.list-column-top {font-size:12px;}
}
@media screen and (max-width: 639px) {
footer#footer {clear:both;}
footer#footer .inner {
line-height:1.2;
background:#ccc;
padding:0px;
overflow:hidden;
zoom:1;
}
footer#footer .info {
text-align:center;
font-size:71%;
letter-spacing:0;
}
footer#footer .info strong {
font-size:100%;
display:block;
}
footer#footer .inner small {
font-size:65%;
letter-spacing:0;
text-align:center;
color:#666666;
display:block;
}}
#contentBlock .sideArea .banner img {
display:block;
margin:0 auto;
}
@media screen and (min-width: 640px) {
#single #contentBlock .mainArea {width: 720px;}
#single #contentBlock {
width: 1040px;
min-width: 1040px;
padding: 0.5%;
}
#single #contentBlock .sideArea {
width: 280px;
}}
.imgZoomin {
overflow: hidden;
background: #000;
border-radius:10px;
}
.imgZoomin img {
display: block;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear; }
.imgZoomin img:hover {
transform: scale(1.1);
transition-duration: 0.8s;
opacity: 0.6;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
#contentBlock img {
max-width:100%;
height:auto;
border-radius:10px;
}
#contentBlock .banner img {border-radius:0px;}
#single #contentBlock h2,#column #contentBlock h2 {
font-size: 1.3em;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight:600;
line-height: 1.6;
margin: 3em 0px 1.5em;
background: url(https://www.marutaka-c.com/common/images/column/bg_sha_boder.png) repeat-x bottom;
padding-bottom: 20px;
position: relative;
font-feature-settings: "palt";
} #single #contentBlock h2:first-letter {font-size: 1.7rem;}
#single #contentBlock h3 {
font-size: 1.22em;
font-family: "游ゴシック Medium", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight:600;
line-height: 1.6;
margin: 22px 0px;
font-feature-settings: "palt";
}
.leftline {
border-left: 2px solid #222;
padding: 4px 0px 4px 10px;
}
#single #contentBlock h4 {
font-size: 1.05rem;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 700;
line-height: 1.7;
margin: 20px 0px 14px;
letter-spacing:2px;
}
#single #contentBlock .otherWorksBlock h4 {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
text-align: center;
font-size: 140%;
line-height: 40px;
display: inline-block;
background: #fff;
padding: 0 30px;
font-weight: 900;
margin: 0;
}
.footer-banner-area p {
font-size:10px;
text-align: center;
}
.footer-banner-area img {
margin: 0 auto;
display: block;
width: 10rem;
height: auto;
padding: 8px;
float: left;
}
footer#footer nav {
padding:8px 0px;
font-size:10px;
text-align: center;
clear: both;
width: 100%;
}
@media screen and (min-width: 640px) {
#footer ul.cat-list li {
display: inline-block;
font-size:11px;
}
ul.cat-list {margin-bottom:4px;}
#contentBlock .mainArea article .inner h3 {
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
letter-spacing:2px;
}
#contentBlock .mainArea article .inner h3.clttl {
font-size:130%;
}
.clttl-wrap {
background: rgba(0,0,0,0.6);
overflow: hidden;
border-radius: 0px 0px 10px 10px;
display: flex;
position: absolute;
width: 98%;
margin: 0 auto;
height: 90px;
top: -120px;
padding: 2%;
overflow: hidden;
align-items: center;
color: #fff;
}
#footer .info h3 {
background:none;
padding: 5px 10px;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-size: 12px;
}}
#footer .inner p {
font-size:12px;
text-align:left;
}
#footer .inner .footer-banner-area {
width:50%;
padding: 10px;
float: right;
}
#footer .inner .footer-banner-area p {
font-size: 11px;
display: inline-block;
vertical-align: middle;
margin-top: 8px;
padding-left: 10px;
}
#fixedBtn ul li {
font-size: 300%;
display:inline-block;
padding: 1%;
height: auto;
position: relative;
}
#fixedBtn ul li a {color: #201a1c;}
#fixedBtn ul li a.fb {color: #3b5998; line-height: 1.0;}
#fixedBtn ul li a.pt {color: #bd081c; line-height: 1.0;} 
#fixedBtn ul li a.ig {color: #D93177; line-height: 1.0;}
#fixedBtn ul li a.ln {color: #5ae628; line-height: 1.0; top: -3px; position: relative;}
.hp-menu-list ul li.sns-icon a.fb {color: #3b5998; font-size:111%;}
.hp-menu-list ul li.sns-icon a.pt {color: #bd081c;} 
.hp-menu-list ul li.sns-icon a.ig {color: #D93177; font-size:111%;}
.hp-menu-list ul li.sns-icon a.ln {color: #5ae628; width: 32px;}
.icon-insta:before {content: '\e813';}
#fixedBtn {
text-align: center;
padding:8px;
}
@media screen and (max-width: 639px) {
.spnone {display:none;}
.footer-banner-area img {width:9em;}
#footer .inner .footer-banner-area p {width:100%;}
#footer .inner .footer-banner-area {width: 100%;}
.footer-banner-area img {
text-align: center;
float: none;
}
.info span {
display: block;
text-align: left;
}
.banner-block p {
margin-top: 4px;
display: inline-block;
vertical-align: middle;
padding-left: 10px;
width: 100%;
}
.footer-banner-area span {display:block;}
#footer .inner a {
display:block;
}}
footer#footer a:hover {
box-sizing: border-box;
border-bottom:1px solid #000;
}
#footer.cat-list li {
display: inline-block;
width: auto;
float: none;
border: 0;
font-size: 12px;
}
@media screen and (max-width: 639px) {
#footer a.cat {
padding: 10px 0px;
font-size: 12px;
text-align: left;
}
#footer ul.cat-list li {
border-bottom: 1px solid #fff;
display: inline-block;
text-align: left;
width: 50%;
float: left;
}
#footer .info h3 {
padding: 4px 10px;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-size: 12px;
background:#999;
}
#footer .inner .sub a {display: inline-block;}
.list-column-top {
background:#000;
padding: 8px;
}
.list-column-top a {
color:#fff;
}}
@media screen and (min-width: 640px) {
.pcnone {display:none;}
.wakuwaku:after {
width: 480px;
height: 270px;
content: url(//www.marutaka-c.com/common/images/uploads/2019/01/bg_fig_cover_480-270.png);
position: absolute;
left: 0px;
top: 0px;
}
.wakuwaku {
width: 480px;
height: 270px;
overflow: hidden;
float: left;
position:relative;
}
nav.nav-columns {
text-align: center;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-feature-settings: "palt";
font-weight: 700;
letter-spacing: 1.5px;
}
nav.nav-columns ul {
display: inline-block;
line-height: 100%;
}
nav.nav-columns ul li {
float: left;
height: 40px;
vertical-align: middle;
align-items: center;
background: url(https://www.marutaka-c.com/common/images/common/bg_nav_bar2.png) no-repeat 100% 0%;
padding: 0px 20px;
line-height: 16px;
}
nav.nav-columns ul li:nth-of-type(3n+1) {
background: url(https://www.marutaka-c.com/common/images/common/bg_nav_bar2.png) no-repeat 100% 0%;
}
nav.nav-columns ul li:nth-of-type(3n+2) {
background: url(https://www.marutaka-c.com/common/images/common/bg_nav_bar2.png) no-repeat 100% 0%;
}
nav.nav-columns ul li:nth-of-type(3n) {
background: url(https://www.marutaka-c.com/common/images/common/bg_nav_bar2.png) no-repeat 100% 0%;
}
nav.nav-columns ul li:nth-of-type(7n) {
background:none;
}
nav.nav-columns ul li:after {
display: inline-block;
width: 0;
height: 0;
border-top: 6px solid #000;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
vertical-align: 0.2em;
margin-left: 10px;
}
.nav-columns a {height: 40px;}
.nav-columns a:hover {
background: url(//www.marutaka-c.com/common/images/uploads/2019/02/hover-radius.png) no-repeat;
margin: 0 auto;
background-position: center -2px;
background-size: 40px;
display: block;
height:40px;
}
.bkRGBA {
height: 100%;
background: rgba(255,255,255,0.3);
display: block;
font-size:90%;
}
#head-column .nav-columns small {
color: #848484;
font-weight: 400;
font-family: 'Shadows Into Light';
}}
.newentry-link {
color: hsla(4, 97%, 34%, 0.52);
font-size: 14px;
font-size: 93%;
letter-spacing: 1px;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
text-align: right;
display: block;
}
.newentry-link:hover {text-decoration: underline; color: #ff2c4f;}
.tagcloud a {
font-size: 11px!important;
background: #222;
color: #fff;
display: inline-block;
white-space: nowrap;
margin-top: 8px;
text-decoration: none;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
padding: 3px 6px;
letter-spacing:1px;
font-feature-settings: "palt";
}
.tagcloud a:hover {
background: #DCDCDC;
color: 2098a8;
}
.tagcloud a:before { font-weight: 900;
font-size:10px;
}
.nof span {
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-size:12px;
display:block;
}
#head-column .nav-columns small.slug-col {
color: hsla(4, 97%, 34%, 0.52);
letter-spacing:2px;
font-weight:900;
font-family: 'Shadows Into Light';
font-size: 100%;
}
.column-category-title {
}
.column-category-title h1 {
font-weight: 700;
}
.column-category-title h1 span {
background: url(https://www.marutaka-c.com/common/images/reform/plan/bg_brown_a10.png) repeat-x bottom;
}
.event-inner {
width:100%;
display: inline-block;
clear: both;
}
.event-inner .width-50 {padding: 0px 14px;}
.width-10 {width:10%;}
.width-20 {width:20%;}
.width-30 {width:30%;}
.width-40 {width:40%;}
.width-50 {width:50%;}
.width-60 {width:60%;}
.width-70 {width:70%;}
.width-80 {width:80%;}
.width-90 {width:90%;}
.pd1per {padding:1%;}
.pd2per {padding:2%;}
.pd3per {padding:3%;}
.left {float:left;}
@media screen and (max-width: 639px) {
.large {
width:100%;
}}
.left {float:left;}
.right {float:right;}
.event-inner img {width:100%;}
.aligncenter {text-align:center;}
p.textright {
text-align:right;
font-feature-settings: "palt";
font-weight:700;
font-size: 12px;
}
@media screen and (min-width: 640px) {
.side-category {
font-size: 80%;
background: #DCDCDC;
padding: 2px;
font-weight: 900;
float: left;
position: absolute;
top: 0px;
letter-spacing: 0px;
}
.rankp .side-category {
font-size: 80%;
background: #DCDCDC;
padding: 2px;
font-weight: 900;
float: left;
position: relative;
top: 0px;
letter-spacing: 0px;
}
.wn-text-area {
width: 64%;
display: inline-block;
padding-top: 14px;
font-feature-settings: "palt";
letter-spacing:0.5px;
}
.rankarea .wn-text-area {
width: 100%;
display: inline-block;
padding-top: 2px;
font-size:12px;
line-height:1.5;
letter-spacing: 0px;
}
#contentBlock .sideArea aside.tax li a:hover {
background:#222;
color: #fff;
}
#contentBlock .mainArea article.arrival-area {
display: flex;
align-items: center;
background: url(https://www.marutaka-c.com/common/images/column/bg_sha_boder.png) repeat-x bottom;
border-bottom: 0px;
}
#contentBlock .mainArea article.arrival-area.first {
display: block;
align-items: center;
background: url(https://www.marutaka-c.com/common/images/column/bg_sha_boder.png) repeat-x bottom;
border-bottom: 0px;
}
#contentBlock .mainArea article.first figure.arrival {
width: 98%;
height: 420px;
overflow: hidden;
float: left;
border-radius: 10px;
}
#contentBlock .mainArea article.first .inner {
margin: 0 auto;
margin-top:30px;
position:relative;
}}
#newItem .Newmark {
position: absolute;
display: inline-block;
vertical-align: middle;
text-align: center;
font-size: 58px;
color: rgb(240 84 84 / 80%);
top: -1vh;
left: -1vh;
z-index: 99;
font-family: 'Cedarville Cursive', cursive,'Shadows Into Light';
transform: rotate(-20deg);
} @media screen and (min-width: 640px) {
#newItem .Newmark {top: 1.2vw; left: 0.2vw;}
#contentBlock .mainArea .wp-pagenavi {
text-align: center;
letter-spacing: 0;
clear: both;
padding-top: 70px;
}
#contentBlock .mainArea .wp-pagenavi span.current {
width: 36px;
font-weight: 700;
line-height: 36px;
border: 1px dashed #000;
display: inline-block;
margin: 0 2px;
}
#contentBlock .mainArea .wp-pagenavi a {
width: 36px;
line-height: 36px;
text-align: center;
border: 1px solid #000;
background: #fff;
display: inline-block;
margin: 2px;
}
#contentBlock .mainArea .wp-pagenavi a.nextpostslink {
width: 70px;
line-height: 36px;
}
#contentBlock .mainArea .wp-pagenavi a.previouspostslink {
width: 70px;
line-height: 36px;
}
#contentBlock .mainArea .wp-pagenavi a:hover {
background: #000;
color: #fff;
}}
@media screen and (max-width: 639px) {
.wn-text-area {
font-feature-settings: "palt";
font-size: 11px;
display: inline-block;
padding-top: 2px;
line-height: 1.6;
letter-spacing: 1px;
word-break: break-all;
}
#contentBlock .sideArea aside.tax li a:hover {
background:#222;
color: #fff;
}
#contentBlock .sideArea aside {
margin-bottom: 10%;
}
#contentBlock .mainArea .wp-pagenavi {
text-align: center;
letter-spacing: 0;
clear: both;
padding: 20px 0px;
}
#contentBlock .mainArea .wp-pagenavi span.current {
width: 36px;
font-weight: 700;
line-height: 36px;
border: 1px dashed #000;
display: inline-block;
margin: 0 2px;
}
#contentBlock .mainArea .wp-pagenavi a {
width: 36px;
line-height: 36px;
text-align: center;
border: 1px solid #000;
background: #fff;
display: inline-block;
margin: 2px;
}
#contentBlock .mainArea .wp-pagenavi a.nextpostslink {
width: 70px;
line-height: 36px;
}
#contentBlock .mainArea .wp-pagenavi a.previouspostslink {
width: 70px;
line-height: 36px;
}
#contentBlock .mainArea .wp-pagenavi a:hover {
background: #eee;
color: #fff;
}
header .spmenu {
width: 54px;
height: 54px;
position: absolute;
right: 6px;
top: 38px;
background: #000;
margin: 0 auto;
padding: 7px;
z-index: 8000;
}
header .spmenu div span {
width: 28px;
height: 1px;
background: #fff;
margin: 5px auto;
display: block;
}
header .spmenu div:after {
font-size: 71%;
line-height: 0.9;
text-align: center;
content: "menu";
display: block;
color: #fff;
}
#head-column nav {
width: 100%;
position: absolute;
top: 38px;
background: rgba(248,248,248,0.95);
left: 0;
display: none;
overflow: hidden;
z-index: 2000;
border-top: 1px solid #333;
}
#head-column nav ul li {
text-align: left;
border-bottom: 1px solid #333;
}
#head-column nav ul li ul {
height: 0;
-webkit-transition: 400ms ease-in-out;
-moz-transition: 400ms ease-in-out;
-ms-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
opacity: 0;
}
#head-column nav ul li ul li {
height: 0;
font-size: 93%;
line-height: 100%;
padding-left: 20px;
text-align: left;
border-top: 1px dashed #333;
border-bottom: none;
-webkit-transition: 400ms ease-in-out;
-moz-transition: 400ms ease-in-out;
-ms-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
opacity: 0;
}
#head-column nav ul li a {
padding: 6px 10px;
color: #333;
display: block;
font-weight:500;
}
#head-column nav ul li ul li a {
padding: 5px;
}
#head-column nav ul li.close {
color: #fff;
text-align: center;
padding: 10px;
display: block;
background: #000;
margin: 0 auto;
}
#head-column nav ul li.social {text-align: center;}
#head-column nav ul li.social a {
font-size: 170%;
line-height: 40px;
display: inline-block;
}
#head-column nav ul li.social a.ln img {
width: 25px;
position: relative;
top: -3px;
}
#head-column nav > ul > li.have.on > a:before {content: '\e80a';}
#head-column nav > ul > li.have > a:before {content: '\e809';}
#head-column nav > ul > li > a:before {
font-family: 'fontello';
content: '\e80b';
display: inline-block;
margin-right: 5px;
}
#head-column nav ul li li a:before {
font-family: 'fontello';
content: '\e80d';
display: inline-block;
margin-right: 5px;
}
#head-column nav ul li.on ul {
height: auto;
opacity: 1;
}
#head-column nav ul li ul li {
height: 0;
font-size: 93%;
line-height: 30px;
padding-left: 20px;
text-align: left;
border-top: 1px dashed #333;
border-bottom: none;
-webkit-transition: 400ms ease-in-out;
-moz-transition: 400ms ease-in-out;
-ms-transition: 400ms ease-in-out;
-o-transition: 400ms ease-in-out;
transition: 400ms ease-in-out;
opacity: 0;
}
#head-column nav ul li.on ul li {
height: 100%;
padding-top: 4px;
padding-bottom: 4px;
}
#head-column nav ul li.on ul li {
height: 36px;
opacity: 1;
line-height: 18px;
}
#head-column nav ul li ul li {
line-height: 100%;
}
.column-category-title h1 {
letter-spacing: 2px;
margin-bottom: 10px;
}} #prev_next{
width:100%;
margin: 36px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 10px;
border-top:#000 1px solid;
border-bottom:#000 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
font-size:80%;
line-height:1.6;
letter-spacing:2.0;
padding:2px;
margin: 10px 0px;
}
#prev_next #prev:hover, #prev_next #next:hover{background-color: rgba(238,238,238,0.7);}
#prev_next #prev{border-right:#000 1px solid;}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute;
border: 1px #000 solid;
background:#fff;
text-align: center;
padding:3px;
font-weight:900;
}
#prev_next #next_title{right:10px;}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
max-width:80px;
}
#prev_next #prev_no, #prev_next #next_no {
width: 50%;
height:0px;
padding:0 0px;
}
#prev_next #prev_no{border-right:#000 1px solid;}
#prev_next_home:hover{background-color: rgba(0,0,255,0.7);}
#prev_next_home i{
color:#FFF;
margin:10px auto ;
font-size:60px;
}  @media only screen and (max-width: 780px) {
} @media only screen and (min-width: 380px) {
} @media only screen and (min-width: 780px) {  #prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
font-family: "futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
font-weight: 900;
}
#prev_next #next_title{right:10px;}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
} }
@media screen and (max-width: 639px) {
.flex {text-align: center;display:block;}
#gnav .pcnone a {width:auto;}
.otherWorksBlock {
clear: both;
width: auto;
margin: 0 auto;
text-align: center;
padding: 80px 0px 20px 0px;
background: url(https://www.marutaka-c.com/common/images/common/bg_dot_line_long.png) repeat-x 0 100px;
}
.otherWorksBlock h4 {
text-align: center;
font-size: 140%;
line-height: 40px;
display: inline-block;
background: #fff;
padding: 0 30px;
font-weight:900;
}
.otherWorksBlock h4 i {
width: 28px;
height: 34px;
background: url(https://www.marutaka-c.com/common/images/works/ico_works_other.png) no-repeat;
display: inline-block;
margin-right: 8px;
margin-bottom: -8px;
}
.props-list {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
padding:0px 4px;
}
.props-list li {
width: 50%;
display: block;
padding: 2%;
text-align: left;
}
.props-list-inner {
border: 1px solid #dcdcdc;
box-shadow: 6px 6px #f5f5f5;
display: block;
background: #fff;
border-radius:10px;
overflow:hidden;
}
.props-list li img {
max-width: 100%;
height: auto;
}
.otherWorksBlock .props-list-inner .category {
height:42px;
width:100%;
}
.props-list li h5 {
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
font-size: 83%;
letter-spacing: 1.5px;
padding: 2px;
margin: 10px 0px 0px;
text-align: justify;
text-justify: inter-ideograph;
line-height: 1.6em;
min-height: 114px;
max-height: 200px;
display:inline-block;
}
.otherWorksBlock .category a {
font-size: 65%;
line-height: 20px;
background: #DCDCDC;
display: inline-block;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
font-weight: 900;
border-radius: 5px;
}
#footerFloatingMenu i {
text-align: center;
display: inline-block;
}
#footerFloatingMenu img {width: 24px;}
#footerFloatingMenu ul.nav {
width:100%;
margin:0 auto;
display: flex;
padding: 4px;
}
#footerFloatingMenu ul.nav li {
width:50%;
margin:0 auto;
text-align: center;
padding: 4px;
}
#footerFloatingMenu ul.nav p {
display: inline-block;
margin-left:6px;
vertical-align: middle;
color:#E4E4E4;
letter-spacing: 1px;
font-size: 12px;
border-bottom: dashed 1px;
padding-bottom: 2px;
font-weight: 900;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
}
#footerFloatingMenu ul.nav a {display: inline-block;}
#footerFloatingMenu {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 9999;
text-align: center;
background: rgba(66, 34, 5, 0.85);
}}
.btn05 {
background-color: #fff;
color: #fff;
background-size: 201% 100%;	
background-image: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 1) 50%);
background-image: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 1) 50%);
-webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
border: 1px solid #000;
font-size: 12px;
font-weight: 900;
line-height: 26px;
padding: 0%;
width: 70%;
display: block;
margin: 0 auto;
border-radius: 14px;
color: #000;
text-align:center;
}
.btn05:hover {
background-color: #000;
background-position: -100% 100%;
color: #fff;
}
.akiyama {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/5041e46285945df1c3ae9947cb53de67.jpg) no-repeat;}
.izumi {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/41a301b509f597bb8838fac56ad59b41.jpg) no-repeat;}
.ishigaki {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/3b4973c4d84bd9eef99fdc0b626378552.jpg) no-repeat;}
.endou {background: url(//www.marutaka-c.com/common/images/uploads/2024/04/47ecf9240776db009e49e7b11ad24bfe.jpg) no-repeat;}
.kasahara {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/b357fb679269d8152ed33de7eec1ee8c5.jpg) no-repeat;}
.karasawa {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/4a4972c80689c5d5a939e6b16872355f.jpg) no-repeat;}
.hashizume {background: url(//www.marutaka-c.com/common/images/uploads/2019/07/574704813d05db90272a60931472e90f.jpg) no-repeat;}
.hayasaka {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/9c2e669cb90fcee061b239f1b75d74331.jpg) no-repeat;}
.nakada {background: url(//www.marutaka-c.com/common/images/uploads/2023/10/602505a1d693e5a493206662a30a8075.jpg) no-repeat;}
.takasaki {background: url(//www.marutaka-c.com/common/images/uploads/2024/04/0528f547ddd4f75ba30d204cb7a170a0-1.jpg) no-repeat;}
.takahashi {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/aaf2872cf02d9fb985f323ff3f3d110f.jpg) no-repeat;}
.akiyama-c {background: url(//www.marutaka-c.com/common/images/uploads/2021/01/8e8f6284ffa8d08038182564db301f8d.jpg) no-repeat;}
.shiba {background: url(//www.marutaka-c.com/common/images/uploads/2021/09/7491fc49f5d8f91a7c104edc5c304320.jpg) no-repeat;}
.takizawa {background: url(//www.marutaka-c.com/common/images/uploads/2021/09/5ed940d8b8608f2c7b4fb05b2264ae69.jpg) no-repeat;}
.satou {background: url(//www.marutaka-c.com/common/images/uploads/2022/07/63aada58c59e5bc35898bc3a4cd4125a.jpg) no-repeat;}
.ishida {background: url(//www.marutaka-c.com/common/images/uploads/2022/06/b0ae93ff5f970386c6aa845609989d3b.jpg) no-repeat;}
.kawamura {background: url(//www.marutaka-c.com/common/images/uploads/2022/07/ce2076d35e30087351c5522332dec442.jpg) no-repeat;}
.taki {background: url(//www.marutaka-c.com/common/images/uploads/2022/06/d2030e588d8bd7105914d02b17b6705c.jpg) no-repeat;}
.nakao {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/14340bb26ee85af94a71eafeeb117374.jpg) no-repeat;}
.morita {background: url(//www.marutaka-c.com/common/images/uploads/2022/06/c4fc6ad66de413cbcc193e017c61d86a.jpg) no-repeat;}
.iijima {background: url(//www.marutaka-c.com/common/images/uploads/2022/06/20445e7d078b712a406d19f64c4e6308.jpg) no-repeat;}
.takebayashi {background: url(//www.marutaka-c.com/common/images/uploads/2023/10/46bf2db5f1e1ade60784600e1abd5a0e.jpg) no-repeat;}
.suzuki {background: url(//www.marutaka-c.com/common/images/uploads/2019/04/f221db497a179ac786a57039dd4dcda1.jpg) no-repeat;}
.ohta {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/97fa549b2a9e38452922dd33ba0fb679.jpg) no-repeat;}
.kobayashi {background: url(//www.marutaka-c.com/common/images/uploads/2023/10/ba8f7860bae75a5f2050b3f8b8e01c8b.jpg) no-repeat;}
.staff-write span {
height: 110px;
width: 110px;
display: block;
background-size: contain;
}
.writer {
max-width: 720px;
margin: 0 auto;
padding: 20px;
background: #f5f5f5;
position:relative;
}
.writer p.pos {
font-weight: 500;
font-size: 0.7rem;
border-left: 2px solid #000;
padding-left: 10px;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
margin-left: 20px;
margin-bottom: 10px;
font-feature-settings: "palt";
}
.writer .name {
font-weight: 700;
font-size: 1.1rem;
display: block;
margin-bottom: 10px;
text-align: left;
margin-left: 20px;
line-height: 1.2;
}
.writer p.exp {
font-weight: 500;
line-height: 12px;
font-size: 0.7rem;
display: inline-block;
margin-left: 20px;
vertical-align: middle;
text-align: left;
margin-bottom: 10px;
}
.writer .inner {
display: flex;
justify-content: space-between;
align-items: center;
}
.writer .writer_thumb {
width: 100px;
height: 100px;
border-radius: 100%; vertical-align: middle;
overflow: hidden;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.writer_title {
display: inline-block;
background: #000;
color: #fff;
padding: 0.5% 2%;
position: absolute;
top: -20px;
left: 0px;
font-size: 0.7em;
z-index: 30;
}
.writer-link {
height: 24px;
margin-left: 20px;
margin-top: 8px;
}
.build-more-link {
height: 30px;
margin-top: 20px;
font-weight: 700;
}
.txt-underline {
border-bottom: 1px solid;
}
table.tb3-3 {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 650px;
table-layout: fixed;
color: #000;
}
table.tb3-3 tr {
background-color: #fff;
padding: .35em;
border-bottom: 1px solid #bbb;
}
table.tb3-3 thead{
border-bottom: 2px solid #ff9900;
}
table.tb3-3 tr:last-child{
border-bottom: none
}
table.tb3-3 th {
font-weight: 700;
}
table.tb3-3 th,table.tb3-3 td {
padding: 1em 10px 1em 1em;
border-right: 1px solid #bbb;
}
table.tb3-3 th:last-child,
table.tb3-3 td:last-child{
border: none;
}
tbody th {
color: #ff9901;
}
table.tb3-3 .txt {
text-align: left;
font-size: .85em;
}
table.tb3-3 .price{
text-align: left;
font-size: .85em;
}
@media screen and (max-width: 639px) {
table.tb3-3 {
border: 0;
width:100%
}
table.tb3-3 th{
display: block;
border-right: none;
border-bottom: 2px solid #ff9901;
padding-bottom: .6em;
margin-bottom: .6em;
font-weight:bold;
}
table.tb3-3 thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table.tb3-3 tr {
display: block;
margin-bottom: 2em;
}
table.tb3-3 td {
border-bottom: 1px solid #bbb;
display: block;
font-size: .8em;
text-align: right;
position: relative;
padding: .625em .625em .625em 6.5em;
border-right: none;
}
table.tb3-3 td::before {
content: attr(data-label);
font-weight: bold;
position: absolute;
left: 10px;
letter-spacing: 0px;
}
table.tb3-3 td:last-child {
border-bottom: 0;
}
}
.mb20 {
margin-bottom: 20px;	
}
.mb40 {
margin-bottom: 40px;	
}
.mb60 {
margin-bottom: 60px;	
}
     @font-face {
font-family:'fontello';
src:url(/common/font/fontello.eot?34105157);
src:url(/common/font/fontello.eot?34105157#iefix) format('embedded-opentype'),
url(/common/font/fontello.woff?34105157) format('woff'),
url(/common/font/fontello.ttf?34105157) format('truetype'),
url(/common/font/fontello.svg?34105157#fontello) format('svg');
font-weight:normal;
font-style:normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family:"fontello";
font-style:normal;
font-weight:normal;
speak:none;
display:inline-block;
text-decoration:none;
width:1em;
margin-right:.2em;
text-align:center;
font-variant:normal;
text-transform:none;
line-height:1em;
margin-left:.2em;
}
.icon-yr:before { content: '\e800'; }
.icon-yl:before { content: '\e801'; }
.icon-fb:before { content: '\e802'; }
.icon-r:before { content: '\e803'; }
.icon-cyr:before { content: '\e804'; }
.icon-cyl:before { content: '\e805'; }
.icon-d:before { content: '\e806'; }
.icon-yd:before { content: '\e807'; }
.icon-yu:before { content: '\e808'; }
.icon-dd:before { content: '\e809'; }
.icon-du:before { content: '\e80a'; }
.icon-dr:before { content: '\e80b'; }
.icon-dl:before { content: '\e80c'; }
.icon-cr:before { content: '\e80d'; }
.icon-cl:before { content: '\e80e'; }
.icon-cd:before { content: '\e80f'; }
.icon-cu:before { content: '\e810'; }
.icon-l:before { content: '\e811'; }
.icon-u:before { content: '\e812'; }
.icon-insta:before { content: '\e813'; } 
.icon-yrd:before { content: '\e814'; } 
.icon-yld:before { content: '\e815'; }
.icon-check:before { content: '\e816'; } 
.icon-ccheck:before { content: '\e817'; }
.ttl ,
h1,h2,h3,h4,h5,
.innerBlock p.mf ,
.mf {
letter-spacing:3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight:normal;
}
.innerBlock p ,
.nof {
font-family:"futura-pt","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}@font-face {
font-family: 'icomoon';
src:  url(/common/icomoon/fonts/icomoon.eot?aan3yd);
src:  url(/common/icomoon/fonts/icomoon.eot?aan3yd#iefix) format('embedded-opentype'),
url(/common/icomoon/fonts/icomoon.ttf?aan3yd) format('truetype'),
url(/common/icomoon/fonts/icomoon.woff?aan3yd) format('woff'),
url(/common/icomoon/fonts/icomoon.svg?aan3yd#icomoon) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-line:before {
content: "\e900";
}