/*
Template:habakiri
Theme Name:habakiri-child
*/

@import url(https://fonts.googleapis.com/earlyaccess/hannari.css);
body {
	font-size:16px;
}
.habakiri-slider__item-content p {
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align: left;
	display: inline-block;
	box-sizing: border-box;
	font-size: 7rem;
	letter-spacing: 0.1ex;
	font-family:  "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.habakiri-slider__item-content .white {
	color: #fff;
	text-align: right;
}
.habakiri-slider__item-content .black {
	color: #000;
	text-align: left;
}
a {
	text-decoration: none;
}
a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

#slide {
  opacity: 0;
}
#slide{
  animation: FadeAni 3s ease 0.5s 1 normal both;
}
.red {
	color: #ff0000;
}
@keyframes FadeAni {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.fix-16, .fix-18, .news, .contact, .home-works {
	padding-bottom:100px;
}
.fix-16 p, .fix-18 p {
	text-align: center;
}
.page-template h2 {
	padding-top:50px;
	padding-bottom:30px;
}
@media (max-width: 768px) {
	
.daichi_m {
margin: 0 15px 0 15px;
}	
.ez-toc-counter {
margin: 0 15px 0 15px;
}	
	
	.habakiri-slider__item-content p {
		font-size: 4rem;
	}
	.fix-16, .fix-18, .news, .contact, .home-works {
		padding-bottom:50px;
	}
	.page-template h2 {
		padding-top:10px;
	}
}
.copyright {
	color: #fff;
	text-align: center;
}
.page-template h2 {
	padding-top:50px;
/*　text-align: center;　*/
}
.container {
	padding: 20px 0 20px;
}
.fix-18, .news {
	background-color: #dce8ed;
}
.home-works {
	list-style: none;
	padding: 0;
	padding-bottom:40px;
}
.home-works h3 {
	font-size:20px;
}
.home-works li {
	padding-bottom: 40px;
}
.home-works li a{
	text-decoration: none;
}
.home-works img {
	width: 400px;
	padding-right: 15px;
	box-sizing: border-box;
}
.home-works p {
	display: inline-block;
	vertical-align: top;
}
.m_detail a {
	background: #101D39;
	width: 15%;
	max-width: 275px;
	min-width: 110px;
	margin:5px 0 0 auto;
	display: block;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
	border: none;;
}
.m_detail a:hover {
	background: #00cc8b;
	color: #fff;
}
.n_detail a {
	text-decoration: none;
	background: #101D39;
	width: 10%;
	max-width: 275px;
	min-width: 110px;
	margin: 30px auto 0 auto;
	display: block;
	text-align: center;
	padding: 5px;
	color: #fff;
	transition: all 0.4s ease;
	border: none;;
}
.n_detail a:hover {
	background: #00cc8b;
	color: #fff;
}
@media (max-width: 991px) {
.n_detail a {
	width: 15%;
}
	.home-works img {
		display: block;
		margin:auto;
	}
	.home-works h3 {
		margin:20px 5%;
	}
	.home-works p {
		margin:0px 5% 0px 5%;
	}
}

#mw_wp_form_mw-wp-form-42 {
	width: 570px;
	margin: 0 auto;
}
#mw_wp_form_mw-wp-form-42 label {
	width: 150px;
	vertical-align: top;
}
#mw_wp_form_mw-wp-form-42 textarea {
	width: 100%;
}
@media (max-width: 768px) {
	#mw_wp_form_mw-wp-form-42 {
		width: 80%;
	}
	#mw_wp_form_mw-wp-form-42 label {
		display: block;
	}
	#mw_wp_form_mw-wp-form-42 .input-f {
		width: 100%;
	}
	.mwform-tel-field input {
		width: 30%;
	}
}

