/*
Theme Name:yoshimasa
Version:1.0
*/
/****************************************
header
/****************************************/
#header-top {
}
#header-page {
	box-sizing: border-box;
	margin:8% 10%;
	position:absolute;
	z-index:999;
	width:100px;
	display:block;
}
.header-inner{
	box-sizing: border-box;
	margin:8% 10%;
	position:absolute;
	z-index:999;
	width:100px;
	display:block;
}
#logo img{
	width:100%;
	max-width:100px;
}
#logo .catch {
	font-size: 12px;
	padding-top:0;
	color: #474747;
	text-decoration: none;
}
.top-tel {
	font-size: 2em;
}
.head-contactlist{
	flex-direction: row-reverse!important;
}
.head-contactlist li a{
	margin-left:15px;
	font-size:12px;
	background:#efefef;
	padding:2px 8px;
}
.fl_header_r {
	width: 40%;
}
.headinfo-pc {
	text-align: right;
}
.head-snslist li a{
	color:#000;
}
/****************************************
footer
/****************************************/
footer {
	font-size: 13px;
	position:absolute;
	z-index:9999!important;
	color:#fff;
	margin:0 auto;
	left:0;
	right:0;
	top:-60px;
}
.copyright{
	font-size:11px;
}
/****************************************
top page
/****************************************/
.full div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.full div.img01 {
  background-image: url(http://yoshimasatekko.com/wpw/wp-content/uploads/2022/11/20201018ys_029web.jpg);
}
.full div.img02 {
  background-image: url(http://yoshimasatekko.com/wpw/wp-content/uploads/2022/11/20201018y_148web.jpg);
}
.full div.img03 {
  background-image: url(http://yoshimasatekko.com/wpw/wp-content/uploads/2022/11/20201018y_121web.jpg);
}
.full .slick-dots {
    bottom: 4%;
    z-index: +1;
}
.wrapper-inner-top{
}
.top-content{
		max-width:860px;
}
/****************************************
archive page
/****************************************/
#bloglist li{
	margin-bottom:30px;
}
#bloglist li a img{
	filter: grayscale(100%);
	}
#bloglist li a img:hover{
	filter: grayscale(0%);
	}
#bloglist li a:hover{
	opacity:1;
}
/****************************************
fix page
/****************************************/

