@charset "UTF-8";
   html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 100%;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html {
overflow-y: scroll;
}
body {
font-size: 14px;
line-height: 1.5em;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
color: 222;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
content: none;
}
input, textarea {
margin: 0;
padding: 0;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a:focus {
outline: none;
}
a {
color: #be3f00;
}
a img, a img::before, a img::after {
border: 0;
box-sizing: border-box;
transition: all 0.2s;
}
a:hover {
color: #039;
text-decoration: none;
}
a:hover img {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
} .clrfloat:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clrfloat {
height: 1%;
}
*:first-child + html .clrfloat {
min-height: 1px;
} div#wrapper {
width: 1000px;
margin: 0 auto;
}
div#wrapper div#header {
width: 1000px;
height: 260px;
}
div#wrapper div#slider {
width: 1000px;
}
div#wrapper div#rightbanner {
float: right;
width: 270px;
}
div#wrapper div#maincontainer {
float: left;
width: 680px;
}
div#wrapper div#footer {
clear: both;
width: 1000px;
} div.slicknav_menu {
display: none;
} div#header {
position: relative;
}
div#header div#header_desc { position: absolute;
left: 0;
top: 30px;
font-size: 13px;
line-height: 1.5em;
}
div#header h1#header_title { position: absolute;
left: 374px;
top: 68px;
}
div#header h1#header_title a img {
display: block;
width: 251px;
height: 45px;
}
div#header ul#header_inquiry { position: absolute;
width: 210px;
height: 42px;
left: 790px;
top: 25px; list-style: none;
border-top: 1px solid #bfbfbf;
}
div#header ul#header_inquiry li#inquiry {
width: 210px;
height: 40px;
border-bottom: 1px solid #bfbfbf;
}
div#header ul#header_inquiry li#inquiry a img {
display: block;
}
div#header ul#header_inquiry li#catalog {
width: 210px;
height: 60px;
margin-top: 10px;
text-align: center;
}
div#header ul#header_inquiry li#catalog a img {
display: block;
}
div#header ul#header_inquiry li.headerbanner {
width: 210px;
margin-top: 0.5em;
margin-top: 2em;
text-align: center;
}
div#header ul#header_inquiry li.headerbanner a {
width: 100%;
}
div#header ul#header_inquiry li.headerbanner a img {
display: block;
width: 100%;
}
div#header nav { position: absolute;
left: 0;
top: 0;
}
div#header nav ul#headernavi {
list-style: none;
width: 404px;
height: 18px;
margin: 0 0 0 298px;
padding: 0;
border-left: 1px solid #222;
}
div#header nav ul#headernavi li {
float: left;
width: 100px;
height: 18px;
line-height: 18px;
text-align: center;
border-right: 1px solid #222;
}
div#header nav ul#headernavi li a {
display: block;
width: 100px;
height: 18px;
text-decoration: none;
color: #222;
}
div#header nav ul#headernavi li a:hover {
color: #be3f00;
padding-top: 3px;
}
div#header nav ul#headernavi li a, div#header nav ul#headernavi li a::before, div#header nav ul#headernavi li a::after {
box-sizing: border-box;
transition: all 0.3s;
}
div#header nav ul#sp_menu { position: absolute;
left: 0;
top: 180px;
width: 1000px;
height: 50px;
padding: 5px 0;
background: #6a6a6a;
background: linear-gradient(to bottom, #444 0, #6a6a6a 70%, #6a6a6a 100%);
border-top: 1px solid #000;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 7px 8px -6px #666;
}
div#header nav ul#sp_menu > li {
position: relative;
float: left;
width: 165px;
height: 100%;
font-size: 1.1em;
font-weight: bold;
text-align: center;
line-height: 35px;
border-left: 1px solid #999;
color: #fff;
transition: all 0.2s;
}
div#header nav ul#sp_menu > li:first-child {
margin-left: 2px;
border: 0;
}
div#header nav ul#sp_menu > li#product:hover, div#header nav ul#sp_menu > li#support:hover {
cursor: pointer;
color: #be3f00;
text-shadow: 0 0 10px #fff, 0 1px 1px #ddd, 1px 0 1px #ddd, 0 -1px 1px #ddd, -1px 0 1px #ddd, -1px -1px 1px #ddd, 1px -1px 1px #ddd, -1px 1px 1px #ddd, 1px 1px 1px #ddd;
}
div#header nav ul#sp_menu > li span.sp_only {
display: none;
}
div#header nav ul#sp_menu > li p.pc_only {
margin: -0.5em 0 0;
padding: 0;
font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
font-size: 0.7em;
font-weight: normal;
line-height: 1.2em;
}
div#header nav ul#sp_menu > li a {
display: block;
width: 100%;
height: 100%;
font-weight: bold;
text-decoration: none;
color: #fff;
transition: all 0.2s;
}
div#header nav ul#sp_menu > li a:hover {
color: #be3f00;
text-shadow: 0 0 10px #fff, 0 1px 1px #ddd, 1px 0 1px #ddd, 0 -1px 1px #ddd, -1px 0 1px #ddd, -1px -1px 1px #ddd, 1px -1px 1px #ddd, -1px 1px 1px #ddd, 1px 1px 1px #ddd;
}
div#header nav ul#sp_menu > li ul.sub_menu {
display: none;
position: absolute;
left: 0;
top: 80%;
padding: 15px 10px 10px;
z-index: 100;
background: #6a6a6a;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
box-shadow: 0 7px 8px -6px #333;
}
div#header nav ul#sp_menu > li ul.sub_menu li {
padding: 5px;
font-size: 0.9em;
text-align: left;
line-height: 1.2em;
}
div#header nav ul#sp_menu > li ul.sub_menu li a {
font-weight: normal;
text-shadow: none;
}
div#header nav ul#sp_menu > li ul.sub_menu li a:hover {
color: #fff;
}
div#header nav ul#sp_menu > li ul.sub_menu#sp_menu_product {
width: 650px;
}
div#header nav ul#sp_menu > li ul.sub_menu#sp_menu_product li {
float: left;
width: 200px;
}
div#header nav ul#sp_menu > li ul.sub_menu#sp_menu_product li a {
padding: 5px;
background-color: transparent;
}
div#header nav ul#sp_menu > li ul.sub_menu#sp_menu_product li a:hover {
background-color: #be3f00;
box-shadow: 0 0 1px #bbb;
}
div#header nav ul#sp_menu > li ul.sub_menu#sp_menu_support {
width: 220px;
}
div#header nav ul#sp_menu > li ul.sub_menu#sp_menu_support li {
width: 200px;
}
div#header nav ul#sp_menu > li ul.sub_menu#sp_menu_support li a {
padding: 5px;
background-color: transparent;
}
div#header nav ul#sp_menu > li ul.sub_menu#sp_menu_support li a:hover {
background-color: #be3f00;
box-shadow: 0 0 1px #bbb;
} h2.section-title {
position: relative;
margin: 3em 0 1em;
padding: 0 0 10px 0;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
color: #333;
}
h2.section-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 8px;
background-image: repeating-linear-gradient(45deg, #aaa 0px, #aaa 1px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
background-size: 8px 8px;
}
@media screen and (max-width: 768px) {
h2.section-title {
margin: 3em 0 1em;
padding: 0 0 10px 0;
font-size: 1.1em;
line-height: 1.5em;
}
} div#slider {
height: 350px;
} div#featured_content {
width: 960px;
margin: 80px 0 0;
padding: 20px;
background: #000 url(//www.penguin-pgn.co.jp/wp/wp-content/themes/images2015/featured_background1.png) repeat 0 0;
color: #fff;
}
div#featured_content h2 {
padding: 0.5em 0 0;
font-size: 2.5em;
font-weight: bold;
font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
text-shadow: 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222, -1px 0 1px #222, 0 0 3px #fff, 0 0 5px #fff, 0 0 10px #fff;
}
div#featured_content div.youtube-area {
clear: both;
display: block;
margin-top: 30px;
}
div#featured_content div.featured_titleimg {
margin-top: 30px;
}
div#featured_content div.featured_titleimg img {
display: block;
}
div#featured_content div.featured_comment div.featured_subhead {
width: 100%;
}
div#featured_content div.featured_comment div.featured_subhead h3 {
clear: both;
position: relative;
padding: 0.25em 1em;
display: inline-block;
top: 0;
font-size: 2em;
font-weight: bold;
line-height: 1.4;
color: #fff;
margin: 50px 0 30px;
text-shadow: 0 1px 1px #222, 1px 0 1px #222, 0 -1px 1px #222, -1px 0 1px #222, 0 0 3px #fff, 0 0 5px #fff, 0 0 10px #fff;
}
div#featured_content div.featured_comment div.featured_subhead h3:before, div#featured_content div.featured_comment div.featured_subhead h3:after {
position: absolute;
top: 0;
content: "";
width: 8px;
height: 100%;
display: inline-block;
}
div#featured_content div.featured_comment div.featured_subhead h3:before {
border-left: solid 1px #fff;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
left: 0;
}
div#featured_content div.featured_comment div.featured_subhead h3:after {
content: "";
border-top: solid 1px #fff;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
right: 0;
}
div#featured_content div.featured_comment img {
display: block;
}
div#featured_content div.featured_comment p {
font-size: 1.2em;
line-height: 1.8em;
}
div#featured_content div.featured_comment p strong {
font-weight: normal;
color: #f00;
}
div#featured_content div.imgleft img {
float: left;
margin: 0 20px 20px 0;
}
div#featured_content div.imgleft img.imgcenter {
clear: both;
width: 100%;
margin: 0 0 20px;
}
div#featured_content div.imgright img {
float: right;
margin: 0 0 20px 20px;
}
div#featured_content div.imgright img.imgcenter {
clear: both;
width: 100%;
margin: 0 0 20px;
}
div#featured_content div.featured_bannerimg {
margin-top: 30px;
}
div#featured_content div.featured_bannerimg img {
display: block;
} div#rightbanner {
margin: 40px 0 20px;
}
div#rightbanner form { }
div#rightbanner form span.screen-reader-text {
display: none;
}
div#rightbanner form div.search_input {
display: none;
}
div#rightbanner form input.search-field {
width: 200px;
height: 30px;
font-size: 15px;
line-height: 30px;
border: 3px solid #ccc;
}
div#rightbanner form input.search-field:focus {
background: #f9f9f3;
}
div#rightbanner form input.search-submit {
width: 50px;
height: 36px;
font-size: 15px;
line-height: 36px;
font-weight: bold;
color: #fff;
background: #be3f00;
border: none;
}
div#rightbanner h3.rb_ttl { margin: 30px 0 0;
padding: 0;
}
div#rightbanner h3.rb_ttl img {
display: block;
width: 270px;
height: 40px;
}
div#rightbanner ul.rb_list { width: 270px;
}
div#rightbanner ul.rb_list li {
width: 100%;
margin-top: 20px;
}
div#rightbanner ul.rb_list li a {
display: block;
}
div#rightbanner ul.rb_list li a img {
display: block;
width: 100%;
height: auto;
} div#maincontainer {
margin: 40px 0 30px;
}
div#maincontainer ul.newitems { width: 720px;
margin: 0;
padding: 0;
list-style: none;
}
div#maincontainer ul.newitems li {
float: left;
width: 142px;
height: 165px;
}
div#maincontainer ul.newitems li a img {
display: block;
width: 110px;
height: 110px;
margin: 0 31px 0 0;
padding: 4px;
border: 1px solid #999;
}
div#maincontainer ul.newitems li p {
width: 112px;
font-size: 13px;
line-height: 1.3em;
text-align: center;
}
div#maincontainer div#mdlbanner { width: 680px;
margin: 20px 0;
border-top: 1px dotted #999;
}
div#maincontainer div#mdlbanner a {
display: block;
width: 450px;
margin: 20px 0 0 115px;
}
div#maincontainer div#mdlbanner a img {
display: block;
}
div#maincontainer ul.naa_headlines { width: 680px;
margin: 0;
padding: 0;
list-style: none;
}
div#maincontainer ul.naa_headlines li {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #cbcbcb;
}
div#maincontainer ul.naa_headlines li dl dt {
display: block;
float: left;
width: 130px;
font-weight: bold;
color: #be3f00;
}
div#maincontainer ul.naa_headlines li dl dd {
display: block;
float: right;
width: 540px;
}
div#maincontainer ul.naa_headlines li dl dd h5 {
font-size: 15px;
font-weight: bold;
}
div#maincontainer ul.naa_headlines li dl dd h5 a {
font-weight: bold;
}
div#maincontainer ul.naa_headlines li dl dd a {
display: block;
text-decoration: none;
color: #222;
min-height: 100%;
color: #be3f00;
}
div#maincontainer ul.naa_headlines li dl dd a:hover {
text-decoration: underline;
}
div#maincontainer ul.naa_headlines li dl dd a p, div#maincontainer ul.naa_headlines li dl dd a p::before, div#maincontainer ul.naa_headlines li dl dd a p::after {
box-sizing: border-box;
transition: all 0.3s;
} div.breadcrumb {
margin: 30px 0 0;
line-height: 30px;
color: #666;
padding: 1px;
border: 1px solid #ddd;
width: 998px;
font-size: 0.9em;
}
div.breadcrumb span {
display: block;
float: left;
}
div.breadcrumb span a {
display: block;
background: #ddd;
padding-right: 10px;
height: 30px;
margin-right: 31px;
position: relative;
text-decoration: none;
color: #333;
box-sizing: border-box;
transition: all 0.2s;
}
div.breadcrumb span a:last-of-type {
margin-right: 31px;
}
div.breadcrumb span a:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0;
left: -30px;
border: 15px solid transparent;
border-color: #ddd;
border-left-color: transparent;
box-sizing: border-box;
transition: all 0.2s;
}
div.breadcrumb span a:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0;
right: -30px;
border: 15px solid transparent;
border-left-color: #ddd;
box-sizing: border-box;
transition: all 0.2s;
}
div.breadcrumb span a:hover {
background: #be3f00;
color: #fff;
text-decoration: none;
}
div.breadcrumb span a:hover:before {
border-color: #be3f00;
border-left-color: transparent;
}
div.breadcrumb span a:hover:after {
border-left-color: #be3f00;
}
div.breadcrumb span:first-child a {
padding-left: 15px;
}
div.breadcrumb span:first-child a:before {
display: none;
}
ol.breadcrumb li {
float: left;
}
ol.breadcrumb li a {
display: block;
background: #ddd;
padding-right: 10px;
height: 30px;
margin-right: 31px;
position: relative;
text-decoration: none;
color: #333;
box-sizing: border-box;
transition: all 0.2s;
}
ol.breadcrumb li a:last-of-type {
margin-right: 31px;
}
ol.breadcrumb li a:before {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0;
left: -30px;
border: 15px solid transparent;
border-color: #ddd;
border-left-color: transparent;
box-sizing: border-box;
transition: all 0.2s;
}
ol.breadcrumb li a:after {
content: "";
display: block;
width: 0;
height: 0;
position: absolute;
top: 0;
right: -30px;
border: 15px solid transparent;
border-left-color: #ddd;
box-sizing: border-box;
transition: all 0.2s;
}
ol.breadcrumb li:first-child a {
padding-left: 15px;
}
ol.breadcrumb li:first-child a:before {
display: none;
}
ol.breadcrumb li a:hover {
background: #be3f00;
color: #fff;
text-decoration: none;
}
ol.breadcrumb a:hover:before {
border-color: #be3f00;
border-left-color: transparent;
}
ol.breadcrumb li a:hover:after {
border-left-color: #be3f00;
} div#product {
width: 680px;
margin-top: 40px;
float: left;
}
div#product h1 {
margin: 0 0 40px;
padding: 0;
font-size: 1.7em;
font-weight: bold;
line-height: 2.5em;
color: #333;
}
div#product h1:before {
display: block;
width: 680px;
height: 11px;
background: url(//www.penguin-pgn.co.jp/wp/wp-content/themes/penguin_theme/images/prname_top.png) 0 0 no-repeat;
content: "";
}
div#product h1:after {
display: block;
width: 680px;
height: 11px;
background: url(//www.penguin-pgn.co.jp/wp/wp-content/themes/penguin_theme/images/prname_btm.png) 0 0 no-repeat;
content: "";
}
div#product div#itemimage {
float: left;
width: 300px;
}
div#product figure.wp-block-gallery {
width: 300px;
margin-right: 30px;
}
div#product ul#itemdetail {
float: right;
width: 350px;
margin-bottom: 15px;
padding: 0;
list-style: none;
border-bottom: 1px dotted #ccc;
}
div#product ul#itemdetail li {
padding: 15px 0;
border-top: 1px dotted #ccc;
}
div#product ul#itemdetail li span {
font-weight: bold;
}
div#product ul#itemdetail li.price {
font-size: 1.2em;
color: #800;
}
div#product div.entry-content ul.wp-block-gallery {
float: left;
width: 300px;
margin: 0 30px 30px 0;
}
div#product div.entry-content ul.wp-block-gallery li a img {
width: 100%;
}
div#product div.entry-content p {
margin: 1em 0;
}
div#product div.entry-content p strong {
font-weight: bold;
}
div#product div.entry-content h2 {
margin-top: 1em;
font-size: 2em;
font-weight: bold;
line-height: 2em;
}
div#product div.entry-content h3 {
margin-top: 1em;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
}
div#product div.entry-content h4 {
margin-top: 1em;
font-size: 1.1em;
font-weight: bold;
line-height: 1.2em;
}
div#product div.entry-content ul {
list-style: disc;
padding-left: 1.5rem;
}
div#product div.entry-content div.yuzo__title {
margin: 1rem 0;
}
div#product div.entry-content div.yuzo__title h3 {
font-size: 1.2rem;
font-weight: bold;
line-height: 2rem;
position: relative;
padding: 0.6em;
background: #e3dedc;
}
div#product div.entry-content div.yuzo__title h3::after {
position: absolute;
content: "";
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e3dedc;
width: 0;
height: 0;
}
div#product div.yzp-no-index {
display: none;
}
div#product div.shoplinkbtn {
float: right;
max-width: 350px;
margin: 1rem 0 1.5rem;
}
div#product div.shoplinkbtn a img {
display: block;
width: 100%;
}
div#product section.product-cont p {
clear: both;
}
div.wp-block-buttons {
margin: 1rem 0;
}
@media screen and (max-width: 768px) {
div.breadcrumb { display: none;
}
div#product {
width: 100%;
margin-top: 15px;
float: none;
}
div#product h1 {
margin: 0 0 15px;
padding: 0.7em;
font-size: 4.8vw;
font-weight: bold;
line-height: 1.5em;
color: #333;
border: 1px solid #ccc;
background: #f6f6f6;
}
div#product h1:before {
display: none;
}
div#product h1:after {
display: none;
}
div#product div#itemimage {
float: none;
width: 300px;
margin: 0 auto;
}
div#product div#itemimage a { }
div#product div#itemimage a img {
display: block;
margin-bottom: 1em;
border: 1px solid #ccc;
}
div#product figure.wp-block-gallery {
width: 100%;
margin-right: 0;
float: none;
}
div#product ul#itemdetail {
float: none;
width: 100%;
list-style: none;
font-size: 4.2vw;
}
div#product ul#itemdetail li {
padding: 15px 0;
border-top: 1px dotted #ccc;
}
div#product ul#itemdetail li.price {
font-size: 1.1em;
}
div#product div.entry-content ul.wp-block-gallery {
float: none;
width: 100%;
margin: 0;
}
div#product div.shoplinkbtn {
float: none;
max-width: 90%;
margin: 0.5rem auto 1.5rem;
}
} div#itemlist {
width: 680px;
margin: 40px 0 30px;
float: left;
}
div#itemlist ul#subcatlist { margin: 0 0 20px;
padding-bottom: 20px;
border-bottom: 3px double #ccc;
list-style: none;
}
div#itemlist ul#subcatlist li {
float: left;
width: 33%;
text-align: left;
}
div#itemlist ul#subcatlist li a {
display: block;
height: 3em;
margin: 1px;
padding: 0 1em;
font-size: 13px;
line-height: 3em;
text-decoration: none;
color: #333;
background: #eee;
overflow: hidden;
box-sizing: border-box;
transition: all 0.2s;
}
div#itemlist ul#subcatlist li a:hover {
color: #fff;
background: #be3f00;
}
div#itemlist ul#subcatlist li a:before {
content: "» ";
}
div#itemlist ul.thumbnail { width: 680px;
}
div#itemlist ul.thumbnail li.itemthumbnail {
float: left;
width: 170px;
height: 230px;
overflow: hidden;
}
div#itemlist ul.thumbnail li.itemthumbnail a {
display: block;
}
div#itemlist ul.thumbnail li.itemthumbnail a img {
display: block;
width: 140px;
height: 140px;
margin: 0 auto;
padding: 10px;
border: 1px solid #ccc;
}
div#itemlist ul.thumbnail li.itemthumbnail p.entry-title {
width: 150px;
margin: 5px auto 0;
font-size: 0.9em;
line-height: 1.3em;
text-align: center;
}
div#itemlist ul.page-numbers {
list-style: none;
position: relative;
left: 50%;
float: left;
}
div#itemlist ul.page-numbers li {
margin: 0 1px;
position: relative;
left: -50%;
float: left;
}
div#itemlist ul.page-numbers li span, div#itemlist ul.page-numbers li a {
display: block;
font-size: 16px;
padding: 0.6em 1em;
border-radius: 3px;
}
div#itemlist ul.page-numbers li a {
background: #EEE;
color: #000;
text-decoration: none;
}
div#itemlist ul.page-numbers li a:hover {
background: #333;
color: #FFF;
} div.relpost-thumb-container {
clear: both;
width: 100%;
margin: 2em 0;
padding: 1em;
background: #f3f3f3;
box-sizing: border-box;
}
div.relpost-thumb-container h3 {
font-size: 1.3em;
font-weight: bold;
margin-bottom: 0.5em;
}
div.relpost-thumb-container div.relpost-block-container a.relpost-block-single {
width: 100%;
box-sizing: border-box;
background-color: transparent;
}
div.relpost-thumb-container div.relpost-block-container a.relpost-block-single:hover {
background-color: #fff;
}
div.relpost-thumb-container div.relpost-block-container a.relpost-block-single div.relpost-custom-block-single {
width: 100%;
margin: 0 auto;
}
div.relpost-thumb-container div.relpost-block-container a.relpost-block-single div.relpost-custom-block-single div.relpost-block-single-text h2.relpost_card_title {
font-size: 1rem !important;
font-weight: normal !important;
}
@media screen and (max-width: 768px) {
div.relpost-thumb-container {
margin: 2em 0;
padding: 1em;
}
div.relpost-thumb-container h3 {
font-size: 1.3em;
margin-bottom: 0.5em;
}
div.relpost-thumb-container div.relpost-block-container a.relpost-block-single {
width: 50%;
}
div.relpost-thumb-container div.relpost-block-container a.relpost-block-single div.relpost-custom-block-single {
width: 100%;
margin: 0 auto;
}
} div#searchresult {
width: 680px;
margin: 40px 0 30px;
float: left;
}
div#searchresult h1 {
margin: 0 0 40px;
padding: 0;
font-size: 1.7em;
font-weight: bold;
line-height: 2.5em;
color: #333;
}
div#searchresult h1:before {
display: block;
width: 680px;
height: 11px;
background: url(//www.penguin-pgn.co.jp/wp/wp-content/themes/penguin_theme/images/prname_top.png) 0 0 no-repeat;
content: "";
}
div#searchresult h1:after {
display: block;
width: 680px;
height: 11px;
background: url(//www.penguin-pgn.co.jp/wp/wp-content/themes/penguin_theme/images/prname_btm.png) 0 0 no-repeat;
content: "";
}
div#searchresult ul.searchlist {
width: 680px;
list-style: none;
}
div#searchresult ul.searchlist li.itemthumbnail {
padding: 20px;
border-bottom: 1px dotted #ccc;
}
div#searchresult ul.searchlist li.itemthumbnail a.post-thumbnail {
display: block;
float: left;
width: 190px;
}
div#searchresult ul.searchlist li.itemthumbnail a.post-thumbnail img {
width: 150px;
height: 150px;
padding: 10px;
border: 1px solid #ccc;
}
div#searchresult ul.searchlist li.itemthumbnail a.search_item_title {
color: #333;
text-decoration: none;
}
div#searchresult ul.searchlist li.itemthumbnail a.search_item_title p.entry-title {
float: right;
width: 450px;
font-size: 1.2em;
font-weight: bold;
}
div#searchresult ul.searchlist li.itemthumbnail a.search_item_title:hover p {
color: #be3f00;
text-decoration: underline;
}
div#searchresult ul.searchlist ul.page-numbers {
list-style: none;
position: relative;
left: 50%;
float: left;
margin-top: 2em;
}
div#searchresult ul.searchlist ul.page-numbers li {
margin: 0 1px;
position: relative;
left: -50%;
float: left;
}
div#searchresult ul.searchlist ul.page-numbers li span, div#searchresult ul.searchlist ul.page-numbers li a {
display: block;
font-size: 16px;
padding: 0.6em 1em;
border-radius: 3px;
}
div#searchresult ul.searchlist ul.page-numbers li a {
background: #EEE;
color: #000;
text-decoration: none;
}
div#searchresult ul.searchlist ul.page-numbers li a:hover {
background: #333;
color: #FFF;
}
li.itemthumbnail:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html li.itemthumbnail {
height: 1%;
}
*:first-child + html li.itemthumbnail {
min-height: 1px;
} div#newscont {
width: 680px;
margin: 40px 0 30px;
float: left;
}
div#newscont h1 {
margin: 0 0 40px;
padding: 0;
font-size: 1.7em;
font-weight: bold;
line-height: 2.5em;
color: #333;
}
div#newscont h1:before {
display: block;
width: 680px;
height: 11px;
background: url(//www.penguin-pgn.co.jp/wp/wp-content/themes/penguin_theme/images/prname_top.png) 0 0 no-repeat;
content: "";
}
div#newscont h1:after {
display: block;
width: 680px;
height: 11px;
background: url(//www.penguin-pgn.co.jp/wp/wp-content/themes/penguin_theme/images/prname_btm.png) 0 0 no-repeat;
content: "";
}
div#newscont div.full_text {
font-size: 1em;
line-height: 1.8em;
}
div#newscont div.entry-content p {
margin: 1em 0;
} div.inquiryheader p {
margin: 0.5em 0 0;
}
div.inquiryheader div.storebtn a {
display: block;
text-align: center;
margin: 0.5em 0;
padding: 0.5em 1em;
max-width: 200px;
color: #fff;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
border: 2px solid #951600;
background-color: #be3f00;
transition: 0.3s;
}
div.inquiryheader div.storebtn a:hover {
background-color: #951600;
}
div.inquiry-form dl.penguinform {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: stretch;
}
div.inquiry-form dl.penguinform dt {
width: 20%;
margin: 0;
padding: 0.3em 0;
}
div.inquiry-form dl.penguinform dd {
width: 75%;
margin: 0;
padding: 0.3em 0;
}
div.inquiry-form dl.penguinform dd input {
padding: 0.3em;
box-sizing: border-box;
border: 1px solid #999;
border-radius: 3px;
transition: 0.3s;
}
div.inquiry-form dl.penguinform dd input.input25 {
width: 25%;
}
div.inquiry-form dl.penguinform dd input.input50 {
width: 50%;
}
div.inquiry-form dl.penguinform dd input.input75 {
width: 75%;
}
div.inquiry-form dl.penguinform dd input.input100 {
width: 100%;
}
div.inquiry-form dl.penguinform dd input:focus {
background-color: #FFEEE0;
}
div.inquiry-form dl.penguinform dd textarea.inquirycontent {
width: 100%;
height: 8em;
padding: 0.3em;
box-sizing: border-box;
border: 1px solid #999;
border-radius: 3px;
transition: 0.3s;
}
div.inquiry-form dl.penguinform dd textarea.inquirycontent:focus {
background-color: #FFEEE0;
}
div.inquiry-form dl.penguinform dd .autoaddress {
font-size: 0.8rem;
margin-left: 0.5rem;
}
div.inquiry-form div.hissucomment {
font-size: 1em;
}
div.inquiry-form div.submitbtn {
width: 320px;
margin: 0.5em auto;
}
div.inquiry-form div.submitbtn input.wpcf7-submit {
width: 100%;
margin: 0;
padding: 0.5em 1em;
font-size: 1.2em;
font-weight: bold;
text-align: center;
text-decoration: none;
color: #fff;
border: 2px solid #951600;
background-color: #be3f00;
transition: 0.3s;
}
div.inquiry-form div.submitbtn input.wpcf7-submit:hover {
background-color: #951600;
}
div.inquiry-form span.hissu {
color: #c00;
}
div.inquiry-form span.hissu2 {
margin-left: 0.3em;
padding: 0 0.3em;
background-color: #c00;
font-size: 0.75rem;
color: #fff;
border-radius: 3px;
}
ul.inquiry-telfax li.inquirytel {
font-size: 1.3em;
color: #f22;
}
ul.inquiry-telfax li.inquirytel strong {
font-size: 1.2em;
font-weight: bold;
}
ul.inquiry-telfax li.inquirytel div.businesshours {
font-size: 0.9rem;
color: #333;
}
ul.inquiry-telfax li.inquiryfax {
margin-top: 0.8em;
font-size: 1.3em;
color: #00981D;
}
ul.inquiry-telfax li.inquiryfax strong {
font-size: 1.2em;
font-weight: bold;
}
div.privacy-Policy dl.ppcont dt {
margin: 1em 0 0;
font-size: 1.1em;
font-weight: bold;
}
div.privacy-Policy dl.ppcont dd {
margin: 0.5em 0 0 2em;
padding: 0;
}
div.privacy-Policy dl.ppcont dd ul {
list-style: disc;
margin: 0;
padding: 0;
}
div.privacy-Policy dl.ppcont dd ul li {
margin: 0.3em 0 0 1.5em;
padding: 0;
}
@media screen and (max-width: 768px) {
div.inquiryheader p {
margin: 0.5em 0 0;
}
div.inquiryheader div.storebtn a {
margin: 0.5em 0;
padding: 0.5em 1em;
max-width: 100%;
font-size: 1.1em;
}
div.inquiry-form dl.penguinform {
display: block;
}
div.inquiry-form dl.penguinform dt {
width: 100%;
padding: 0.5em 0 0;
}
div.inquiry-form dl.penguinform dd {
width: 100%;
padding: 0;
}
div.inquiry-form dl.penguinform dd input {
padding: 0.3em;
border-radius: 3px;
transition: 0.3s;
}
div.inquiry-form dl.penguinform dd input.input25 {
width: 50%;
}
div.inquiry-form dl.penguinform dd input.input50 {
width: 100%;
}
div.inquiry-form dl.penguinform dd input.input75 {
width: 100%;
}
div.inquiry-form dl.penguinform dd input.input100 {
width: 100%;
}
div.inquiry-form dl.penguinform dd textarea.inquirycontent {
width: 100%;
height: 8em;
padding: 0.3em;
}
div.inquiry-form div.hissucomment {
font-size: 0.8em;
}
div.inquiry-form div.submitbtn {
width: 100%;
margin: 0.5em 0;
}
div.inquiry-form div.submitbtn input.inquirysubmit {
padding: 0.5em 1em;
font-size: 1em;
}
ul.inquiry-telfax li.inquirytel {
font-size: 1em;
}
ul.inquiry-telfax li.inquirytel strong {
font-size: 1.2em;
}
ul.inquiry-telfax li.inquirytel div.businesshours {
font-size: 0.8em;
}
ul.inquiry-telfax li.inquiryfax {
margin-top: 0.8em;
font-size: 1em;
}
ul.inquiry-telfax li.inquiryfax strong {
font-size: 1.2em;
}
div.privacy-Policy dl.ppcont {
width: 100%;
}
div.privacy-Policy dl.ppcont dt {
margin: 0.7em 0 0;
font-size: 1em;
}
div.privacy-Policy dl.ppcont dd {
margin: 0;
padding: 0.5em 0 0 2em;
box-sizing: border-box;
}
div.privacy-Policy dl.ppcont dd ul {
list-style: disc;
margin: 0;
padding: 0;
}
div.privacy-Policy dl.ppcont dd ul li {
margin: 0.3em 0 0 1.5em;
padding: 0;
}
} div#pagecont {
width: 680px;
margin: 40px 0 30px;
float: left; }
div#pagecont h1.entry-title {
margin: 0 0 40px;
padding: 0;
font-size: 1.7em;
font-weight: bold;
line-height: 1em;
color: #333;
}
div#pagecont dl.faq { }
div#pagecont dl.faq dt {
padding: 10px;
border: 1px solid #ddd;
border-bottom: 3px double #ddd;
background: #f6f6f6;
font-size: 1.1em;
font-weight: bold;
}
div#pagecont dl.faq dt:before {
content: "● ";
}
div#pagecont dl.faq dd {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ddd;
border-top: none;
}
div#pagecont div#company_profile { width: 680px;
}
div#pagecont div#company_profile dl#company_summary {
width: 680px;
margin: 0;
border-bottom: 3px double #ccc;
}
div#pagecont div#company_profile dl#company_summary dt {
clear: both;
float: left;
width: 160px;
margin: 0;
padding: 10px;
font-weight: bold;
border-top: 1px solid #ccc;
}
div#pagecont div#company_profile dl#company_summary dd {
float: right;
width: 480px;
margin: 0;
padding: 10px;
border-top: 1px solid #ccc;
}
div#pagecont div#company_profile dl#company_facade {
margin-top: 30px;
}
div#pagecont div#company_profile dl#company_facade dt#photo {
float: left;
width: 280px;
margin: 0;
padding: 0;
}
div#pagecont div#company_profile dl#company_facade dt#photo img {
display: block;
width: 280px;
height: 400px;
}
div#pagecont div#company_profile dl#company_facade dt#map {
float: right;
width: 370px;
margin: 0;
padding: 0;
}
div#pagecont div#company_profile dl#company_facade dt#map iframe {
display: block;
}
div#pagecont div#company_profile dl#company_facade dt#map a {
display: block;
width: 250px;
height: 50px;
margin: 15px auto 0;
}
div#pagecont div#company_profile dl#company_facade dt#map a img {
display: block;
}
div#pagecont div#company_profile ul#company_images {
width: 680px;
margin: 30px 0 0;
padding: 0;
}
div#pagecont div#company_profile ul#company_images li {
float: left;
width: 340px;
}
div#pagecont div#company_profile ul#company_images li img {
display: block;
width: 320px;
height: 250px;
margin: 0 auto 10px;
}
div#pagecont .web_page {
margin: 0 0 0 10px;
}
div#pagecont .web_page table td dl.company {
border-top: 1px solid #ccc;
border-bottom: 2px solid #ccc;
width: 410px;
padding: 0;
margin: 0 10px 35px 10px;
}
div#pagecont .web_page table td dl.company dt {
font-size: 80%;
font-weight: bold;
color: #333;
width: 110px;
margin: 0;
padding: 15px 0 0 10px;
border-top: 1px solid #ccc;
float: left;
}
div#pagecont .web_page table td dl.company dd {
font-size: 80%;
border-top: 1px solid #ccc;
width: 290px;
margin: 0 0 0 110px;
line-height: 125%;
padding: 15px 0;
}
div#pagecont .support {
text-align: center;
padding: 0;
margin: 35px 0 20px 15px;
}
div#pagecont .support dl {
line-height: 125%;
font-size: 80%;
}
div#pagecont .support dl dd {
padding: 0;
margin: 0 0 5px 80px;
text-align: left;
width: 600px;
}
div#pagecont .support ul {
border: 5px solid #F00;
font-size: 80%;
line-height: 125%;
margin: 50px 0 0;
width: 550px;
padding: 10px 0 20px;
}
div#pagecont .support ul li {
text-align: left;
margin: 10px 25px 10px 35px;
list-style-type: disc;
}
div#pagecont .support dl dt {
margin-top: 50px;
margin-bottom: 15px;
}
div#pagecont .support .map {
font-size: 100%;
line-height: 175%;
font-weight: bold;
}
div#pagecont .support .map iframe {
width: 640px;
height: 480px;
}
div#pagecont .link {
margin: 0 0 0 20px;
padding: 20px 0 0;
}
div#pagecont .link a {
text-decoration: none;
}
div#pagecont dl a dd {
font-size: 85%;
line-height: 135%;
text-decoration: none;
width: 600px;
margin: 0 0 0 50px;
color: #666;
padding: 0 0 25px;
}
div#pagecont dl a dt {
padding: 0;
margin: 25px 0 5px 25px;
}
div#pagecont .main .index .right ul {
padding: 0px;
width: 140px;
text-align: left;
list-style-type: none;
margin: 0 5px;
}
div#pagecont .main .index .right ul li .date {
font-size: 80%;
}
div#pagecont .main .index .right ul li img {
float: left;
margin: 0px;
padding: 0px;
}
div#pagecont .pp .title {
font-size: 150%;
font-weight: bold;
padding: 0px;
margin: 0 0 15px;
}
div#pagecont .pp {
font-size: 80%;
line-height: 165%;
color: #000;
padding: 0;
width: 650px;
margin: 50px 20px 20px;
}
div#pagecont .pp dl ol li {
padding: 0;
margin: 0 0 5px;
}
div#pagecont .pp dl ol li dt {
padding: 0;
margin: 0 0 5px;
font-size: 120%;
font-weight: bold;
}
div#pagecont .pp dl ol ul {
padding: 0;
margin: 15px 0 0 75px;
}
div#pagecont .pp dl ol li dd {
padding: 0;
margin: 0 0 20px 35px;
} div#footer {
background: #e3dedc;
}
div#footer div#footer_left {
float: left;
width: 270px;
padding: 20px 0 20px 20px;
}
div#footer div#footer_left img#footer_logo { display: block;
width: 180px;
height: 29px;
margin-left: 15px;
}
div#footer div#footer_left ul#footer_inquiry { width: 210px;
height: 42px;
margin-top: 20px;
list-style: none;
border-top: 1px solid #bfbfbf;
}
div#footer div#footer_left ul#footer_inquiry li {
width: 210px;
height: 40px;
border-bottom: 1px solid #bfbfbf;
}
div#footer div#footer_left ul#footer_inquiry li a img {
display: block;
}
div#footer div#footer_right {
float: right;
width: 710px;
padding: 20px 0;
}
div#footer div#footer_right nav p#footernavi a {
text-decoration: none;
color: #222;
}
div#footer div#footer_right nav p#footernavi a:hover {
color: #be3f00;
}
div#footer div#footer_right h4#footer_comname { margin: 25px 0 0 30px;
padding: 0;
font-size: 16px;
font-weight: bold;
}
div#footer div#footer_right ul#office {
margin: 10px 0 0 30px;
}
div#footer div#footer_right ul#office li {
float: left;
width: 300px;
margin-right: 30px;
}
div#footer div#footer_right ul#office li dl dt {
float: left;
width: 70px;
margin-right: 10px;
padding: 2px;
font-size: 13px;
text-align: center;
border: 1px solid #222;
}
div#footer div#footer_right ul#office li dl dd {
float: left;
width: 210px;
font-size: 13px;
line-height: 1.8em;
}
div#footer div#footer_bottom {
clear: both;
margin-top: 20px;
padding: 5px 0;
background: #c7c0bd;
font-size: 0.9em;
text-align: center;
font-family: "Times New Roman", serif;
}
div#footer ul#footer_sp {
display: none;
}
ul#footer_sp {
display: none;
} @media screen and (max-width: 768px) {
body {
width: 100%;
font-size: 5vw;
}
img {
max-width: 100%;
width: auto;
height: auto;
}
div.slicknav_menu {
display: none;
} div#wrapper {
width: 95%;
margin: 0 auto;          }
div#wrapper div#header {
width: 100%;
height: auto;
border: 0;
}
div#wrapper div#header div#header_desc {
position: relative;
top: 0;
margin-top: 0.5em;
padding-right: 75px;
font-size: 4vw;
line-height: 130%;
}
div#wrapper div#header div#header_desc br {
display: none;
}
div#wrapper div#header h1#header_title {
position: relative;
left: 0;
top: 0;
margin-top: 15px;
}
div#wrapper div#header h1#header_title a img {
width: 70%;
height: auto;
margin: 0 auto;
}
div#wrapper div#header ul#header_inquiry {
display: none;
}
div#wrapper div#header nav {
display: none;
}
div#wrapper div.n2-section-smartslider {
width: 100%;
height: auto;
margin-top: 15px;
}
div#wrapper div#rightbanner {
width: 100%;
}
div#wrapper div#rightbanner form {
display: block;
width: 90%;
margin: 0 auto 1rem;
}
div#wrapper div#rightbanner form input.search-field {
width: 75%;
}
div#wrapper div#rightbanner form input.search-submit {
width: 15%;
}
div#wrapper div#rightbanner ul.rb_list { width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
div#wrapper div#rightbanner ul.rb_list li {
float: none;
width: 80%;
height: auto;
margin: 0 auto 1em;
}
div#wrapper div#rightbanner ul.rb_list li img {
display: block;
width: 100%;
height: auto;
margin: 0 auto;
border: 1px solid #999;
}
div#wrapper div#rightbanner ul.rb_list li p {
width: 100%;
font-size: 4vw;
text-align: center;
}
div#wrapper div#rightbanner h3.rb_ttl, div#wrapper div#rightbanner div#searchform_pg {
display: none;
}
div#wrapper div#maincontainer {
float: none;
width: 100%;
}
div#wrapper div#maincontainer ul.newitems { width: 100%;
overflow: hidden;
}
div#wrapper div#maincontainer ul.newitems li {
width: 50%;
height: auto;
margin-bottom: 1em;
}
div#wrapper div#maincontainer ul.newitems li a img {
display: block;
width: 90%;
height: auto;
margin: 0 auto;
padding: 4px;
}
div#wrapper div#maincontainer ul.newitems li p {
width: 100%;
font-size: 4vw;
}
div#wrapper div#maincontainer div#mdlbanner { width: 100%;
margin: 15px 0;
padding-top: 15px;
border-top: 1px dotted #999;
}
div#wrapper div#maincontainer div#mdlbanner a {
display: block;
width: 80%;
margin: 0px auto;
}
div#wrapper div#maincontainer div#mdlbanner a img {
display: block;
}
div#wrapper div#maincontainer ul.naa_headlines { width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
div#wrapper div#maincontainer ul.naa_headlines li {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #cbcbcb;
}
div#wrapper div#maincontainer ul.naa_headlines li dl dt {
display: block;
float: none;
width: 100%;
font-size: 4.2vw;
font-weight: bold;
color: #222;
background: #f6f6f6;
}
div#wrapper div#maincontainer ul.naa_headlines li dl dd {
display: block;
float: none;
width: 100%;
font-size: 4vw;
line-height: 1.4em;
}
div#wrapper div#maincontainer ul.naa_headlines li dl dd h5 {
font-size: 4vw;
font-weight: bold;
}
div#wrapper div#maincontainer ul.naa_headlines li dl dd a {
display: block;
text-decoration: underline;
min-height: 100%;
}
div#wrapper div#maincontainer ul.naa_headlines li dl dd a p, div#wrapper div#maincontainer ul.naa_headlines li dl dd a p::before, div#wrapper div#maincontainer ul.naa_headlines li dl dd a p::after {
box-sizing: border-box;
transition: all 0.3s;
}
div#wrapper div#footer {
display: none;
}
div#wrapper ul#footer_sp {
clear: both;
display: block;
width: 100%;
margin-bottom: 1em;
background: #f6f6f6;
border-bottom: 1px dashed #aaa;
}
div#wrapper ul#footer_sp li a {
display: block;
padding: 0.5em;
font-size: 4vw;
text-decoration: none;
border-top: 1px dashed #aaa;
}
div#wrapper ul#footer_sp li a:before {
content: ">> ";
color: #666;
}
div#wrapper div#featured_content {
width: 100%;
margin: 50px 0 0;
padding: 0;
}
div#wrapper div#featured_content h2 {
width: 95%;
margin: 0 auto;
padding: 0.3em 0;
font-size: 0.9em;
}
div#wrapper div#featured_content div.youtube-area {
position: relative;
width: 95%;
padding-top: 56.25%;
margin: 0 auto;
}
div#wrapper div#featured_content div.youtube-area iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
div#wrapper div#featured_content div.featured_titleimg {
width: 95%;
margin: 0.5em auto 0;
}
div#wrapper div#featured_content div.featured_comment {
width: 95%;
margin: 0 auto;
}
div#wrapper div#featured_content div.featured_comment h3 {
width: 90%;
font-size: 0.8em;
text-align: center;
margin: 2em 0 0.5em;
}
div#wrapper div#featured_content div.featured_comment img {
width: 70%;
}
div#wrapper div#featured_content div.featured_comment p {
font-size: 0.7em;
line-height: 1.5em;
}
div#wrapper div#featured_content div.imgleft img {
float: none;
margin: 1em auto;
}
div#wrapper div#featured_content div.imgleft img.imgcenter {
width: 100%;
}
div#wrapper div#featured_content div.imgright img {
float: none;
margin: 1em auto;
}
div#wrapper div#featured_content div.imgright img.imgcenter {
width: 100%;
}
div#wrapper div#featured_content div.featured_bannerimg {
width: 95%;
margin: 1em auto 0;
padding-bottom: 0.5em;
}
div#wrapper div#featured_content div.featured_bannerimg img {
display: block;
}
div#wrapper div#searchresult {
width: 100%;
margin: 40px 0 30px;
float: none;
}
div#wrapper div#searchresult h1 {
margin: 0 0 15px;
padding: 0.7em;
font-size: 4.8vw;
font-weight: bold;
line-height: 1.5em;
color: #333;
border: 1px solid #ccc;
background: #f6f6f6;
}
div#wrapper div#searchresult h1:before {
display: none;
}
div#wrapper div#searchresult h1:after {
display: none;
}
div#wrapper div#searchresult ul.searchlist {
width: 100%;
}
div#wrapper div#searchresult ul.searchlist li.itemthumbnail {
padding: 1rem;
}
div#wrapper div#searchresult ul.searchlist li.itemthumbnail a.post-thumbnail {
display: block;
float: left;
width: 30%;
}
div#wrapper div#searchresult ul.searchlist li.itemthumbnail a.post-thumbnail img {
width: 100%;
height: auto;
padding: 0.2rem;
border: 1px solid #ccc;
}
div#wrapper div#searchresult ul.searchlist li.itemthumbnail a.search_item_title {
display: block;
float: right;
width: 65%;
}
div#wrapper div#searchresult ul.searchlist li.itemthumbnail a.search_item_title p.entry-title {
float: none;
width: auto;
font-size: 3.2vw;
font-weight: normal;
line-height: 1.5rem;
}
div#wrapper div#searchresult ul.searchlist ul.page-numbers {
list-style: none;
position: relative;
left: 50%;
float: left;
margin-top: 2em;
}
div#wrapper div#searchresult ul.searchlist ul.page-numbers li {
margin: 0 1px;
position: relative;
left: -50%;
float: left;
}
div#wrapper div#searchresult ul.searchlist ul.page-numbers li span, div#wrapper div#searchresult ul.searchlist ul.page-numbers li a {
display: block;
font-size: 16px;
padding: 0.6em 1em;
border-radius: 3px;
}
div#wrapper div#searchresult ul.searchlist ul.page-numbers li a {
background: #EEE;
color: #000;
text-decoration: none;
}
div#wrapper div#searchresult ul.searchlist ul.page-numbers li a:hover {
background: #333;
color: #FFF;
}
div#wrapper div#newscont {
width: 100%;
margin: 15px 0 30px;
float: none;
}
div#wrapper div#newscont h2 {
margin: 0 0 15px;
padding: 0.7em;
font-size: 4.8vw;
font-weight: bold;
line-height: 1.5em;
color: #333;
border: 1px solid #ccc;
background: #f6f6f6;
}
div#wrapper div#newscont h2:before {
display: none;
}
div#wrapper div#newscont h2:after {
display: none;
}
div#wrapper div#newscont div.full_text {
font-size: 4.2vw;
line-height: 1.5em;
}
div#wrapper div#newscont div.full_text a { }
div#wrapper div#newscont div.full_text a img {
display: block;
}
div#wrapper div#pagecont {
width: 100%;
margin: 15px 0 30px;
float: none;  }
div#wrapper div#pagecont dl.faq { }
div#wrapper div#pagecont dl.faq dt {
padding: 10px;
border: 1px solid #ddd;
border-bottom: 3px double #ddd;
background: #f6f6f6;
font-size: 1.1em;
font-weight: bold;
}
div#wrapper div#pagecont dl.faq dt:before {
content: "● ";
}
div#wrapper div#pagecont dl.faq dd {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ddd;
border-top: none;
}
div#wrapper div#pagecont div#company_profile { width: 100%;
}
div#wrapper div#pagecont div#company_profile dl#company_summary {
width: 100%;
margin: 0;
border-bottom: 3px double #ccc;
}
div#wrapper div#pagecont div#company_profile dl#company_summary dt {
clear: both;
float: left;
width: 25%;
margin: 0;
padding: 10px 0;
font-size: 4vw;
font-weight: bold;
line-height: 1.5em;
border-top: 1px solid #ccc;
}
div#wrapper div#pagecont div#company_profile dl#company_summary dd {
float: right;
width: 75%;
margin: 0;
padding: 10px 0;
font-size: 4vw;
line-height: 1.5em;
border-top: 1px solid #ccc;
}
div#wrapper div#pagecont div#company_profile dl#company_facade {
margin-top: 30px;
}
div#wrapper div#pagecont div#company_profile dl#company_facade dt#photo {
float: none;
width: 70%;
margin: 0 auto;
padding: 0;
}
div#wrapper div#pagecont div#company_profile dl#company_facade dt#photo img {
display: block;
width: 100%;
height: auto;
}
div#wrapper div#pagecont div#company_profile dl#company_facade dt#map {
float: none;
width: 70%;
margin: 0 auto;
padding: 0;
}
div#wrapper div#pagecont div#company_profile dl#company_facade dt#map iframe {
display: none;
}
div#wrapper div#pagecont div#company_profile dl#company_facade dt#map a {
display: block;
width: 100%;
height: auto;
margin: 15px auto 0;
}
div#wrapper div#pagecont div#company_profile dl#company_facade dt#map a img {
display: block;
}
div#wrapper div#pagecont div#company_profile ul#company_images {
width: 100%;
margin: 30px 0 0;
padding: 0;
}
div#wrapper div#pagecont div#company_profile ul#company_images li {
float: left;
width: 50%;
}
div#wrapper div#pagecont div#company_profile ul#company_images li img {
display: block;
width: 95%;
height: auto;
margin: 0 auto 10px;
}
div#wrapper div#pagecont .web_page {
margin: 0;
}
div#wrapper div#pagecont .web_page table td dl.company {
border-top: 1px solid #ccc;
border-bottom: 2px solid #ccc;
width: 100%;
padding: 0;
margin: 0;
}
div#wrapper div#pagecont .web_page table td dl.company dt {
font-size: 3.5vw;
font-weight: bold;
color: #333;
width: 25%;
margin: 0;
padding: 15px 0 0 10px;
border-top: 1px solid #ccc;
float: left;
}
div#wrapper div#pagecont .web_page table td dl.company dd {
font-size: 3.5vw;
border-top: 1px solid #ccc;
width: 75%;
margin: 0;
line-height: 125%;
padding: 15px 0;
}
div#wrapper div#pagecont .web_page table td img {
display: none;
}
div#wrapper div#pagecont .support {
text-align: center;
padding: 0;
margin: 0;
}
div#wrapper div#pagecont .support dl {
line-height: 125%;
font-size: 80%;
}
div#wrapper div#pagecont .support dl dd {
padding: 0;
margin: 0;
text-align: left;
width: 100%;
}
div#wrapper div#pagecont .support ul {
border: 5px solid #F00;
font-size: 80%;
line-height: 125%;
margin: 50px 0 0;
width: 100%;
padding: 10px 0 20px;
}
div#wrapper div#pagecont .support ul li {
text-align: left;
margin: 10px 25px 10px 35px;
list-style-type: disc;
}
div#wrapper div#pagecont .support dl dt {
margin-top: 50px;
margin-bottom: 15px;
}
div#wrapper div#pagecont .support .map {
font-size: 3.5vw;
line-height: 175%;
font-weight: bold;
}
div#wrapper div#pagecont .support .map iframe {
width: 100%;
height: auto;
}
div#wrapper div#pagecont .link {
margin: 0 0 0 20px;
padding: 20px 0 0;
}
div#wrapper div#pagecont .link a {
text-decoration: none;
}
div#wrapper div#pagecont dl a dd {
font-size: 85%;
line-height: 135%;
text-decoration: none;
width: 100%;
margin: 0;
color: #666;
padding: 0 0 25px;
}
div#wrapper div#pagecont dl a dt {
padding: 0;
margin: 25px 0 5px 25px;
}
div#wrapper div#pagecont .main .index .right ul {
padding: 0px;
width: 100%;
text-align: left;
list-style-type: none;
margin: 0 5px;
}
div#wrapper div#pagecont .main .index .right ul li .date {
font-size: 80%;
}
div#wrapper div#pagecont .main .index .right ul li img {
float: left;
margin: 0px;
padding: 0px;
}
div#wrapper div#pagecont div.pp {
width: 100%;
margin: 50px 0 20px;
padding: 0;
font-size: 80%;
line-height: 1.7em;
color: #000;
}
div#wrapper div#pagecont div.pp dl {
margin: 0;
padding: 0;
width: 100%;
}
div#wrapper div#pagecont div.pp dl dt.title {
font-size: 150%;
padding: 0;
margin: 0 0 15px;
}
div#wrapper div#pagecont .pp dl ol li {
padding: 0;
margin: 0 0 5px;
}
div#wrapper div#pagecont .pp dl ol li dt {
padding: 0;
margin: 0 0 5px;
font-size: 120%;
font-weight: bold;
}
div#wrapper div#pagecont .pp dl ol ul {
padding: 0;
margin: 15px 0 0 75px;
}
div#wrapper div#pagecont .pp dl ol li dd {
padding: 0;
margin: 0 0 20px 35px;
}
div#wrapper div#itemlist {
width: 100%;
margin: 15px 0 0;
float: none;
}
div#wrapper div#itemlist ul#subcatlist { margin: 0 0 20px;
padding-bottom: 20px;
border-bottom: 3px double #ccc;
list-style: none;
}
div#wrapper div#itemlist ul#subcatlist li {
float: left;
width: 50%;
text-align: left;
}
div#wrapper div#itemlist ul#subcatlist li a {
display: block;
height: 3em;
margin: 1px;
padding: 0 1em;
font-size: 3vw;
line-height: 3em;
text-decoration: none;
color: #333;
background: #eee;
overflow: hidden;
}
div#wrapper div#itemlist ul#subcatlist li a:before {
content: ">> ";
}
div#wrapper div#itemlist ul.thumbnail { width: 100%;
}
div#wrapper div#itemlist ul.thumbnail li {
width: 33%;
height: auto;
}
div#wrapper div#itemlist ul.thumbnail li a img {
display: block;
width: 90%;
height: auto;
margin: 0 auto;
padding: 4px;
}
div#wrapper div#itemlist ul.thumbnail li p.entry-title {
width: 90%;
margin-bottom: 1rem;
overflow: hidden;
font-size: 3.2vw;
white-space: nowrap;
}
div#wrapper div#itemlist ul.page-numbers {
list-style: none;
position: relative;
left: 50%;
float: left;
}
div#wrapper div#itemlist ul.page-numbers li {
margin: 0 1px;
position: relative;
left: -50%;
float: left;
}
div#wrapper div#itemlist ul.page-numbers li span, div#wrapper div#itemlist ul.page-numbers li a {
display: block;
font-size: 16px;
padding: 0.6em 1em;
border-radius: 3px;
}
div#wrapper div#itemlist ul.page-numbers li a {
background: #EEE;
color: #000;
text-decoration: none;
}
div#wrapper div#itemlist ul.page-numbers li a:hover {
background: #333;
color: #FFF;
}
}