.fs14 {font-size: 14px;}
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.attention {color: #F00;}
h1.entry-title {
font-size: 28px;
font-weight: bold;
}
a:hover img {
filter:alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
a.glayset {
color: #666;
font-weight: bold;
text-decoration: underline;
}
a:hover.glayset {
color: #F00;
}
a.glayset2 {
color: #666;
font-weight: bold;
}
a:hover.glayset {
color: #666;
}
.p-clear-L {
clear: left;
} .top-cntent {
display: block;
width: auto;
margin: 60px auto 100px auto;
}
.top-cntent img {
width: auto;
} .page-header {
background-color: rgba(166, 158, 86, 1.0);
}
h3:after, .subSection-title:after {
border-bottom-color: rgba(166, 158, 86, 1.0);
}
h2, .mainSection-title {
border-top-color: rgba(166, 158, 86, 1.0);
} .siteHeader_logo {
float: left;
width: auto;
text-align: center;
}
.siteHeader_logo img {
max-height: 200px;
}
.navbar-header {
display: table;
width: 100%;
margin: 0 0 -100px 0;
}
.navbar-brand {
display: table;
float: none;
} .hed-subcap {
display: block;
width: 80%;
padding: 10px;
border: 2px solid #CCC;
border-radius: 4px;
margin: 10px auto 20px auto;
}
.subinfo {
display: block;
margin: 10px auto 20px auto;
color: #666;
font-size: 16px;
text-align: center;
border-bottom: 1px solid #CCC;
}
.hed-subcap ul {
display: table;
list-style: none;
margin: 0 auto;
}
.hed-subcap ul li {
font-size: 16px;
line-height: 20px;
color: #666;
} .logo-after {
display: table;
width: 260px;
float: right;
padding: 4px;
vertical-align: top;
position: relative;
top: -120px;
}
.logo-after img {
max-height: 60px;
}
.logo-after-mo {
display: none;
} .logo-after .message {
font-size: 12px;
}
.logo-after .tel {
font-size: 22px;
font-weight: bold;
}
.logo-after .tel a {
color: rgba(188, 161, 3, 1.0);
}
.logo-after .tel::before {
content: "\f095";
font-family: FontAwesome;
margin: 1px 2px 0 1px;
color: rgba(188, 161, 3, 1.0);
}
.gMenu_outer nav {
display: table-cell;
margin: 0 auto 0 auto;
}
.gMenu>li .gMenu_name {
font-size: 16px;
}
.gMenu_outer {
float: left;
width: auto;
min-height: 5px;
display: block;
}
.logo-after2 {
display: table;
width: auto;
float: right;
padding: 4px;
margin: 0 15px 0 0;
position: relative;
top: -80px;
}
.logo-after3 {
display: table;
width: auto;
clear: right;
float: right;
position: relative;
top: -115px;
right: 5px;
}
.searchform1 {
width: 510px;
text-align: right;
}
input.searchsubmit2 {
display: inline-block;
background: rgba(33, 33, 33, 0.8);
border: 1px solid #666;
height: 32px;
line-height: 20px;
}
input.searchsubmit2:hover {
background: rgba(66, 66, 66, 0.4);
border: 1px solid #CCC;
color: #666;
}
input.searchbox1 {
display: inline-block;
height: 32px;
max-width: 410px;
color: #CCC;
font-size: 14px;
}
.header_scrolled .gMenu_outer {
margin-top: -5px;
}
.carousel {
position: relative;
} .top-circlelink {
position: fixed;
left: 100px;
bottom: 40px;
display: none;
text-align: center;
color: rgba(166, 158, 86, 0.8);
z-index: 999;
}
.top-circlelink a {
color: rgba(166, 158, 86, 0.8);
border: 3px solid rgba(166, 158, 86, 1.0);
background: #FFF;
display: block;
font-size: 18px;
padding: 16px 30px;
font-weight: bold;
border-radius: 100px;
line-height: 24px;
text-decoration: none;
}
.top-circlelink a::before {
display: block;
content: "\f07a";
font-family: FontAwesome;
color: rgba(166, 158, 86, 0.8);
font-size: 44px;
line-height: 40px;
}
.top-circlelink a:hover {
text-decoration: none;
color: rgba(166, 158, 86, 0.6);
background-size: cover;
transform: scale(1.05);
transition: 0.6s;
filter:alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
} .circlelink-area {
display: block;
width: auto;
margin: -30px -100px 0 -100px;
padding: 0;
}
.circlelink-block {
display: table;
margin: 0 auto 0 auto;
text-align: center;
}
.circlelink-block ul {
display: table-cell;
list-style: none;
padding: 3px;
margin: 0;
}
.circlelink-block ul li {
display: inline-block;
text-align: center;
margin: 5px auto;
z-index: 999;
}
.circlelink-block ul li a {
display: inline-block;
width: 140px;
height: 140px;
padding: 0;
font-size: 22px;
line-height: 24px;
border: 3px solid rgba(166, 158, 86, 1.0);
border-radius: 100px;
color: #000;
z-index: 999;
background-size: cover;
background-position: center top;
filter:alpha(opacity=80);
-khtml-opacity: 0.8;
-moz-opacity: 0.8;
opacity: 0.8;
}
.circlelink-block li .word1 {
display: table;
margin: 0 auto;
width: auto;
position: relative;
top: 90px;
right: 0;
font-weight: 500;
padding: 2px 3px;
background: rgba(255, 255, 255, 0.6);
border-radius: 5px;
}
.circlelink-block li .word2 {
display: table;
width: auto;
margin: 0 auto;
position: relative;
top: 90px;
right: 0;
font-weight: 500;
padding: 16px 0;
background: rgba(255, 255, 255, 0.6);
border-radius: 5px;
}
.circlelink-block ul li a:hover {
text-decoration: none;
color: #F00;
background-size: cover;
transform: scale(1.05);
transition: 0.6s;
filter:alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.c-bgimg01 {
background-image: url(https://nihonumou.com/wp-content/uploads/2021/06/jumou_minilogo_tp001.jpg);
}
.c-bgimg02 {
background-image: url(https://nihonumou.com/wp-content/uploads/2021/06/jumou_minilogo_tp002.jpg);
}
.c-bgimg03 {
background-image: url(https://nihonumou.com/wp-content/uploads/2021/06/jumou_minilogo_tp003.jpg);
}
.c-bgimg04 {
background-image: url(https://nihonumou.com/wp-content/uploads/2021/06/jumou_minilogo_tp004.jpg);
}
.c-bgimg05 {
background-image: url(https://nihonumou.com/wp-content/uploads/2025/07/downfuton01x-e1752815646372.jpg);
}
.c-bgimg06 {
background-image: url(https://nihonumou.com/wp-content/uploads/2021/06/jumou_minilogo_tp006.jpg);
} .Inquiry2-block {
width: auto;
margin: 5px auto;
color: #FFF;
font-size: 16px;
text-align: center;
font-weight: bold;
letter-spacing: 2px;
}
.Inquiry2-block a {
display: block;
padding: 5px 10px;
color: #FFF;
background: rgba(147, 13, 20, 0.8);
border-radius: 4px;
}
.Inquiry2-block a:hover {
text-decoration: none;
color: #FFF;
background: rgba(147, 13, 20, 0.6);
} .shop-area {
display: block;
width: auto;
margin: 0 auto 0 auto;
padding: 0;
}
.shop-block {
width: auto;
height: auto;
text-align: center;
display: block;
margin: 0 calc(40% - 40vw);
overflow: hidden;
position: relative;
}
.shop-block-s {
width: auto;
height: auto;
text-align: center;
display: block;
margin: 0 auto;
overflow: hidden;
position: relative;
}
.shop-block ul {
width: auto;
margin: 0 auto 0 auto;
padding: 0;
display: table;
text-align: center;
}
.shop-block li {
width: auto;
display: table-cell;
list-style: none;
padding: 2px;
}
.shop-block img {
width: 100%;
height: auto;
}
.shop-block-mo {
display: none;
}
.shop-block-mo img {
width: 100%;
height: auto;
}
.shop-block2 {
display: none;
}
.shop-block2 img {
display: table;
width: 90%;
margin: 5px auto 10px auto;
} #send-bnr {
display: block;
width: 200px;
padding: 10px 20px;
background: rgba(181, 30, 0, 1.0);
font-size: 22px;
font-weight: bold;
}
#send-bnr:hover {
background: rgba(181, 30, 0, 0.6);
color: #FFF;
text-decoration: none;
} .sns-block {
display: table;
margin: 2px auto;
text-align: center;
}
.sns-box {
display: inline-block;
margin: 5px 10px;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.sns-box a {
display: table;
width: 200px;
padding: 5px 10px;
text-decoration: none;
color: #FFF;
}
.sns-box a:hover {
filter:alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
.ins-set a {
border: 3px solid #f1286c;
background: #f1286c;
border-radius: 10px;
}
.ins-set a::before {
content: "\f16d";
font-family: FontAwesome;
margin-right: 4px;
color: #FFF;
}
.fc-set a {
border: 3px solid #3f5c9a;
background: #3f5c9a;
border-radius: 10px;
}
.fc-set a::before {
content: "\f082";
font-family: FontAwesome;
margin-right: 4px;
color: #FFF;
}
.tw-set a {
border: 3px solid #000000;
background: #000000;
border-radius: 10px;
}
.tw-set a::before {
content: "\e61b";
font-family: FontAwesome;
margin-right: 4px;
color: #FFF;
}
.yt-set a {
border: 3px solid #ff0000;
background: #ff0000;
border-radius: 10px;
}
.yt-set a::before {
content: "\f144";
font-family: FontAwesome;
margin-right: 4px;
color: #FFF;
}
.sns-box2 {
display: inline-block;
margin: 4px;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.sns-box2 a {
display: table;
width: auto;
padding: 4px 10px;
border-radius: 40px;
text-decoration: none;
color: #FFF;
}
.sns-box2 a:hover {
filter:alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
}
.ins-set2 a {
border: 3px solid #f1286c;
background: #f1286c;
}
.ins-set2 a::before {
content: "\f16d";
font-family: FontAwesome;
color: #FFF;
}
.fc-set2 a {
border: 3px solid #3f5c9a;
background: #3f5c9a;
}
.fc-set2 a::before {
content: "\f082";
font-family: FontAwesome;
color: #FFF;
}
.tw-set2 a {
border: 3px solid #000000;
background: #000000;
}
.tw-set2 a::before {
content: "\e61b";
font-family: FontAwesome;
color: #FFF;
}
.yt-set2 a {
border: 3px solid #ff0000;
background: #ff0000;
}
.yt-set2 a::before {
content: "\f144";
font-family: FontAwesome;
color: #FFF;
}
.sns-linearea {
display: table;
width: auto;
height: auto;
text-align: center;
margin: 10px auto 10px auto;
}
.sns-lineblock {
display: inline-block;
width: 300px;
height: 600px;
margin: 10px auto;
overflow: scroll;
padding: 5px;
border: solid 2px #CCC;
} .top-infowrap {
display: block;
width: auto;
margin: 0;
text-align: center;
}
.top-infowrap img {
display: inline-block;
margin: 0 auto 0 auto;
padding: 5px;
width: 48%;
} .shop-block3 {
width: auto;
height: auto;
text-align: center;
display: block;
margin: 0;
}
.shop-block3 ul {
width: auto;
margin: 0 auto 0 auto;
padding: 0;
display: table;
text-align: center;
}
.shop-block3 li {
width: auto;
display: table-cell;
list-style: none;
padding: 2px;
}
.shop-block3 img {
width: 90%;
height: auto;
}
.word-setbox {
width: auto;
height: auto;
display: block;
clear: left;
}
.img-setbox img {
width: 300px;
height: auto;
display: block;
float: left;
margin: 0 15px 15px 0;
}
.img-setbox2 img {
width: 80%;
height: auto;
display: block;
}
.img-setbox3 {
display: inline-block;
margin: 0;
text-align: center;
border: 1px solid #CCC;
padding: 5px;
}
.img-setbox3 img {
width: 300px;
height: auto;
display: block;
}
.img-setbox4 {
display: block;
margin: 0 15px 15px 0;
text-align: center;
border: 2px solid rgba(166, 158, 86, 0.4);
padding: 5px;
float: left;
}
.img-setbox4 img {
width: 300px;
height: auto;
display: block;
}
.img-setbox5 {
display: table;
margin: 0 15px 15px 0;
text-align: center;
border: 2px solid rgba(166, 158, 86, 0.4);
padding: 5px;
}
.img-setbox5 img {
width: 500px;
height: auto;
display: block;
margin: 0 auto;
} .caution-block {
display: block;
width: auto;
margin: 0 auto 0 auto;
padding: 5px;
border: 2px solid #F00;
color: #F00;
font-size: 16px;
text-align: center;
line-height: 20px;
}
.caution-block a {
display: block;
color: #F00;
} .detail-bnr a {
display: block;
width: auto;
text-align: center;
font-size: 20px;
line-height: 22px;
font-weight: bold;
color: #FFF;
padding: 8px 10px 8px 10px;
margin: 10px auto 10px auto;
background: rgba(147, 13, 20, 0.8);
border: 2px solid #666;
border-radius: 5px;
letter-spacing: 2px;
}
.detail-bnr a:hover {
background: rgba(147, 13, 20, 0.4);
border: 2px solid #666;
} .summary-cap {
display: block;
border-bottom: 1px solid rgba(101, 51, 26, 0.6);
font-size: 20px;
padding: 5px 0 5px 0;
}
.summary-cap::before {
content: "";
border-left: 10px solid rgba(101, 51, 26, 0.6);
margin-right: 5px;
}
.summary-area {
display: block;
width: auto;
margin: 10px auto 10px auto;
padding: 10px;
border: 2px solid rgba(101, 51, 26, 0.4);
}
.summary-area ul {
display: table;
width: 100%;
list-style: none;
margin: 0;
padding: 0 0 0 10px;
line-height: 20px;
border-bottom: 1px solid #CCC;
}
.summary-area ul li {
margin: 5px;
}
.summary-area2 {
display: block;
width: auto;
margin: 10px auto 40px auto;
padding: 10px;
border-bottom: 2px solid #CCC;
clear: left;
}
.summary-area2 ul {
display: block;
width: 100%;
list-style: none;
margin: 0 auto 0 auto;
padding: 0 0 0 10px;
line-height: 20px;
}
.summary-area2 ul li {
margin: 5px;
}
.jump-cap {
display: block;
font-size: 20px;
padding: 5px;
color: #FFF;
}
.jump-bg01 {
background: rgba(250, 29, 150, 0.8);
}
.jump-bg02 {
background: rgba(147, 13, 20, 0.8);
}
.jump-bg03 {
background: rgba(79, 204, 21, 0.8);
}
.jump-area {
display: block;
width: auto;
margin: 10px auto 40px auto;
padding: 0;
}
.jump-area p {
padding: 10px;
}
.jump-area img {
width: 60%;
height: auto;
display: table;
margin: 10px;
}
.jump-br01 {
border: 2px solid rgba(250, 29, 150, 0.8);
}
.jump-br02 {
border: 2px solid rgba(147, 13, 20, 0.8);
}
.jump-br03 {
border: 2px solid rgba(79, 204, 21, 0.8);
} .photo-block {
display: block;
width: auto;
margin: 0 auto 60px auto;
}
.photo-block2 {
display: block;
width: auto;
margin: 20px auto 20px auto;
}
.photo-cap {
display: block;
border-bottom: 1px solid rgba(57, 131, 65, 0.8);
font-size: 20px;
font-weight: bold;
padding: 5px 0 5px 0;
}
.cat-cap::before {
content: "\f1b0";
font-family: FontAwesome;
margin: 1px 4px 0 3px;
color: rgba(166, 158, 86, 1.0);
font-size: 20px;
}
.detail-linkblock {
display: block;
margin: 10px auto;
clear: left;
}
.detail-link a {
display: inline-block;
width: auto;
padding: 6px 15px;
margin: 15px 10px 5px 10px;
font-size: 20px;
color: #FFF;
font-weight: bold;
border-radius: 6px;
}
.detail-bg a {
background: rgba(57, 131, 65, 0.8);
}
.detail-bg2 a {
background: rgba(247, 111, 0, 0.8);
}
.link-icon a::before {
content: "\f138";
font-family: FontAwesome;
margin: 0 4px 0 0;
font-size: 20px;
}
.link-cart a::before {
content: "\f07a";
font-family: FontAwesome;
margin: 0 4px 0 0;
font-size: 26px;
line-height: 24px;
}
.detail-link a:hover {
filter:alpha(opacity=70);
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
text-decoration: none;
}
.photo-linkarea {
display: block;
border-top: 2px solid rgba(57, 131, 65, 0.8);
margin: 30px auto 60px auto;
padding: 20px 15px;
text-align: center;
}
.detail-link3 a {
display: block;
width: auto;
padding: 14px 24px;
margin: 10px auto 10px auto;
font-size: 20px;
color: #FFF;
font-weight: bold;
border-radius: 6px;
background: rgba(227, 36, 94, 0.8);
text-align: center;
}
.detail-link3 a:hover {
background: rgba(227, 36, 94, 0.4);
text-decoration: none;
color: #FFF;
}
.detail-link4 a {
display: block;
width: 80%;
padding: 8px 20px;
margin: 10px auto 10px auto;
font-size: 18px;
color: #FFF;
font-weight: bold;
border-radius: 6px;
background: rgba(57, 131, 65, 0.8);
text-align: center;
}
.detail-link4 a:hover {
background: rgba(57, 131, 65, 0.4);
text-decoration: none;
color: #FFF;
} .history-area {
display: block;
padding: 0;
margin: 0 auto 60px auto;
}
.history-block {
display: block;
width: auto;
height: 260px;
overflow:scroll;
margin: 0 auto;
padding: 5px;
border: 2px solid #CCC;
}
.history-cap1 {
display: block;
border: 2px solid rgba(166, 158, 86, 1.0);
border-radius: 4px;
font-size: 20px;
color: #666;
font-weight: bold;
padding: 5px 20px;
}
.history-block ul {
display: block;
list-style: none;
padding: 5px 10px;
}
.history-block ul li {
margin: 0 auto 10px auto;
font-size: 16px;
color: #666;
border-bottom: 1px dashed #CCC;
}
.history-block ul li a {
color: rgba(66, 135, 245, 1.0);
}
.history-block ul li strong {
display: table;
margin-left: -15px;
}
.history-block ul li strong::before {
content: "■";
} .movie-area {
display: block;
width: auto;
margin: 60px auto 60px auto;
}
.movie-block {
display: table;
width: auto;
margin: 5px auto 5px auto;
border-collapse: separate;
border-spacing: 5px;
}
.movie-box {
display: table-cell;
width: auto;
margin: 10px auto;
padding: 10px;
text-align: center;
border: 2px solid #CCC;
}
.movie-set {
width: 400px;
}
.movie-word {
display: table;
margin: 0 auto;
}
.moviewrap {
position: relative;
width: 100%;
padding-top: 56%;
}
.moviewrap iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
} .content-block {
display: block;
width: auto;
margin: 0 auto 100px auto;
} .page-header {
background: rgba(166, 158, 86, 0.8);
}
.content-block h3 {
display: block;
background: rgba(166, 158, 86, 0.8);
color: #FFF;
font-weight: bold;
font-size: 22px;
padding: 10px 20px;
border-bottom: 2px solid #666;
}
.fact-cap-s {
display: block;
border-bottom: 1px solid rgba(166, 158, 86, 0.8);
margin: 30px auto 0 auto;
font-size: 22px;
}
.fact-info {
display: table;
margin: 10px;
padding: 10px;
border: solid 2px rgba(166, 158, 86, 0.8);
border-radius: 4px;
}
.fact-info ul {
list-style: none;
margin: 10px;
padding: 10px;
}
.fact-info ul li {
margin: 5px;
} .photo-upbox {
display: inline-block;
width: auto;
padding: 10px;
text-align: center;
border: 2px solid #CCC;
}
.photo-up {
display: block;
width: 230px;
height: 230px;
background: #000;
overflow: hidden;
}
.photo-up img {
display: inline-block;
width: 230px;
height: 230px;
object-fit: cover;
transition-duration: 0.3s;
}
.photo-up img:hover {
filter:alpha(opacity=60);
-khtml-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
transform: scale(1.2);
transition-duration: 0.3s;
}
.disp-up {
width: 1000px;
height: 700px;
margin: 0;
border: 5px solid rgba(102, 153, 51, 0.8);
border-radius: 5px;
background: #FFF;
position: fixed;
top: 50%;
left: 50%;
display: none;
z-index: 999;
padding: 5px 10px 5px 10px;
overflow-y: scroll;
}
.disp-open {
cursor: pointer;
}
.disp-overlay {
z-index: 1;
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 120%;
background: rgba(47, 47, 48, 0.4);
}
.not-btn {
display: block;
position: absolute;
top: 10px;
right: 0;
font-size: 18px;
color: #FFF;
background: #666;
padding: 10px;
margin: -5px 5px 0 0;
border-radius: 10px;
font-weight: bold;
cursor: pointer;
}
.not-btn:hover {
background: #CCC;
}
body.fixed {
position: fixed;
width: 100%;
height: 100%;
left: 0;
} .photo-main {
display: block;
margin: 20px auto 0 auto;
} .photo-main img {
display: table;
width: 400px;
position: absolute;
top: 10px;
left: 30%;
}
.photo-main2 {
display: block;
margin: 20px auto 0 auto;
} .photo-main2 img {
display: table;
height: 300px;
position: absolute;
top: 10px;
left: 36%;
}
.photo-main3 {
display: block;
margin: 20px auto 0 auto;
} .photo-main3 img {
display: table;
width: 250px;
position: absolute;
top: 1px;
left: 40%;
}
.photo-up-area {
display: block;
position: relative;
top: 300px;
text-align: center;
}
.photo-up-area ul {
text-align: center;
margin: 10px auto 5px auto;
list-style: none;
}
.photo-up-area li {
display: inline-block;
margin: 5px;
}
.photo-up-area img {
width: 100px;
height: 100px;
object-fit: cover;
}
.photo-up-info {
display: block;
position: relative;
top: 300px;
padding: 20px 10px;
border-top: 2px solid #CCC;
}
.photo-up-info p {
text-align: center;
}
.pc-disp {
display: block;
}
.mo-disp {
display: none;
}
@media (max-width: 1199px) {
.gMenu_outer {
margin: 0 0 -10px 0;
}
}
@media (max-width: 991px) {
.navbar-header {
display: table;
width: 100%;
margin: 0 0 0 0;
}
.shop-area {
margin: -30px auto 0 auto;
}
.logo-after2 {
display: none;
}
.logo-after3 {
top: 0;
margin: 0 auto 0 auto;
}
.gMenu_outer {
display: none;
}
.top-circlelink a {
padding: 10px 20px;
}
.circlelink-block {
margin: -30px auto 0 auto;
}
.circlelink-block ul li a {
width: 110px;
height: 110px;
font-size: 18px;
line-height: 20px;
}
.circlelink-block li .word1 {
top: 80px;
right: 0;
}
.circlelink-block li .word2 {
top: 80px;
right: 0;
}
.disp-up {
width: 98%;
height: 560px;
}
.photo-main img{
top: 10px;
left: 10%;
}
.photo-main2 img{
top: 10px;
left: 10%;
}
.photo-main3 img{
top: 10px;
left: 10%;
}
.sns-lineblock {
width: 300px;
height: 300px;
margin: 15px;
}
}
@media screen and (max-width: 798px) {
.circlelink-block ul {
display: block;
}
.circlelink-block ul li a {
width: 140px;
height: 140px;
font-size: 18px;
}
}
@media (max-width: 780px) {
h1.entry-title {
font-size: 22px;
}
.shop-area {
margin: -20px auto 0 auto;
}
.shop-block3 li {
display: block;
margin: 0 auto 20px auto;
}
.img-setbox img {
width: 100%;
margin: 0 auto 10px auto;
display: block;
}
.img-setbox2 img {
width: 100%;
}
.img-setbox3 img {
width: auto;
}
.img-setbox4 {
margin: 10px auto 10px auto;
padding: 5px;
}
.img-setbox4 img {
width: auto;
}
.img-setbox5 img {
width: auto;
}
.jump-area img {
width: 96%;
margin: 5px auto 10px auto;
}
.alignright, img.alignright {
display: block;
float: none;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
margin-bottom: 4px;
width: 98%;
height: auto;
}
.alignleft, img.alignleft {
display: block;
float: none;
margin-left: auto;
margin-right: auto;
margin-top: 4px;
margin-bottom: 4px;
width: 98%;
height: auto;
}
.wp-caption {
width: 100%!important;
}
.wp-caption img {
margin: 10px auto 10px auto;
width: 98%!important;
height: auto!important;
}
.shop-block2 {
display: table;
margin: 0 auto 0 auto;
}
.top-infowrap img {
display: block;
margin: 5px auto 5px auto;
width: auto;
}
.detail-link a {
padding: 8px 10px;
font-size: 16px;
line-height: 20px;
}
.searchform1 {
width: auto;
}
input.searchbox1 {
max-width: 310px;
}
.logo-after3 {
}
.photo-up {
width: 170px;
height: 170px;
}
.photo-up img {
width: 170px;
height: 170px;
}
.movie-box {
display: table;
width: auto;
}
.movie-set {
width: 350px;
} .top-circlelink {
left: 20px;
bottom: 20px;
}
.pc-disp {
display: none;
}
.mo-disp {
display: block;
}
}
@media (max-width: 580px) {
.shop-block-mo {
width: auto;
height: auto;
text-align: center;
display: block;
margin: 0 calc(50% - 50vw);
overflow: hidden;
position: relative;
}
}
@media screen and (max-width: 480px) {
.circlelink-block ul {
display: block;
}
.circlelink-block ul li a {
width: 100px;
height: 100px;
font-size: 16px;
}
.circlelink-block li .word1 {
top: 60px;
right: 0;
}
.circlelink-block li .word2 {
top: 60px;
right: 0;
}
input.searchbox1 {
max-width: 180px;
}
.photo-up {
width: 150px;
height: 150px;
}
.photo-up img {
width: 150px;
height: 150px;
}
}