/****************************************
single page
/****************************************/
.post-works{
	text-align:left;
}
.post-works figure{
margin:10px 0;
}
.post-title{
	text-align:center!important;
}
.nav_prev, .nav_next{
	position: fixed!important;
	height:100%;
	display:block;
	top:0;
}
.nav_prev img, .nav_next img{
	width:40px;
	height:90px;
}
.nav_prev{
	left:-50px;
	background:url('https://yoshimasatekko.com/wpw/wp-content/themes/yoshimasa/images/arrow-left.svg'),rgba(0,0,0,0.5);
	background-position:center 50vh;
	background-size:20px 45px,cover;
	background-repeat:no-repeat;
	width:40px;
}
.nav_next{
	right:-50px;
	background:url('https://yoshimasatekko.com/wpw/wp-content/themes/yoshimasa/images/arrow-right.svg'),rgba(0,0,0,0.5);
	background-size:20px 45px,cover;
	background-position:center 50vh;
	background-repeat:no-repeat;
	width:40px;
}
/****************************************
menu
/****************************************/
#menu-header{
	display:block;
	padding:40px 0 0 0;
}
#menu-header a{
	display:block;
	color:#fff;
	width:100%;
	line-height:2.5;
}
.menu-small{
	display:block;
	text-align:center;
	color:#7F674C;
	font-size:14px;
	font-weight:600;
}
/*toggle menu*/
.drawr-bt {
	display: none;
	cursor: pointer;
	z-index: 7777;
	font-size: 1.3em;
	width: 60px;
	padding:3%;
	height: 60px !important;
	height: 100%;
	position:absolute;
	right:0;
}
.drawr-bt img{
}
.drawr {
	position: fixed;
	width: 100%;
	height:100%;
	z-index: 9999;
	display: none;
	background: rgba(0,0,0,0.7);
}
#d-menu ul{
	padding:5%;
}
#d-menu li a{
	color:#fff;
	font-size:1.2em;
	text-align:center;
	padding:20px;
	border-bottom:1px solid #fff;
	width:100%;
}
.drawr-inner {
	padding: 5%;
	background: #fff;
	height: 100%;
}
.close-bt {
	display: block;
	cursor: pointer;
	z-index: 9999;
	font-size: 2em;
	text-align: center;
	color: #fff;
	background:#000;
	float: right;
	padding: 10px 20px;
	line-height: 1;
}
.close-bt:before {
	display: none;
}
.menu-insta{
	max-width:20px;
	margin-top:20px;
}
/*kaihei menu*/
.kaihei {
	cursor: pointer;
	position: relative;
	display: block;
}
.kaihei i {
	position: absolute;
	right: 0;
	top: 35%;
}
.kaihei h4 {
	width: 75%;
	margin-bottom: 10px;
	display: inline-block;
}
.kaihei span {
	text-align: right;
	width: 25%;
	display: inline-block;
	font-size: 12px;
}
.kaihei-child {
	display: none;
	padding: 10px 0px 10px 0 !important;
}
.kaihei-child p {
	padding: 10px 0;
}
.kaihei-child img {
	width: auto;
	max-width: 100%;
}
/****************************************
sidemenu
/****************************************/
#fl_secondary .sidemenu_back {
	border-left: 1px solid #000;
	padding: 10%;
}
#fl_secondary ul li {
	border-bottom: 1px dotted #909090;
}
#fl_secondary ul li a {
	padding: 15px 0;
	color: #000;
	display: block;
	width: 100%;
	font-size: 0.9em;
}
#fl_secondary select {
	width: 100%;
	border-radius: 0px;
	border: 0px solid #999;
	background: #fff;
}
.menu-top-side {
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.menu-top-side h5 {
	font-size: 15px;
}
li.menu-top-side:last-child {
	margin-bottom: 0px;
}
.menu-top-side a {
	text-decoration: none;
	padding: 5px 0px !important;
	display: block;
	color: #000;
	font-size: 1.1em !important;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
.menu-top-side a:hover {
	color: #FF9620;
}
.menu-top-side > ul >li {
	border-bottom: none !important;
	padding: 5px 0px;
}
.menu-top-side > ul >li a {
	text-decoration: underline;
	padding: 0 !important;
	display: inline-block !important;
}
.menu-top-side > ul >li a:before {
	content: "・"
}
.menu-top-side > ul >li a:hover {
	background: transparent;
}
.children li {
	padding: 5px 0px 5px 15px;
	display: block;
}
.sub-menu-side {
	border-bottom: none !important;
}
.sub-menu-side a {
	text-decoration: underline;
	padding: 0 !important;
	width: 100%;
}
.sub-menu-side a:hover {
	background: transparent;
}
/****************************************
gallery
/****************************************/
.gallery-item a img {
	border: 0px !important;
	margin:0!important;
}
.gallery-columns-6 .gallery-item {
	margin-right: 1% !important;
	margin-top: 10px !important;
	width: 15.833333%!important;
}
.gallery-columns-6 dl:nth-child(7n-1) {
	margin-right: 0% !important;
}
.gallery-columns-5 .gallery-item {
	margin-right: 1.5% !important;
	margin-top: 10px !important;
	width: 18.8%!important;
}
.gallery-columns-5 dl:nth-child(6n-1) {
	margin-right: 0% !important;
}
.gallery-columns-4 .gallery-item {
	margin-right: 1.5% !important;
	margin-top: 10px !important;
	width: 23.875%!important;
}
.gallery-columns-4 dl:nth-child(5n-1) {
	margin-right: 0% !important;
}
.gallery-columns-3 .gallery-item {
	margin-right: 2% !important;
	margin-top: 10px !important;
	width: 32%!important;
}
.gallery-columns-3 dl:nth-child(4n-1) {
	margin-right: 0% !important;
}
.gallery-caption {
	font-size: 0.8em!important;
}
/****************************************
table
/****************************************/
table {
	width: 100%;
	font-size: 0.9em;
	border-collapse: collapse;
	border-radius: 8px;
	display:table;
	background: rgba(255,255,255,0.5);
	border:3px solid #FF9620;
}
thead {
	width: 100%;
}
tbody {
	width: 100%;
}
table tr {
	border-bottom: 1px dotted #FF9620;
	width: 100%;
	display:table;
}
table tr:last-child {
	border-bottom: none;
}
table th {
	border-right: 1px dotted #FF9620;
	padding: 15px;
	color:#000!important;
	width: 25%;
	font-weight: normal;
}
table td {
	padding: 15px;
	width: 75%;
	border-right: 1px dotted #FF9620;
}
table td:last-child {
	border-right: none;
}
.table-yoyaku{
	border:0px;
	display:table;
}
.table-yoyaku th {
	border-right: 0px dotted #FF9620;
	width: 100%;
}
.table-yoyaku td{
	width:auto;
	text-align:center;
}
.wp-block-table {
margin:10px 0;
	display:table;
}
.wp-block-table td{
width:auto;
}
/****************************************
contact form
/****************************************/
#wp-form {
	width: 100%;
	margin-top: 0px;
}
#wp-form li{
	padding:10px 0;
}
.long {
	width: 100%;
}
.short {
	width: 60%;
}
.short2 {
	width: 47%;
}
.short3 {
	width: 10%;
}
select {
	background: #fff;
	padding: 10px;
	border: 1px solid #FF9620;
	margin-bottom: 15px;
}
textarea {
	width: 	100%;
	box-sizing:border-box;
	height:200px;
	background:rgba(0,0,0,0.5)!important;
	padding:5px 10px;
}
input{
	background:rgba(0,0,0,0.5)!important;
	color:#fff;
	height:40px;
	padding:5px 10px;
}
input[type="reset"], input[type="button"], input[type="submit"] {
	color: #fff;
	font-size: 15px;
	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 10px auto!important;
	padding: 10px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	width: 100%;
	display: block;
}
#wp-form .wpcf7-submit {
	background:#000!important;
}
.wpcf7-submit {
	background: #000!important;
}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
	opacity: 0.7;
}
.essential {
	font-size: 11px;
	color: #c90909;
	margin-left: 7px;
}
.wpcf7-mail-sent-ok {
	border: none !important;
	background: #efefef;
	border-radius: 5px;
	padding: 20px;
}
.ajax-loader {
	display: none;
}
#zip {
	width: 60% !important;
}
.screen-reader-response {
	margin: 20px 0px;
	width: 100%;
	box-sizing: border-box;
}
.wpcf7-list-item {
	margin-right: 20px;
	margin-bottom: 8px !important;
}
#wp-form input[type="checkbox"], #wp-form input[type="radio"],
#wp-form-contact input[type="checkbox"], #wp-form-contact input[type="radio"] {
	display: none;
}
#wp-form label ,#wp-form-contact label {
	cursor: pointer;
}
.wpcf7-list-item-label {
	position: relative;
	padding-left: 25px;
	padding-top: 3px;
}
.wpcf7-list-item-label:before {
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #fcf2e7;
}
#wp-form-contact .wpcf7-list-item-label:before {
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background: #f3f0ec;
}
.kakunin .wpcf7-list-item-label:before {
	border-radius: 50%;
}
.wpcf7-list-item-label:after {
	width: 12px;
	height: 7px;
	border: 3px solid #FF9620;
	content: '';
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	left: 5px;
	top: 5px;
	border-top: none;
	border-right: none;
	opacity: 0;
}
.kakunin .wpcf7-list-item-label:after {
	border: 0;
	background: #FF9620;
	border-radius: 50%;
	content: '';
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	color: #FF9620;
	width: 20px;
	height: 20px;
	border: 3px solid #fff;
}
#wp-form input[type="checkbox"]:checked + .wpcf7-list-item-label:after, #wp-form input[type="radio"]:checked + .wpcf7-list-item-label:after,#wp-form-contact input[type="checkbox"]:checked + .wpcf7-list-item-label:after, #wp-form-contact input[type="radio"]:checked + .wpcf7-list-item-label:after {
	opacity: 1;
}
span.wpcf7-list-item {
	margin-left: 0!important;
	margin-right: 20px!important;
}
/****************************************
search box
*****************************************/
#search-box {
	margin-bottom: 20px;
}
#search {
	width: 85%;
	display: inline-block;
	padding: 10px;
	background:#fff;
	border-radius:4px;
}
#search-submit {
	width: 15%;
	display: inline-block;
	background: transparent;
	color: #fff;
	text-align: center;
	border: none;
	font-size: 10px !important;
	font-family: FontAwesome;
	margin: 0;
}
/****************************************
social button
*****************************************/
.snsShareArea {
	margin-top: 20px;
}
.snsShareArea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.snsShareArea a {
	box-sizing: border-box;
	display: block;
	float: left;
	margin-right: 2%;
}
.snsShareArea a i {
	vertical-align: middle;
	padding: 15px 0;
}
.snsShareArea a img {
	vertical-align: middle;
	padding: 0.6em 0;
}
.btn--twitter {
	color: #000;
}
.btn--facebook {
	color: #000;
}
.btn--line {
	color: #000;
}
.btn--line img {
	width: 30px;
}
/****************************************
page navi
*****************************************/
#navigation{
	margin:60px 0 0 0;
}
.wp-pagenavi {
	display: bock !important;
	margin: 0 auto;
	width: 100% !important;
}
 .page, .nextpostslink ,.extend,.previouspostslink{
	text-decoration: none;
	display: inline-block;
	background:transparent;
	padding: 6px;
	color: #fff;
	margin: 4px!important;
	border: 1px solid transparent!important;
	border-radius: 4px;
	width: 30px;
	line-height: 1.8;
	font-size: 13px;
}
.wp-pagenavi .last,.wp-pagenavi .first{
	text-decoration: none;
	display: inline-block;
	background:transparent;
	padding: 3px 6px;
	color: #fff;
	margin: 4px!important;
	border: 1px solid transparent!important;
	border-radius: 4px;
	line-height: 1.8;
	font-size: 13px;
}
.wp-pagenavi .pages {
	border: none;
	color: #fff;
	display: inline-block;
	background:transparent;
	padding:0;
	font-size: 13px;
	margin:0;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #fff;
	border: 1px solid transparent!important;
	border-radius: 4px;
	margin: 4px;
	width: 30px;
	display: inline-block;
	background:transparent;
	line-height: 1.8;
	font-size: 13px;
}
.wp-pagenavi a.last:hover,.wp-pagenavi a.first:hover{
	width: auto;
}
.wp-pagenavi span.current {
	font-weight: bold;
}
/****************************************
page top
/****************************************/
#page-top {
	position: absolute;
	top: -100%;
	right: 0;
	left:0;
	bottom:0;
	z-index: 2000;
	margin:auto;
		width: 50px;
	height: 50px;
}
#page-top a {
	text-align: center;
	width: 50px;
	height: 50px;
}
#page-top a:hover {
	text-decoration: none;
}
/****************************************
clearfix
*****************************************/
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}
/* clearfix for ie7 */
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}
/****************************************
insta feed
/****************************************/
.sb_instagram_header {
	padding: 0!important;
}
#sbi_images {
	background: #ffffff!important;
	border-radius: 6px !important;
}
#sbi_load {
	margin-top: 10px !important;
}
/****************************************
tablet
/****************************************/
@media screen and (min-width: 768px) and (max-width: 1024px) {
/****************************************
TB_menu
/****************************************/
.drawr-bt {
	display: block;
	right: 0;
}
		#menu-header{
		display:none;
	}
