@charset "UTF-8";
@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}body:after {
content: url(//opi-rina.chunichi.co.jp/common/images/vendor/close.png) url(//opi-rina.chunichi.co.jp/common/images/vendor/loading.gif) url(//opi-rina.chunichi.co.jp/common/images/vendor/prev.png) url(//opi-rina.chunichi.co.jp/common/images/vendor/next.png);
display: none;
}
body.lb-disable-scrolling {
overflow: hidden;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px; border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px; background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(//opi-rina.chunichi.co.jp/common/images/vendor/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//opi-rina.chunichi.co.jp/common/images/vendor/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//opi-rina.chunichi.co.jp/common/images/vendor/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
color: #fff;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//opi-rina.chunichi.co.jp/common/images/vendor/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}#gallerybox {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100vh;
z-index: 998;
}
#gallerybox > span {
display: none;
position: absolute;
right: 20px;
top: 0;
padding: 1em;
font-size: 12px;
color: #ccc;
cursor: pointer;
z-index: 999;
}
#gb-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 998;
}
#gb-big {
position: absolute;
z-index: 998;
}
#gb-list {
position: absolute;
width: 100%;
height: 150px;
box-sizing: border-box;
left: 0;
bottom: 0;
padding: 0 20px;
text-align: center;
white-space: nowrap;
overflow-x: hidden;
z-index: 998;
}
#gb-list:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
#gb-list > .left,
#gb-list > .right {
position: fixed;
width: 20px;
height: 150px;
bottom: 0;
line-height: 150px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-weight: 600;
color: #ccc;
background-color: rgba(51, 51, 51, 0.75);
cursor: pointer;
z-index: 998;
}
#gb-list > .left {
left: 0;
border-radius: 0 100% 100% 0 / 0 50% 50% 0;
}
#gb-list > .right {
right: 0;
border-radius: 100% 0 0 100% / 50% 0 0 50%;
}
#gb-list > img {
vertical-align: middle;
margin: 0 1em;
max-height: 75%;
cursor: pointer;
}

