body {
color: #333;
margin: 0;
padding: 0;
font-family : YuGothic, '游ゴシック', verdana, sans-serif;
font-weight: 500;
}
header {
width: 100%;
height: 150px;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 900;
background-color: none;
-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
-ms-transition: height 0.3s;
-o-transition: height 0.3s;
transition: height 0.3s;
}
header #logo {
display: none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header nav {
display: none;
padding: 0 100px 0 0; }
@media (min-width: 640px) {
header nav {
display: inline-block;
}
}
header nav a {
line-height: 85px;
margin: 10px 20px;
display: inline-block;;
color: #fff;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
header nav a:hover {
opacity: 0.5;
}
header.smaller {
height: 60px;
background-color: rgba(0,0,0,0.5);
}
header.smaller #logo {
display: inline-block;
width: 150px;
height: auto;
float: left;
color: white; margin: 5px 0 0 5px;
font-size: 30px;
}
@media (min-width: 640px) {
header.smaller #logo img{
width: 200px;
}
}
header.smaller nav a {
line-height: 35px;
}
.top_logo{
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
max-width: 100%;
z-index: 121;
text-align: center;
vertical-align: middle;
display: tatle-cell;
}
#header-nav li{
display: block;
text-align: left;
}
#header-nav li a{
color:#fff;
padding: 1em 1em;
}
#header-nav li ul{
display: none;
}
#header-nav .externallink a:after{
content: '\f08e';
font-family: FontAwesome;
padding: 0 0 0 0.3em;
}
footer{
background-color: #222;
color: #fff;
padding: 9em 0 0.2em 0;
margin: 6em 0 0 0;
}
footer a{
color: #fff;
}
footer .f_logo{
margin: 0 0 1.2em 0;
}
footer .f_sns{
list-style: none;
margin: 3em 0 0 0;
}
footer .f_sns li{
margin-bottom: 15px;
}
footer .f_sns li i{
font-size: 2rem;
margin-right: 0.2em;
}
footer #footer-main_menu{
list-style: none;
margin: 0 0 5em 0;
}
footer #footer-main_menu li{
position: relative;
display: block;
padding-left: 0.4em;
margin: 0 0 0.9em;
}
footer #footer-main_menu li::before{
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 16px;
left: 0;
margin-top: -4px;
}
footer #footer-main_menu li .sub-menu{
display: none;
}
footer #footer-main_menu li.externallink a:after{
content: '\f08e';
font-family: FontAwesome;
padding: 0 0 0 0.3em;
}
footer .f_sites a{
display: block;
padding: 1.4em 2em 1em 4.5em;
text-align: left;
margin: 0 0 3em 0;
font-weight: 600;
}
footer .f_sites a span{
display: block;
font-weight: 500;
font-size: 0.8em;
}
footer .f_sites.shop a{
color: #222;
background-color: #eee;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/common/cart.svg);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 22px 29px;
}
footer .f_sites.lab a{
margin: 0 0 0.4em 0;
}
footer .f_sites.lab a{  background: #e8a9d4; background: -moz-linear-gradient(45deg,  #e8a9d4 0%, #6ea4cc 100%); background: -webkit-linear-gradient(45deg,  #e8a9d4 0%,#6ea4cc 100%); background: linear-gradient(45deg,  #e8a9d4 0%,#6ea4cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a9d4', endColorstr='#6ea4cc',GradientType=1 ); position: relative;
}
footer .f_sites.lab a::before{
content: '\f0c3';
font-family: FontAwesome;
position: absolute;
top: 24px;
left: 24px;
font-size: 1.6em;
font-weight: 100;
}
footer .f_sites.lab p{
font-size: 0.8em;
}
footer .f_navlist_sub{
font-size: 0.8em; 
margin: 8em 0 1em 0;
}
footer .f_navlist_sub a{
margin: 0 1.4em;
}
footer .f_copyright{
color: #ccc;
font-size: 0.8em;
} #container {
width: 100%;
text-align: center;
background-color: #333;
}
#wrapper {
width: 100%;
text-align: left;
background-color: #fff;
position: relative;
z-index: 120;
}
h1, h2, h3{
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
}
.page_title_area{
height: 452px;
background-position: center center;
background-size: cover;
background-color: #111;
margin: 0 0 1em 0;
display: block;
}
.page_title_area .page_heading{
margin: 210px 0 0 0;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
color: #fff;
font-weight: 400;
font-size: 2rem;
}
@media (min-width: 640px) {
.page_title_area .page_heading{
font-size: 2.5rem;
}
}
.page_title_area .page_heading span{
display: block;
color: #ddd;
font-size: 1rem;
}
.page_title_area .page_heading sup{
font-size: 1rem;
}
.breadcrumbs {
margin: 0 0 6em 1em;
color: #ccc;
}
.contents_heading{
font-size:1.6rem;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
border-bottom: 3px solid #333;
padding:0 0 1.2em 0;
margin:0 0 1.7em 0;
}
.contents_heading span{
font-size:1.2rem;
color: #444;
}
.btn_normal{
border: 2px solid #333;
display: inline-block;
padding: 1em;
color: #222;
margin: 1em 0 1em 0 ;
background-color: #fff;
transition: 0.5s;
border-radius: 50px;
font-size: 1em;
}
.btn_normal:hover{
background-color: #333;
color: #fff;
border-radius: 30px;
}
.btn_normal-sq{
border: 1px solid #333;
display: inline-block;
padding: 1em;
color: #222;
margin: 1em 0 1em 0 ;
transition: 0.5s;
}
.btn_normal-sq:hover{
background-color: #333;
color: #fff;
border-radius: 20px;
}
.btn_onlineshop{
display: inline-block;
padding: 1.4em 2em 1em 4.5em;
text-align: left;
margin: 1em 0 3em 0;
font-weight: 600;
background-color: #eee;
color: #222 !important;
border: 1px solid #222;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/common/cart.svg);
background-repeat: no-repeat;
background-size: 30px 30px;
background-position: 22px 29px;
transform: perspective(1px) translateZ(0)
}
.btn_onlineshop span{
display: block;
font-weight: 500;
font-size: 0.8em;
}
.btn_onlineshop2{
display: inline-block;
padding: 1em 1em;
text-align: left;
margin: 1em 0 3em 0;
font-weight: 600;
background-color: #000;
color: #fff !important;
border-radius: 5px;
transition: 0.5s;
}
.btn_onlineshop2:hover{
background-color: #bbb;
border-radius: 10px;
}
.btn_lab a span{
display: block;
font-weight: 500;
font-size: 0.8em;
}
.btn_lab a{
margin: 0 0 0.4em 0;
display: block;
padding: 1.4em 2em 1em 4.5em;
text-align: left;
font-weight: 600;
color: #fff;
}
.btn_lab a{  background: #e8a9d4; background: -moz-linear-gradient(45deg,  #e8a9d4 0%, #6ea4cc 100%); background: -webkit-linear-gradient(45deg,  #e8a9d4 0%,#6ea4cc 100%); background: linear-gradient(45deg,  #e8a9d4 0%,#6ea4cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a9d4', endColorstr='#6ea4cc',GradientType=1 ); position: relative;
}
.btn_lab a::before{
content: '\f0c3';
font-family: FontAwesome;
position: absolute;
top: 24px;
left: 24px;
font-size: 1.6em;
font-weight: 100;
}
.btn_lab p{
font-size: 0.8em;
} .hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #222;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.about-title3{
margin: 2.8em 0 2em 0;
}
.about-title3 span{
color:#bbb;
font-size:0.6em;
}
.catch{
font-size: 1.5em;
margin: 0 0 2em 0;
}
.normal-p{
margin: 0 0 2em 0;
}
.mgb_4em{
margin-bottom: 4em;
}
.mgb_2em{
margin-bottom: 2em;
}
.mgt_4em{
margin-top: 4em;
}
.pdf_download {
display: inline-block;
border: 1px solid #ccc;
padding: 1.5em 1em 1.5em 70px;
margin: 1em 0;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/common/icon_pdf.png);
background-repeat: no-repeat;
background-position: 0 0;
box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
transition: 0.5s;
}
.pdf_download:hover{
background-color: #333;
color: #fff;
border-radius: 15px;
}
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.shoplist li {
padding:8px 0;
} #top {
background-color: #000;
}
.twocol{
display: block;
}
section.twocol .txt {
padding: 30% 10%;
box-sizing: border-box;
background-color: #3c3c3c;
color: #fff;
line-height: 200%;
text-align: center;
}
section.twocol .img {
height:300px;
background-size: 100% auto;
background-position: center center;
background-size: cover;
color: #fff;
}
section.twocol#top_about .img {
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/top/about_img.jpg);
}
section.twocol#top_potential .img {
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/top/possibility2_img.jpg);
}
@media (min-width: 640px) {
.twocol{
display: table;
}
section.twocol .txt {
padding: 10%;
width: 50%;
display: table-cell;
}
section.twocol .img {
height: auto;
width: 50%;
display: table-cell;
}
}
.top_heading{
margin: 0 0 40px 0;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
font-size: 1.9rem;
}
@media (min-width: 640px) {
.top_heading{
font-size: 2.8rem;
}
}
.top_heading span{
display: block;
color: #999;
font-size: 1rem;
}
.top_heading sup{
font-size: 1rem;
}
.top_heading sup.made_from_jesmonite{
font-size: 2rem;
}
.top_heading_leftimg{
float: left;
margin:0 10px 0 0;
}
.sml_note{
font-size: 0.7em;
}
section.twocol .txt .top_message{
text-align: left;
line-height: 170%;
}
section.twocol .txt .btn_detail{
border: 1px solid #fff;
display: inline-block;
padding: 1em;
color: #fff;
margin: 20px 0 0 0 ;
width: 270px;
transition: 0.5s;
}
section.twocol .txt .btn_detail:hover{
background-color: #292929;
border-radius: 15px;
}
section#top_product{
padding: 10em 0 0 0;
}
section#top_news{
padding: 10em 0;
}
.top_news_items dt {
float:none;
margin:0;
padding:1em 0 0 0;
font-weight: normal;
text-align: left;
}
.top_news_items dd {
padding:0 0 1em 0;
border-bottom:#CCCCCC dotted 1px;
text-align: left;
}
@media (min-width: 640px) {
.top_news_items dt {
float:left;
clear: left;
padding:1em 0 1em 1em;
}
.top_news_items dd {
padding: 1em 0 1em 8em
}
}
.video_wrapper{
position:relative;
width:100%;
padding-top:56.25%;
overflow: hidden;
margin: 0 0 1em 0;
}
.dotted{
display: none; }
@media (min-width: 640px) {
.dotted{
display: block;
background: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/common/dotted.png) repeat;
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
z-index: 801;
}
}
.video_wrapper iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;;
z-index: 800;
}
section#top_gallery{
padding: 10em 0;
}
.top_artwork{
width: 30%;
float: left;
display: block;
margin: 0.05em;
}
.artwork_title{
margin: 0;
}
.artist_name{
margin: 0;
}
.artist_url{
font-size: 0.9em;
}
section#top_safty{
padding: 0 0 3em 0;
}
section#top_safty div{
margin: 0 0 6em 0
}
section#top_others{
padding: 0 0 5em 0;
}
section#top_others a{
color: #fff;
font-size: 3rem;
padding: 3em;
margin-top: 0.5em;
display: inline-block;
}
section#top_others .workshop {
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/top/bg_workshop.jpg);
text-align: center;
background-position: center center;
background-size: cover;
color: #fff;
height: 400px;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
}
section#top_others .workshop a:hover {
opacity: 0.5;
}
section#top_others .media {
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/top/bg_media.jpg);
text-align: center;
background-position: center center;
background-size: cover;
color: #fff;
height: 400px;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
}
section#top_others_under{
padding: 0 0 5em 0;
}
.testingkit_banner{
background-color: #222;
border: 2px solid #000;
color: #fff;
display: inline-flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.testingkit_banner img{
margin-right: 1em;
}
.testingkit_banner p{
margin-right: 1em;
}
@media (max-width: 640px) {
.testingkit_banner{
flex-direction: column;
}
.testingkit_banner img{
margin-right: 0;
}
.testingkit_banner p{
margin-right: 0;
}
} .single .page_title_area{
height: auto;
background-color: initial;
}
.single .page_title_area .page_heading {
margin: 100px 0 0 0;
color: #333;
text-align: left;
}
.single .page_title_area .page_heading a {
color: #333;
}
.single .page_title_area .page_heading span{
color: #666;
} .page_about .page_title_area,
.page_jesmonite-strength .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/about_title_bg2.jpg);
}
.page_story .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/story_title_bg.jpg);
}
.page_application_interior .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/interior_title_bg.jpg);
}
.page_application_setprop .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/setprop_title_bg.jpg);
}
.page_application_design .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/design_title_bg.jpg);
}
.page_application_art .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/art_title_bg.jpg);
}
.page_application_architecture .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/architecture_title_bg.jpg);
}
.page_usage .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/usage_title_bg.jpg);
}
.page_weight-calc .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/header_howmuch_bg.jpg);
}
.illust_area{
margin-top: 3em;
margin-bottom: 6em;
}
.jesmo_illust{
margin-top: 6em;
}
#waves {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.explanation_area{
}
.explanation_area p{
line-height: 2.2em;
margin-bottom: 6em;
}
.three-point_wrapper{
display: table;
}
.three-point{
background-color: #eee;
height: 8em;
text-align: center;
display: table-cell;
width: 100%;
vertical-align: middle;
}
.btn_application_lab{  background: #e8a9d4; background: -moz-linear-gradient(45deg,  #e8a9d4 0%, #6ea4cc 100%); background: -webkit-linear-gradient(45deg,  #e8a9d4 0%,#6ea4cc 100%); background: linear-gradient(45deg,  #e8a9d4 0%,#6ea4cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8a9d4', endColorstr='#6ea4cc',GradientType=1 ); position: relative;
}
.btn_application_interior{
position: relative;
background: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/about/btn_application_interior.jpg) #000 no-repeat center top;
}
a.btn_application_inner{
padding: 2em 3em;
color:#fff;
font-size: 1.4em;
background-color: rgba(0,0,0,0.9);
display: block;
text-align: center;
transition: opacity 0.35s, transform 0.35s;
}
a.btn_application_inner:hover{
background-color: rgba(0,0,0,0.5);
}
.btn_application_interior::before {
content: '';
width: 10px;
height: 10px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 4em;
left: 1em;
margin-top: -4px;
}
.application_btn{
background-color: #222;
display: inline-block;
color: #fff;
text-align: center;
}
.application_btn .app_title {
display: inline-block;
padding: 2em 1em;
margin: 0 auto;
}
.application_btn img{
transition: opacity 0.35s;
}
.application_btn.current{
color: #222;
font-weight: bold;
background-color: #eee;
}
.application_btn.current img{
opacity: 0.4;
}
.application_btn.current i{
display: none;
}
.application_btn:hover img{
opacity: 0.7;
} .page_workshop .page_title_area,
.page_tokyozokei .page_title_area,
.page_kyogei-senshoku .page_title_area,
.page_hiroshima-geijutsu .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_title_bg.jpg);
}
.page_workshop-kyoto01 .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_title_mtrl_bg.jpg);
}
.page_tamabi .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_title_tamabi_bg.jpg);
}
.page_konan-zokei .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_title_konan_bg.jpg);
}
.page_texture-workshop-kyoto .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/texture-workshop-kyoto_bg.jpg);
}
.page_workshop-osaka .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/texture-workshop-osaka_bg_sp.jpg);
}
.page_joshibi .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/joshibi_bg_sp.jpg);
}
.page_sapporo .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/sapporo_bg_sp.jpg);
}
.page_toyo-workshop .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/toyo_bg_sp.jpg);
}
.page_toyo-workshop .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/toyo_bg_sp.jpg);
}
.page_hatsushiba-jesmonite-terrazzo .page_title_area{
background: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_hatsushiba_bg_sp.jpg);
}
.page_asahigaoka-workshop .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_asahigaoka_bg_sp.jpg);
}
.page_asahigaoka-lecture .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_asahigaoka_ssh_bg_sp.jpg);
}
.page_creativewithoutcatalogue_osaka .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/exhibition_osaka2024_bg_sp.jpg);
}
.page_nishogakusha .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_nishogakusha_bg_sp.jpg);
}
dl.ws_outline{
margin: 0 0 6em 0;
}
dl.ws_outline dt{
font-size: 1.4em;
}
dl.ws_outline dd{
margin: 0 0 2em 0;
}
.workshop_list td{
padding:1em;
}
.workshop_list th,
.workshop_list td {
display: block;
width: 100%;
}
.workshop_list .wscat{
background-color: #4ba255;
color: #fff;
padding: 0.1em 0.5em;
margin: 0.5em 0 0.5em 1em;
border-radius: 5px;
display: inline-block;
}
.workshop_list .wscat_edu{
background-color: #a99eae;
color: #fff;
padding: 0.1em 0.5em;
margin: 0.5em 0 0.5em 1em;
border-radius: 5px;
display: inline-block;
}
.workshop_list .wscat_prj{
background-color: #F44085;
letter-spacing : -0.12em;
font-feature-settings: "palt";
color: #fff;
padding: 0.1em 0.5em;
margin: 0.5em 0 0.5em 0.7em;
border-radius: 5px;
display: inline-block;
} .page_distributor .page_title_area{
height: 252px;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/distributor/distoributor_title_bg_blur.jpg);
}
.page_distributor .page_title_area .page_heading{
margin: 110px 0 0 0;
}
.page_distributor .c_list{
   padding: 0 0 7em 0;
}
.page_distributor .c_list div.columns{
margin: 0 0 7em 0;
}
.page_distributor .c_name{
margin: 0;
}
.page_distributor .c_name_e{
margin: 0 0 1em 0;
font-size: 0.8em;
color: #999;
}
.page_distributor .c_addr{
margin: 0;
font-size: 0.9em;
}
.page_distributor .c_web{
margin: 0 0 0.1em 0;
font-size: 0.9em;
}
.page_distributor .c_photos img{
padding: 6px 0 0 0;
} .page_document .page_title_area{
height: 252px;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/distributor/distoributor_title_bg_blur.jpg);
}
.page_document .page_title_area .page_heading{
margin: 110px 0 0 0;
}
.page_documents h2{
font-size: 1.8rem;
} .page_media .page_title_area{
height: 252px;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/distributor/distoributor_title_bg_blur.jpg);
}
.page_londondesignfair2017 .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/media/ldf_head_sp.jpg);
}
.page_media .page_title_area .page_heading{
margin: 110px 0 0 0;
}
.page_media h2{
font-size: 1.8rem;
}
.page_media .contents_heading span{
font-size: 0.6em;
margin-left: 1em;
}
.sitelist p{
margin: 0 !important;
}
.sitelist .sitelistitems{
margin: 0 0 4em 0;
}
.sitelist a .inlistimg{
margin: 0;
}
.sitelist a .listsitetitle{
display: block;
width: 100%;
font-size: 1.4rem;
color: #333;
margin: 1em 0 0 0;
border-top: 3px solid #333;
padding: 1em 0 0 0;
} .page_contact .page_title_area{
height: 252px;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/distributor/distoributor_title_bg_blur.jpg);
}
.page_contact .page_title_area .page_heading{
margin: 110px 0 0 0;
}
.page_contact h2{
font-size: 1.8rem;
}
.contact-tel{
font-size: 2.5em;
}
.contact-email{
font-size: 1.4em;
}
.wpcf7-form label span.required{
background-color: #555;
color: #fff;
padding: 0 1em;
font-size: 0.7em;
display: inline-block;
margin: 0 0 0.1em 0.3em;
font-weight: 700;
border-radius: 2px;
}
input.wpcf7-not-valid{
background-color: #ed7184;
}
.wpcf7-form span.wpcf7-not-valid-tip{
color: #e0002f;
font-weight: 700;
}
.wpcf7-submit{
background-color: #222;
color: #fff;
font-size: 1.6em;
padding: 0.2em 2.6em;
border-radius: 6px;
border: none;
}
.mailform-note{
margin: 0 0 6em 0;
} .error404 .page_title_area{
height: 252px;
}
.error404 .page_title_area .page_heading{
margin: 110px 0 0 0;
}
.error404 .errnote{
margin:0 0 6em;
}
.error404 .search-field{
width: 300px;
}
.error404 .search-form label,
.error404 .search-form input{
display: inline-block;
} ul#sitemap_items {
list-style-type: circle;
list-style-position: inside;
}
ul#sitemap_items li {
display: block;
margin: 0 0 1em 0;
}
ul#sitemap_items li ul.sub-menu{
margin: 0 0 1em 4em;
} .page_product .page_title_area,
.page_technicaldata .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/product/product_title_bg.jpg);
}
.product_heading{
margin: 0 0 2em 0;
border-bottom: 3px solid #222;
padding: 0 0 0.6em 0;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
font-size: 2.5rem;
}
.product_heading span{
display: block;
color: #999;
font-size: 1rem;
}
.product_heading sup{
font-size: 1rem;
}
.product_sub_heading span{
display: block;
color: #999;
font-size: 1rem;
}
.feature{
list-style: none;
}
.feature li{
text-align: center;
float: left;
margin: 0 1em 0 0;
padding: 0;
}
.feature li span{
display: block;
font-size: 0.9em;
letter-spacing: -0.1em;
font-feature-settings: "palt";
}
.ac100_surface{
height: 279px;
background-position: center center;
background-size: cover;
background-color: #111;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/product/ac100_surface.jpg);
}
.products_group{
padding: 0 0 10em 0;
}
.products_group_narrow{
padding: 0 0 3em 0;
} .page_title_area_big{
height: 400px;
max-width: 100%;
background-position: top center;
background-size: 400px auto;
background-color: #111;
background-attachment: fixed;
margin: 0 0 7em 0;
}
.page_title_area_big .page_description{
margin: 160px 0 0 0;
font-size: 1em;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
color: rgba(255,255,255,0.8);
border-bottom: 1px solid #fff;
} .page_artwork .page_title_area_big{
height: 200px;
max-width: 100%;
background: none;
color: #222;
margin: 0 0 0 0;
}
.page_artwork .page_title_area_big h1{
color: #222;
}
.page_artwork .page_title_area_big .page_description{
margin: 60px 0 0 0;
font-size: 1em;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
color: #222;
border-bottom: none;
}
.page_title_area_big .page_heading{
margin: 10px 0 0 0;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
color: #fff;
font-weight: 400;
}
.page_title_area_big .page_heading span{
display: block;
color: #ddd;
font-size: 1rem;
}
.page_title_area_big .page_heading sup{
font-size: 1rem;
}
.page_title_area_big .page_heading sup.reg_mark_big{
font-size: 2rem;
}
.explanation_area .artist_website{
margin: 1em 0 0 0;
color: #999;
font-style: italic;
}
.explanation_area .artist_website a{
font-size: 1.4em;
}
.explanation_area .artist_insta {
margin: 1em 0 0 0;
color: #999;
font-style: italic;
}
.explanation_area .artist_website .fa-globe,
.explanation_area .artist_insta .fa{
font-size: 2em;
font-style: normal;
}
.explanation_area .artist_insta a{
font-size: 1.4em;
margin: 0 0 0 0.5em;
}
.artist_caption{
display: block;
margin: 1em 0 0 0;
font-style: italic;
}
.artist_material{
display: block;
margin: -0.3em 0 0 0;
color: #bbb;
font-size: 0.9em;
}
.artist_note{
font-size: 0.8em;
font-weight:normal;
}
.page_artist_yenchenyawen .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/yenchenyawen_head_sp.jpg);
}
.page_artist_jeremywillett .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/jeremywillett_head_sp.jpg);
}
.page_artist_mariruthoda .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/mariruthoda_head_sp.jpg);
}
.page_artist_dorcascasey .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/dorcascasey_head_sp.jpg);
}
.page_artist_promisespromises .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/promisespromises_head_sp.jpg);
}
.page_artist_gilesmillerstudio .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/gilesmillerstudio_head_sp.jpg);
}
.page_artist_pinch .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/pinch_head_sp.jpg);
}
.page_artist_prin .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/prin_head_sp.jpg);
}
.page_artist_klemensschillinger .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/klemensschillinger_head_sp.jpg);
}
.page_artist_mattesminiatures .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/mattesminiatures_head_sp.jpg);
}
.page_artist_chiselandvice .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/chiselandvice_head_sp.jpg);
}
.page_artist_francescoluigifeltrin .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/francescoluigifeltrin_head_sp.jpg);
}
.page .page_testingkit .page_title_area, 
.page_testingkit000 .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/testingkit/head_sp.jpg);
}
.page_video000 .page_title_area {
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/testingkit/head_video_sp.jpg);
}
@media (min-width: 641px) {
.page_title_area_big{
height: 672px;
background-size: cover;
}
.page_title_area_big .page_description{
margin: 260px 0 0 0;
}
.page_title_area_big .page_description{
font-size: 1.6em;
}
.btn_normal{
padding: 1em 3em;
font-size: 1.1em;
}
.btn_onlineshop2{
padding: 1em 4em;
font-size: 1.1em;
}
.workshop_list th,
.workshop_list td {
display: table-cell;
width: auto;
}
.page_artist_yenchenyawen .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/yenchenyawen_head.jpg);
}
.page_artist_jeremywillett .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/jeremywillett_head.jpg);
}
.page_artist_mariruthoda .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/mariruthoda_head.jpg);
}
.page_artist_dorcascasey .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/dorcascasey_head.jpg);
}
.page_artist_promisespromises .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/promisespromises_head.jpg);
}
.page_artist_gilesmillerstudio .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/gilesmillerstudio_head.jpg);
}
.page_artist_pinch .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/pinch_head.jpg);
}
.page_artist_prin .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/prin_head.jpg);
}
.page_artist_klemensschillinger .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/klemensschillinger_head.jpg);
}
.page_artist_mattesminiatures .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/mattesminiatures_head.jpg);
}
.page_artist_chiselandvice .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/chiselandvice_head.jpg);
}
.page_artist_francescoluigifeltrin .page_title_area_big{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/artwork/francescoluigifeltrin_head.jpg);
}
.page_workshop-osaka .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/texture-workshop-osaka_bg.jpg);
}
.page_joshibi .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/joshibi_bg.jpg);
}
.page_sapporo .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/sapporo_bg.jpg);
}
.page_toyo-workshop .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/toyo_bg.jpg);
}
.page_hatsushiba-jesmonite-terrazzo .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_hatsushiba_bg.jpg);
}
.page_asahigaoka-workshop .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_asahigaoka_bg.jpg);
}
.page_asahigaoka-lecture .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_asahigaoka_ssh_bg.jpg);
}
.page_nishogakusha .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/workshop/workshop_nishogakusha_bg.jpg);
}
.page_testingkit .page_title_area, 
.page_testingkit000 .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/testingkit/head_bg.jpg);
}
.page_video000 .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/testingkit/head_video_bg.jpg);
}
.page_londondesignfair2017 .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/media/ldf_head.jpg);
}
.page_taiken-set-type-a .page_title_area{
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/testingkit/head_taiken_bg.jpg);
}
} .calarea .inputarea{
padding: 1em;
margin: 1em 0;
border-radius: 6px;
display: inline-block;
}
.ac100cal{
background-color: #bcc5bb;
}
.ac730cal{
background-color: #9cc5ca;
}
.calarea .resultarea{
padding: 1em;
margin: 1em 0;
display: inline-block;
border: 2px dotted #aaa;
background-color: #fdfdfd;
}
.calarea .shortnum{
width: 4.5em;
display: inline-block;
border: 3px #cf1383 solid;
}
.calarea .mdl{
font-size: 1.5em;
}
.calarea .big{
font-size: 2.5em;
font-weight: bold;
color: #cf1383;
}
.calarea .big_tani{
font-size: 1.5em;
} .large_heading {
margin: 0 0 40px 0;
font-family: 'Cinzel', 'Folk Regular', YuMincho, '游明朝', serif;
font-feature-settings : "palt";
font-size: 1.9rem;
}
@media (min-width: 640px) {
.large_heading{
font-size: 2.8rem;
}
}
.large_heading span{
display: block;
color: #999;
font-size: 1rem;
}
.large_heading sup{
font-size: 1rem;
} .page_largesize_request .page_title_area{
height: 252px;
background-image: url(//jesmonite.jp/wp-content/themes/jesmo_j_theme/images/largesize_request/largesize_request_bg.jpg);
}
.page_largesize_request .page_title_area .page_heading{
margin: 110px 0 0 0;
} .single-artwork_jp .breadcrumbs{
margin:80px 0 0 0;
}
.artwork_jp_heading_area{
margin:20px 0 0 0;
}
h1.artwork_jp_title{
font-size:4em;
font-family: YuMincho, '游明朝', serif;
font-feature-settings: "palt" 1;
}
h2.artwork_jp_artist{
font-size:2em;
font-family: YuMincho, '游明朝', serif;
font-feature-settings: "palt" 1;
}
.artwork_jp_artist_en{
font-size: 0.7em;
color: #999;
margin:0 0 0 1em;
}
.artwork_jp_size{
color: #999;
margin:0 0 0.1em 0;
}
.artwork_jp_material{
color: #999;
margin:0 0 0.1em 0;
}
.artwork_jp_otherinfo{
color: #999;
margin:0 0 0.1em 0;
}
.artwork_jp_mainimg_area{
margin:20px 0 30px 0;
padding: 20px 0 0 0;
border-top: solid #333 8px;
}
.artwork_jp_mainimg_area .columns{
margin:0;
padding:0;
}
.artwork_jp_main_picture{}
.artwork_jp_copyright{
color: #999;
}
.artwork_jp_discription_area{}
.artwork_jp_artist2{
font-weight:bold;
padding: 0 0 0.7em 0;
border-bottom: solid #333 5px;
}
.artwork_jp_artist3{
font-weight:bold;
padding: 0 0 0.7em 0;
}
.artwork_jp_sns_website{
margin:0 0 0.4em 0;
}
.artwork_jp_sns_instagram{
margin:0 0 0.4em 0;
}
.artwork_jp_sns_facebook{
margin:0 0 0.4em 0;
}
.artwork_jp_sns_twitter{
margin:0 0 0.4em 0;
}
.artwork_jp_profile{
margin:0.5em 0 0 0;
font-size: 0.8em;
color: #999;
}
.artwork_jp_artist2 .artwork_jp_profile{
display: block;
}
.artwork_jp_copyright_area{
padding:60px 0 0 0;
} .post-type-archive-artwork_jp .page_title_area_big{
height: 200px;
max-width: 100%;
background: none;
color: #222;
margin: 100px 0 0 0;
}
.post-type-archive-artwork_jp .page_title_area_big h1{
color: #222;
}
.post-type-archive-artwork_jp .page_title_area_big .page_description{
margin: 60px 0 0 0;
font-size: 1em;
font-family: YuMincho, '游明朝', serif;
font-feature-settings : "palt";
color: #222;
border-bottom: none;
}   .alpha {
display:inline-block\9;
zoom: 1;
line-height: 1;
}
.alpha:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
#btn li.active {
background-color: #333;
color: #fff;
}
#btn {
overflow: hidden;
margin-bottom: 30px;
list-style-type: none;
}
#btn li {
float: left;
margin: 5px;
cursor: pointer;
padding: 0.5em 1em;
background-color: #999;
color: #ffffff;
box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
#animationList {
overflow: hidden;
max-width: 1280px;
margin: 0 auto;
}
#animationList li {
width: 620px;
height: 420px;
padding: 0;
margin: 10px;
float: left;
color: #fff;
overflow: hidden;
}
#animationList li .artworkjp_box {
display: block;
position: relative;
height: 100%;
overflow: hidden;
}
#animationList li .artworkjp_box .image{
position: absolute;
z-index: 10;
transition: all 0.5s;
background-color: #000;
}
#animationList li .artworkjp_box .image img:hover {
opacity: 1;
filter: alpha(opacity=100);
} #animationList li .artworkjp_box .image img {
opacity: 0.65;
filter: alpha(opacity=65);
}
#animationList li .caption {
position: absolute;
padding: 0 1em;
left: 10px;
bottom: 10px;
text-decoration: none;
text-shadow: 0px 0px 2px rgba(0,0,0,0.8);
color: #fff;
z-index: 20;
}
#animationList li .caption:hover {
text-decoration: none;
}
.artwork_jp_list_title{
display: block;
font-size: 14px;
margin: 0 0 0 0;
font-family: YuMincho, '游明朝', serif;
}
.artwork_jp_list_artist{
display: block;
font-size: 12px;
margin: 3px 0 0 0;
}
.artwork_jp_list_artist_en{
font-size: 0.7em;
color: #bbb;
margin: 0 0 0 1em;
} @media screen and (max-width: 600px) {
#btn {
margin-bottom: 20px;
}
#btn li {
width: 42%;
display: block;
float: left;
border-radius: 18px;
margin: 3px;
cursor: pointer;
border:1px solid #fff;
padding: 0.6em 0.3em;
text-align: center;
}
#animationList li {
width: 100%;
height: 230px;
margin: 10px 0 10px 0;
float: none;
}
.artwork_jp_list_title{
margin: 20px 0 5px 0;
letter-spacing: -1px;
}
.artwork_jp_list_artist{
display: block;
margin: 0 0 10px 0;
letter-spacing: -1px;
}
#animationList li .caption {
padding: 0 10px 0 0;
left: 10px;
}
}   .page_linklist .page_title_area ,
.page_linklist header,
.page_linklist footer ,
.page_linklist .breadcrumbs {
display: none;
}   html { scroll-behavior: smooth;}