@charset "utf-8";
/*
Theme Name: 人形販促
Author: Kotaro Saito
Author URI: https://jeccompany.jp/
Description: 人形販促 のテーマ
version: 1.0.0
*/

/*common
-----------------------------------------------------------------------------------------*/
html,body{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	font-family: 'Sawarabi Gothic', sans-serif;
	background-color: rgb(247,247,247);
}

@media screen and (min-width:768px) {
.sp{
	display: none;
}
}

@media screen and (max-width:767px) {
.pc{
	display: none;
}
}


/*header
-----------------------------------------------------------------------------------------*/
header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	background-color: rgb(255,192,0);
	box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.5);
	z-index: 999;
}

div.header-wrap{
	position: relative;
	width: calc(100% - 100px);
	max-width: 1500px;
	margin: 0 auto;
}

a.header-link{
	position: absolute;
	top: 25px;
	left: 0;
	display: inline-block;
	height: 100px;
	padding: 10px 50px;
	background-color: rgb(255,255,255);
	border-radius: 30px;
}

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

div.header-info{
	position: absolute;
	top: 25px;
	right: 0;
}

img.header-tel{
	width: auto;
	height: 60px;
	margin-bottom: 15px !important;
}

img.header-mail{
	width: auto;
	height: 25px;
}

a.header-contact{
	color: rgb(255,255,255);
	font-size: 150%;
	font-weight: 700;
}

a.header-contact i{
	margin-right: 15px;
}

@media screen and (max-width:1023px) {
header{
	height: 100px;
}

a.header-link{
	top: 20px;
	height: 60px;
	padding: 10px 30px;
}

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

div.header-info{
	top: 20px;
}

img.header-tel{
	width: auto;
	height: 30px;
	margin-bottom: 10px !important;
}

img.header-mail{
	width: auto;
	height: 15px;
}

a.header-contact{
	font-size: 120%;
}

a.header-contact i{
	margin-right: 10px;
}
}

@media screen and (max-width:767px) {
header{
	position: static;
}

div.header-info{
	display: none;
}

a.header-link{
	width: 100%;
}
}

/*footer
-----------------------------------------------------------------------------------------*/
div.copy-right{
	padding: 30px 0;
	background-color: rgb(255,192,0);
}

@media screen and (min-width:768px) {
div.sp-footer{
	display: none;
}
}

@media screen and (max-width:767px) {
div.sp-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgb(146,208,80);
}

div.footer-box{
	width: 50%;
	height: 50px;
	line-height: 50px;
}

div.footer-box.first-box{
	border-right: 1px solid rgb(255,255,255);
}

div.footer-box a{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 120%;
	color: rgb(255,255,255);
}

div.footer-box i{
	margin-right: 10px;
}

div.sp-copy-right{
	padding: 10px 0;
	font-size: 80%;
	background-color: rgb(255,192,0);
}

div.copy-right{
	display: none;
}
}


/*single
-----------------------------------------------------------------------------------------*/

@media screen and (max-width:767px) {
}


/*404
-----------------------------------------------------------------------------------------*/
div.error-message{
	font-size: 150%;
}

@media screen and (max-width:767px) {
div.error-message{
	font-size: 120%;
}
}