.clearfix::after {
content: "";
display: table;
clear: both;
}
html {
position: relative;
min-height: 100%;
font-size: 14px;
font-family: -apple-system, BlinkMacSystemFont, "メイリオ", Meiryo, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, sans-serif;
}
html * {
line-height: 1.5;
box-sizing: border-box;
}
html img {
vertical-align: top;
}
html a {
display: inline-block;
text-decoration: none;
}
html a:active, html a:link, html a:visited {
color: #333333;
text-decoration: none;
}
html a:hover {
color: #333333;
text-decoration: underline;
}
html a:hover img {
opacity: 0.9;
}
html p {
margin-top: 1em;
}
html li {
list-style: none;
}
body {
margin-bottom: 202px;
}
sup {
font-size: 12px !important;
font-size: 0.86rem !important;
vertical-align: super;
} .pc-content {
display: block !important;
}
.sp-content {
display: none !important;
}
.mt5 {
margin-top: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.mr85 {
margin-right: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.ml85 {
margin-left: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.mr95 {
margin-right: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.ml95 {
margin-left: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.mt105 {
margin-top: 105px !important;
}
.mr105 {
margin-right: 105px !important;
}
.mb105 {
margin-bottom: 105px !important;
}
.ml105 {
margin-left: 105px !important;
}
.mt110 {
margin-top: 110px !important;
}
.mr110 {
margin-right: 110px !important;
}
.mb110 {
margin-bottom: 110px !important;
}
.ml110 {
margin-left: 110px !important;
}
.mt115 {
margin-top: 115px !important;
}
.mr115 {
margin-right: 115px !important;
}
.mb115 {
margin-bottom: 115px !important;
}
.ml115 {
margin-left: 115px !important;
}
.mt120 {
margin-top: 120px !important;
}
.mr120 {
margin-right: 120px !important;
}
.mb120 {
margin-bottom: 120px !important;
}
.ml120 {
margin-left: 120px !important;
}
.mt125 {
margin-top: 125px !important;
}
.mr125 {
margin-right: 125px !important;
}
.mb125 {
margin-bottom: 125px !important;
}
.ml125 {
margin-left: 125px !important;
}
.mt130 {
margin-top: 130px !important;
}
.mr130 {
margin-right: 130px !important;
}
.mb130 {
margin-bottom: 130px !important;
}
.ml130 {
margin-left: 130px !important;
}
.mt135 {
margin-top: 135px !important;
}
.mr135 {
margin-right: 135px !important;
}
.mb135 {
margin-bottom: 135px !important;
}
.ml135 {
margin-left: 135px !important;
}
.mt140 {
margin-top: 140px !important;
}
.mr140 {
margin-right: 140px !important;
}
.mb140 {
margin-bottom: 140px !important;
}
.ml140 {
margin-left: 140px !important;
}
.mt145 {
margin-top: 145px !important;
}
.mr145 {
margin-right: 145px !important;
}
.mb145 {
margin-bottom: 145px !important;
}
.ml145 {
margin-left: 145px !important;
}
.mt150 {
margin-top: 150px !important;
}
.mr150 {
margin-right: 150px !important;
}
.mb150 {
margin-bottom: 150px !important;
}
.ml150 {
margin-left: 150px !important;
}
header {
margin: 0 auto;
padding: 5px 0 0;
width: 1000px;
text-align: center;
}
header nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
width: 100%;
}
header nav > ul > li {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
position: relative;
height: 37px;
font-size: 15px;
font-size: 1.07rem;
}
header nav > ul > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
height: 100%;
}
header nav > ul > li > a:hover {
background-color: rgba(255, 198, 184, 0.9);
text-decoration: none;
}
header nav > ul > li > a > span {
position: relative;
}
header nav > ul > li > a > span::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 10px;
height: 7px;
background-color: transparent;
background-image: url(/common/svg/icon_arrow_down_01.svg);
background-repeat: no-repeat;
background-size: 10px 7px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 5px;
}
header nav > ul > li > div {
overflow: hidden;
position: absolute;
left: 0;
top: 37px;
z-index: 2;
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
width: 220px;
}
header nav > ul > li > div ul {
position: relative;
-webkit-transform: translate(0, -100%);
transform: translate(0, -100%);
-webkit-transition: all 0.5s 0.0s;
transition: all 0.5s 0.0s;
width: 100%;
}
header nav > ul > li > div ul a {
display: block;
background-color: rgba(255, 198, 184, 0.9);
padding: 0 10px;
width: 100%;
height: 37px;
font-size: 15px;
font-size: 1.07rem;
line-height: 37px;
text-align: left;
}
header nav > ul > li > div ul a:hover {
background-color: rgba(255, 136, 106, 0.9);
color: #fff;
text-decoration: none;
}
header nav > ul > li > div ul li:nth-child(even) a {
background-color: rgba(255, 217, 210, 0.9);
}
header nav > ul > li > div ul li:nth-child(even) a:hover {
background-color: rgba(255, 136, 106, 0.9);
}
header nav > ul > li > div ul li:last-child a {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
header nav > ul > li:hover > div {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
header nav > ul > li:hover > div > ul {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
#menu-chunichi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#menu-chunichi li {
border-left: 1px solid #CCC;
padding: 2px 8px;
font-size: 12px;
font-size: 0.86rem;
}
#menu-chunichi li:nth-child(1) {
margin-right: 20px;
border-left: none;
}
#menu-chunichi li:nth-child(2) {
border-left: none;
}
#menu-chunichi li a:hover, #menu-chunichi li a:active, #menu-chunichi li a:link, #menu-chunichi li a:visited {
color: #156BDC;
}
#logo-opirina {
position: relative;
widows: 100%;
height: 100px;
}
#logo-opirina img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#info-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
background-color: #DEDEDE;
border-bottom: 3px solid #BA1B21;
width: 100%;
height: 30px;
}
#info-bar #pickup {
background: transparent url(/common/images/hl_pickup.png) no-repeat 7px 7px;
width: 710px;
text-align: left;
}
#info-bar #pickup > ul {
left: 77px;
}
#info-bar #pickup > ul > li {
display: none;
height: 27px;
line-height: 27px;
}
#info-bar #search-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 210px;
}
#info-bar #search-wrapper > p {
margin: 0 5px 0 0;
color: #666666;
font-size: 10px;
font-size: 0.71rem;
}
#info-bar #search-wrapper #search {
position: relative;
border: 1px solid #333333;
background-color: #fff;
width: 140px;
height: 18px;
text-align: left;
}
#info-bar #search-wrapper #search .search-text {
float: left;
margin: 2px 0 0 2px;
border: none !important;
background: none;
padding: 0 !important;
width: 115px;
height: 13px;
line-height: 13px;
}
#info-bar #search-wrapper #search .search-btn {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 11px;
height: 14px;
background-color: transparent;
background-image: url(/common/images/btn_search.png);
background-repeat: no-repeat;
background-size: 11px 14px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
right: 5px;
border: none;
cursor: pointer;
}
#info-bar #search-wrapper #search .search-btn:hover {
opacity: 0.8;
}
.category h1 {
margin-bottom: 17px;
border-bottom: 1px solid #BA1B21;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
height: 29px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.tag h1 {
margin-bottom: 20px;
background-color: #BA1B21;
padding-left: 12px;
height: 30px;
color: #fff;
font-size: 15px;
font-size: 1.07rem;
font-weight: normal;
line-height: 30px;
}
.tag h1 span {
color: #fff;
font-size: 12px;
font-size: 0.86rem;
}
.single h1 {
margin: 0;
font-size: 24px;
font-size: 1.71rem;
font-weight: normal;
}
.category h2 {
margin-bottom: 10px;
border-left: 2px solid #BA1B21;
padding-left: 4px;
height: 21px;
color: #BA1B21;
font-weight: bold;
}
.single h2 {
margin-top: 25px;
font-size: 20px;
font-size: 1.43rem;
}
h2 a {
height: 100%;
color: #BA1B21;
display: block;
position: relative;
width: 100%;
}
h2 a::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 7px;
height: 10px;
background-color: transparent;
background-image: url(/common/svg/icon_arrow_right_01.svg);
background-repeat: no-repeat;
background-size: 7px 10px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
right: 0;
}
h2 a:hover {
text-decoration: none;
}
article {
word-break: break-all;
}
article::after {
content: "";
display: table;
clear: both;
}
article a {
color: #000099;
text-decoration: underline;
}
article a:hover {
text-decoration: none;
}
article p {
line-height: 1.8;
}
article p span {
font-weight: bold;
}
article figure {
padding-top: 5px;
text-align: center;
}
article figure figcaption {
margin-top: 4px;
color: #888;
font-size: 12px;
font-size: 0.86rem;
text-align: left;
}
article figure dl {
border: 1px solid #CCCCCC;
border-top: none;
text-align: left;
}
article figure dl dt, article figure dl dd {
border-top: 1px solid #CCCCCC;
padding: 9px 13px;
font-size: 12px;
font-size: 0.86rem;
}
article figure dl dt {
background-color: #EBEBEB;
font-size: 13px;
font-size: 0.93rem;
}
.iegohan article figure dl {
width: 320px;
}
#blog article figure {
margin-top: 1em;
}
article .posi-right {
float: right;
margin-left: 20px;
margin-bottom: 5px;
}
article .posi-left {
float: left;
margin-right: 20px;
margin-bottom: 5px;
}
article .sub-info {
margin-top: 1px;
margin-bottom: 5px;
font-size: 15px;
font-size: 1.07rem;
}
article .s-color {
color: #BA1B21;
}
article .s-large {
font-size: 24px !important;
font-size: 1.71rem !important;
line-height: 1.3;
}
article .s-large span {
color: #FF0000;
font-weight: normal;
}
article .s-small {
font-size: 12px !important;
font-size: 0.86rem !important;
line-height: 1.5;
}
article .s-bold {
font-size: 15px;
font-size: 1.07rem;
font-weight: bold;
}
article .s-l-border {
border-left: 2px solid #BA1B21;
padding-left: 11px;
}
article .col2, article .col3 {
padding-top: 20px;
}
article .col2 section p, article .col2 div p, article .col2 figure p, article .col3 section p, article .col3 div p, article .col3 figure p {
margin-top: 1em;
color: #333333;
font-size: 14px;
font-size: 1rem;
line-height: 1.8;
}
article .col2 section p:first-child, article .col2 div p:first-child, article .col2 figure p:first-child, article .col3 section p:first-child, article .col3 div p:first-child, article .col3 figure p:first-child {
margin-top: 0;
}
article .col2 section a, article .col2 div a, article .col2 figure a, article .col3 section a, article .col3 div a, article .col3 figure a {
display: block;
}
article .col2 section dl a, article .col2 div dl a, article .col2 figure dl a, article .col3 section dl a, article .col3 div dl a, article .col3 figure dl a {
display: inline;
}
article .btn {
margin: 30px auto 0;
width: 613px;
height: 45px;
line-height: 45px;
color: #fff !important;
font-size: 20px;
font-size: 1.43rem;
}
article table.data {
margin-top: 30px;
width: 100%;
}
article table.data caption {
margin-bottom: 10px;
border-bottom: 1px solid #BA1B21;
fill: #BA1B21;
font-size: 15px;
font-size: 1.07rem;
font-weight: bold;
line-height: 1.1;
text-align: left;
}
article table.data tr {
border-top: 5px solid #fff;
}
article table.data tr:nth-of-type(1) {
border-top: none;
}
article table.data tr th, article table.data tr td {
vertical-align: middle;
color: #666666;
}
article table.data tr th {
background-color: #FAC9CE;
padding: 10px 0;
width: 150px;
font-weight: normal;
}
article table.data tr td {
padding: 10px 0 10px 17px;
}
article table.data tr td.shopdata {
padding: 10px 0;
}
article table.data tr td.shopdata span {
display: inline-block;
margin-right: 1em;
border-left: 5px solid #D5D2E6;
padding-left: 10px;
color: #666666;
font-weight: bold;
}
article table.data a:active, article table.data a:link, article table.data a:visited {
text-decoration: underline;
}
article table.data a:hover {
text-decoration: none;
}
article #map,
article .sub-map {
margin-top: 10px;
height: 450px;
}
article #map iframe,
article .sub-map iframe {
width: 100%;
height: 100%;
}
.wideslider {
margin: 0 auto 28px;
}
.wideslider a:hover img {
opacity: 1;
}
#content {
margin: 0 auto;
width: 1000px;
}
.content-left {
float: left;
width: 660px;
}
.content-right {
float: right;
width: 300px;
}
.content-right .col1 > a, .content-right .col1 > div {
width: 300px;
min-height: 46px;
}
.content-right .col1 > a section, .content-right .col1 > div section {
padding: 10px 0;
}
.content-right .col1 p:nth-of-type(1) {
font-size: 14px;
font-size: 1rem;
}
.content-right h2 {
margin: 0;
border-bottom: 1px solid #BA1B21;
border-left: none !important;
height: 30px;
font-size: 14px;
font-size: 1rem;
line-height: 30px;
}
.content-right h2 a {
line-height: 30px;
}
.content-right .tags h2 {
margin-bottom: 7px;
height: 23px;
line-height: 23px;
font-size: 12px;
font-size: 0.86rem;
}
.content-right .tags a {
margin-top: 5px;
padding: 0 6px;
width: 96px;
height: 30px;
font-size: 11px;
font-size: 0.79rem;
line-height: 30px;
}
.content-right .tags .tags-col1 a {
width: 300px;
}
.content-right .tags .tags-col2 a {
width: 147px;
}
.content-right .twitter div {
height: 30px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
background: #5EABC8 url(/common/images/hl_twitter.png) no-repeat center 7px;
}
.content-right .twitter a:hover div {
opacity: 0.9;
}
.content-right .twitter iframe {
border-right: 1px solid #D6D6D6 !important;
border-left: 1px solid #D6D6D6 !important;
}
.content-full {
float: none;
width: 100%;
} .breadcrumb {
margin: 0 auto;
padding: 14px 3px;
width: 1000px;
font-size: 13px;
font-size: 0.93rem;
}
.breadcrumb li {
display: inline-block;
position: relative;
padding-right: 14px;
}
.breadcrumb li::after {
content: ">";
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
.breadcrumb li:last-child::after {
content: none;
}
.flag-new figure, .flag-pr figure {
position: relative;
}
.flag-new figure::before, .flag-pr figure::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 68px;
height: 68px;
background-color: transparent;
background-image: url(/common/images/icon_new.png);
background-repeat: no-repeat;
background-size: 68px 68px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
bottom: auto;
z-index: 1;
}
.flag-pr span {
border-color: #646464 !important;
color: #646464 !important;
}
.flag-pr figure::before {
background-image: url(/common/images/icon_pr.png);
}
.col1 section {
padding: 0 0 20px;
}
.col1 > section::after {
content: "";
display: table;
clear: both;
}
.col1 > a, .col1 > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 0;
border-bottom: 1px solid #e3e3e3;
width: 660px;
min-height: 70px;
}
.col1 > a img, .col1 > div img {
float: left;
margin-right: 7px;
}
.col1 > a p, .col1 > div p {
margin-top: 6px;
color: #8C8C8C;
font-size: 13px;
font-size: 0.93rem;
line-height: 1.2;
}
.col1 > a p a, .col1 > a p a:hover, .col1 > a p a:active, .col1 > a p a:link, .col1 > a p a:visited, .col1 > div p a, .col1 > div p a:hover, .col1 > div p a:active, .col1 > div p a:link, .col1 > div p a:visited {
color: #8C8C8C;
}
.col1 > a p:nth-of-type(1), .col1 > div p:nth-of-type(1) {
margin-top: 0;
color: #333333;
font-size: 16px;
font-size: 1.14rem;
line-height: 1.3;
}
.col1 > a p:nth-of-type(1) a, .col1 > a p:nth-of-type(1) a:hover, .col1 > a p:nth-of-type(1) a:active, .col1 > a p:nth-of-type(1) a:link, .col1 > a p:nth-of-type(1) a:visited, .col1 > div p:nth-of-type(1) a, .col1 > div p:nth-of-type(1) a:hover, .col1 > div p:nth-of-type(1) a:active, .col1 > div p:nth-of-type(1) a:link, .col1 > div p:nth-of-type(1) a:visited {
color: #333333;
}
.col2, .col3, .col4 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.col2 section, .col2 div, .col2 figure, .col3 section, .col3 div, .col3 figure, .col4 section, .col4 div, .col4 figure {
padding-bottom: 35px;
width: 320px;
}
.col2 section a, .col2 div a, .col2 figure a, .col3 section a, .col3 div a, .col3 figure a, .col4 section a, .col4 div a, .col4 figure a {
display: block;
}
.col2 section span, .col2 div span, .col2 figure span, .col3 section span, .col3 div span, .col3 figure span, .col4 section span, .col4 div span, .col4 figure span {
display: inline-block;
margin-top: 9px;
border: 1px solid #BA1B21;
width: 120px;
height: 20px;
color: #BA1B21;
font-size: 13px;
font-size: 0.93rem;
line-height: 18px;
text-align: center;
}
.col2 section span a, .col2 div span a, .col2 figure span a, .col3 section span a, .col3 div span a, .col3 figure span a, .col4 section span a, .col4 div span a, .col4 figure span a {
display: inline-block;
width: 100%;
height: 100%;
color: #BA1B21;
line-height: 18px;
}
.col2 section span a:hover, .col2 div span a:hover, .col2 figure span a:hover, .col3 section span a:hover, .col3 div span a:hover, .col3 figure span a:hover, .col4 section span a:hover, .col4 div span a:hover, .col4 figure span a:hover {
background-color: #BA1B21;
color: #fff;
text-decoration: none;
}
.col2 section p, .col2 div p, .col2 figure p, .col3 section p, .col3 div p, .col3 figure p, .col4 section p, .col4 div p, .col4 figure p {
margin-top: 10px;
font-size: 13px;
font-size: 0.93rem;
color: #8C8C8C;
line-height: 1.2;
}
.col2 section p a, .col2 section p a:hover, .col2 section p a:active, .col2 section p a:link, .col2 section p a:visited, .col2 div p a, .col2 div p a:hover, .col2 div p a:active, .col2 div p a:link, .col2 div p a:visited, .col2 figure p a, .col2 figure p a:hover, .col2 figure p a:active, .col2 figure p a:link, .col2 figure p a:visited, .col3 section p a, .col3 section p a:hover, .col3 section p a:active, .col3 section p a:link, .col3 section p a:visited, .col3 div p a, .col3 div p a:hover, .col3 div p a:active, .col3 div p a:link, .col3 div p a:visited, .col3 figure p a, .col3 figure p a:hover, .col3 figure p a:active, .col3 figure p a:link, .col3 figure p a:visited, .col4 section p a, .col4 section p a:hover, .col4 section p a:active, .col4 section p a:link, .col4 section p a:visited, .col4 div p a, .col4 div p a:hover, .col4 div p a:active, .col4 div p a:link, .col4 div p a:visited, .col4 figure p a, .col4 figure p a:hover, .col4 figure p a:active, .col4 figure p a:link, .col4 figure p a:visited {
color: #8C8C8C;
}
.col2 section .sub-info, .col2 div .sub-info, .col2 figure .sub-info, .col3 section .sub-info, .col3 div .sub-info, .col3 figure .sub-info, .col4 section .sub-info, .col4 div .sub-info, .col4 figure .sub-info {
width: 100%;
}
.col2 section .sub-info ul > li, .col2 div .sub-info ul > li, .col2 figure .sub-info ul > li, .col3 section .sub-info ul > li, .col3 div .sub-info ul > li, .col3 figure .sub-info ul > li, .col4 section .sub-info ul > li, .col4 div .sub-info ul > li, .col4 figure .sub-info ul > li {
display: inline-block;
margin-right: 10px;
color: #333333;
font-size: 12px;
font-size: 0.86rem;
}
.col2 section .sub-info ul > li a, .col2 div .sub-info ul > li a, .col2 figure .sub-info ul > li a, .col3 section .sub-info ul > li a, .col3 div .sub-info ul > li a, .col3 figure .sub-info ul > li a, .col4 section .sub-info ul > li a, .col4 div .sub-info ul > li a, .col4 figure .sub-info ul > li a {
color: #FF6666;
}
.col2 section .sub-info ul > li a:hover, .col2 div .sub-info ul > li a:hover, .col2 figure .sub-info ul > li a:hover, .col3 section .sub-info ul > li a:hover, .col3 div .sub-info ul > li a:hover, .col3 figure .sub-info ul > li a:hover, .col4 section .sub-info ul > li a:hover, .col4 div .sub-info ul > li a:hover, .col4 figure .sub-info ul > li a:hover {
background-color: transparent;
color: #FF6666;
text-decoration: underline;
}
.col2 section .sub-info span, .col2 div .sub-info span, .col2 figure .sub-info span, .col3 section .sub-info span, .col3 div .sub-info span, .col3 figure .sub-info span, .col4 section .sub-info span, .col4 div .sub-info span, .col4 figure .sub-info span {
margin-top: 0;
margin-right: 10px;
border: none;
width: auto;
height: auto;
color: #333333;
font-size: 11px;
font-size: 0.79rem;
line-height: 1;
}
.col2 section > img:nth-of-type(1), .col2 a > img:nth-of-type(1), .col3 section > img:nth-of-type(1), .col3 a > img:nth-of-type(1), .col4 section > img:nth-of-type(1), .col4 a > img:nth-of-type(1) {
display: block;
margin: 0 auto;
}
.col2 section > p:nth-of-type(1), .col2 a > p:nth-of-type(1), .col3 section > p:nth-of-type(1), .col3 a > p:nth-of-type(1), .col4 section > p:nth-of-type(1), .col4 a > p:nth-of-type(1) {
margin-top: 13px;
color: #333333;
font-size: 16px;
font-size: 1.14rem;
line-height: 1.3;
}
.col2 section > p:nth-of-type(1) a, .col2 section > p:nth-of-type(1) a:hover, .col2 section > p:nth-of-type(1) a:active, .col2 section > p:nth-of-type(1) a:link, .col2 section > p:nth-of-type(1) a:visited, .col2 a > p:nth-of-type(1) a, .col2 a > p:nth-of-type(1) a:hover, .col2 a > p:nth-of-type(1) a:active, .col2 a > p:nth-of-type(1) a:link, .col2 a > p:nth-of-type(1) a:visited, .col3 section > p:nth-of-type(1) a, .col3 section > p:nth-of-type(1) a:hover, .col3 section > p:nth-of-type(1) a:active, .col3 section > p:nth-of-type(1) a:link, .col3 section > p:nth-of-type(1) a:visited, .col3 a > p:nth-of-type(1) a, .col3 a > p:nth-of-type(1) a:hover, .col3 a > p:nth-of-type(1) a:active, .col3 a > p:nth-of-type(1) a:link, .col3 a > p:nth-of-type(1) a:visited, .col4 section > p:nth-of-type(1) a, .col4 section > p:nth-of-type(1) a:hover, .col4 section > p:nth-of-type(1) a:active, .col4 section > p:nth-of-type(1) a:link, .col4 section > p:nth-of-type(1) a:visited, .col4 a > p:nth-of-type(1) a, .col4 a > p:nth-of-type(1) a:hover, .col4 a > p:nth-of-type(1) a:active, .col4 a > p:nth-of-type(1) a:link, .col4 a > p:nth-of-type(1) a:visited {
color: #333333;
}
.col2 section > figure > a, .col3 section > figure > a, .col4 section > figure > a {
background-color: #CCCCCC;
}
.col2 div, .col2 figure, .col3 div, .col3 figure, .col4 div, .col4 figure {
padding-bottom: 0;
}
.col3 section, .col3 div, .col3 figure {
width: 200px;
}
.col3 section {
padding-bottom: 25px;
}
.col3 .flag-new::before, .col3 .flag-pr::before {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
}
.col4 section, .col4 div, .col4 figure {
width: 153px;
}
.col4 section {
padding-bottom: 25px;
}
.col4 .flag-new::before, .col4 .flag-pr::before {
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(0.5, 0.5);
transform: scale(0.5, 0.5);
} .btn {
display: block;
margin: 10px auto 15px;
background-color: #FAC9CE;
height: 30px;
color: #333333;
text-align: center;
line-height: 30px;
}
.btn:hover {
opacity: 0.9;
text-decoration: none;
cursor: pointer;
} .btn-tag {
display: block;
margin-bottom: 15px;
background-color: #BA1B21;
}
.btn-tag span {
display: block;
padding-left: 12px;
height: 30px;
color: #fff;
font-size: 15px;
font-size: 1.07rem;
line-height: 30px;
display: block;
position: relative;
width: 100%;
}
.btn-tag span::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 7px;
height: 10px;
background-color: transparent;
background-image: url(/common/svg/icon_arrow_right_02.svg);
background-repeat: no-repeat;
background-size: 7px 10px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
right: 0;
}
.btn-tag span::after {
right: 7px;
}
.btn-tag span b {
color: #fff;
font-size: 12px;
font-size: 0.86rem;
font-weight: normal;
}
.btn-tag:hover {
opacity: 0.9;
text-decoration: none;
} .btn-tag-center {
text-align: center;
}
.btn-tag-center span {
display: inline-block;
padding: 0;
width: auto;
}
.btn-tag-center span::after {
bottom: 4px;
right: auto;
left: -14px;
} #btn-move-top {
display: block;
position: fixed;
right: 20px;
bottom: 20px;
}
.btn-set-fortune select {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border: none;
background-color: #759AAE !important;
padding: 0 10px;
width: 300px;
height: 30px;
color: #fff;
line-height: 30px;
cursor: pointer;
}
.btn-set-fortune option {
padding: 0 10px;
color: #fff;
} .btns ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.btns ul a {
display: block;
margin-bottom: 10px;
border: 1px solid #BA1B21;
padding-left: 12px;
width: 157px;
height: 60px;
color: #BA1B21;
line-height: 60px;
}
.btns ul a:hover {
background-color: #BA1B21;
color: #fff;
text-decoration: none;
}
.btns ul .btns-col1 a {
width: 320px;
}
.btn-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
overflow: hidden;
margin-bottom: 15px;
height: 20px;
}
.btn-social > div {
margin-left: 10px;
}
.btn-social > div span {
vertical-align: top !important;
}
#map {
width: 100%;
height: 746px;
}
.tags ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.tags ul a, .tags ul span {
display: block;
margin-top: 12px;
background-color: #FAC9CE;
padding: 0 17px;
width: 210px;
height: 68px;
font-size: 14px;
font-size: 1rem;
line-height: 68px;
}
.tags ul a:hover, .tags ul span {
background-color: #BA1B21;
color: #fff;
text-decoration: none;
}
.tags ul .tags-col1 a {
width: 660px;
}
.tags ul .tags-col2 a {
width: 323px;
}
.profile {
margin-top: 25px;
background-color: #EBEBEB;
padding: 15px 20px 20px;
}
.profile h2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-top: 0;
padding-left: 86px;
color: #666666 !important;
font-size: 16px;
font-size: 1.14rem;
}
.profile h2::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 58px;
height: 10px;
background-color: transparent;
background-image: url(/common/images/hl_profile.png);
background-repeat: no-repeat;
background-size: 58px 10px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 9px;
}
.profile h2 span {
display: inline-block;
margin-right: 8px;
color: #BA1B21;
font-size: 20px;
font-size: 1.43rem;
}
.profile p:nth-of-type(1) {
margin-top: 5px;
}
.profile dl {
margin-top: 9px;
}
.profile dl dd {
font-size: 12px;
font-size: 0.86rem;
line-height: 1.4;
}
.profile dl img {
float: left;
margin-right: 13px;
}
.profile .gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 16px;
border-top: 1px solid #CCCCCC;
padding-top: 17px;
}
.profile .gallery div {
padding: 0 15px;
text-align: center;
}
.profile .gallery div p {
margin-top: 10px;
font-size: 11px;
font-size: 0.79rem;
}
.profile .gallery div p span {
display: block;
margin-bottom: 5px;
color: #BA1B21;
font-size: 15px;
font-size: 1.07rem;
font-weight: bold;
line-height: 1;
}
.profile .gallery div a {
position: relative;
padding-left: 7px;
color: #333333;
font-size: 11px;
font-size: 0.79rem;
font-weight: bold;
text-decoration: underline;
}
.profile .gallery div a:hover {
text-decoration: none;
}
.profile .gallery div a::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 1;
margin: auto;
width: 0px;
height: 0px;
border: 5px solid transparent;
border-left: 5px solid #333333;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
} .ordered-list dl {
margin-top: 30px;
}
.ordered-list dl::after {
content: "";
display: table;
clear: both;
}
.ordered-list dt {
font-size: 15px;
font-size: 1.07rem;
}
.ordered-list dt span {
display: block;
float: left;
margin-bottom: 7px;
background-color: #BA1B21;
padding: 3px 12px;
color: #fff;
font-size: 20px;
font-size: 1.43rem;
}
.ordered-list dt p {
padding: 7px 0 0 47px;
color: #BA1B21;
font-weight: bold;
}
.information {
margin-top: 30px;
border: 1px solid #BA1B21;
}
.information h2 {
margin: 0;
background: #EBEBEB;
padding: 0 15px;
height: 27px;
color: #fff !important;
font-size: 14px;
font-size: 1rem;
font-weight: normal;
line-height: 27px;
}
.information div {
padding: 15px 20px;
}
.information dt {
margin-bottom: 10px;
color: #BA1B21;
font-size: 18px;
font-size: 1.29rem;
}
.comment .comment-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
background-color: #FFEEEE;
padding: 6px 13px;
}
.comment .comment-header span:nth-of-type(1) {
color: #666666;
font-size: 16px;
font-size: 1.14rem;
}
.comment .comment-header span:nth-of-type(2) {
color: #7D7D7D;
font-size: 12px;
font-size: 0.86rem;
}
.comment .comment-form dt {
margin-top: 30px;
background-color: #929292;
padding: 6px 13px;
color: #fff;
font-size: 16px;
font-size: 1.14rem;
}
.comment .comment-form input, .comment .comment-form textarea {
box-shadow: none;
border: 1px solid #999999;
background-image: none;
padding: 1px 5px;
}
.comment .comment-form dd {
margin-top: 20px;
vertical-align: top;
}
.comment .comment-form dd label {
display: inline-block;
width: 90px;
color: #666666;
font-size: 12px;
font-size: 0.86rem;
vertical-align: top;
}
.comment .comment-form dd input, .comment .comment-form dd textarea {
width: 565px;
}
.comment .comment-form dd textarea {
height: 200px;
}
.comment .comment-preview h3, .comment .comment-confirm h3, .comment .comment-pending h3, .comment .comment-error h3 {
margin-top: 30px;
background-color: #929292;
padding: 6px 13px;
color: #fff;
font-size: 16px;
font-size: 1.14rem;
}
.comment .comment-btn {
text-align: center;
}
.comment .comment-btn .btn {
display: inline-block;
margin: 30px 5px 0;
border: none;
width: 147px;
} .expansion a {
position: relative;
}
.expansion a::before {
content: " ";
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
width: 30px;
height: 30px;
background-color: transparent;
background-image: url(/common/images/icon_expansion.png);
background-repeat: no-repeat;
background-size: 30px 30px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
} .navi-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
.navi-page a, .navi-page span {
margin: 0 3px;
width: 28px;
height: 26px;
font-size: 12px;
font-size: 0.86rem;
line-height: 26px;
text-align: center;
}
.navi-page a {
background-color: #FAC9CE;
}
.navi-page a:hover {
background-color: #BA1B21;
color: #fff;
text-decoration: none;
}
.navi-page .current, .navi-page .current_page {
background-color: #BA1B21;
color: #fff;
}
.navi-page .dots {
font-weight: bold;
} #wp_page_numbers ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 20px;
}
#wp_page_numbers ul a, #wp_page_numbers ul span {
display: inline-block;
margin: 0 3px;
width: 28px;
height: 26px;
font-size: 12px;
font-size: 0.86rem;
line-height: 26px;
text-align: center;
}
#wp_page_numbers ul a {
background-color: #FAC9CE;
}
#wp_page_numbers ul a:hover {
background-color: #BA1B21;
color: #fff;
text-decoration: none;
}
#wp_page_numbers ul .active_page span {
background-color: #BA1B21;
color: #fff;
}
#wp_page_numbers ul .page_top a {
width: 50px;
}
#wp_page_numbers ul .page_info {
display: none;
} .navi-entry {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 40px;
} .align-upper-end p:nth-of-type(1), .align-upper-end section:nth-of-type(1), .align-upper-end div:nth-of-type(1), .align-upper-end figure:nth-of-type(1), .align-upper-end dl:nth-of-type(1), .align-upper-end ul:nth-of-type(1), .align-upper-end img:nth-of-type(1) {
margin-top: 0;
} .cnt-center {
margin-right: auto;
margin-left: auto;
text-align: center;
} .cnt-right {
text-align: right;
} .banners a {
margin: 10px auto 0;
}
.banners a:nth-of-type(1) {
margin-top: 0;
} .accordion h2 {
position: relative;
}
.accordion h2:hover {
cursor: pointer;
}
.accordion h2::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 10px;
height: 7px;
background-color: transparent;
background-image: url(/common/svg/icon_arrow_down_01.svg);
background-repeat: no-repeat;
background-size: 10px 7px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
right: 0;
}
.accordion h2.open::after {
background-image: url(/common/svg/icon_arrow_up_01.svg);
}
.accordion ul {
display: none;
} .popup #content {
width: 100%;
}
.popup #content .comment {
padding: 0 10px;
}
.popup #content .comment .comment-form dd label {
display: block;
margin-bottom: 5px;
width: 100%;
}
.popup #content .comment .comment-form dd input, .popup #content .comment .comment-form dd textarea {
width: 100%;
}
.popup #content .comment .comment-form dd textarea {
height: 200px;
}
.popup #content .comment .comment-btn .btn {
margin: 20px 5px 0;
}
.popup footer {
margin-top: 30px;
width: 100%;
}
.switch-device {
margin: 30px auto 0;
background-color: #FAC9CE;
padding: 10px 0;
width: 1000px;
text-align: center;
}
.switch-device a {
width: 100%;
height: 100%;
text-decoration: none;
}
.switch-device a:hover, .switch-device a:active, .switch-device a:link, .switch-device a:visited {
text-decoration: none;
}
.switch-device a:hover {
opacity: 0.8;
}
.annotation {
margin-top: 30px;
border: 1px solid #aaa;
background-color: #fdfdfd;
padding: 10px;
}
.amount-display {
margin-top: 30px;
}
.amount-display a {
display: block;
border: 1px solid #BA1B21;
background: #FBF2F2;
padding: 8px;
color: #BA1B21;
font-size: 0.9em;
text-align: center;
}
.amount-display a:hover, .amount-display a:active, .amount-display a:link, .amount-display a:visited {
color: #BA1B21;
text-decoration: none;
}
.amount-display a:hover {
background-color: #F8E8E8;
}
.youtube {
position: relative;
margin: 30px 0 0;
max-width: 100%;
padding-top: 56.2%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
@media (max-width: 640px) {
.youtube {
margin: 30px 10px 0;
padding-top: 52.4%;
}
}
footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 70px auto 0;
width: 1000px;
font-size: 12px;
font-size: 0.86rem;
text-align: left;
}
footer div {
background-color: #f0f0f0;
padding: 12px 30px 23px;
}
footer div ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
margin-top: 13px;
}
footer small {
display: block;
background-color: #BA1B21;
height: 35px;
color: #fff;
line-height: 35px;
text-align: center;
}
 #special.category h1 {