/****************************************
TB_header
/****************************************/
	
/****************************************
TB_footer
/****************************************/

/****************************************
TB_top page
/****************************************/

/****************************************
TB_fix page
/****************************************/

}

/****************************************
smart phone
/****************************************/
@media screen and (max-width: 767px) {
.js #menu {
	display: none;
}
.js .slicknav_menu {
	display: block;
}
/****************************************
SP_menu
/****************************************/
	.drawr-bt {
	display: block;
	right: 0;
}
/****************************************
SP_header
/****************************************/
header {
	margin: 0 auto;
	box-sizing: border-box;
	margin: 0 auto;
	padding:0%;
}
	#header-page nav{
		display:none;
	}
	#header-page{
		margin:5%;
	}
.header-inner{
	box-sizing: border-box;
	margin:8% 10%;
	position:absolute;
	z-index:999;
	width:100px;
	display:block;
}
	#logo a img{
		width:100px;
	}
	#header-page #logo a img{
		width:80px;
	}
.headcont{
		height:60px;
}
.fl_head_1 {
	width: 50%;
	height:60px;
}
.fl_head_2{
		display:none;
	}
.fl_head_3{
	width:45%;
	padding-right:70px;
}
#logo img{
	max-width:240px;
	width:180px;
	padding:10% 4%;
}
#logo .catch {
	font-size: 12px;
	padding-top:0;
	color: #474747;
	text-decoration: none;
}
.top-tel {
	font-size: 2em;
}
.head-contactlist{
	flex-direction: row-reverse!important;
}
.head-contactlist li a{
	margin-left:15px;
	font-size:12px;
	background:#efefef;
	padding:2px 8px;
}
.fl_header_r {
	width: 40%;
}
.headinfo-pc {
	text-align: right;
}
/****************************************
SP_footer
/****************************************/
.footcont{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 10% 0 15% 0;
}
.fl_footer_1{
	width:60%;
	margin-bottom:20px;
}
.fl_footer_2{
	width:40%;
	margin-bottom:20px;
}
.fl_footer_3{
	width:100%;
}
#footbanner-contact,#footbanner-tel{
	background:#fff;
	padding:3%;
	border-radius:6px;
	width:100%;
	text-align:center;
	display:block;
}
#footbanner-contact{
	margin-bottom:20px;
}
	#menu-footnav li{
	width:100%;
}
/****************************************
SP_top page
/****************************************/
#concept,#intro, #topics ,#voice,#about,#event{
	max-width: 1100px;
	margin: 60px auto;
	width: 90%;
}
	#concept{
		margin-bottom:420px;
	}
	#blog{
	margin: 130px auto 0 auto;
	width: 90%;
}
	.slide-text{
	font-size:1.45em;
	right:5%;
	bottom:0;
}
#news{
	margin: 20px auto 10px auto;
}
#eventnews{
	margin: 10px auto;
}
.news-title{
	width:100%;
	font-size:1em;
	color:#FF9620!important;
	font-family: fot-tsukuardgothic-std, sans-serif;
	margin-bottom:10px;
}
.newslist{
	width:100%;
}
	.newslist li { 
		font-size:10px;
	}
	.newslist li a{
		font-size:12px;
	}
