/*
Theme Name: takami-2025
Theme URI: https://takami-kids.com
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@import url(https://fonts.googleapis.com/css?family=Puritan:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto);

/*-------------------------------------*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-style: normal;
	font-weight: normal;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
img { max-width: none; }

/*-------------------------------------*/
/*//clearFix Coponents//*/
.clearfix{ display:block;} 

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

a{ color: #5F4B3E; text-decoration: none; outline: none;}
a:hover{ color: #5F4B3E; text-decoration: underline;}

a:hover.transparent img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

::-moz-selection{
	background:#ABA798;
	color:#ffffff;
}

::selection {
	background:#ABA798;
	color:#ffffff;
}

img{ border: none;}

.centered {
	position: relative;
	overflow: hidden;
}

.centered ul {
	position: relative;
	left: 50%;
	float: left;
}

.centered ul li {
	position: relative;
	left: -50%;
	float: left;
}

.bgDottedPencilSet{ background: url(img/share/bg_dotted.gif) repeat-x left bottom;}


/*-------------------------------------*/

body{
	color: #5F4B3E;
	font-family: 'Arial', 'Lucida Grande', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Sans', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	background: url(img/share/bg_green.gif) repeat-x left bottom #FFFAE8;
	padding-bottom: 9px;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

.font-mincho {
	font-family: '游明朝体', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.link-voice {
	position: fixed;
	top: -123px;
	right: 68px;
	width: 130px;
	z-index: 99990;
	transform-origin: right top;
	-webkit-animation: link-voice .2s ease-out infinite 1.3s;
	-ms-animation: link-voice .2s ease-out infinite 1.3s;
	animation: link-voice 2s ease-out infinite 1.3s;
}

.link-voice a {
	display: block;
}

.link-voice img {
	width: 100%;
	height: auto;
}

@-webkit-keyframes link-voice { 0% {margin-top: 0; } 50%{ margin-top: -8px; } 100%{ margin-top: 0; }}
@-ms-keyframes link-voice { 0% {margin-top: 0; } 50%{ margin-top: -8px; } 100%{ margin-top: 0; }}
@keyframes link-voice { 0% {margin-top: 0; } 50%{ margin-top: -8px; } 100%{ margin-top: 0; }}

header{
	width: 945px;
	text-align: left;
	margin: 0 auto;
	position: relative;
}

header p#logo{
	text-align: center;
	padding: 50px 0;
}

header span#logoTxtL,
header span#logoTxtR{
	position: absolute;
	top: 35px;	
}

header span#logoTxtL{ left: 90px;}
header span#logoTxtR{ right: 60px;}

header #btnDoorRomper{
	position: absolute;
	bottom: -100px;
	right: 20px;
	z-index: 1;
}

/*-------------------------------------*/
/* nav#tNav */

nav.tNav{
	width: 100%;
}

nav.tNav ul{
	width: 905px;
	margin: 0 auto;
}

nav.tNav ul li{
	float: left;
	margin-left: 28px;
}

nav.tNav ul li:first-child{ margin-left: 0;}

/* .mnav
------------------------------------*/
.btn-mnav {
	position: relative;
}

body#tablet .btn-mnav .parent,
body#sp .btn-mnav .parent {
	pointer-events: none;
}

.mnav-wrap {
	display: none;
	position: absolute;
	top: 40px;
	left: 50%;
	padding-top: 20px;
	text-align: left;
	transform: translateX(-50%) !important;
	z-index: 9999;
	opacity: 0;
}

.mnav {
	position: relative;
	box-sizing: border-box;
	background: #FFFFFF;
	border: 4px solid #F2D0B5;
	border-radius: 8px;
	width: 100%;
	padding: 4px 14px;
	z-index: 2;
}

.mnav > div {
	position: relative;
	background: url(img/share/line-dot.svg) repeat-x left bottom;
	background-size: 5px 1px;
	width: 100%;
}

.mnav > div:last-of-type {
	background: none;
}

