/*
Theme Name: yukia
Description: child-theme
Version: 1.0.0
Template: habakiri
Description: : yuki-arita child  template
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:400,800|Sawarabi+Gothic|Sawarabi+Mincho&display=swap');

html{
    font-size: 625%;
}

body {
    font-family: "Raleway", 'Sawarabi Gothic',游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    position: relative;
    font-size: 15px;
    font-size: .15rem;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.1em;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 800;
  line-height: 1.4;
  margin-bottom:1em;
  letter-spacing: .025rem;
}
.h1, h1{    font-size: 30px;font-size: .30rem;}
.h2, h2{    font-size: 26px;font-size: .26rem;}
.h3, h3{    font-size: 22px;font-size: .22rem;}
.h4, h4{    font-size: 18px;font-size: .18rem;}
.h5, h5{    font-size: 16px;font-size: .16rem;}
.h6, h6{    font-size: 16px;font-size: .16rem;}

.h1:nth-child(n+2), .h2:nth-child(n+2), .h3:nth-child(n+2), .h4:nth-child(n+2), .h5:nth-child(n+2), .h6:nth-child(n+2),
 h1:nth-child(n+2), h2:nth-child(n+2), h3:nth-child(n+2), h4:nth-child(n+2), h5:nth-child(n+2), h6:nth-child(n+2) {
	margin-top:1.2em;
}

.fnormal{
	font-weight:100;
}

p{
	margin:.5em 0 .5em;
}

a img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
a img:hover{
	opacity: .5;
}

.mintitle{  font-family: 'Sawarabi Mincho',游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;}

/*===========Margin And Paddings============*/

