/*
Theme Name: KitadaiKashiten
Theme URI: https://cms.1cloud.co.jp/
Version: 0.1
Description: 株式会社ワンクラウド
Author: 株式会社ワンクラウド　電話:088-855-4800
*/

@charset "utf-8";


/* set img max-width */
img {
	max-width: 100%;
	height: auto;
}
@media \0screen {
  img {
    width: auto; /* for ie 8 */
  }
}
body {
	font-family: "ＭＳ Ｐ明朝",serif;
	background-color: #000;
	background-attachment: fixed;
	background-image: url(images/bg-body.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.adjust {
	clear: both;
}

#layer1 {
	width: 100%;
	border-bottom: solid 1px #4d4d4d;
	background-color: rgba(0,0,0,0.1);
}
.header {
	margin: auto;
	max-width: 80em;
	max-width: 80rem;
}
.logo-m {
}
.header-left {
	float: left;
	max-width: 40em;
	max-width: 40rem;
	height: 6em;
	height: 6rem;
}
.header-right {
	float: right;
	max-width: 40em;
	max-width: 40rem;
	height: 6em;
	height: 6rem;
	text-align: center;
}
.tel {
	padding: 3em 2em;
	padding: 3rem 2rem;
	padding-bottom: 0em;
	padding-bottom: 0rem;
}
.mobilemenu {
	border-top: solid 1px #4d4d4d;
	border-bottom: solid 1px #4d4d4d;
}
.mobilemenu a {
	display: block;
	padding: 1em 2em;
	padding: 1rem 2rem;
	color: #fff;
}
.mobilemenu a:hover {
	background-color: rgba(255,255,255,0.1);
}
.mobilemenu-openclose {
	font-size: 85%;
	text-shadow: 1px 1px 4px #fff;
	font-family: "ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
	letter-spacing: 0.1rem;
	background-color: rgba(255,255,255,0.1);
}
#layer_menu {
	display: none;
}

#layer2 {
	padding-top: 1em;
	padding-top: 1rem;
	padding-bottom: 1em;
	padding-bottom: 1rem;
}
.container {
	margin: auto;
	max-width: 80em;
	max-width: 80rem;
}
.left {
	display: none;
	width: 14em;
	width: 14rem;
	margin-bottom: 3em;
	margin-bottom: 3rem;
}
.logo {
	max-width: 14em;
	max-width: 14rem;
	margin-top: 2em;
	margin-top: 2rem;
	margin-bottom: 4em;
	margin-bottom: 4rem;
}
.right-outer {
}
.right {
	padding: 2em 2em;
	padding: 2rem 2rem;
	background-color: #fff;
	background-image: url(images/bg-right.jpg);
}
.titlebox {
	display: none;
	max-width: 20em;
	max-width: 20rem;
	position: relative;
	z-index: 1;
	top: 0.5em;
	top: 0.5rem;
	left: -1em;
	left: -1rem;
	background-color: rgba(0,0,0,0.75);
}
.titlebox h2 {
	margin-left: 2em;
	margin-left: 2rem;
	font-size: 100%;
	font-weight: normal;
	font-family: "ＭＳ 明朝",serif;
	color: #fff;
	letter-spacing: 0.1em;
	letter-spacing: 0.1rem;
	line-height: 2;
	text-shadow: 1px 1px 5px #fff;
}
.eyecatch {
	margin-top: -4em;
	margin-top: 0;
	margin-bottom: 1em;
	margin-bottom: 1rem;
}
.to-top {
	margin-top: 4em;
	margin-top: 4rem;
	margin-bottom: 2em;
	margin-bottom: 2rem;
	text-align: right;
}

#layer3 {
	border-top: solid 1px #4d4d4d;
	background-color: rgba(0,0,0,0.2);
}

.footer {
	text-align: right;
	margin: auto;
	height: 3em;
	height: 3rem;
	max-width: 80em;
	max-width: 80rem;
}