.mnav a {
	display: block;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 14px 10px 12px;
	transition: .15s linear;
}

.mnav a:hover {
	opacity: 0.5;
}

/*-------------------------------------*/
/* nav#gNav */

nav#gNav{ margin: 0px 0 0px;}

.tNav li{background: url(img/share/bg_shadow.gif) no-repeat 10px 96%;}

.tNav li:nth-child(2){ background-position: 7px 96%;}
.tNav li:nth-child(4){ background-position: 2px 96%;}
.tNav li:nth-child(5){ background-position: 24px 96%;}

.tNav li img{
	position: relative;
	top: 0;
}

/*-------------------------------------*/
/* nav#fNav */

#bottomWrap{
	margin-top: 70px;
	clear: both;
}

nav#fNav{
	margin: 0px 0 45px;
	clear: both;
	display: block;
}

nav#fNav ul{
	width: 945px;
	margin: 0 auto;
	text-align: left;
}

/*-------------------------------------*/
/* footer{} */

div#footerInner{
	width: 960px;
	padding: 0 10px;
	padding-bottom: 20px;	
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: url(img/share/bg_footer.gif ) no-repeat 80.5% bottom;	
}

footer p#logo {
	position: absolute;
	top: 0;
	left: 0;
}

footer #fLogo {
	margin-bottom: 6px;
}

footer address {
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Hiragino Sans', 'ＭＳ Ｐゴシック', Osaka, sans-serif;
	font-size: 12px;
	line-height: 1.7;
	font-style: normal;
	letter-spacing: 0.083em;
}

footer dl {
	position: absolute;
	top: 0;
	left: 310px;
	font-size: 14px;
	line-height: 1.7;
	font-style: normal;
	letter-spacing: 0.1em;
}

footer dl > div {
	margin-bottom: 3px;
}

footer dl dt,
footer dl dd {
	display: inline-block;
}

footer dl dd {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.04em;
	padding-left: 12px;
}

footer ul#sns{
	width: 400px;
	margin: 32px 0 8px;
}

footer ul#sns li{ float: left;}
footer ul#sns li#tw{ width: 85px;}
footer ul#sns li#fb{ padding-left: 14px;}

footer small{
	font-family: 'Roboto',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Hiragino Sans', 'Osaka', "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 11px;
}

footer p#btnPageTop{
	position: absolute;
	bottom: -0px;
	right: 0;
	z-index: 9999!important;
}

footer p#btnPageTop img{
	vertical-align: bottom;
}

footer p#btnPageKids{
	position: absolute;
	bottom: 36px;
	right: -4px;
	z-index: 9999!important;
}

footer p#ftrBee{
	position: absolute;
	top: 6px;
	right: 242px;
}

footer p#ftrButtfly{
	position: absolute;
	top: 85px;
	right: 310px;	
}

footer p#ftrElephant{
	position: absolute;
	bottom:-2px;
	left: 288px;		
}

/* .formlink
------------------------------------*/
div#formTxt > p {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	padding: 0 24px;
	letter-spacing: 1px;
	line-height: 1.9;
	max-height: 100%;
}

div#formTxt > .btnOrange {
	margin: 26px 0 0;
}


/* form
---------------------------------------------------------------------------*/
.wpcf7-not-valid-tip {
	display: block;
	margin: 10px 0 0 170px;
	font-size: 11px;
	letter-spacing: 0.1em;
}

.wpcf7-response-output {
	border: none !important;
	margin: -20px 0 0 27px !important;
	padding: 0 !important;
	color: #dc3232;
	font-size: 12px !important;
	letter-spacing: 0.1em !important;
}

.wpcf7 .ajax-loader {
	display: none !important;
}


/* .grecaptcha-badge
---------------------------------------------------------------------------*/
.grecaptcha-badge {
	pointer-events: none;
	z-index: -999;
	opacity: 0;
}

body.page-id-12 .grecaptcha-badge,
body.page-id-239 .grecaptcha-badge {
	pointer-events: auto;
	z-index: 999;
	opacity: 1;
}