.top-midashi {
	font-size: 1.05em;
	 -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
	font-family: fot-tsukuardgothic-std, sans-serif;
	white-space: nowrap;
}
.conceptcont{
	background:#fff;
	padding:15% 6% 15% 6%;
	}
.fl_concept_1{
	width:20%;
}
.fl_concept_2{
	width:80%;
}
.fl_concept_3{
	width:100%;
}
.concept-img1{
	position:absolute;
	max-width:50%;
	top:90%!important;
	right:15%;
}
.concept-img2{
	position:absolute;
	max-width:30%;
	top:130%!important;
	left:15%;
}
.topworks-item{
	position:relative;
}
	.topworks-item img{
	width:100%!important;
	}
#voice{
	position:relative;
}
.voice_l{
	width:60%;
	margin-left:5%;
	position:absolute;
}
.voice_r{
	width:100%;
	padding:30% 6% 6% 6%;
	float:right;
	margin-top:80px;
}
.fl_voiceinfo_l{
	width:10%;
}
.fl_voiceinfo_r{
	width:85%;
}
.fl_aboutinfo_l{
	width:10%;
}
.fl_aboutinfo_r{
	width:85%;
}
#about{
	position:relative;
}
.about_l{
	width:45%;
	position:absolute;
	right:5%;
	top:85%;
}
.about_r{
	width:100%;
	background:#fff;
	padding:6% 6% 15% 6%;
	float:left;
}
	.top-aboutlist{
	width:100%;
	margin-left:0%;
}
.fl_topblog{
	width:48%;
	margin-right:4%;
	margin-bottom:20px;
}
li.fl_topblog:nth-child(2n){
	margin-right:0%;
}
	.fl_roundlist_l{
		width:100%;
		margin-bottom:20px;
	}
	.fl_roundlist_r{
		width:100%;
	}
	.topblog-title{
		width:40%;
		margin:0 auto;
		padding:10%;
	}
	.topevent_cont{
		padding:6%;
	}
	.fl_topevent_l{
		width:20%;
	}
	.fl_topevent_r{
		width:75%;
	}