border-color: #BA1B21;
background-image: url(/common/images/hl_special.png);
}
#present.category h1 {
border-color: #BA1B21;
background-image: url(/common/images/hl_present.png);
}
#blog.category h1 {
border-color: #BA1B21;
background-image: url(/common/images/hl_blog.png);
height: 32px;
}
#topics.category h1 {
border-color: #BA1B21;
background-image: url(/common/images/hl_topics.png);
height: 32px;
}
#gourmet.category h1 {
border-color: #FF6666;
background-image: url(/common/images/hl_gourmet.png);
}
#beauty.category h1 {
border-color: #736BAD;
background-image: url(/common/images/hl_beauty.png);
}
#culture.category h1 {
border-color: #74B037;
background-image: url(/common/images/hl_culture.png);
}
#pet.category h1 {
border-color: #FF9900;
background-image: url(/common/images/hl_pet.png);
}
#lifestyle.category h1 {
border-color: #DA70D6;
background-image: url(/common/images/hl_lifestyle.png);
}
#columns.category h1 {
border-color: #0066CC;
background-image: url(/common/images/hl_columns.png);
}
#release.category h1 {
border-color: #BA1B21;
background-image: url(/common/images/hl_release.png);
height: 32px;
} #blog.tag h1 {
background-color: #BA1B21;
padding-left: 65px;
min-height: 60px;
font-size: 19px;
font-size: 1.36rem;
line-height: 82px;
background-color: #BA1B21;
background-repeat: no-repeat;
background-position: 5px 5px;
background-size: 50px 50px;
}
#blog.tag h1 b {
color: #fff;
font-size: 23px;
font-size: 1.64rem;
font-weight: normal;
}
#blog.tag .blog-naomi h1 {
background-image: url(/common/images/blog_profile_naomi.jpg);
}
#blog.tag .blog-yumi h1 {
background-image: url(/common/images/blog_profile_yumi.jpg);
}
#blog.tag .blog-harumi h1 {
background-image: url(/common/images/blog_profile_harumi.jpg);
}
#blog.tag .blog-misa h1 {
background-image: url(/common/images/blog_profile_misa.jpg);
}
#blog.tag .blog-amiko h1 {
background-image: url(/common/images/blog_profile_amiko.jpg);
}
#blog.tag .blog-asami h1 {
background-image: url(/common/images/blog_profile_asami.jpg);
}
#blog.tag .blog-love h1 {
background-image: url(/common/images/blog_profile_love.jpg);
}
#blog.tag .blog-naritama h1 {
background-image: url(/common/images/blog_profile_naritama.jpg);
}
#blog.tag .blog-asou h1 {
background-image: url(/common/images/blog_profile_asou.jpg);
}
#blog.tag .blog-sato h1 {
background-image: url(/common/images/blog_profile_sato.jpg);
}
#blog.tag .blog-sonoka h1 {
background-image: url(/common/images/blog_profile_sonoka.jpg);
}
#blog.tag .blog-kaori h1 {
background-image: url(/common/images/blog_profile_kaori.jpg);
}
#blog.tag .blog-lawyer h1 {
background-image: url(/common/images/blog_profile_lawyer.jpg);
}
#blog.tag .blog-natsuko h1 {
background-image: url(/common/images/blog_profile_natsuko.jpg);
}
#blog.tag .blog-eri h1 {
background-image: url(/common/images/blog_profile_eri.jpg);
}
#blog.tag .blog-hibiya h1 {
background-image: url(/common/images/blog_profile_hibiya.jpg);
}
#blog.tag .blog-mio h1 {
background-image: url(/common/images/blog_profile_mio.jpg);
}
#blog.tag .blog-inagaki h1 {
background-image: url(/common/images/blog_profile_inagaki.jpg);
}
#blog.tag .blog-yuko h1 {
background-image: url(/common/images/blog_profile_yuko.jpg);
}
#blog.tag .blog-nagoyacolor-mai h1 {
background-image: url(/common/images/blog_profile_nagoyacolor-mai.jpg);
}
#blog.tag .blog-matsuoka-cinema h1 {
background-image: url(/common/images/blog_profile_matsuoka-cinema.jpg);
}
#blog.tag .blog-henshubu h1 {
background-image: url(/common/images/blog_profile_henshubu.jpg);
}
#blog.tag .blog-kinjo h1 {
background-image: url(/common/images/blog_profile_kinjo.jpg);
}
#blog.tag .blog-jinno h1 {
padding: 0;
height: auto;
min-height: auto;
}
#special.tag h1 {
background-color: #BA1B21;
}
#present.tag h1 {
background-color: #BA1B21;
}
#topics.tag h1 {
background-color: #BA1B21;
}
#gourmet.tag h1 {
background-color: #FF6666;
}
#beauty.tag h1 {
background-color: #736BAD;
}
#culture.tag h1 {
background-color: #74B037;
}
#release.tag h1 {
background-color: #BA1B21;
}
#culture.tag .culture-muneharu h1 {
padding-left: 0;
height: auto;
}
#pet.tag h1 {
background-color: #FF9900;
}
#lifestyle.tag h1 {
background-color: #DA70D6;
}
#columns.tag h1 {
background-color: #0066CC;
}
#lifestyle .newtrend h1,
#lifestyle .column-ikuji h1,
#lifestyle .enquete h1,
#columns .nagoyameshi h1,
#columns .qa-jinno h1,
#columns .essay-jinno h1,
#columns .column-sawada h1 {
padding: 0;
height: auto;
}
#fortune.tag h1 {
background-color: #215978;
} #topics.single h1 {
color: #BA1B21;
}
#gourmet.single .dashimarine article h1 {
position: relative;
margin-top: 25px;
border-top: 3px solid #CCC;
border-bottom: 3px solid #CCC;
padding: 3px 0 0 14px;
color: #EC6C00;
font-size: 21px;
font-size: 1.5rem;
}
#gourmet.single .dashimarine article.recipe-01 h1 {
padding-left: 145px;
}
#gourmet.single .dashimarine article.recipe-01 h1::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 117px;
height: 26px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_recipe_01.png);
background-repeat: no-repeat;
background-size: 117px 26px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 13px;
}
#gourmet.single .dashimarine article.recipe-02 h1 {
padding-left: 140px;
}
#gourmet.single .dashimarine article.recipe-02 h1::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 107px;
height: 29px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_recipe_02.png);
background-repeat: no-repeat;
background-size: 107px 29px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 13px;
}
#gourmet.single .isesyoyu article h1 {
position: relative;
margin-top: 25px;
border-top: 3px solid #CCC;
border-bottom: 3px solid #CCC;
padding: 3px 0 0 14px;
color: #EC6C00;
font-size: 21px;
font-size: 1.5rem;
}
#gourmet.single .isesyoyu article.recipe-01 h1 {
padding-left: 145px;
}
#gourmet.single .isesyoyu article.recipe-01 h1::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 117px;
height: 26px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_recipe_01.png);
background-repeat: no-repeat;
background-size: 117px 26px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 13px;
}
#gourmet.single .isesyoyu article.recipe-02 h1 {
padding-left: 140px;
}
#gourmet.single .isesyoyu article.recipe-02 h1::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 107px;
height: 29px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_recipe_02.png);
background-repeat: no-repeat;
background-size: 107px 29px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 13px;
}
#gourmet .iegohan h1 {
margin-top: 30px;
background: transparent url(/common/images/icon_gourmet_iegohan_01.png) no-repeat left top;
padding: 19px 0 10px 95px;
color: #654C26;
font-size: 18px;
font-size: 1.29rem;
font-weight: bold;
}
#beauty.single h1 {
margin-top: 16px;
color: #736BAD;
}
#culture.single h1 {
margin-top: 16px;
color: #74B037;
}
#pet.single h1 {
color: #FF9900;
}
#pet.single h1 span {
display: inline-block;
margin-left: 1em;
color: #666;
font-size: 17px;
font-size: 1.21rem;
}
#pet.single .petphoto-list h1 {
margin-bottom: 20px;
background-color: #FF9900;
padding-left: 12px;
height: 30px;
color: #fff;
font-size: 15px;
font-size: 1.07rem;
font-weight: normal;
line-height: 30px;
}
#pet.single .petphoto-list h1 span {
color: #fff;
font-size: 12px;
font-size: 0.86rem;
}
#lifestyle.single .newtrend h1 {
background-color: #4DB3C1;
padding: 20px 23px 16px;
color: #fff;
font-size: 18px;
font-size: 1.29rem;
}
#lifestyle.single .column-ikuji h1 {
border-bottom: 1px solid #CCCCCC;
padding: 14px 0 10px;
color: #2C6598;
font-size: 22px;
font-size: 1.57rem;
}
#lifestyle.single .enquete h1 {
background-color: #DA70D6;
padding: 20px 23px 16px;
color: #fff;
font-size: 18px;
font-size: 1.29rem;
font-weight: bold;
}
#columns.single .nagoyameshi h1,
#columns.single .qa-jinno h1,
#columns.single .essay-jinno h1 {
background-color: #FF9933;
padding: 20px 23px 16px;
color: #fff;
font-size: 18px;
font-size: 1.29rem;
font-weight: bold;
}
#columns.single .nagoyameshi h1 {
background-color: #CC9933;
}
#columns.single .essay-jinno h1 {
background-color: #28A0C8;
}
#columns.single .column-sawada h1 {
background-color: #FC6864;
padding: 20px 23px 16px;
color: #fff;
font-size: 18px;
font-size: 1.29rem;
font-weight: bold;
}
#fortune.single h1 {
margin-bottom: 22px;
border-bottom: 1px solid #BA1B21;
background-color: transparent;
background-image: url(/common/images/hl_fortune.png);
background-repeat: no-repeat;
background-position: left top;
height: 32px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.single .mailmagazine h1 {
margin-bottom: 22px;
border-bottom: 1px solid #BA1B21;
background-color: transparent;
background-image: url(/common/images/hl_mailmagazine.png);
background-repeat: no-repeat;
background-position: left top;
height: 32px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.single .general h1,
.single .sitemap h1 {
margin-bottom: 20px;
color: #BA1B21;
border-bottom: 1px solid #BA1B21;
}
#release.single h1 {
color: #BA1B21;
} #top h2 {
margin-bottom: 10px;
border-bottom: 1px solid #BA1B21;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
height: 21px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#top .special h2 {
border-color: #BA1B21;
background-image: url(/common/images/hl_top_special.png);
}
#top .present h2 {
border-color: #BA1B21;
background-image: url(/common/images/hl_top_present.png);
}
#top .blog h2 {
border-color: #BA1B21;
background-image: url(/common/images/hl_top_blog.png);
}
#top .gourmet h2 {
border-color: #FF6666;
background-image: url(/common/images/hl_top_gourmet.png);
}
#top .beauty h2 {
border-color: #736BAD;
background-image: url(/common/images/hl_top_beauty.png);
}
#top .culture h2 {
border-color: #74B037;
background-image: url(/common/images/hl_top_culture.png);
}
#top .pet h2 {
border-color: #FF9900;
background-image: url(/common/images/hl_top_pet.png);
}
#top .lifestyle h2 {
border-color: #DA70D6;
background-image: url(/common/images/hl_top_lifestyle.png);
}
#top .columns h2 {
border-color: #0066CC;
background-image: url(/common/images/hl_top_columns.png);
}
#top .recipe h2 {
border-color: #FF6666;
background-image: url(/common/images/hl_top_recipe.png);
}
#top .recipe2 h2 {
background-image: url(/common/images/hl_top_recipe2.png);
}
#top .recipe3 h2 {
background-image: url(/common/images/hl_top_recipe3.png);
}
#top .pet-photo h2 {
border-color: #FF9900;
background-image: url(/common/images/hl_top_pet_photo.png);
} #special h2 {
color: #BA1B21;
}
#present h2 {
color: #BA1B21;
}
#blog h2 {
color: #FF6666;
}
#topics h2 {
color: #BA1B21;
}
#gourmet h2 {
color: #FF6666;
}
#beauty h2 {
color: #736BAD;
}
#culture h2 {
color: #74B037;
}
#pet h2 {
color: #FF9900;
}
#lifestyle h2 {
color: #DA70D6;
}
#lifestyle .newtrend h2 {
color: #4DB3C1;
}
#lifestyle .enquete h2 {
color: #DA70D6;
}
#columns h2 {
color: #0066CC;
}
#columns .nagoyameshi h2 {
color: #CC9933;
}
#columns .qa-jinno h2 {
color: #FF6600;
}
#columns .essay-jinno h2 {
color: #28A0C8;
}
#columns .column-sawada h2 {
color: #FC6864;
}
#fortune h2 {
color: #215978;
}
#mailmagazine h2 {
color: #BA1B21;
}
#release h2 {
color: #BA1B21;
}
#special h2 a {
color: #BA1B21;
}
#present h2 a {
color: #BA1B21;
}
#blog h2 a {
color: #FF6666;
}
#topics h2 a {
color: #BA1B21;
}
#gourmet h2 a {
color: #FF6666;
}
#beauty h2 a {
color: #736BAD;
}
#culture h2 a {
color: #74B037;
}
#pet h2 a {
color: #FF9900;
}
#lifestyle h2 a {
color: #DA70D6;
}
#lifestyle .newtrend h2 a {
color: #DA70D6;
}
#lifestyle .enquete h2 a {
color: #DA70D6;
}
#columns h2 a {
color: #0066CC;
}
#columns .nagoyameshi h2 a {
color: #CC9933;
}
#columns .qa-jinno h2 a {
color: #FF6600;
}
#columns .essay-jinno h2 a {
color: #28A0C8;
}
#columns .column-sawada h2 a {
color: #FC6864;
}
#fortune h2 a {
color: #215978;
}
#release h2 a {
color: #BA1B21;
} #special.category h2 {
border-left: 2px solid #BA1B21;
}
#present.category h2 {
border-left: 2px solid #BA1B21;
}
#blog.category h2 {
border-left: 2px solid #FF6666;
}
#topics.category h2 {
border-left: 2px solid #BA1B21;
}
#gourmet.category h2 {
border-left: 2px solid #FF6666;
}
#beauty.category h2 {
border-left: 2px solid #736BAD;
}
#culture.category h2 {
border-left: 2px solid #74B037;
}
#pet.category h2 {
border-left: 2px solid #FF9900;
}
#lifestyle.category h2 {
border-left: 2px solid #DA70D6;
}
#lifestyle.category .newtrend h2 {
border-left: 2px solid #DA70D6;
}
#lifestyle.category .enquete h2 {
border-left: 2px solid #DA70D6;
}
#columns.category h2 {
border-left: 2px solid #0066CC;
}
#columns.category .nagoyameshi h2 {
border-left: 2px solid #CC9933;
}
#columns.category .qa-jinno h2 {
border-left: 2px solid #FF6600;
}
#columns.category .essay-jinno h2 {
border-left: 2px solid #28A0C8;
}
#columns.category .column-sawada h2 {
border-left: 2px solid #FC6864;
}
#fortune.category h2 {
border-left: 2px solid #215978;
}
#mailmagazine.category h2 {
border-left: 2px solid #BA1B21;
}
#release.category h2 {
border-left: 2px solid #BA1B21;
} #blog.single .comment h2 {
margin-top: 30px;
border-bottom: 1px solid #BA1B21;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
background-image: url(/common/images/hl_blog_comment.png);
height: 21px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#gourmet.single .dashimarine article.style-up-item h2 {
position: relative;
border-top: 3px solid #CCC;
border-bottom: 3px solid #CCC;
padding: 5px 0 0 160px;
color: #EC6C00;
font-size: 23px;
font-size: 1.64rem;
font-weight: normal;
}
#gourmet.single .dashimarine article.style-up-item h2::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 138px;
height: 27px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_style_up_item.png);
background-repeat: no-repeat;
background-size: 138px 27px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 13px;
}
#beauty.single h2 {
margin-top: 20px;
border-bottom: 1px solid #736BAD;
padding-bottom: 7px;
font-size: 15px;
font-size: 1.07rem;
}
#beauty.single .facility h2 {
border: none;
background-color: #D5D2E6;
background-image: url(/common/images/hl_beauty_facility.png);
background-repeat: no-repeat;
background-position: left top;
height: 20px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#beauty.single .item h2 {
border: none;
background-color: #D5D2E6;
background-image: url(/common/images/hl_beauty_item.png);
background-repeat: no-repeat;
background-position: left top;
height: 20px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.mailmagazine h2 {
background-color: #BA1B21;
padding: 7px 13px 6px;
color: #fff;
font-size: 15px;
font-size: 1.07rem;
font-weight: normal;
}
.single .general h2,
.single .sitemap h2 {
color: #BA1B21;
font-size: 18px;
font-size: 1.29rem;
} #present article a {
color: #BA1B21;
}
#blog article a {
color: #FF6666;
}
#topics article a {
color: #BA1B21;
}
#gourmet article a {
color: #FF6666;
}
#beauty article a {
color: #736BAD;
}
#culture article a {
color: #74B037;
}
#pet article a {
color: #FF9900;
}
#lifestyle article a {
color: #DA70D6;
}
#lifestyle .newtrend article a {
color: #4DB3C1;
}
#lifestyle .enquete article a {
color: #DA70D6;
}
#columns article a {
color: #0066CC;
}
#columns .nagoyameshi article a {
color: #CC9933;
}
#columns .qa-jinno article a {
color: #FF6600;
}
#columns .essay-jinno article a {
color: #28A0C8;
}
#columns .column-sawada article a {
color: #FC6864;
}
#release article a {
color: #BA1B21;
}
article a:hover {
text-decoration: underline;
}
#topics article .sub-title {
margin-top: 0;
color: #000;
font-size: 18px;
font-size: 1.29rem;
}
#gourmet .dashimarine article .arrangements {
margin-top: 15px;
background-color: #EBEBEB;
padding: 15px 0 15px 15px;
}
#gourmet .dashimarine article .arrangements h2 {
position: relative;
margin-top: 20px;
width: 340px;
color: #EC6C00;
text-align: center;
}
#gourmet .dashimarine article .arrangements h2::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 150px;
height: 34px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_arrangements.png);
background-repeat: no-repeat;
background-size: 150px 34px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
top: -47px;
bottom: auto;
left: 0;
right: 0;
}
#gourmet .isesyoyu article + .profile {
overflow: hidden;
padding: 30px 20px;
}
#gourmet .isesyoyu article + .profile > div:first-of-type {
width: 410px;
float: left;
position: relative;
}
#gourmet .isesyoyu article + .profile > div:first-of-type h2 {
display: block;
margin-top: 0;
padding-left: 90px;
padding-top: 16px;
}
#gourmet .isesyoyu article + .profile > div:first-of-type h2::before {
margin: 0;
left: 90px;
}
#gourmet .isesyoyu article + .profile > div:first-of-type h2 span {
display: block;
}
#gourmet .isesyoyu article + .profile > div:first-of-type figure {
float: left;
position: absolute;
top: 0;
left: 0;
}
#gourmet .isesyoyu article + .profile > div:first-of-type p {
clear: both;
font-size: 12px;
margin-top: 25px;
}
#gourmet .isesyoyu article + .profile .gallery {
margin-top: 0;
padding-top: 0;
float: left;
border-top: none;
}
#culture .culture-muneharu article h2 {
color: #CC3F65;
font-size: 24px;
font-size: 1.71rem;
font-weight: normal;
text-align: center;
}
.pet-love article .posi-right {
margin: 0 0 20px 15px;
}
.nagoyameshi article .mini-column {
border-bottom: 1px solid #916D24;
padding-bottom: 20px;
}
.nagoyameshi article .mini-column h2 {
background: transparent url(/common/images/hl_columns_nagoyameshi_minicolumm.png) no-repeat center top;
height: 85px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.nagoyameshi article #map {
margin-top: 0;
}
article .qa-jinno-q {
background: #FFEED9 url(/common/images/icon_lifestyle_q.png) no-repeat right bottom;
padding: 26px 23px 46px;
font-weight: bold;
}
article .qa-jinno-q p:first-of-type {
margin-top: 0;
}
article .qa-jinno-a {
background: transparent url(/common/images/icon_lifestyle_a.png) no-repeat top left;
padding: 40px 23px 0;
}
article .qa-jinno-a p:first-of-type {
margin-top: 0;
}
.enquete article h2 {
border-top: 1px solid #E59BE2;
border-bottom: 1px solid #E59BE2;
padding: 13px;
color: #333333 !important;
font-weight: normal;
}
.enquete article h2 span {
display: inline-block;
margin-right: 10px;
color: #DA70D6;
}
.enquete article .graph canvas {
margin: 0 auto;
}
.enquete article .comments div {
background-color: #FBF1FB;
padding: 30px 20px;
}
.enquete article .comments div:nth-of-type(1) {
margin-top: 30px;
}
.enquete article .comments div:nth-of-type(2n) {
background-color: #fff;
}
.enquete article .comments div dt {
color: #C510A3;
font-size: 17px;
font-size: 1.21rem;
}
.enquete article .comments div dd {
position: relative;
margin-top: 20px;
padding-left: 27px;
}
.enquete article .comments div dd::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 16px;
background-color: transparent;
background-image: url(/common/svg/icon_comment.svg);
background-repeat: no-repeat;
background-size: 20px 16px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
top: 2px;
left: 0;
margin: 0;
}
.enquete article .comment-henshubu {
margin-top: 25px;
border: 1px solid #DA70D6;
background-color: #FBF1FB;
padding-bottom: 14px;
}
.enquete article .comment-henshubu h2 {
position: relative;
margin: 0 !important;
border: none !important;
background-color: #DA70D6;
padding: 0 0 0 47px !important;
height: 40px;
color: #fff !important;
font-size: 18px;
font-size: 1.29rem;
line-height: 42px;
}
.enquete article .comment-henshubu h2::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 16px;
height: 16px;
background-color: transparent;
background-image: url(/common/svg/icon_pen.svg);
background-repeat: no-repeat;
background-size: 16px 16px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 25px;
}
.enquete article .comment-henshubu p {
border-top: none;
margin: 1em 27px 0;
}
.newtrend article h2 {
font-size: 18px;
font-size: 1.29rem;
}
.newtrend article .company-name {
overflow: hidden;
text-align: right;
padding-right: 60px;
margin-bottom: 10px;
background: transparent url(/common/images/lifestyle_newtrend_02.png) no-repeat right top;
}
.newtrend article .company-name p {
background: transparent url(/common/images/lifestyle_newtrend_01.png) no-repeat left top;
display: inline-block;
text-align: left;
padding: 2px 15px 0 70px;
margin-top: 0;
font-size: 16px;
font-size: 1.14rem;
font-weight: normal;
}
.newtrend article .information {
margin-top: 30px;
padding-top: 15px;
border: none;
background-color: #D5EDF1;
}
.newtrend article .information h2 {
overflow: hidden;
text-align: center;
background-color: transparent;
height: 31px;
font-size: 16px;
font-size: 1.14rem;
font-weight: bold;
}
.newtrend article .information h2 span {
background: url(/common/images/lifestyle_newtrend_02.png) right top no-repeat, url(/common/images/lifestyle_newtrend_01.png) left top no-repeat;
display: inline-block;
text-align: center;
padding: 4px 100px 3px 100px;
margin-top: 0;
color: #333;
}
.newtrend article .information p {
padding: 0 30px 30px 30px;
}
.newtrend article #map {
margin-top: 0;
}
#fortune article .ranking-date {
margin-bottom: 10px;
font-size: 12px;
font-size: 0.86rem;
text-align: right;
}
#fortune article > section {
padding: 35px 20px;
}
#fortune article > section::after {
content: "";
display: table;
clear: both;
}
#fortune article > section:nth-child(even) {
background-color: #F9F3E3;
}
#fortune article > section figure {
float: right;
padding: 0;
}
#fortune article > section h2 {
margin: 0;
background-color: transparent;
background-repeat: no-repeat;
background-position: left center;
background-size: 53px 52px;
padding: 5px 0 0 66px;
}
#fortune article > section.rank-1 h2 {
background-image: url(/common/images/fortune_rank_1.png);
}
#fortune article > section.rank-2 h2 {
background-image: url(/common/images/fortune_rank_2.png);
}
#fortune article > section.rank-3 h2 {
background-image: url(/common/images/fortune_rank_3.png);
}
#fortune article > section.rank-4 h2 {
background-image: url(/common/images/fortune_rank_4.png);
}
#fortune article > section.rank-5 h2 {
background-image: url(/common/images/fortune_rank_5.png);
}
#fortune article > section.rank-6 h2 {
background-image: url(/common/images/fortune_rank_6.png);
}
#fortune article > section.rank-7 h2 {
background-image: url(/common/images/fortune_rank_7.png);
}
#fortune article > section.rank-8 h2 {
background-image: url(/common/images/fortune_rank_8.png);
}
#fortune article > section.rank-9 h2 {
background-image: url(/common/images/fortune_rank_9.png);
}
#fortune article > section.rank-10 h2 {
background-image: url(/common/images/fortune_rank_10.png);
}
#fortune article > section.rank-11 h2 {
background-image: url(/common/images/fortune_rank_11.png);
}
#fortune article > section.rank-12 h2 {
background-image: url(/common/images/fortune_rank_12.png);
}
#fortune article > section p {
margin-top: 0;
padding-left: 3px;
font-size: 12px;
font-size: 0.86rem;
}
#fortune article > section p.rating {
margin-top: 10px;
color: #C99E2C;
font-size: 15px;
font-size: 1.07rem;
font-weight: bold;
}
#fortune article > section p.rating span {
display: inline-block;
margin-left: 10px;
color: #C99E2C;
font-size: 16px;
font-size: 1.14rem;
}
#fortune article > section p:first-of-type {
margin-top: 25px;
}
.general article dt,
.sitemap article dt {
position: relative;
margin-top: 25px;
border-bottom: 4px solid #FDEAEB;
padding: 0 0 3px 22px;
font-size: 16px;
font-size: 1.14rem;
}
.general article dt::before,
.sitemap article dt::before {
content: " ";
position: absolute;
top: 7px;
left: 3px;
width: 10px;
height: 10px;
border-radius: 5px;
background-color: #FDEAEB;
}
.general article dt a,
.sitemap article dt a {
width: 100%;
}
.general article dt a:hover, .general article dt a:active, .general article dt a:link, .general article dt a:visited,
.sitemap article dt a:hover,
.sitemap article dt a:active,
.sitemap article dt a:link,
.sitemap article dt a:visited {
color: #333333;
}
.general article dt span,
.sitemap article dt span {
display: inline-block;
float: right;
padding: 4px 7px 0 0;
font-size: 12px;
font-size: 0.86rem;
}
.general article dd,
.sitemap article dd {
margin-top: 10px;
border-bottom: 1px solid #FDEAEB;
padding: 0 0 10px 0;
}
.general article dd p,
.sitemap article dd p {
margin-top: 0;
padding: 0 10px 0 22px;
}
.general article dd dt,
.sitemap article dd dt {
margin-top: 15px;
border-bottom: 1px solid #FDEAEB;
padding-left: 20px;
}
.general article dd dt::before,
.sitemap article dd dt::before {
width: 8px;
height: 8px;
top: 5px;
}
.general article dd dd:last-of-type,
.sitemap article dd dd:last-of-type {
border-bottom: none;
padding-bottom: 0;
}
.general article .inquiry .btn-tag,
.sitemap article .inquiry .btn-tag {
display: inline-block;
margin: 10px 0 0;
}
.general article .inquiry .btn-tag span,
.sitemap article .inquiry .btn-tag span {
padding-right: 30px;
}
.general article .btn-tag {
height: 60px;
line-height: 60px;
}
.general article .btn-tag span {
height: 60px;
line-height: 60px;
font-size: 18px;
font-size: 1.29rem;
}
#release article {
word-break: break-all;
}
#release article figure {
margin-bottom: 25px;
padding-top: 0;
}
#release article figure img {
max-width: 660px;
max-height: 500px;
} #blog article .sub-info {
color: #7D7D7D;
font-size: 12px;
font-size: 0.86rem;
text-align: right;
}
#release article .sub-info {
margin-bottom: 25px;
font-size: 14px;
font-size: 1rem;
} article { }
#special article .s-color {
color: #BA1B21;
}
#present article .s-color {
color: #BA1B21;
}
#blog article .s-color {
color: #BA1B21;
}
#topics article .s-color {
color: #BA1B21;
}
#gourmet article .s-color {
color: #FF6666;
}
#beauty article .s-color {
color: #736BAD;
}
#culture article .s-color {
color: #74B037;
}
#culture .culture-muneharu article .s-color {
color: #CC3F65;
}
#pet article .s-color {
color: #FF9900;
}
#lifestyle article .s-color {
color: #DA70D6;
}
#lifestyle .newtrend article .s-color {
color: #4DB3C1;
}
#columns article .s-color {
color: #0066CC;
}
#fortune article .s-color {
color: #215978;
}
#release article .s-color {
color: #BA1B21;
}
#gourmet .dashimarine article .s-bold {
font-size: 18px;
font-size: 1.29rem;
}
#special article .s-l-border {
border-color: #BA1B21;
}
#present article .s-l-border {
border-color: #BA1B21;
}
#blog article .s-l-border {
border-color: #BA1B21;
}
#topics article .s-l-border {
border-color: #BA1B21;
}
#gourmet article .s-l-border {
border-color: #FF6666;
}
#beauty article .s-l-border {
border-color: #736BAD;
}
#culture article .s-l-border {
border-color: #74B037;
}
#culture .culture-muneharu article .s-l-border {
border-color: #CC3F65;
}
#pet article .s-l-border {
border-color: #FF9900;
}
#lifestyle article .s-l-border {
border-color: #DA70D6;
}
#columns article .s-l-border {
border-color: #0066CC;
}
#fortune article .s-l-border {
border-color: #215978;
}
#release article .s-l-border {
border-color: #BA1B21;
}
article .s-color-gr {
color: #696969 !important;
}
article .s-color-bl {
color: #4169e1 !important;
}
article .s-color-pk {
color: #ff69b4 !important;
} #special article .btn {
background-color: #BA1B21;
}
#present article .btn {
background-color: #BA1B21;
}
#blog article .btn {
background-color: #BA1B21;
}
#topics article .btn {
background-color: #BA1B21;
}
#gourmet article .btn {
background-color: #FF6666;
}
#beauty article .btn {
background-color: #736BAD;
}
#culture article .btn {
background-color: #74B037;
}
#pet article .btn {
background-color: #FF9900;
}
#lifestyle article .btn {
background-color: #DA70D6;
}
#columns article .btn {
background-color: #0066CC;
}
#fortune article .btn {
background-color: #215978;
}
#release article .btn {
background-color: #BA1B21;
} #gourmet article table.data caption {
border-color: #FF6666;
fill: #FF6666;
color: #FF6666;
}
#beauty article table.data caption {
border-color: #736BAD;
fill: #736BAD;
color: #736BAD;
}
#culture article table.data caption {
border-color: #74B037;
fill: #74B037;
color: #74B037;
}
#pet article table.data caption {
border-color: #FF9900;
fill: #FF9900;
color: #FF9900;
}
#lifestyle article table.data caption {
border-color: #DA70D6;
fill: #DA70D6;
color: #DA70D6;
}
#columns article table.data caption {
border-color: #0066CC;
fill: #0066CC;
color: #0066CC;
}
#special article table.data tr th {
background-color: #FAC9CE;
}
#present article table.data tr th {
background-color: #FAC9CE;
}
#blog article table.data tr th {
background-color: #FAC9CE;
}
#topics article table.data tr th {
background-color: #FAC9CE;
}
#gourmet article table.data tr th {
background-color: #FFD9D9;
}
#beauty article table.data tr th {
background-color: #D5D2E6;
}
#culture article table.data tr th {
background-color: #DCEBCD;
}
#pet article table.data tr th {
background-color: #FFECCE;
}
#lifestyle article table.data tr th {
background-color: #F5DCF4;
}
#columns article table.data tr th {
background-color: #0066CC;
}
#fortune article table.data tr th {
background-color: #215978;
}
#release article table.data tr th {
background-color: #FAC9CE;
} .special .col1 > a:nth-last-of-type(1), .special .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #BA1B21;
}
.blog .col1 > a:nth-last-of-type(1), .blog .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #BA1B21;
}
.topics .col1 > a:nth-last-of-type(1), .topics .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #BA1B21;
}
#beauty .col1 > a:nth-last-of-type(1), #beauty .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #736BAD;
}
#culture .col1 > a:nth-last-of-type(1), #culture .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #74B037;
}
.dashimarine .col1 > a:nth-last-of-type(1), .dashimarine .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #EC6C00;
}
.iegohan .col1 > a:nth-last-of-type(1), .iegohan .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #654C26;
}
#pet .col1 > a:nth-last-of-type(1), #pet .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #FF9900;
}
#lifestyle .col1 > a:nth-last-of-type(1), #lifestyle .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #DA70D6;
}
#columns .col1 > a:nth-last-of-type(1), #columns .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #0066CC;
}
.release .col1 > a:nth-last-of-type(1), .release .col1 > div:nth-last-of-type(1) {
border-bottom: 2px solid #BA1B21;
}
#special .col1 section p:first-of-type {
margin-top: 10px;
font-size: 16px;
font-size: 1.14rem;
}
#special .col1 section p:first-of-type span {
display: inline-block;
margin-right: 1em;
color: #7D7D7D;
font-size: 13px;
font-size: 0.93rem;
}
#topics .content-left .col1 section {
margin-bottom: 13px;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;
}
#topics .content-left .col1 section figure {
float: left;
margin-right: 15px;
}
#topics .content-left .col1 section figure img {
width: 160px;
height: auto;
}
#topics .content-left .col1 section > p {
margin-top: 0;
}
#topics .content-left .col1 section > p a {
display: inline;
color: #BA1B21;
font-size: 23px;
font-size: 1.64rem;
}
#topics .content-left .col1 section .sub-info p {
margin: 2px 0 0;
color: #7D7D7D;
}
#topics .content-left .col1 section .sub-info p:first-of-type {
margin: 0;
color: #000;
font-size: 18px;
font-size: 1.29rem;
}
#topics .content-left .col1 section .sub-info p a {
color: #BA1B21;
}
#lifestyle.category .content-left .col1 section,
#columns.category .content-left .col1 section {
padding-bottom: 40px;
}
#lifestyle.category .content-left .col1 section figure,
#columns.category .content-left .col1 section figure {
float: left;
}
#lifestyle.category .content-left .col1 section > a,
#columns.category .content-left .col1 section > a {
display: block;
background-color: #FFEED9;
}
#lifestyle.category .content-left .col1 section > a:hover,
#columns.category .content-left .col1 section > a:hover {
text-decoration: none;
}
#lifestyle.category .content-left .col1 section > a:hover img,
#columns.category .content-left .col1 section > a:hover img {
opacity: 1;
}
#lifestyle.category .content-left .col1 section > a p,
#columns.category .content-left .col1 section > a p {
margin: 0;
padding-left: 208px;
padding-right: 10px;
}
#lifestyle.category .content-left .col1 section > a > p,
#columns.category .content-left .col1 section > a > p {
font-size: 18px;
font-size: 1.29rem;
}
#lifestyle.category .content-left .col1 section > a .sub-info,
#columns.category .content-left .col1 section > a .sub-info {
margin: 9px 0 20px;
padding-top: 16px;
}
#lifestyle.category .content-left .col1 section > a .sub-info p:first-of-type,
#columns.category .content-left .col1 section > a .sub-info p:first-of-type {
color: #FF6600;
font-size: 16px;
font-size: 1.14rem;
font-weight: bold;
}
#lifestyle.category .content-left .col1 section > a .sub-info p:nth-of-type(2),
#columns.category .content-left .col1 section > a .sub-info p:nth-of-type(2) {
margin-right: 36px;
padding-top: 4px;
padding-bottom: 4px;
background-color: #FF6600;
color: #fff;
}
#lifestyle.category .content-left .col1 section.nagoyameshi > a,
#columns.category .content-left .col1 section.nagoyameshi > a {
background-color: #FDF9EA;
}
#lifestyle.category .content-left .col1 section.nagoyameshi > a .sub-info p:first-of-type,
#columns.category .content-left .col1 section.nagoyameshi > a .sub-info p:first-of-type {
color: #CC9933;
}
#lifestyle.category .content-left .col1 section.nagoyameshi > a .sub-info p:nth-of-type(2),
#columns.category .content-left .col1 section.nagoyameshi > a .sub-info p:nth-of-type(2) {
background-color: #CC9933;
}
#lifestyle.category .content-left .col1 section.essay-jinno > a,
#columns.category .content-left .col1 section.essay-jinno > a {
background-color: #D9F3F9;
}
#lifestyle.category .content-left .col1 section.essay-jinno > a .sub-info p:first-of-type,
#columns.category .content-left .col1 section.essay-jinno > a .sub-info p:first-of-type {
color: #28A0C8;
}
#lifestyle.category .content-left .col1 section.essay-jinno > a .sub-info p:nth-of-type(2),
#columns.category .content-left .col1 section.essay-jinno > a .sub-info p:nth-of-type(2) {
background-color: #28A0C8;
}
#lifestyle.category .content-left .col1 section.column-sawada > a,
#columns.category .content-left .col1 section.column-sawada > a {
background-color: #FFECEC;
}
#lifestyle.category .content-left .col1 section.column-sawada > a .sub-info p:first-of-type,
#columns.category .content-left .col1 section.column-sawada > a .sub-info p:first-of-type {
color: #FC6764;
}
#lifestyle.category .content-left .col1 section.column-sawada > a .sub-info p:nth-of-type(2),
#columns.category .content-left .col1 section.column-sawada > a .sub-info p:nth-of-type(2) {
background-color: #FC6864;
}
#lifestyle.category .content-left .col1 section.enquete > a.enquete-inner,
#columns.category .content-left .col1 section.enquete > a.enquete-inner {
display: block;
position: relative;
width: 660px;
height: 165px;
}
#lifestyle.category .content-left .col1 section.enquete > a.enquete-inner p,
#columns.category .content-left .col1 section.enquete > a.enquete-inner p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 43px;
left: 323px;
padding: 0;
width: 330px;
height: 80px;
}
#lifestyle.tag .column-ikuji .col1 section {
border-bottom: 1px solid #5E9BD1;
}
#lifestyle.tag .column-ikuji .col1 section p {
margin-top: 20px;
font-size: 18px;
font-size: 1.29rem;
}
#lifestyle.tag .column-ikuji .col1 section p a {
display: block;
}
#lifestyle.tag .enquete .col1 section {
border-bottom: 1px solid #DA70D6;
}
#lifestyle.tag .enquete .col1 section p {
margin-top: 20px;
font-size: 18px;
font-size: 1.29rem;
}
#lifestyle.tag .enquete .col1 section p a {
display: block;
}
#columns.tag .nagoyameshi .col1 section,
#columns.tag .qa-jinno .col1 section,
#columns.tag .essay-jinno .col1 section {
border-bottom: 1px solid #FF9900;
}
#columns.tag .nagoyameshi .col1 section p,
#columns.tag .qa-jinno .col1 section p,
#columns.tag .essay-jinno .col1 section p {
margin-top: 20px;
font-size: 18px;
font-size: 1.29rem;
}
#columns.tag .nagoyameshi .col1 section p a,
#columns.tag .qa-jinno .col1 section p a,
#columns.tag .essay-jinno .col1 section p a {
display: block;
}
#columns.tag .nagoyameshi .col1 section {
border-bottom: 1px solid #CC9933;
}
#columns.tag .essay-jinno .col1 section {
border-bottom: 1px solid #28A0C8;
}
#release .content-left .col1 section {
margin-bottom: 13px;
padding-bottom: 10px;
border-bottom: 1px solid #e3e3e3;
}
#release .content-left .col1 section > p {
margin-top: 0;
}
#release .content-left .col1 section > p a {
display: inline;
font-size: 16px;
font-size: 1.14rem;
} .col2 section.gourmet span, .col2 div.gourmet span, .col2 figure.gourmet span, .col3 section.gourmet span, .col3 div.gourmet span, .col3 figure.gourmet span, .col4 section.gourmet span, .col4 div.gourmet span, .col4 figure.gourmet span {
border-color: #FF6666;
color: #FF6666;
}
.col2 section.gourmet span a, .col2 div.gourmet span a, .col2 figure.gourmet span a, .col3 section.gourmet span a, .col3 div.gourmet span a, .col3 figure.gourmet span a, .col4 section.gourmet span a, .col4 div.gourmet span a, .col4 figure.gourmet span a {
color: #FF6666;
}
.col2 section.gourmet span a:hover, .col2 div.gourmet span a:hover, .col2 figure.gourmet span a:hover, .col3 section.gourmet span a:hover, .col3 div.gourmet span a:hover, .col3 figure.gourmet span a:hover, .col4 section.gourmet span a:hover, .col4 div.gourmet span a:hover, .col4 figure.gourmet span a:hover {
background-color: #FF6666;
color: #fff;
}
.col2 section.beauty span, .col2 div.beauty span, .col2 figure.beauty span, .col3 section.beauty span, .col3 div.beauty span, .col3 figure.beauty span, .col4 section.beauty span, .col4 div.beauty span, .col4 figure.beauty span {
border-color: #736BAD;
color: #736BAD;
}
.col2 section.beauty span a, .col2 div.beauty span a, .col2 figure.beauty span a, .col3 section.beauty span a, .col3 div.beauty span a, .col3 figure.beauty span a, .col4 section.beauty span a, .col4 div.beauty span a, .col4 figure.beauty span a {
color: #736BAD;
}
.col2 section.beauty span a:hover, .col2 div.beauty span a:hover, .col2 figure.beauty span a:hover, .col3 section.beauty span a:hover, .col3 div.beauty span a:hover, .col3 figure.beauty span a:hover, .col4 section.beauty span a:hover, .col4 div.beauty span a:hover, .col4 figure.beauty span a:hover {
background-color: #736BAD;
color: #fff;
}
.col2 section.culture span, .col2 div.culture span, .col2 figure.culture span, .col3 section.culture span, .col3 div.culture span, .col3 figure.culture span, .col4 section.culture span, .col4 div.culture span, .col4 figure.culture span {
border-color: #74B037;
color: #74B037;
}
.col2 section.culture span a, .col2 div.culture span a, .col2 figure.culture span a, .col3 section.culture span a, .col3 div.culture span a, .col3 figure.culture span a, .col4 section.culture span a, .col4 div.culture span a, .col4 figure.culture span a {
color: #74B037;
}
.col2 section.culture span a:hover, .col2 div.culture span a:hover, .col2 figure.culture span a:hover, .col3 section.culture span a:hover, .col3 div.culture span a:hover, .col3 figure.culture span a:hover, .col4 section.culture span a:hover, .col4 div.culture span a:hover, .col4 figure.culture span a:hover {
background-color: #74B037;
color: #fff;
}
.col2 section.pet span, .col2 div.pet span, .col2 figure.pet span, .col3 section.pet span, .col3 div.pet span, .col3 figure.pet span, .col4 section.pet span, .col4 div.pet span, .col4 figure.pet span {
border-color: #FF9900;
color: #FF9900;
}
.col2 section.pet span a, .col2 div.pet span a, .col2 figure.pet span a, .col3 section.pet span a, .col3 div.pet span a, .col3 figure.pet span a, .col4 section.pet span a, .col4 div.pet span a, .col4 figure.pet span a {
color: #FF9900;
}
.col2 section.pet span a:hover, .col2 div.pet span a:hover, .col2 figure.pet span a:hover, .col3 section.pet span a:hover, .col3 div.pet span a:hover, .col3 figure.pet span a:hover, .col4 section.pet span a:hover, .col4 div.pet span a:hover, .col4 figure.pet span a:hover {
background-color: #FF9900;
color: #fff;
}
.col2 section.lifestyle span, .col2 div.lifestyle span, .col2 figure.lifestyle span, .col3 section.lifestyle span, .col3 div.lifestyle span, .col3 figure.lifestyle span, .col4 section.lifestyle span, .col4 div.lifestyle span, .col4 figure.lifestyle span {
border-color: #DA70D6;
color: #DA70D6;
}
.col2 section.lifestyle span a, .col2 div.lifestyle span a, .col2 figure.lifestyle span a, .col3 section.lifestyle span a, .col3 div.lifestyle span a, .col3 figure.lifestyle span a, .col4 section.lifestyle span a, .col4 div.lifestyle span a, .col4 figure.lifestyle span a {
color: #DA70D6;
}
.col2 section.lifestyle span a:hover, .col2 div.lifestyle span a:hover, .col2 figure.lifestyle span a:hover, .col3 section.lifestyle span a:hover, .col3 div.lifestyle span a:hover, .col3 figure.lifestyle span a:hover, .col4 section.lifestyle span a:hover, .col4 div.lifestyle span a:hover, .col4 figure.lifestyle span a:hover {
background-color: #DA70D6;
color: #fff;
}
.col2 section.columns span, .col2 div.columns span, .col2 figure.columns span, .col3 section.columns span, .col3 div.columns span, .col3 figure.columns span, .col4 section.columns span, .col4 div.columns span, .col4 figure.columns span {
border-color: #0066CC;
color: #0066CC;
}
.col2 section.columns span a, .col2 div.columns span a, .col2 figure.columns span a, .col3 section.columns span a, .col3 div.columns span a, .col3 figure.columns span a, .col4 section.columns span a, .col4 div.columns span a, .col4 figure.columns span a {
color: #0066CC;
}
.col2 section.columns span a:hover, .col2 div.columns span a:hover, .col2 figure.columns span a:hover, .col3 section.columns span a:hover, .col3 div.columns span a:hover, .col3 figure.columns span a:hover, .col4 section.columns span a:hover, .col4 div.columns span a:hover, .col4 figure.columns span a:hover {
background-color: #0066CC;
color: #fff;
}
.col2 section.fortune span, .col2 div.fortune span, .col2 figure.fortune span, .col3 section.fortune span, .col3 div.fortune span, .col3 figure.fortune span, .col4 section.fortune span, .col4 div.fortune span, .col4 figure.fortune span {
border-color: #215978;
color: #215978;
}
.col2 section.fortune span a, .col2 div.fortune span a, .col2 figure.fortune span a, .col3 section.fortune span a, .col3 div.fortune span a, .col3 figure.fortune span a, .col4 section.fortune span a, .col4 div.fortune span a, .col4 figure.fortune span a {
color: #215978;
}
.col2 section.fortune span a:hover, .col2 div.fortune span a:hover, .col2 figure.fortune span a:hover, .col3 section.fortune span a:hover, .col3 div.fortune span a:hover, .col3 figure.fortune span a:hover, .col4 section.fortune span a:hover, .col4 div.fortune span a:hover, .col4 figure.fortune span a:hover {
background-color: #215978;
color: #fff;
} #special .col2 section p:first-of-type, #special .col3 section p:first-of-type {
margin-top: 10px;
}
#special .col2 section p:first-of-type span, #special .col3 section p:first-of-type span {
display: block;
margin: 0;
border: none;
width: auto;
height: auto;
color: #7D7D7D;
font-size: 13px;
font-size: 0.93rem;
text-align: left;
}
#blog .col2 .date-check, #blog .col3 .date-check {
display: none;
}
#blog .col2 .sub-info > span:last-of-type, #blog .col3 .sub-info > span:last-of-type {
margin-right: 0;
}
#blog .col2 .sub-info > span a, #blog .col3 .sub-info > span a {
color: #333;
}
#blog .col2 .sub-info > span a:hover, #blog .col3 .sub-info > span a:hover {
background-color: transparent;
text-decoration: underline;
}
#blog .col2 section figure,
.blog .col2 section figure, #blog .col3 section figure,
.blog .col3 section figure {
overflow: hidden;
position: relative;
margin: 0;
padding: 0;
width: 320px;
height: 200px;
}
#blog .col2 section figure a,
.blog .col2 section figure a, #blog .col3 section figure a,
.blog .col3 section figure a {
width: 100%;
height: 100%;
}
#blog .col2 section figure img,
.blog .col2 section figure img, #blog .col3 section figure img,
.blog .col3 section figure img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#blog.category .col2 section > p:nth-of-type(1), #blog.category .col2 a > p:nth-of-type(1), #blog.category .col3 section > p:nth-of-type(1), #blog.category .col3 a > p:nth-of-type(1) {
margin-top: 8px;
font-size: 14px;
font-size: 1rem;
}
#blog.category .col2 section > span, #blog.category .col2 a > span, #blog.category .col3 section > span, #blog.category .col3 a > span {
margin-top: 0;
border: none;
width: auto;
height: auto;
color: #333;
font-size: 11px;
font-size: 0.79rem;
line-height: 1;
}
#blog.category .col2 .sub-info, #blog.category .col3 .sub-info {
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
background-size: 70px 70px;
padding-left: 80px;
min-height: 70px;
}
#blog.category .col2 .naomi .sub-info, #blog.category .col3 .naomi .sub-info {
background-image: url(/common/images/blog_profile_naomi.jpg);
}
#blog.category .col2 .yumi .sub-info, #blog.category .col3 .yumi .sub-info {
background-image: url(/common/images/blog_profile_yumi.jpg);
}
#blog.category .col2 .harumi .sub-info, #blog.category .col3 .harumi .sub-info {
background-image: url(/common/images/blog_profile_harumi.jpg);
}
#blog.category .col2 .misa .sub-info, #blog.category .col3 .misa .sub-info {
background-image: url(/common/images/blog_profile_misa.jpg);
}
#blog.category .col2 .amiko .sub-info, #blog.category .col3 .amiko .sub-info {
background-image: url(/common/images/blog_profile_amiko.jpg);
}
#blog.category .col2 .asami .sub-info, #blog.category .col3 .asami .sub-info {
background-image: url(/common/images/blog_profile_asami.jpg);
}
#blog.category .col2 .love .sub-info, #blog.category .col3 .love .sub-info {
background-image: url(/common/images/blog_profile_love.jpg);
}
#blog.category .col2 .naritama .sub-info, #blog.category .col3 .naritama .sub-info {
background-image: url(/common/images/blog_profile_naritama.jpg);
}
#blog.category .col2 .asou .sub-info, #blog.category .col3 .asou .sub-info {
background-image: url(/common/images/blog_profile_asou.jpg);
}
#blog.category .col2 .sato .sub-info, #blog.category .col3 .sato .sub-info {
background-image: url(/common/images/blog_profile_sato.jpg);
}
#blog.category .col2 .sonoka .sub-info, #blog.category .col3 .sonoka .sub-info {
background-image: url(/common/images/blog_profile_sonoka.jpg);
}
#blog.category .col2 .kaori .sub-info, #blog.category .col3 .kaori .sub-info {
background-image: url(/common/images/blog_profile_kaori.jpg);
}
#blog.category .col2 .lawyer .sub-info, #blog.category .col3 .lawyer .sub-info {
background-image: url(/common/images/blog_profile_lawyer.jpg);
}
#blog.category .col2 .natsuko .sub-info, #blog.category .col3 .natsuko .sub-info {
background-image: url(/common/images/blog_profile_natsuko.jpg);
}
#blog.category .col2 .eri .sub-info, #blog.category .col3 .eri .sub-info {
background-image: url(/common/images/blog_profile_eri.jpg);
}
#blog.category .col2 .hibiya .sub-info, #blog.category .col3 .hibiya .sub-info {
background-image: url(/common/images/blog_profile_hibiya.jpg);
}
#blog.category .col2 .mio .sub-info, #blog.category .col3 .mio .sub-info {
background-image: url(/common/images/blog_profile_mio.jpg);
}
#blog.category .col2 .inagaki .sub-info, #blog.category .col3 .inagaki .sub-info {
background-image: url(/common/images/blog_profile_inagaki.jpg);
}
#blog.category .col2 .yuko .sub-info, #blog.category .col3 .yuko .sub-info {
background-image: url(/common/images/blog_profile_yuko.jpg);
}
#blog.category .col2 .nagoyacolor-mai .sub-info, #blog.category .col3 .nagoyacolor-mai .sub-info {
background-image: url(/common/images/blog_profile_nagoyacolor-mai.jpg);
}
#blog.category .col2 .matsuoka-cinema .sub-info, #blog.category .col3 .matsuoka-cinema .sub-info {
background-image: url(/common/images/blog_profile_matsuoka-cinema.jpg);
}
#blog.category .col2 .henshubu .sub-info, #blog.category .col3 .henshubu .sub-info {
background-image: url(/common/images/blog_profile_henshubu.jpg);
}
#blog.category .col2 .kinjo .sub-info, #blog.category .col3 .kinjo .sub-info {
background-image: url(/common/images/blog_profile_kinjo.jpg);
}
#columns .column-sawada .col2 section figure, #columns .column-sawada .col3 section figure {
overflow: hidden;
position: relative;
margin: 0;
padding: 0;
width: 320px;
height: 200px;
}
#columns .column-sawada .col2 section figure a, #columns .column-sawada .col3 section figure a {
width: 100%;
height: 100%;
}
#columns .column-sawada .col2 section figure img, #columns .column-sawada .col3 section figure img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
} #blog .col3 section figure,
.blog .col3 section figure {
width: 200px;
height: 150px;
}
#beauty .facility .col3,
#beauty .item .col3 {
padding-top: 10px;
}
#beauty .facility .col3 figure,
#beauty .item .col3 figure {
width: 210px;
}
.petphoto-list .col3 section {
width: 218px;
}
.petphoto-list .col3 section figure {
width: 218px;
}
.petphoto-list .col3 section > p:nth-of-type(1), .petphoto-list .col3 a > p:nth-of-type(1) {
font-size: 13px;
font-size: 0.93rem;
font-weight: bold;
}
#gourmet .dashimarine .col3 figure {
width: 216px;
}
#columns .column-sawada .col3 section figure {
width: 200px;
height: 170px;
} #beauty .facility .col4,
#beauty .item .col4 {
padding-top: 10px;
}
#beauty .facility .col4 figure,
#beauty .item .col4 figure {
width: 210px;
}
#lifestyle .col4 {
padding-top: 10px;
} #special .btn-tag {
margin-bottom: 35px;
}
#special .btn-tag span {
height: 45px;
line-height: 45px;
}
#present .btn-tag {
margin-bottom: 70px;
}
#present .btn-tag span {
height: 45px;
line-height: 45px;
}
#blog .btn-tag {
background-color: #BA1B21;
}
#blog .btn-tag span {
padding-left: 65px;
min-height: 60px;
font-size: 19px;
font-size: 1.36rem;
line-height: 82px;
background-color: #BA1B21;
background-repeat: no-repeat;
background-position: 5px 5px;
background-size: 50px 50px;
display: block;
position: relative;
width: 100%;
}
#blog .btn-tag span::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 7px;
height: 10px;
background-color: transparent;
background-image: url(/common/svg/icon_arrow_right_02.svg);
background-repeat: no-repeat;
background-size: 7px 10px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
right: 0;
}
#blog .btn-tag span::after {
right: 7px;
}
#blog .btn-tag span b {
font-size: 23px;
font-size: 1.64rem;
}
#blog .blog-naomi .btn-tag span {
background-image: url(/common/images/blog_profile_naomi.jpg);
}
#blog .blog-yumi .btn-tag span {
background-image: url(/common/images/blog_profile_yumi.jpg);
}
#blog .blog-harumi .btn-tag span {
background-image: url(/common/images/blog_profile_harumi.jpg);
}
#blog .blog-misa .btn-tag span {
background-image: url(/common/images/blog_profile_misa.jpg);
}
#blog .blog-amiko .btn-tag span {
background-image: url(/common/images/blog_profile_amiko.jpg);
}
#blog .blog-asami .btn-tag span {
background-image: url(/common/images/blog_profile_asami.jpg);
}
#blog .blog-love .btn-tag span {
background-image: url(/common/images/blog_profile_love.jpg);
}
#blog .blog-naritama .btn-tag span {
background-image: url(/common/images/blog_profile_naritama.jpg);
}
#blog .blog-asou .btn-tag span {
background-image: url(/common/images/blog_profile_asou.jpg);
}
#blog .blog-sato .btn-tag span {
background-image: url(/common/images/blog_profile_sato.jpg);
}
#blog .blog-sonoka .btn-tag span {
background-image: url(/common/images/blog_profile_sonoka.jpg);
}
#blog .blog-kaori .btn-tag span {
background-image: url(/common/images/blog_profile_kaori.jpg);
}
#blog .blog-lawyer .btn-tag span {
background-image: url(/common/images/blog_profile_lawyer.jpg);
}
#blog .blog-natsuko .btn-tag span {
background-image: url(/common/images/blog_profile_natsuko.jpg);
}
#blog .blog-eri .btn-tag span {
background-image: url(/common/images/blog_profile_eri.jpg);
}
#blog .blog-hibiya .btn-tag span {
background-image: url(/common/images/blog_profile_hibiya.jpg);
}
#blog .blog-mio .btn-tag span {
background-image: url(/common/images/blog_profile_mio.jpg);
}
#blog .blog-inagaki .btn-tag span {
background-image: url(/common/images/blog_profile_inagaki.jpg);
}
#blog .blog-yuko .btn-tag span {
background-image: url(/common/images/blog_profile_yuko.jpg);
}
#blog .blog-nagoyacolor-mai .btn-tag span {
background-image: url(/common/images/blog_profile_nagoyacolor-mai.jpg);
}
#blog .blog-matsuoka-cinema .btn-tag span {
background-image: url(/common/images/blog_profile_matsuoka-cinema.jpg);
}
#blog .blog-henshubu .btn-tag span {
background-image: url(/common/images/blog_profile_henshubu.jpg);
}
#blog .blog-kinjo .btn-tag span {
background-image: url(/common/images/blog_profile_kinjo.jpg);
}
#special .btn-tag {
background-color: #BA1B21;
}
#present .btn-tag {
background-color: #BA1B21;
}
#topics .btn-tag {
background-color: #BA1B21;
}
#gourmet .btn-tag {
background-color: #FF6666;
}
#beauty .btn-tag {
background-color: #736BAD;
}
#culture .btn-tag {
background-color: #74B037;
}
#pet .btn-tag {
background-color: #FF9900;
}
#lifestyle .btn-tag {
background-color: #DA70D6;
}
#columns .btn-tag {
background-color: #0066CC;
}
#fortune .btn-tag {
background-color: #215978;
}
#release .btn-tag {
background-color: #BA1B21;
} #pet .btn-tag-center span {
height: 45px;
line-height: 45px;
} #pet .btns ul a {
position: relative;
border: 1px solid #FF9900;
padding-left: 50px;
color: #FF9900;
}
#pet .btns ul a::after {
right: auto;
left: 13px;
}
#pet .btns ul a.current, #pet .btns ul a:hover {
background-color: #FF9900;
color: #fff;
}
#pet .btns ul .pet-all a::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 24px;
height: 20px;
background-color: transparent;
background-image: url(/common/images/icon_pet_camera_01.png);
background-repeat: no-repeat;
background-size: 24px 20px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#pet .btns ul .pet-all a.current::after, #pet .btns ul .pet-all a:hover::after {
background-image: url(/common/images/icon_pet_camera_02.png);
}
#pet .btns ul .pet-dog a::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 26px;
background-color: transparent;
background-image: url(/common/images/icon_pet_dog_01.png);
background-repeat: no-repeat;
background-size: 30px 26px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#pet .btns ul .pet-dog a.current::after, #pet .btns ul .pet-dog a:hover::after {
background-image: url(/common/images/icon_pet_dog_02.png);
}
#pet .btns ul .pet-cat a::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
background-color: transparent;
background-image: url(/common/images/icon_pet_cat_01.png);
background-repeat: no-repeat;
background-size: 30px 30px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#pet .btns ul .pet-cat a.current::after, #pet .btns ul .pet-cat a:hover::after {
background-image: url(/common/images/icon_pet_cat_02.png);
}
#pet .btns ul .pet-small a::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 25px;
height: 30px;
background-color: transparent;
background-image: url(/common/images/icon_pet_rabbit_01.png);
background-repeat: no-repeat;
background-size: 25px 30px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 18px;
}
#pet .btns ul .pet-small a.current::after, #pet .btns ul .pet-small a:hover::after {
background-image: url(/common/images/icon_pet_rabbit_02.png);
}
#pet .btns ul .pet-others a::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 16px;
background-color: transparent;
background-image: url(/common/images/icon_pet_fish_01.png);
background-repeat: no-repeat;
background-size: 30px 16px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#pet .btns ul .pet-others a.current::after, #pet .btns ul .pet-others a:hover::after {
background-image: url(/common/images/icon_pet_fish_02.png);
}
#pet .btns ul .pet-post-photo a::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 22px;
background-color: transparent;
background-image: url(/common/images/icon_pet_post_photo_01.png);
background-repeat: no-repeat;
background-size: 30px 22px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#pet .btns ul .pet-post-photo a:hover::after {
background-image: url(/common/images/icon_pet_post_photo_02.png);
}
#pet .petphoto-list .btns ul li a {
width: 100px;
}
#pet .petphoto-list .btns ul li:first-of-type a {
width: 110px;
}
#pet .petphoto-list .btns ul li:last-of-type a {
background-color: #FFFF99;
padding: 5px 0 0 53px;
width: 125px;
font-size: 12px;
font-size: 0.86rem;
line-height: 1.4;
}
#pet .petphoto-list .btns ul li:last-of-type a:hover {
background-color: #FF9900;
}
#fortune .btns ul a {
display: block;
position: relative;
margin: 0;
border: none;
padding: 0;
width: 110px;
height: 46px;
}
#fortune .btns ul a img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
#fortune .btns ul:nth-child(odd) li:nth-child(odd),
#fortune .btns ul:nth-child(even) li:nth-child(even) {
background-color: #fff;
}
#fortune .btns ul:nth-child(odd) li:nth-child(odd) a:hover,
#fortune .btns ul:nth-child(even) li:nth-child(even) a:hover {
background-color: #EAD59D;
}
#fortune .btns ul:nth-child(odd) li:nth-child(even),
#fortune .btns ul:nth-child(even) li:nth-child(odd) {
background-color: #C99E2C;
}
#fortune .btns ul:nth-child(odd) li:nth-child(even) a:hover,
#fortune .btns ul:nth-child(even) li:nth-child(odd) a:hover {
background-color: #EAD59D;
} #gourmet .tags ul a, #gourmet .tags ul span {
background-color: #FFD9D9;
}
#culture .tags ul a, #culture .tags ul span {
background-color: #DCEBCD;
}
#pet .tags ul a, #pet .tags ul span {
background-color: #FFECCE;
}
#gourmet .tags ul a:hover, #gourmet .tags ul span {
background-color: #FF6666;
}
#culture .tags ul a:hover, #culture .tags ul span {
background-color: #74B037;
}
#pet .tags ul a:hover, #pet .tags ul span {
background-color: #FF9900;
} #blog .profile {
background-color: #FFD9D9;
}
#blog .profile dd {
overflow: hidden;
}
.dashimarine .profile h2 span {
color: #EC6C00;
}
.isesyoyu .profile h2 span {
color: #EC6C00;
}
.dashimarine .profile .gallery div p span {
color: #EC6C00;
}
.isesyoyu .profile .gallery div p span {
color: #EC6C00;
}
.culture-muneharu .profile {
margin-top: 0;
background: transparent url(/common/images/culture_muneharu_01.png) repeat-y left top;
padding: 15px 30px;
}
.culture-muneharu .profile p {
color: #fff;
line-height: 1.4;
}
.culture-muneharu .profile p:first-child {
margin-top: 0;
}
.pet-love .profile {
background-color: #FFECCE;
}
.pet-love .profile h2 span {
color: #FF9900;
font-size: 18px;
font-size: 1.29rem;
}
.column-sawada .profile h2 {
margin-bottom: 7px;
}
.column-sawada .profile h2 span {
color: #FC6764;
font-size: 16px;
font-size: 1.14rem;
} #present .ordered-list dl {
border-bottom: 1px solid #8E8E8E;
padding-bottom: 30px;
}
#present .ordered-list dl:last-of-type {
border-bottom: none;
padding-bottom: 45px;
}
#present .ordered-list dt {
font-size: 20px;
font-size: 1.43rem;
}
#present .ordered-list dt span {
background-color: #BA1B21;
}
#present .ordered-list dt p {
padding: 4px 0 0 47px;
color: #BA1B21;
font-weight: normal;
}
#present .ordered-list dd p span {
display: inline-block;
margin-right: 3px;
color: #BA1B21;
font-size: 20px;
font-size: 1.43rem;
font-weight: normal;
}
#present .ordered-list dd p a {
color: #FF6666;
}
#beauty .ordered-list dt span {
background-color: #736BAD;
}
#beauty .ordered-list dt p {
color: #736BAD;
} #gourmet .iegohan .information {
border: none;
background-color: #EBEBEB;
}
#gourmet .iegohan .information h2 {
margin-top: 8px;
background: transparent url(/common/images/hl_gourmet_iegohan_kitchen.png) no-repeat left top;
height: 33px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
#gourmet .isesyoyu .information {
padding: 14px 20px;
background: -webkit-linear-gradient(#990000, #5B0000);
background: linear-gradient(#990000, #5B0000);
color: #fff;
}
#gourmet .isesyoyu .information p:first-of-type {
margin: 0;
}
#culture .culture-muneharu .information {
border-color: #CC3F65;
}
#culture .culture-muneharu .information h2 {
background: transparent url(/common/images/culture_muneharu_02.png) repeat-y left top;
font-size: 14px;
font-size: 1rem;
text-align: left;
}
#culture .culture-muneharu .information dt {
color: #E6457D;
}
#columns .nagoyameshi .information {
border: none;
background-color: #FDF9EA;
padding: 10px 10px 10px 30px;
}
#columns .nagoyameshi .information h2 {
display: inline-block;
background-color: transparent;
padding: 12px 0 0;
color: #CC9933 !important;
font-size: 22px;
font-size: 1.57rem;
font-weight: bold;
}
#columns .nagoyameshi .information figure:first-of-type {
margin-bottom: 0;
padding-top: 0;
}
.mailmagazine .information {
position: relative;
margin-top: 0px;
border: none;
width: 360px;
height: 495px;
}
.mailmagazine .information p:first-of-type {
margin-top: 0;
}
.mailmagazine .information .btns {
position: absolute;
bottom: 0;
padding: 0;
}
.mailmagazine .information .btns .mailmagazine-regist,
.mailmagazine .information .btns .mailmagazine-stop {
margin: 0;
background-color: #FF6766;
width: 360px;
}
.mailmagazine .information .btns .mailmagazine-regist span,
.mailmagazine .information .btns .mailmagazine-stop span {
height: 88px;
line-height: 88px;
color: #fff;
font-size: 20px;
font-size: 1.43rem;
}
.mailmagazine .information .btns .mailmagazine-stop {
margin-top: 20px;
background-color: #FFD7D7;
}
.mailmagazine .information .btns .mailmagazine-stop span {
color: #333333;
}
.mailmagazine .information .btns .mailmagazine-stop span::after {
background-image: url(/common/svg/icon_arrow_right_01.svg);
} #pet .post-photo {
text-align: center;
}
#pet .post-photo h2 {
display: inline-block;
position: relative;
margin: 0;
border: none;
padding: 0 25px;
font-size: 19px;
font-size: 1.36rem;
font-weight: normal;
}
#pet .post-photo h2::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 19px;
background-color: transparent;
background-image: url(/common/images/icon_pet_stars.png);
background-repeat: no-repeat;
background-size: 20px 19px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
top: 5px;
left: 0;
}
#pet .post-photo h2::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 19px;
background-color: transparent;
background-image: url(/common/images/icon_pet_stars.png);
background-repeat: no-repeat;
background-size: 20px 19px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
top: 5px;
right: 0;
-webkit-transform: scale(-1, 1);
transform: scale(-1, 1);
}
#pet .post-photo p {
margin: 0 0 10px;
}
#lifestyle .newtrend p.introduction {
background-color: #EDF7F9;
margin-top: 0;
padding: 20px;
font-size: 14px;
font-size: 1rem;
} .blog-jinno .content-left > figure {
margin-bottom: 15px;
} #special .content-right h2 {
border-color: #BA1B21;
}
#present .content-right h2 {
border-color: #BA1B21;
}
#blog .content-right h2 {
border-color: #BA1B21;
}
#topics .content-right h2 {
border-color: #BA1B21;
}
#gourmet .content-right h2 {
border-color: #FF6666;
}
#beauty .content-right h2 {
border-color: #736BAD;
}
#culture .content-right h2 {
border-color: #74B037;
}
#pet .content-right h2 {
border-color: #FF9900;
}
#lifestyle .content-right h2 {
border-color: #DA70D6;
}
#columns .content-right h2 {
border-color: #0066CC;
}
#fortune .content-right h2 {
border-color: #215978;
}
#release .content-right h2 {
border-color: #BA1B21;
} #special .content-right .special .col1 p:first-of-type {
margin-top: 0;
}
#special .content-right .special .col1 p:first-of-type span {
display: block;
}
.content-right .topics h2 {
margin-bottom: 0 !important;
border-color: #BA1B21 !important;
background: transparent url(/common/images/hl_side_topics.png) no-repeat left top;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .topics .col1 a {
min-height: 70px;
}
.content-right .topics .col1 img {
width: 137px;
height: auto;
}
.content-right .topics .col1 p:nth-of-type(1) {
font-size: 16px;
font-size: 1.14rem;
word-break: break-all;
}
.content-right .blog h2 {
border-color: #BA1B21 !important;
background: transparent url(/common/images/hl_side_blog_newentry.png) no-repeat left top;
height: 21px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .blog.ranking {
position: relative;
}
.content-right .blog.ranking h2 {
background: transparent url(/common/images/hl_side_blog_ranking.png) no-repeat left top;
}
.content-right .blog.ranking .ranking-date {
position: absolute;
top: 0;
bottom: 0;
right: 0;
margin: 0;
padding: 0;
color: #999999;
font-size: 12px;
font-size: 0.86rem;
}
.content-right .blog.ranking .col1 section div {
float: left;
margin-right: 5px;
width: 25px;
}
.content-right .blog.ranking .col1 section div span {
display: block;
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
}
.content-right .blog.ranking .col1 section div span:first-of-type {
border: 1px solid #EA6F75;
color: #E4434B;
}
.content-right .blog.ranking .col1 section div span:nth-of-type(2) {
position: relative;
}
.content-right .blog.ranking .col1 section div span:nth-of-type(2)::after {
left: 0;
right: 0;
}
.content-right .blog.ranking .col1 section img {
margin-right: 13px;
width: 50px;
height: auto;
}
.content-right .blog.ranking .col1 section.rank-1 div span:first-of-type,
.content-right .blog.ranking .col1 section.rank-2 div span:first-of-type,
.content-right .blog.ranking .col1 section.rank-3 div span:first-of-type {
background-color: #BA1B21;
color: #fff;
}
.content-right .blog.ranking .col1 section.rank-2 div span:first-of-type {
background-color: #E4434B;
}
.content-right .blog.ranking .col1 section.rank-3 div span:first-of-type {
background-color: #EA6F75;
}
.content-right .blog.ranking .col1 section.rank-u div span:nth-of-type(2)::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 13px;
height: 15px;
background-color: transparent;
background-image: url(/common/svg/icon_rank_up.svg);
background-repeat: no-repeat;
background-size: 13px 15px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .blog.ranking .col1 section.rank-d div span:nth-of-type(2)::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 13px;
height: 15px;
background-color: transparent;
background-image: url(/common/svg/icon_rank_down.svg);
background-repeat: no-repeat;
background-size: 13px 15px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .blog.ranking .col1 section.rank-s div span:nth-of-type(2)::after {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 12px;
height: 2px;
background-color: transparent;
background-image: url(/common/svg/icon_rank_stay.svg);
background-repeat: no-repeat;
background-size: 12px 2px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .blog.ranking .col1 a:nth-last-of-type(2) {
border-color: #BA1B21;
}
.content-right .blog.recententries h2 {
background: transparent url(/common/images/hl_side_blog_recententries.png) no-repeat left top;
}
.content-right .blog.category h2 {
background: transparent url(/common/images/hl_side_blog_category.png) no-repeat left top;
}
.content-right .blog.archives h2 {
background: transparent url(/common/images/hl_side_blog_archives.png) no-repeat left top;
}
.content-right .dashimarine h2 {
border-color: #EC6C00 !important;
background: transparent url(/common/images/hl_side_gourmet_dashimarine.png) no-repeat 11px top;
height: 58px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .isesyoyu h2 {
border-color: #EC6C00 !important;
background: transparent url(/common/images/hl_side_gourmet_isesyoyu.png) no-repeat 0 top;
height: 90px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .iegohan h2 {
border-color: #654C26 !important;
background: transparent url(/common/images/hl_side_gourmet_iegohan.png) no-repeat left top;
height: 58px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .fortune h2 {
margin-bottom: 14px !important;
border-color: #215978 !important;
background: transparent url(/common/images/hl_side_fortune.png) no-repeat left top;
height: 21px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .fortune a {
display: block;
}
.content-right .fortune a:hover {
text-decoration: none;
}
.content-right .fortune a > img {
float: left;
margin-right: 22px;
}
.content-right .fortune a > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.content-right .fortune a > div span {
display: inline-block;
}
.content-right .fortune a > div span:nth-of-type(1) {
height: 30px;
margin-right: 17px;
border: 1px solid #215978;
background-color: #fff;
padding: 0 12px;
color: #215978;
font-size: 17px;
font-size: 1.21rem;
line-height: 30px;
}
.content-right .fortune a > div span:nth-of-type(2) {
height: 30px;
font-size: 25px;
font-size: 1.79rem;
line-height: 32px;
}
.content-right .fortune a > span {
font-size: 25px;
font-size: 1.79rem;
}
.content-right .fortune a > p {
clear: both;
margin-top: 0;
padding: 7px 0 15px;
line-height: 1.3;
}
.content-right .fortune #my-star {
opacity: 1;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.content-right .fortune #my-star.my-star-change {
opacity: 0;
}
.content-right .mailmagazine {
text-align: center;
}
.content-right .mailmagazine h2 {
margin-bottom: 14px !important;
border-color: #BA1B21 !important;
background: transparent url(/common/images/hl_side_mailmagazine.png) no-repeat left top;
height: 21px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .mailmagazine p {
margin-top: 0;
}
.content-right .release h2 {
margin-bottom: 0 !important;
border-color: #BA1B21 !important;
background: transparent url(/common/images/hl_side_release.png) no-repeat left top;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
}
.content-right .release .col1 a {
min-height: 70px;
}
.content-right .release .col1 img {
width: 137px;
height: auto;
}
.content-right .release .col1 p:nth-of-type(1) {
font-size: 14px;
font-size: 1rem;
} #gourmet .content-right .tags.genre h2 {
padding-left: 21px;
background: transparent url(/common/images/icon_gourmet_genre.png) no-repeat 2px 1px;
}
#gourmet .content-right .tags.area h2 {
padding-left: 25px;
background: transparent url(/common/images/icon_gourmet_area.png) no-repeat left top;
}
#gourmet .content-right .tags.map h2 {
padding-left: 23px;
background: transparent url(/common/images/icon_gourmet_map.png) no-repeat 6px 3px;
} #blog .content-right ul {
padding: 10px 0 18px;
border-bottom: 2px solid #BA1B21;
} .nagoyameshi .cnt-right {
padding-right: 23px;
}
.qa-jinno .cnt-right {
padding-right: 23px;
}
.essay-jinno .cnt-right {
padding-right: 23px;
}
.enquete .cnt-right {
padding-right: 23px;
}article .imageframe img {
margin: 0 !important;
}
article .imagecaption {
margin-top: 4px;
margin-bottom: 15px;
font-size: 12px;
font-size: 0.86rem;
text-align: left;
}
#topics article .imagecaption {
color: #7D7D7D;
font-size: 13px;
font-size: 0.93rem;
}
article .imgalignright {
float: right;
margin-left: 20px;
margin-bottom: 5px;
}
article .imgalignright > img:first-child {
margin-top: 18px !important;
}
article .imgalignleft {
float: left;
margin-right: 20px;
margin-bottom: 5px;
}
article .imgalignleft > img:first-child {
margin-top: 18px !important;
}
article .imgaligncenter {
margin: 0 auto;
}
article .imgaligncenter > img:first-child {
margin-top: 18px !important;
}
article .box-left {
float: left;
margin-top: 25px;
width: 230px;
}
article .box-right {
margin-top: 25px;
margin-left: 250px;
}
#special.old article {
margin-left: 60px;
width: 570px;
}
#special.old .page-navi {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 60px;
margin-top: 20px;
width: 570px;
}
#special.old .page-navi a, #special.old .page-navi span {
margin: 0 3px;
width: 28px;
height: 26px;
font-size: 12px;
font-size: 0.86rem;
line-height: 26px;
text-align: center;
}
#special.old .page-navi a {
background-color: #FAC9CE;
}
#special.old .page-navi a:hover {
background-color: #BA1B21;
color: #fff;
text-decoration: none;
}
#special.old .page-navi span {
background-color: #BA1B21;
color: #fff;
}
.maindashimarine, .subdashimarine, .styleupitem {
text-align: center;
}
.maindashimarine::after, .subdashimarine::after, .styleupitem::after {
content: "";
display: table;
clear: both;
}
.maindashimarine p, .maindashimarine div, .subdashimarine p, .subdashimarine div, .styleupitem p, .styleupitem div {
text-align: left;
}
.maindashimarine img, .subdashimarine img, .styleupitem img {
margin-top: 1em;
}
.maindashimarine .title, .subdashimarine .title, .styleupitem .title {
position: relative;
margin-top: 25px;
border-top: 3px solid #CCC;
border-bottom: 3px solid #CCC;
padding: 5px 0 0 145px;
color: #EC6C00;
font-size: 23px;
font-size: 1.64rem;
}
.maindashimarine .title::before, .subdashimarine .title::before, .styleupitem .title::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 117px;
height: 26px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_recipe_01.png);
background-repeat: no-repeat;
background-size: 117px 26px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 13px;
}
.maindashimarine .aboutdashimarine, .subdashimarine .aboutdashimarine {
margin: 30px auto 0;
text-align: center;
}
.maindashimarine .aboutdashimarine img, .subdashimarine .aboutdashimarine img {
margin-top: 0;
}
.maindashimarine .alignright, .maindashimarine .alignleft, .subdashimarine .alignright, .subdashimarine .alignleft {
margin-top: 30px;
width: 320px;
}
.maindashimarine .alignright p, .maindashimarine .alignleft p, .subdashimarine .alignright p, .subdashimarine .alignleft p {
margin: 0;
}
.maindashimarine .alignright, .subdashimarine .alignright {
float: right;
border: 1px solid #CCCCCC;
border-top: none;
}
.maindashimarine .alignright .title, .maindashimarine .alignright p, .subdashimarine .alignright .title, .subdashimarine .alignright p {
border-top: 1px solid #CCCCCC;
padding: 9px 13px;
font-size: 12px;
font-size: 0.86rem;
}
.maindashimarine .alignright .title, .subdashimarine .alignright .title {
margin: 0;
border-bottom: none;
background-color: #EBEBEB;
color: #333333;
font-size: 13px;
font-size: 0.93rem;
}
.maindashimarine .alignright .title::before, .subdashimarine .alignright .title::before {
content: none;
}
.subdashimarine .title::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 107px;
height: 29px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_recipe_02.png);
background-repeat: no-repeat;
background-size: 107px 29px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 13px;
}
.styleupitem img {
float: right;
margin: 0 0 0 20px;
}
.styleupitem .title {
margin-bottom: 1rem;
padding-left: 160px;
}
.styleupitem .title::before {
content: " ";
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 138px;
height: 27px;
background-color: transparent;
background-image: url(/common/images/icon_gourmet_style_up_item.png);
background-repeat: no-repeat;
background-size: 138px 27px;
display: block;
overflow: hidden;
text-indent: -9999px;
text-align: left;
left: 13px;
}
.mainiegohan img:nth-of-type(1) {
display: block;
margin: 40px auto 0;
}
.mainiegohan .title {
margin: 0;
margin-top: 30px;
background: transparent url(/common/images/icon_gourmet_iegohan_01.png) no-repeat left top;
padding: 19px 0 10px 95px;
color: #654C26;
font-size: 18px;
font-size: 1.29rem;
font-weight: bold;
}
.mainiegohan .star {
margin-top: 5px;
text-align: center;
}
.mainiegohan .box {
margin-top: 35px;
}
.mainiegohan .alignright p:nth-of-type(1), .mainiegohan .alignleft p:nth-of-type(1) {
margin-top: 0;
}
.mainiegohan .alignright img:nth-of-type(1), .mainiegohan .alignleft img:nth-of-type(1) {
margin-top: 10px;
}
.mainiegohan .alignleft {
float: left;
width: 250px;
}
.mainiegohan .alignright {
float: right;
width: 380px;
}
.mainiegohan .tit01 {
border: 1px solid #CCCCCC;
background-color: #EBEBEB;
padding: 9px 13px;
font-size: 13px;
font-size: 0.93rem;
}
.mainiegohan .boder {
margin-top: 0;
border: 1px solid #CCCCCC;
border-top: none;
padding: 9px 13px;
font-size: 12px;
font-size: 0.86rem;
}
.mykitchen {
clear: both;
padding-top: 30px;
}
.mykitchen .bg {
background-color: #EBEBEB;
padding: 15px 20px;
}
.mykitchen .right {
float: right;
margin-left: 20px;
margin-bottom: 5px;
}
#pet #explainBox {
margin: 12px 0;
background-color: #FFECCE;
padding: 15px 20px 20px;
}