a.fb {
 width: 45px;
 height: 45px;
 display: block;
 background: url(/wp-core/wp-content/uploads/2019/03/facebook_off.png) no-repeat 0 0;
 background-size: 100% 100%;
transition: background 0.4s;
}
a.fb:hover {
 background: url(/wp-core/wp-content/uploads/2019/03/facebook_on.png) no-repeat 0 0;
 background-size: 100% 100%;
transition: background 0.4s;
}
a.twitter {
 width: 45px;
 height: 45px;
 display: block;
 background: url(/wp-core/wp-content/uploads/2019/03/twitter_off.png) no-repeat 0 0;
 background-size: 100% 100%;
transition: background 0.4s;
}
a.twitter:hover {
 background: url(/wp-core/wp-content/uploads/2019/03/twitter_on.png) no-repeat 0 0;
 background-size: 100% 100%;
transition: background 0.4s;
}
a.instagram {
 width: 45px;
 height: 45px;
 display: block;
 background: url(/wp-core/wp-content/uploads/2019/03/insta_off.png) no-repeat 0 0;
 background-size: 100% 100%;
transition: background 0.4s;
}
a.instagram:hover {
	background: url(/wp-core/wp-content/uploads/2019/03/insta_on.png) no-repeat 0 0;
	 background-size: 100% 100%;
transition: background 0.4s;
}
.sns {
	margin-bottom: 50px;
}
.sns ul {
	text-align: center;
	padding:0;
}
.sns li{
display: inline-block;
padding:15px;
}
.blog_t {
	text-align: center;
}
.blog_t img {
	width: 30%;
	max-width: 550px;
	min-width: 220px;
	height:auto;
}

.widget_recent_entries ul li {
	background-image: url(https://tokinotsukasa.com/wp-core/wp-content/themes/habakiri-child/images/circle_b.gif);
	background-position: 3px 14px;
	background-repeat: no-repeat;
	background-size: 3px 3px;
	padding-left: 15px;
}
#recent-posts-2 ul li,
#recent-posts-4 ul li {
	display: flex;
	flex-direction: column-reverse;
	padding-bottom: 10px;
}
.post-date{
	text-align:left;
}
@media (max-width: 768px) {
	#recent-posts-2 ul li,
	#recent-posts-4 ul li {
		flex-direction: row-reverse;
	}
}

/* tumbnail */
.entries .entry--has_media__media,
.entries .entry--has_media__link,
.entries .entry--has_media__text {
	width: 266px;
	padding-right: 15px;
	box-sizing: border-box;
}
@media (max-width: 768px) {
.entries .entry--has_media__link,
.entries .entry--has_media__text,
.entries .entry--has_media__media {
	height: 150px;
	margin-bottom:20px;
}
}	
/* common */
.align-center {
	text-align: center;
}
.author {
	display:none;
}
.post-16 p{
	padding-bottom:30px;
}