#insta{
	background:#fff;
	margin:100px 0 0 0;
	position:relative;
}
.insta-icon{
	position:absolute;
	width:100px;
	height:100px;
	display:block;
	border-radius:50%;
	background:#fff;
margin:auto;
	z-index:1000;
	top:-4%;
	left:0;
	right:0;
}
.insta-icon img{
	width:40px;
	position:absolute;
	 top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.instacont{
	max-width:1100px;
	width:90%;
	margin:0 auto;
	padding:15% 0%;
}
/****************************************
SP_archive page
/****************************************/
.fl_blog_l{
  width: 100%;
	margin-bottom:10px;
}
.fl_blog_l img{
	width:100%;
	  height: 200px;
  object-fit: cover;
}
.fl_blog_r{
  width: 100%;
	padding:0 4% 4% 4%;
}
#bloglist li{
	}
	#bloglist li a img{
		filter: greyscale(100%)!important;
	}
/****************************************
SP_fix page
/****************************************/
.page-menu-head{
	background:#fff;
	padding:3% 5%;
}
.page-menu-headcont{
max-width:100%;
	margin:0 auto;
}
.page-midashi{
	display:block;
	text-align:center;
	background:url(images/back-border.png);
	background-repeat:repeat-x;
	background-size:30px 30px;
	background-position:center center;
}
.page-midashi h2{
	font-size:1.8em;
	text-align:center;
	display:inline;
	background: url(images/back.jpg);
	background-size: 200px 200px;
	padding:0 20px;
	font-family: fot-tsukuardgothic-std, sans-serif;
}
	.saho{
		padding-top:100px;
	}