.copyright {
	padding-right: 2em;
	padding-right: 2rem;
	font-family: initial;
	text-align: right;
	font-size: 70%;
	color: #ddd;
	line-height: 3em;
	line-height: 3rem;
}
.copyright a {
	color: #ddd;
	text-decoration: underline;
}
.copyright img {
	vertical-align: middle;
}
.submenu {
	font-size: 85%;
	text-shadow: 1px 1px 4px #fff;
	font-family: "ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
	letter-spacing: 0.1rem;
}
.submenu a {
	display: block;
	padding: 1em 2em;
	padding: 1rem 2rem;
	color: #fff;
	border-bottom: dotted 1px #777;
}
.submenu a:hover {
	background-color: rgba(255,255,255,0.1);
}
/* social */
.socialbox {
	margin-bottom: 2em;
	margin-bottom: 2rem;
}
.hp-fb {
	margin-bottom: 0.4em;
	margin-bottom: 0.4rem;
}
.hp-twitter {
	margin-bottom: 0.4em;
	margin-bottom: 0.4rem;
}
/* end */
/* contactform */
.contactform {
	font-size: 90%;
	border: solid 1px #fff;
}
.contactform img {
	width: 3.5em;
	width: 3.5rem;
	margin-right: 0.3rem;
}
.contactform .th {
	float: left;
	width: 32%;
	padding: 0.7em 1%;
	padding: 0.7rem 1%;
	color: #333;
}
.contactform .td {
	float: left;
	width: 63%;
	margin-left: 0;
	padding: 0.7em 1%;
	padding: 0.7rem 1%;
}
.contactform .s {
	width: 18%;
}
.contactform .m {
	width: 75%;
}
.contactform .l {
	width: 100%;
}
.contactform input {
	height: 3em;
	height: 3rem;
	font-size: 150%;
	border: none;
}
.contactform textarea {
	line-height: 1.3;
	font-size: 150%;
	border: none;
}
.contactform .otoiawasenaiyo textarea {
	height: 15em;
	height: 15rem;
}
.contactform select {
	border: solid 0px #aaa;
	height: 3em;
	height: 3rem;
	font-size: 120%;
}
.contactform option {
	padding: 0.2em 0.5em;
	padding: 0.2rem 0.5rem;
}
.contactform input,select {
	vertical-align: middle;
}
.contactform input.hissu,textarea.hissu,select.hissu {
	background-color: #fff;
}
.contactform input.nini,textarea.nini,select.nini {
	background-color: #fff;
}
.contactform .submit {
	border: none;
	height: auto;
	margin: 2em 0;
	margin: 2rem 0;
}
.contactform-textarea {
	width: 70%;
	min-width: 436px;
	height: 20em;
	height: 20rem;
}
/* end */
/* wp contact form 7 */
div.wpcf7-mail-sent-ok.wpcf7-response-output {
	margin: 0;
	padding: 0;
}
div.wpcf7-mail-sent-ok {
	border: none;
}
span.wpcf7-list-item {
	display: block;
}
.ppgokakunin span.wpcf7-list-item {
	display: inline;
}
/* end */
/* wp pagenavi */
.wp-pagenavi {
	margin: 2em auto;
	margin: 2rem auto;
	overflow: auto;
	text-align: center;
	color: #333;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: block;
	float: left;
}
.wp-pagenavi a {
	color: #333;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	margin: 0.2em;
	margin: 0.2rem;
	padding: 0.3em 0.6em;
	padding: 0.3rem 0.6rem;
	background-color: #fff;
	border: solid 1px #fff;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #3e3e3e;
	background-color: #3e3e3e;
	color: #fff;
}
.wp-pagenavi span.current {
	background-color: #3e3e3e;
	font-weight: normal;
	color: #fff;
	border: 1px solid #3e3e3e;
}
/* end */
/* notice */
.noticebox {
	margin-top: 4em;
	margin-top: 4rem;
}
.title h3 {
	margin-left: 1.5em;
	margin-left: 1.5rem;
	font-size: 110%;
	font-weight: bold;
}
.title h3 a {
	color: #333;
	text-decoration: underline;
}
.noticebox .content {
	padding: 1.5em;
	padding: 1.5rem;
	background-color: rgba(255,255,255,0.6);
}
.oshirase {
	margin-left: 1.5em;
	margin-left: 1.5rem;
	margin-bottom: 1em;
	margin-bottom: 1rem;
}
.toppage-noticebox {
	background-image: url(images/bg-right.jpg);
}
.toppage-noticebox-date {
	width: 8em;
	width: 8rem;
	margin-left: 1.5em;
	margin-left: 1.5rem;
	margin-bottom: 0.5em;
	margin-bottom: 0.5rem;
	padding: 0.3em;
	padding: 0.3rem;
	background-color: #3E3E3E;
	font-size: 11px;
	color: #fff;
	line-height: 1;
	text-align: center;
	border-radius: 2px;
	font-family: initial;
}
.toppage-noticebox-title {
	margin-left: 1.5em;
	margin-left: 1.5rem;
	color: #333;
	font-size: 110%;
	font-weight: bold;
	font-family: "ＭＳ 明朝",serif;
}
.toppage-noticebox-content {
	margin-bottom: 0.5em;
	margin-bottom: 0.5rem;
	padding: 1.5em;
	padding: 1.5rem;
	background-color: rgba(255,255,255,0.6);
	font-size: 90%;
}
.toppage-noticebox-to-all {
	text-align: right;
}
.toppage-noticebox-to-all a {
	font-size: 85%;
	font-weight: normal;
	color: #333;
	text-decoration: underline;
}
/* end */
.toppage-image {
	margin-bottom: 2em;
	margin-bottom: 2rem;
}
.toppage-pr-image {
	margin-bottom: 3em;
	margin-bottom: 3rem;
	padding: 0 1em;
	padding: 0 1rem;
}
.toppage-pr-text {
	margin-bottom: 4em;
	margin-bottom: 4rem;
	padding: 0 1em;
	padding: 0 1rem;
	color: #000;
}
.toppage-tobox {
	margin-bottom: 6em;
	margin-bottom: 6rem;
}
.toppage-tobox img:hover {
	opacity: 0.6;
}
.toppage-to {
	float: left;
	width: 50%;
}
.toppage-to-last {
	float: left;
}
.name {
	margin-right: 1.5em;
	margin-right: 1.5rem;
	margin-bottom: 3em;
	margin-bottom: 3rem;
	text-align: right;
}
/* google-maps */
.google-maps {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* end */
/* wayogashi-top */
.wayogashi-top-pr {
	margin-top: 6em;
	margin-top: 6rem;
	margin-bottom: 3em;
	margin-bottom: 3rem;
	text-align: center;
}
.wayogashi-photo-mainbox {
}
.wayogashi-photo-mainbox img {
	float: left;
	width: 50%;
}
/* end */
/* wayogashi */
.wayogashi-photo-main {
	margin-top: 0em;
	margin-top: 0rem;
	margin-bottom: 0em;
	margin-bottom: 0rem;
}
.wayogashi-photo-sub {
}
.wayogashi-photo-sub img {
	float: left;
	width: 50%;
}
.wayogashi-name {
	margin-top: 3em;
	margin-top: 3rem;
	margin-bottom: 2em;
	margin-bottom: 2rem;
	padding: 0 3em;
	padding: 0 3rem;
	font-size: 120%;
	font-weight: bold;
	line-height: 1;
}
.wayogashi-desc {
	margin-bottom: 4em;
	margin-bottom: 4rem;
	padding: 0 3em;
	padding: 0 3rem;
}



/* 768px */
@media screen and (min-width: 768px){
/* @margin */
@charset "utf-8";
body {
	font-family: "ＭＳ Ｐ明朝",serif;
	background-color: #000;
	background-attachment: fixed;
	background-image: url(images/bg-body.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.adjust {
	clear: both;
}

#layer1 {
	width: 100%;
	border-bottom: solid 1px #4d4d4d;
	background-color: rgba(0,0,0,0.1);
}
.header {
	margin: auto;
	max-width: 80em;
	max-width: 80rem;
}
.logo-m {
	display: none;
}
.header-left {
	float: left;
	max-width: 40em;
	max-width: 40rem;
	height: 6em;
	height: 6rem;
}
.header-right {
	float: right;
	max-width: 40em;
	max-width: 40rem;
	height: 6em;
	height: 6rem;
	text-align: right;
}
.tel {
	padding-top: 3em;
	padding-top: 3rem;
	padding-right: 2em;
	padding-right: 2rem;
}
.mobilemenu {
	display: none;
}

#layer2 {
	padding-top: 1em;
	padding-top: 1rem;
	padding-bottom: 1em;
	padding-bottom: 1rem;
}
.container {
	margin: auto;
	max-width: 80em;
	max-width: 80rem;
}
.left {
	display: inline;
	float: left;
	width: 14em;
	width: 14rem;
	margin-bottom: 3em;
	margin-bottom: 3rem;
}
.logo {
	width: 14em;
	width: 14rem;
	margin-top: 2em;
	margin-top: 2rem;
	margin-bottom: 4em;
	margin-bottom: 4rem;
}
.right-outer {
	float: right;
	width: 100%;
	margin-left: -16rem;
}
.right {
	margin-left: 16rem;
	padding: 2em 5em;
	padding: 2rem 5rem;
	background-color: #fff;
	background-image: url(images/bg-right.jpg);
}
.titlebox {
	display: block;
	height: 4em;
	height: 4rem;
	position: relative;
	z-index: 1;
	top: 0.5em;
	top: 0.5rem;
	left: 41em;
	left: 41rem;
	background-color: rgba(0,0,0,0.75);
}
.titlebox h2 {
	margin-left: 2em;
	margin-left: 2rem;
	font-size: 100%;
	font-weight: normal;
	font-family: "ＭＳ 明朝",serif;
	color: #fff;
	letter-spacing: 0.1em;
	letter-spacing: 0.1rem;
	line-height: 4em;
	line-height: 4rem;
	text-shadow: 1px 1px 5px #fff;
}
.eyecatch {
	margin-top: -4em;
	margin-top: -4rem;
	margin-bottom: 1em;
	margin-bottom: 1rem;
}
.to-top {
	margin-top: 4em;
	margin-top: 4rem;
	margin-bottom: 2em;
	margin-bottom: 2rem;
	text-align: right;
}

#layer3 {
	border-top: solid 1px #4d4d4d;
	background-color: rgba(0,0,0,0.2);
}

.footer {
	text-align: right;
	margin: auto;
	height: 3em;
	height: 3rem;
	width: 80em;
	width: 80rem;
}

.copyright {
	padding-right: 2em;
	padding-right: 2rem;
	font-family: initial;
	text-align: right;
	font-size: 70%;
	color: #ddd;
	line-height: 3em;
	line-height: 3rem;
}
.copyright a {
	color: #ddd;
	text-decoration: underline;
}
.copyright img {
	vertical-align: middle;
}
.submenu {
	font-size: 85%;
	text-shadow: 1px 1px 4px #fff;
	font-family: "ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
	letter-spacing: 0.1rem;
}
.submenu a {
	display: block;
	padding: 1em 0.5em;
	padding: 1rem 0.5rem;
	color: #fff;
	border-bottom: dotted 1px #777;
}
.submenu a:hover {
	background-color: rgba(255,255,255,0.1);
}
/* social */
.socialbox {
	margin-bottom: 2em;
	margin-bottom: 2rem;
}
.hp-fb {
	margin-bottom: 0.4em;
	margin-bottom: 0.4rem;
}
.hp-twitter {
	margin-bottom: 0.4em;
	margin-bottom: 0.4rem;
}
/* end */
/* contactform */
.contactform {
	font-size: 90%;
	border: solid 1px #fff;
}
.contactform img {
	width: 3.5em;
	width: 3.5rem;
	margin-right: 0.3rem;
}
.contactform .th {
	float: left;
	width: 32%;
	padding: 0.7em 1%;
	padding: 0.7rem 1%;
	color: #333;
}
.contactform .td {
	float: left;
	width: 63%;
	margin-left: 0;
	padding: 0.7em 1%;
	padding: 0.7rem 1%;
}
.contactform .s {
	width: 18%;
}
.contactform .m {
	width: 75%;
}
.contactform .l {
	width: 100%;
}
.contactform input {
	height: 3em;
	height: 3rem;
	font-size: 150%;
	border: none;
}
.contactform textarea {
	line-height: 1.3;
	font-size: 150%;
	border: none;
}
.contactform .otoiawasenaiyo textarea {
	height: 15em;
	height: 15rem;
}
.contactform select {
	border: solid 0px #aaa;
	height: 3em;
	height: 3rem;
	font-size: 120%;
}
.contactform option {
	padding: 0.2em 0.5em;
	padding: 0.2rem 0.5rem;
}
.contactform input,select {
	vertical-align: middle;
}
.contactform input.hissu,textarea.hissu,select.hissu {
	background-color: #fff;
}
.contactform input.nini,textarea.nini,select.nini {
	background-color: #fff;
}
.contactform .submit {
	border: none;
	height: auto;
	margin: 2em 0;
	margin: 2rem 0;
}
.contactform-textarea {
	width: 70%;
	min-width: 436px;
	height: 20em;
	height: 20rem;
}
/* end */
/* wp contact form 7 */
div.wpcf7-mail-sent-ok.wpcf7-response-output {
	margin: 0;
	padding: 0;
}
div.wpcf7-mail-sent-ok {
	border: none;
}
span.wpcf7-list-item {
	display: block;
}
.ppgokakunin span.wpcf7-list-item {
	display: inline;
}
/* end */
/* wp pagenavi */
.wp-pagenavi {
	margin: 2em auto;
	margin: 2rem auto;
	overflow: auto;
	text-align: center;
	color: #333;
}
.wp-pagenavi a, .wp-pagenavi span {
	display: block;
	float: left;
}
.wp-pagenavi a {
	color: #333;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	margin: 0.2em;
	margin: 0.2rem;
	padding: 0.3em 0.6em;
	padding: 0.3rem 0.6rem;
	background-color: #fff;
	border: solid 1px #fff;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #3e3e3e;
	background-color: #3e3e3e;
	color: #fff;
}
.wp-pagenavi span.current {
	background-color: #3e3e3e;
	font-weight: normal;
	color: #fff;
	border: 1px solid #3e3e3e;
}
/* end */
/* notice */
.noticebox {
	margin-top: 4em;
	margin-top: 4rem;
}
.title h3 {
	margin-left: 1.5em;
	margin-left: 1.5rem;
	font-size: 110%;
	font-weight: bold;
}
.title h3 a {
	color: #333;
	text-decoration: underline;
}
.noticebox .content {
	padding: 1.5em;
	padding: 1.5rem;
	background-color: rgba(255,255,255,0.6);
}
.oshirase {
	margin-left: 1.5em;
	margin-left: 1.5rem;
	margin-bottom: 1em;
	margin-bottom: 1rem;
}
.toppage-noticebox {
	background-image: url(images/bg-right.jpg);
}
.toppage-noticebox-date {
	width: 8em;
	width: 8rem;
	margin-left: 1.5em;
	margin-left: 1.5rem;
	margin-bottom: 0.5em;
	margin-bottom: 0.5rem;
	padding: 0.3em;
	padding: 0.3rem;
	background-color: #3E3E3E;
	font-size: 11px;
	color: #fff;
	line-height: 1;
	text-align: center;
	border-radius: 2px;
	font-family: initial;
}
.toppage-noticebox-title {
	margin-left: 1.5em;
	margin-left: 1.5rem;
	color: #333;
	font-size: 110%;
	font-weight: bold;
	font-family: "ＭＳ 明朝",serif;
}
.toppage-noticebox-content {
	margin-bottom: 0.5em;
	margin-bottom: 0.5rem;
	padding: 1.5em;
	padding: 1.5rem;
	background-color: rgba(255,255,255,0.6);
	font-size: 90%;
}
.toppage-noticebox-to-all {
	text-align: right;
}
.toppage-noticebox-to-all a {
	font-size: 85%;
	font-weight: normal;
	color: #333;
	text-decoration: underline;
}
/* end */
.toppage-image {
	margin-bottom: 4em;
	margin-bottom: 4rem;
	margin-top: -4em;
	margin-top: -4rem;
}
.toppage-pr-image {
	margin-bottom: 3em;
	margin-bottom: 3rem;
	padding: 0 3em;
	padding: 0 3rem;
}
.toppage-pr-text {
	margin-bottom: 6em;
	margin-bottom: 6rem;
	padding: 0 3em;
	padding: 0 3rem;
	color: #000;
}
.toppage-tobox {
	margin-bottom: 6em;
	margin-bottom: 6rem;
}
.toppage-tobox img:hover {
	opacity: 0.6;
}
.toppage-to {
	float: left;
	width: 25%;
}
.toppage-to-last {
	float: left;
}
.name {
	margin-right: 1.5em;
	margin-right: 1.5rem;
	margin-bottom: 3em;
	margin-bottom: 3rem;
	text-align: right;
}
/* google-maps */
.google-maps {
	position: relative;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/* end */
/* wayogashi-top */
.wayogashi-top-pr {
	margin-top: 8em;
	margin-top: 8rem;
	margin-bottom: 4em;
	margin-bottom: 4rem;
	text-align: center;
}
.wayogashi-photo-mainbox {
}
.wayogashi-photo-mainbox img {
	float: left;
	width: 50%;
}
/* end */
/* wayogashi */
.wayogashi-photo-main {
	margin-top: -4em;
	margin-top: -4rem;
	margin-bottom: 0em;
	margin-bottom: 0rem;
}
.wayogashi-photo-sub {
}
.wayogashi-photo-sub img {
	float: left;
	width: 25%;
}
.wayogashi-name {
	margin-top: 3em;
	margin-top: 3rem;
	margin-bottom: 2em;
	margin-bottom: 2rem;
	padding: 0 3em;
	padding: 0 3rem;
	font-size: 120%;
	font-weight: bold;
	line-height: 1;
}
.wayogashi-desc {
	margin-bottom: 4em;
	margin-bottom: 4rem;
	padding: 0 3em;
	padding: 0 3rem;
}
/* end */



}