.support a {
	text-decoration: none;
	background-image: linear-gradient(to right,  #00cc8b 0%, #00CDAC 51%,  #00cc8b 100%);
	width: 70%;
	max-width: 400px;
	min-width: 110px;
	margin: 30px auto 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
	color: #fff;
	transition: all 0.4s ease;
	border: none;
	font-size:20px;
	border-radius:5px;
}
.support a:hover {
	background: #FFC837;
	color: #fff;
}
.firsttime a {
	text-decoration: none;
	background-image: linear-gradient(to right,  #00cc8b 0%, #00CDAC 51%,  #00cc8b 100%);
	width: 70%;
	max-width: 350px;
	min-width: 110px;
	margin: 30px auto 0 auto;
	display: block;
	text-align: center;
	padding: 20px;
	color: #fff;
	transition: all 0.4s ease;
	border: none;
	font-size:20px;
}
.firsttime a:hover {
	background: #FFC837;
	color: #fff;
}
.firsttimetop a {
	text-decoration: none;
	background-image: linear-gradient(to right,  #00cc8b 0%, #00CDAC 51%,  #00cc8b 100%);
	width: 70%;
	max-width: 350px;
	min-width: 110px;
	margin:0;
	display: block;
	text-align: center;
	padding: 20px;
	color: #fff;
	transition: all 0.4s ease;
	border: none;
	font-size:20px;
}
.firsttimetop a:hover {
	background: #FFC837;
	color: #fff;
}

@media (max-width: 991px) {
.support a {
	width: 80%;
}
	.firsttimetop a, .firsttime a {
	width: 95%;	
	}
	.firsttimetop a {
	margin:10px auto;
	}
}
@media (max-width: 991px) {
.col-md-9,.col-md-3 {
	margin: 0 15px;
}
.entries .entry--has_media__body{
width: 100%;
	}

}
.post-type-archive-video_works time,
.single-video_works time {
display: none;
}
.att {
	font-size:12px;
	margin-left:50px;
}
@media only screen and (max-width:767px) {
	.att {
	margin-left:0px;
		}
}	
.video-works h4 {
 margin:20px 0px 20px 0px;
padding-bottom:10px;
color:#101D39;
font-size:20px;
width:20%;
border-bottom: solid 5px #337ab7;
}
.mw_wp_form_confirm .non {
	display:none
}
.supportu {
	margin-left:20px;
	padding:0px;
}
.design04 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
}
.design04 tr:nth-child(2n+1) {
 background: #e9faf9;
}
.design04 th {
 padding: 10px;
 background: #778ca3;
 border-right: solid 1px #778ca3;
 color: #ffffff;
}
.design04 th:last-child {
 border-right: none;
}
.design04 td {
 padding: 10px;
 border-right: solid 1px #778ca3; 
}
.design04 td:last-child {
 border-right: none;
}

.top_vertical {
  vertical-align: top;
}


.design14 {
 width: 100%;
 text-align: center;
 border-collapse: collapse;
 border-spacing: 0;
 background: linear-gradient(to bottom right, #00a9bf, #00a832);
 color: #ffffff;
}
.design14 th {
 padding: 10px;
/* border: solid 1px #ffffff; */
}
.design14 td {
/* border: solid 1px #ffffff; */
}
.tadaima {
font-size:18px;
font-weight:bold;
}
.imanoprice {
font-size:45px;
font-weight:bold;
 color: #f0d405;
}
.nokoriprice {
font-size:24px;
font-weight:bold;
 color: #f0d405;
}
.daichi_title  {
  color: #00a832;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #00a832;
}
.daichi_title2 {
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px #00a832;/*左線*/
}

.cform th { font-size: 14px; width: 30%; /*変なところで改行される場合はここの数字を変更します。*/ padding: 10px 0 10px 15px; font-weight: normal; } .cform td { font-size: 14px; line-height: 150%; padding: 10px 5px; } .cform { width: 100%; margin: auto; } .cform [type=submit] { display: inline-block; font-size: 20px; padding: 10px 30px; text-decoration: none; background: #101D39; color: #FFF; border-bottom: solid 4px #B17C00; border-radius: 3px; } .cform option, .cform textarea, .cform input[type=text], .cform input[type=email], .cform input[type=search], .cform input[type=url] { width: 100%; } .tel { margin-left: 42px; } .required-srt { font-size: 8pt; padding: 5px; background: #00cc8b; color: #fff; border-radius: 3px; margin-right: 10px; vertical-align: middle; } @media only screen and (max-width:767px) { .cform th, .cform td { width: 100%; display: block; border-top: none; } .cform td { padding: 0px 5px 5px 5px; margin-bottom:10px; } .cform th { padding: 10px 0 10px 15px; } .tel { margin-left: 0px; } } .submit-btn input { background: #101D39; width: 60%; max-width: 550px; min-width: 220px; margin: 30px auto; display: block; text-align: center; padding: 5px; color: #fff; transition: all 0.4s ease; border: none;; } .submit-btn input:hover { background: #00cc8b; color: #fff; }