body, input, textarea {
font-weight: 500;
color: #333;
}
body,html{
letter-spacing:1.8px!important;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif!important;	
}
.en-box p{
font-size:13px;
font-weight: 400;	
}
p{
font-size:14px;
}
#header {
background: initial!important;
}
#header.active, .pc .header_fix #header{
background:#fff!important;
}
#header_logo {
left: 20px!important;
}
.no-flex{
display:block;
}
.back-g .wp-block-columns{
width:80%!important;
margin: 0 auto;
}
.back-g #jtg-201,.back-g #jtg-218,.back-g #jtg-342,.back-g #jtg-264,.back-g #jtg-218,.back-g #jtg-253,.back-g #jtg-241,.back-g #jtg-229,.back-g #jtg-10570{
width:80%!important;
margin: 0 auto;	
}
.wp-block-image {
margin: 0!important;
}
.post_content p, .footer_inner-content p {
line-height: 2;
}
.slick-slide .blog_meta {
color: #191816!important;
background: #fff !important;
}
.blog_meta a {
color: #191816!important;
}
.txt-r {
color: #fff!important;
}
.center {
text-align: center;
}
.m-t-50 {
margin-top: 50px!important;
}
.m-b-0 {
margin-bottom: 0px!important;
}
.back_reverse {
background: #f7f7f7;
color: #191816;
padding: 10px!important;
}
.link_ander {
display: inline-block;
}
.title_ander{
border-bottom: 1px solid #000;	
}
.post_content p.title_ander{
margin-bottom:5px!important;
}
#main_contents, .index_post_list1, .index_design_content1 {
width: 80%!important;
}
.vertical-c{
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.width100 img{
width:100%!important;
}
.post_content .wp-block-column .m-b-0 {
margin-bottom: 0!important;
}
.small-txt {
font-size: 20px;
}
#main_contents {
overflow: initial!important;
}
.max-width {
margin-left: calc(-50vw + 50%)!important;
margin-right: calc(-50vw + 50%)!important;
height: 400px;
overflow: hidden;
}
.max-width2 {
margin-left: calc(-50vw + 50%);
margin-right: calc(-50vw + 50%);
}
.max-width img {
width: 100%;
}
.title_border {
position: relative;
padding-bottom: 5px;
}
.title_border:before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #fff;
bottom: -5px;
left: 0;
}
#page_header .headline_area {
display: none!important;
}
#widget_bottom_search .headline {
color: #000;
}
.index_free_space .headline .sub_title, .footer_inner-content .headline .sub_title {
display: block;
font-weight: normal;
font-size: 16px;
}
.index_free_space .headline, .footer_inner-content .headline {
font-size: 36px;
}
.footer_inner-content .headline span {
font-weight: 500;
}
.index_image_list .image_list .item {
width: calc(100% / 5 - 0.01px)!important;
}
#header_logo .logo {
width: 50px!important;
}
#header_logo img {
width: 50px;
}
.home .index_design_content1 h3 {
position: relative;
padding-bottom: 50px;
}
#main_contents{
margin:100px auto!important;
}
.wp-block-button a{
min-width: 270px;
height: 60px;
line-height: 60px;
padding: 0;
}
.home .index_design_content1.num1 .button a, .home .index_post_list1.num3 .button a, .home .index_post_list2.num6 .button a, .home .index_post_list1.num6 .button a, #gallery_single .button a, .index_post_list1 .button a, .wp-block-button a {
color: #000!important;
background: initial!important;
border: 1px solid #000!important;
border-radius: 0;
font-size: 16px;
}
.home .index_design_content1.num1 .button a:hover, .home .index_post_list1.num3 .button a:hover, .home .index_post_list1.num6 .button a:hover, .index_post_list1 .button a:hover, .wp-block-button a:hover {
color: #ffffff!important;
background: #999999!important;
border: 1px solid #000!important;
}
.home .index_free_space {
width: initial;
padding: 0!important;
}
#index_slider .caption{
width:80%!important;
}
.home .index_design_content1 h3:before {
position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%);
font-size: 16px;
width: 100%;
text-align: center;
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.freespace-img01 {
background: url(//hotarts.jp/wp-content/themes/Force Child/image/001.png) no-repeat center center;
background-size: cover;
transform: skewX(15deg);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
width: 100%;
height: 100% !important;
display: block;
overflow: hidden;
position: relative;
z-index: 2;
-webkit-transform-origin: 0% 0%;
transform-origin: 0% 0%;
}
.freespace-img02 {
background: url(//hotarts.jp/wp-content/themes/Force Child/image/002.png) no-repeat center center;
background-size: cover;
transform: skewX(15deg);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
width: 100%;
height: 100% !important;
display: block;
overflow: hidden;
position: relative;
z-index: 2;
}
.home .index_free_space .button a {
font-size: 16px;
display: inline-block;
min-width: 200px;
height: 40px;
line-height: 40px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 1px solid #000;
background: initial!important;
}
.home .index_design_content2 .headline {
color: #000;
}
.home .index_design_content2 .headline .rich_font_type2,.home .index_design_content2 .headline .rich_font_type1,.footer_inner-content .headline .rich_font_type2,.home .index_design_content1.num1 .catch{
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif!important;
}
.home .index_free_space .button a:hover {
color: #000!important;
background: #fff!important;
}
.footer_inner-content {
z-index: 999;
width: 960px;
margin: 0 auto;
position: relative;
text-align: center;
color: #fff;
}
.footer_inner-content .headline {
text-align: center;
line-height: 1.6;
margin: 0 0 20px 0;
}
.footer_inner-content .button a {
font-size: 16px;
display: inline-block;
min-width: 270px;
height: 60px;
line-height: 60px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
color: #fff!important;
background: initial!important;
border: 1px solid #fff!important;
border-radius: 0!important;
padding: 0!important;
}
#footer{
padding:150px 0;
}
.footer_inner-content .button a:hover {
color: #ffffff!important;
background: #00304b!important;
} .wpcf7 form {
margin: 0!important;
}
.inquiry th {
text-align: left;
color: #000;
padding: 5px 10px;
width: 30%;
background: #f7f7f7;
border: solid 1px #d7d7d7;
position: relative;
font-weight: 500;
}
.haveto {
font-size: 7px;
padding: 2px 5px;
color: #fff;
border: 1px solid;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
.verticallist .wpcf7-list-item {
display: block;
}
#formbtn {
display: block;
background: #999;
color: #fff;
margin: 50px auto 0 auto;
transition: color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), background-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86), border-color 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
font-weight: 600!important;
letter-spacing: 0!important;
min-width: 270px;
font-size: 16px;
height: 60px;
border: 1px solid #999!important;
}
#formbtn:hover {
border: 1px solid #999!important;
background: #fff;
color: #999;
}
textarea:not(.editor-post-title__input), input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
width: 100%;
font-size: 16px;
}
.wpcf7-form label {
vertical-align: middle;
margin: 0;
padding: 10px 0;
}
input[type="radio"], input[type="checkbox"] {
vertical-align: middle;
}
.wpcf7-list-item-label {
display: inline-block;
}
.wpcf7-form-control-wrap {
display: block;
}
.wpcf7-form-control.wpcf7-radio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
span.wpcf7-list-item {
position: relative;
margin: 0 0 0 20px;
}
.wpcf7-list-item-label {
cursor: pointer;
font-size: 13px
}
input[type="radio"] {
position: absolute;
opacity: 0;
}
.wpcf7-list-item-label:before {
content: '';
background: #fff;
border-radius: 100%;
border: 1px solid #888888;
display: inline-block;
width: 1.4em;
height: 1.4em;
position: relative;
margin-right: 5px;
vertical-align: middle;
cursor: pointer;
text-align: center;
-webkit-transition: all 250ms ease;
transition: all 250ms ease;
}
input[type="radio"]:checked+.wpcf7-list-item-label:before {
background-color: #115cfa;
box-shadow: inset 0 0 0 2px #fff;
}
input[type="radio"], input[type="checkbox"] {
margin: 0;
}
.textarea-top {
vertical-align: top;
padding-top: 15px!important;
}
.textarea-top .haveto {
top: 25px;
}
textarea:not(.editor-post-title__input), input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"] {
background-color: #fff!important;
}
textarea:not(.editor-post-title__input):focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus {
outline: none;
}
.wpcf7-textarea {
display: block;
height: 100%;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #dc3232;
color: #dc3232;
font-weight: normal;
border: 1px solid #dc3232;
} @media screen and (max-width: 750px) {
.m-small {
font-size: 12px!important;
}
.index_free_space .headline, .footer_inner-content .headline {
font-size: 22px;
}
.index_free_space .headline .sub_title, .footer_inner-content .headline .sub_title {
font-size: 12px;
}
.m-center {
text-align: center;
}
.m-m-t-p30 {
margin-top: 30px;
}
.big-txt {
font-size: 20px!important;
}
#index_slider .catch,#index_slider .desc{
text-align:left;
} #formbtn {
font-size: 14px;
min-width: 200px;
}
.inquiry th, .inquiry td {
display: block!important;
width: 100%!important;
border-top: none!important;
-webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
box-sizing: border-box!important;
padding: 10px !important;
}
.inquiry tr th {
border: none;
border-top: none!important;
}
.inquiry .haveto, .inquiry .any {
font-size: 10px;
}
.page-id-26 .entry-content table {
border: none!important;
}
.wpcf7-form-control.wpcf7-radio {
display: block;
text-align: left;
}
span.wpcf7-list-item {
margin: 10px 0;
display: block;
} }
@media (max-width:1001px) {
.back-g #jtg-201,.back-g #jtg-218,.back-g #jtg-342,.back-g #jtg-264,.back-g #jtg-218,.back-g #jtg-253,.back-g #jtg-241,.back-g #jtg-229{
width:90%!important;
margin: 0 auto;	
}
#index_slider .caption {
width: auto!important;
}
.header_fix_mobile #header{
background:#fff!important;
}
#main_contents, .index_post_list1, .index_design_content1{
width: auto!important;
}
.home .index_free_space .button a, .footer_inner-content .button a, .wp-block-button a, .index_post_list1 .button a, .wp-block-button a {
font-size: 14px;
min-width: 200px;
height: 50px;
line-height: 50px;
padding:0;
}
#header_logo .logo {
width: 35px!important;
}
#header_logo .mobile_logo_image {
width: 35px;
}
.index_design_content2 .content {
background:initial!important; 
}
.home .index_design_content1 h3:before {
position: absolute;
top: 40px;
left: 50%;
transform: translateX(-50%);
font-size: 12px;
width: 100%;
}
.freespace-img01, .freespace-img02 {
transform: none;
}
.m-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.footer_inner-content {
position: relative;
width: auto;
left: auto;
top: auto;
transform: none;
}
.footer_inner-content .headline span {
font-weight: 600;
}
}
.shampoo-txt {
line-height: 2;
}