.mt-0 {
    margin-top: 0 !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-45 {
    margin-top: 45px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-55 {
    margin-top: 55px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-62 {
    margin-top: 62px !important;
}
.mt-65 {
    margin-top: 65px !important;
}
.mt-70 {
    margin-top: 70px !important;
}
.mt-75 {
    margin-top: 75px !important;
}
.mt-80 {
    margin-top: 80px !important;
}
.mt-85 {
    margin-top: 85px !important;
}
.mt-90 {
    margin-top: 90px !important;
}
.mt-95 {
    margin-top: 95px !important;
}
.mt-100 {
    margin-top: 100px !important;
}
/* Custom Margin Bottom */
.mb-0 {
    margin-bottom: 0 !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-55 {
    margin-bottom: 55px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-62 {
    margin-bottom: 62px !important;
}
.mb-65 {
    margin-bottom: 65px !important;
}
.mb-70 {
    margin-bottom: 70px !important;
}
.mb-75 {
    margin-bottom: 75px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.mb-85 {
    margin-bottom: 85px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
.mb-95 {
    margin-bottom: 95px !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}
.m-0 {
    margin: 0px !important;
}
.m-15{margin:5px 15px !important}


/* Custom Padding top */
.pt-0 {
    padding-top: 0 !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-45 {
    padding-top: 45px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-55 {
    padding-top: 55px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pt-65 {
    padding-top: 65px !important;
}
.pt-70 {
    padding-top: 70px !important;
}
.pt-75 {
    padding-top: 75px !important;
}
.pt-80 {
    padding-top: 80px !important;
}
.pt-85 {
    padding-top: 85px !important;
}
.pt-90 {
    padding-top: 90px !important;
}
.pt-95 {
    padding-top: 95px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
/* Custom Padding top */
.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-35 {
    padding-bottom: 35px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-45 {
    padding-bottom: 45px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-55 {
    padding-bottom: 55px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-65 {
    padding-bottom: 65px !important;
}
.pb-70 {
    padding-bottom: 70px !important;
}
.pb-75 {
    padding-bottom: 75px !important;
}
.pb-80 {
    padding-bottom: 80px !important;
}
.pb-85 {
    padding-bottom: 85px !important;
}
.pb-90 {
    padding-bottom: 90px !important;
}
.pb-95 {
    padding-bottom: 95px !important;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.p-0 {
    padding: 0 !important;
}

/*------------------------------------------*/
/*row custom*/
/*------------------------------------------*/
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-0 >article{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-10 >article{ padding-right:5px;  padding-left:5px}
.row-15{ margin-left:-7.5px;  margin-right:-7.5px}
.row-15 >div{ padding-right:7.5px;  padding-left:7.5px}
.row-15 >article{ padding-right:7.5px;  padding-left:7.5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-20 >article{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-30 >article{ padding-right:15px;  padding-left:15px}


hr {
    margin-top: 1em;
    margin-bottom: .6em;
    border: 0;
    border-top: 1px solid #eee;
}

.kado5{border-radius: 5px;}
.kado10{border-radius: 10px;}
.kado20{border-radius: 20px;}



.sz120{font-size:120% !important}
.sz130{font-size:130% !important}
.sz160{font-size:160% !important}
.sz200{font-size:200% !important}
.sz11{font-size:11px;font-size: .11rem !important;}
.sz12{font-size:12px;font-size: .12rem !important;}
.sz13{font-size:13px;font-size: .13rem !important;}
.sz14{font-size:14px;font-size: .14rem !important;}
.sz15{font-size:15px;font-size: .15rem !important;}
.sz16{font-size:16px;font-size: .16rem !important;}

.lh150{line-height: 150%;word-wrap: break-word;}


.txtwhite{
	color:#FFF;
}
.page-header__title,
.kage {
  text-shadow: 0px 0px 8px rgba(0,0,0,0.3) , 0px 0px 8px rgba(0,0,0,0.3);
}
.kagew {
  text-shadow: 0px 0px 8px rgba(255,255,255,0.3) , 0px 0px 8px rgba(255,255,255,0.3);
}
.maru{
	border-radius:50%;
}

.bgdark{
    background:#000;
}

.bgwhite{
    background:#FFF;
}

/* custom css */
.site-branding__heading{
	font-size: 22px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
}

.responsive-nav .menu>.menu-item>a, .header--transparency.header--fixed--is_scrolled .responsive-nav .menu>.menu-item>a{
	font-weight:700;
}

.page-header{
    padding: 80px 0 40px;
}

.copyright{
	color:#FFF;
	text-align:center;
	background:#000;
}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
    vertical-align: middle;
}

.table>tbody>tr>th, .table>tfoot>tr>th,.table>thead>tr>th{
	min-width:8em;
}


/*--------------------------------------------*/
/*form */
/*--------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.4em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

input[type="file"]{
	margin:2px 1px;
}


select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
/*    min-height: 36px;*/
	max-width: 100%;
    padding: 0.4em;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 2px;
}

label,
input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

input[type="radio"]{
  -webkit-appearance: none;
  width:15px;
  height:15px;
  border:2px solid #383838;
  border-radius:15px;
  background:transparent;
  opacity:0.5;
}
input[type="radio"]:checked{
  background:#383838;
  opacity:1;
}
input[type="checkbox"]{
  -webkit-appearance: none;
  width:15px;
  height:15px;
  border:2px solid #383838;
  border-radius:2px;
  background:transparent;
  opacity:0.5;
}
input[type="checkbox"]:checked{
  background:#383838;
  opacity:1;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #383838;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	font-size: .16rem;
	font-weight: 800;
	line-height: 1;
	padding: 0.75em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #383838;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #0c0c0c;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #0c0c0c;
}

input:-webkit-autofill{
	background:initial;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{
	background-color:initial;
}

input[type=date], input[type=datetime-local], input[type=month], input[type=time] {
    line-height: 1;
/*    min-height: 36px;*/
    max-width: 180px;
    display: inline-block;
    margin: 0 0 2px 0;
}

.hissu {
    display: inline;
    padding: 2px 5px 3px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #000;
    margin-left: 4px;
}




div.wpcf7-mail-sent-ok {
	border: 0px solid #03ccfa;
	border-radius:10px;
	padding:15px 10px;
	text-align:center;
	background:#03ccfa;
	color:#FFF;
}

div.wpcf7-mail-sent-ng {
	border: 0px solid #ff0000;
	border-radius:10px;
	padding:15px 10px;
	text-align:center;
	background:#ff0000;
	color:#FFF;
}

div.wpcf7-spam-blocked {
	border: 0px solid #ffa500;
	border-radius:10px;
	padding:15px 10px;
	text-align:center;
	background:#ffa500;
	color:#FFF;
}


div.wpcf7-validation-errors{
	border: 0px solid #ff0000;
	border-radius:10px;
	padding:15px 10px;
	text-align:center;
	background:#ff0000;
	color:#FFF;
}


.wpcf7 table tr th{
	width:30%;
}





@media (max-width: 767.888px){
	.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th{
		min-width:6em;
	}

}

@media (max-width: 414px){
	html {
	    font-size: 540%;
	}

	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-6 .gallery-item{
		    max-width: 50%;
	}

	.wpcf7 table tr th,
	.wpcf7 table tr td{
		display:block;
		width:100%;
	}
	.wpcf7 table tr td{
		border-top: 0px solid #FFF;
		padding-top:0;
	}


}