.page-intro{
	background:#fff;
	padding:6% 6% 55% 6%;
	position:relative;
}
.fl_intro_1{
	width:10%;
}
.fl_intro_2{
	width:80%;
}
.fl_intro_3{
	width:100%;
}
.fl_intro_3 img{
position:absolute;
	max-width:80%;
	right:10%;
	bottom:-2%;
}
	.saholist li{
		margin-bottom:10px;
	}
.saholist li.number{
	position:relative;
	z-index:-1!important;
}
.saholist li h3{
	margin-top:0px;
	z-index:1000;
}
.number{
	font-size:8em;
	line-height:0.5;
	position:absolute;
	opacity:0.5;
}
.page-menu-foot{
	padding:5%;
}
.page-menu-footcont{
	max-width:100%;
	margin:0 auto;
}
/*modelhouse*/
.model-intro{
	background:url(images/model-back.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	padding:30px 0;
}
.model-introcont,.flow-introcont{
	background:rgba(255,255,255,0.9);
	padding:6%;
 width:94%;
	margin:0 auto;
}
.fl_model_l{
	width:10%;
}
.fl_model_r{
	width:85%;
}
/*flow*/
.flow-intro{
	padding:40px 0;
}
#flowlist li{
	width:100%;
	margin-right:0%;
	padding:40px 0;
	margin-bottom:40px;
}
#flowlist li:nth-child(3n){
	margin-right:0%;
}
.flow-money{
	color:#FF9620;
	float:right;
}
.flow-money p{
	font-size:11px;
	padding:0;
	text-align:center;
}
.cercle{
	background:#FF9620;
	color:#fff;
	border-radius:50%;
	width:70px;
	height:70px;
}
.cercle p{
padding:15px 0;
	vertical-align:middle;
	display:block;
	line-height:1.2;
}
	.cercle-brown{
	background:#AD9576;
	color:#fff;
	border-radius:50%;
	width:70px;
	height:70px;
}
.cercle-brown p{
padding:15px 0;
	vertical-align:middle;
	display:block;
	line-height:1.2;
}
	/*contact*/
