/*
Theme Name: ittego
Text Domain: ittego
Version: 1.0

*/

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');


/*個別のCSSは /wp-content/themes/sole/lib/css/theme-style.scssに記述し、コンパイルするか、同フォルダのclient_design.cssに記述してください*/

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article,aside,details,figcaption,figure,footer,header,main,nav,section,input,textarea  {
	border: 0;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 500;
	font-size: 100%;
	font-style: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1.5;
	word-break: break-all;
}
.en{
	font-family: 'Syne', sans-serif;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1pc;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
@media screen and (max-width: 768px){
	html {
		font-size: 2.08333vw;
	}
}
@media screen and (max-width: 680px){
	html {
		font-size: 14px;
	}
}
@media screen and (max-width: 480px){
	html {
		font-size: 3.73334vw;
	}
}
*,*:before,*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
body {
	font-size: 1rem;
	color:#333;
}
article,aside,details,figcaption,figure,footer,header,main,nav,section {
	display: block;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,th,td {
	font-weight: normal;
	text-align: left;
}
blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}
blockquote,q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}
p{
	line-height:200%;
}
a{
	color:#906F4D;
}
a:focus,a:hover,a:active {
	outline: 0;
}
 
#content_body form a{
	transition: 0.5s;
	border-bottom:dashed 1px;
	text-decoration:none;
	margin:0 3px;
}
#content_body form a:hover{
	border-bottom:dashed 1px transparent;
	color:#49c2ff;
	opacity:0.5;
}
a img {
	border: 0;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

textarea,
input[type="text"] ,
input[type="email"],
input[type="password"],
input[type="tel"] ,
input[type="url"] {
	font-family:$font-family;
	padding:.25rem .5rem;
	font-size: 1rem;
	max-width: 100%;
	width: 100%;
}

:focus {
	outline:none;
}  
input::placeholder{
	color:#ccc;
}
textarea,
input[type="text"] ,
input[type="email"],
input[type="password"],
input[type="tel"] ,
input[type="url"] {
	padding:.5rem .5rem;
	border:1px solid #cecece;
	transition: all .4s ease;
}

input[type="email"]:active,
input[type="email"]:hover,
input[type="email"]:focus-within,
input[type="password"]:active,
input[type="password"]:hover,
input[type="password"]:focus-within,
input[type="tel"]:active,
input[type="tel"]:hover,
input[type="tel"]:focus-within,
input[type="url"]:active,
input[type="url"]:hover,
input[type="url"]:focus-within,
input[type="text"]:active,
input[type="text"]:hover,
input[type="text"]:focus-within{
	border:1px solid #cecece;
} 

input[type="url"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus{
	border: 1px solid #cecece;
	box-shadow: inset 1px 0px 3px 1px rgba(88,88,88,0.27);
}

input[type="submit"]:active,
input[type="submit"]:hover,
input[type="submit"]:focus {
	outline:none;
} 
button,
input[type="submit"] {
	font-family:$font-family;
	padding: 0.5rem 1.5rem;
	font-size: 1rem;
	transition: all 0.5s ease;
	background-color: #ccc;
	border: 1px solid  #ccc;
	color: #000;
}
button:hover,
input[type="submit"]:hover {
	background-color: #999;
	color:#fff;
	border: 1px solid  #999;
}
.pt-1{
	padding-top:1rem;
}
.pt-2{
	padding-top:2rem;
}
.pt-3{
	padding-top:3rem;
}
.pt-4{
	padding-top:4rem;
}
.pt-5{
	padding-top:5rem;
}	
.pb-1{
	padding-bottom:1rem;
}
.pb-2{
	padding-bottom:2rem;
}
.pb-3{
	padding-bottom:3rem;
}
.pb-4{
	padding-bottom:4rem;
}
.pb-5{
	padding-bottom:5rem;
}
.pb-4{
	padding-bottom:4rem;
}
.ml-1{
	margin-left:1rem;
}
.ml-2{
	margin-left:2rem;
}
.ml-3{
	margin-left:3rem;
}
.ml-4{
	margin-left:4rem;
}
.ml-5{
	margin-left:5rem;
}
.ml-4{
	margin-left:4rem;
}