.fl_contact_l{
	width:100%;
	margin-bottom:20px;
}
.fl_contact_r{
	width:100%;
}
/****************************************
SP_single page
/****************************************/
	.remodal{
		padding:20px!important;
		width:86%!important;
	}
	.nav_prev, .nav_next{
	position: fixed!important;
	height:100%;
	display:block;
	top:0;
}
.nav_prev img, .nav_next img{
	width:40px;
	height:90px;
}
.nav_prev{
	left:-40px;
	background:url('https://yoshimasatekko.com/wpw/wp-content/themes/yoshimasa/images/arrow-left.svg'),rgba(0,0,0,0.5);
	background-position:center 50vh;
	background-size:10px 35px,cover;
	background-repeat:no-repeat;
	width:30px;
}
.nav_next{
	right:-40px;
	background:url('https://yoshimasatekko.com/wpw/wp-content/themes/yoshimasa/images/arrow-right.svg'),rgba(0,0,0,0.5);
	background-size:10px 35px,cover;
	background-position:center 50vh;
	background-repeat:no-repeat;
	width:30px;
}
/****************************************
SP_gallery
/****************************************/
.gallery-columns-4 .gallery-item {
	margin-right: 2% !important;
	margin-top: 20px !important;
	width: 49%!important;
}
.gallery-columns-4 dl:nth-child(4n) {
	margin-right: 0% !important;
}
.gallery-columns-4 dl:nth-child(5n-1) {
	margin-right: 0% !important;
}
/****************************************
SP_table
/****************************************/
table th {
	padding: 2%;
}
table td {
	padding: 2%;
}
	.table-yoyaku{
	border:0px;
	display:table;
}
.table-yoyaku th {
	border-right: 0px dotted #FF9620;
	width: 100%;
	padding:1%;
}
.table-yoyaku td,.wp-block-table td{
	width:auto;
	text-align:center;
	padding: 1%;
	font-size:10px;
}
/****************************************
SP_page top
/****************************************/

/****************************************
SP_contact form
/****************************************/
#wp-form tr {
	display: block;
	margin: 0px 0px;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
#wp-form tr:last-child {
	border-bottom: 0px solid #fff;
}
#wp-form th {
	width: 100%;
	margin: 0px 0px;
	padding: 10px 5% 5px 5%;
	display: block;
	border-right: none;
}
#wp-form td {
	width: 100%;
	padding: 5px 5% 5px 5%;
	display: block;
}
select, input, textarea {
	margin: 5px 0;
	width: 100%;
}
.short {
	width: 100%;
}
.short2 {
	width: 45%;
}
.short3 {
	width: 30%;
}
input[type="checkbox"], input[type="radio"] {
	width: auto;
}
input[type="submit"] {
	margin-bottom: 0px;
	width: 80%;
	padding: 0;
	height: 50px
}
.long, textarea {
	width: 100%;
}
.wpcf7-list-item {
	display: block;
}
.inputTextLong {
	width: 100%;
	max-width: 300px;
}
/****************************************
SP_instagram
/****************************************/
.sbi_item {
	width: 50%!important;
	float: left!important;
}
.sbi_photo {
	max-width: 100% !important;
	height: 130px !important;
}
/****************************************
SP_social button
/****************************************/
.snsShareArea a {
	width: 40px;
	height: 40px;
	line-height: 1.5;
}
.btn--line img {
	width: 23px;
}
/****************************************
SP_search box
*****************************************/
#search {
	margin: 0;
}
}
/****************************************
SPS_top page
*****************************************/
@media screen and (max-width: 480px) {
.concept-img1{
	position:absolute;
	max-width:70%;
	top:96%!important;
	right:10%;
}
.concept-img2{
	position:absolute;
	max-width:45%;
	top:135%!important;
	left:10%;
}
}