@charset "utf-8";
/*
Theme Name: ma-design
Theme URI: 
Description: ma-design.
Version: 1.0
Author: ma-design
Author URI: 
*/

/* スクリーンサイズ */
@media screen and (min-width: 1601px){
#header,#contentGrid,#footer {width:1500px;}
}
@media screen and (max-width: 1600px){
#header,#contentGrid,#footer {width:1200px;}
}
@media screen and (max-width: 1260px){
#header,#contentGrid,#footer {width:900px;}
}
@media screen and (max-width:960px){
#header,#contentGrid,#footer {width:600px;}
}
@media only screen and (orientation:portrait) {
#menu ul {float:none;width:548px;}
#menu li {margin:0 20px 0 20px;font-size:20px;}
#linkBtn a {font-size:30px;padding:0;}
#moveBtn {width:294px;height:98px;}
#moveBtn div {width:98px;height:98px;}
#moveBtn div a {font-size:20px;padding:24px;}
body {font-size:24px;}
h3 {font-size:24px;}
#headerPage,#contentPage,#footer {max-width:667px;}
.sentenceLeft {float:none;width:100%;padding-right:0;}
.sentenceRight {clear:both;width:100%;padding-left:0;}
}
@media only screen and (orientation:landscape) {
#menu ul {float:right;width:auto;}
#menu li {margin:0 0 0 32px;font-size:12px;}
#linkBtn a {font-size:18px;padding:12px;}
#moveBtn {width:198px;height:28px;}
#moveBtn div {width:66px;height:28px;}
#moveBtn div a {font-size:12px;padding:2px 8px 2px 8px;}
body {font-size:12px;}
h3 {font-size:16px;}
#headerPage,#contentPage,#footer {max-width:1056px;}
.sentenceLeft {float:left;width:50%;padding-right:24px;}
.sentenceRight {float:left;width:50%;padding-left:24px;}
}
/* YOUTUBEサイズ */
.postPage p iframe {
	width: 100%;
	height: 640px;
}
/* テキストサイズ */
#logo {font-size:21px;}
#subTitle,#copy {font-size:11px;}
h1 {font-size:36px;}
h2 {font-size:32px;}

#container {
	width:100%;
	height:auto;
	margin:0px;
	padding:0px;
	overflow : hidden ; 
}

/* ヘッダー */
#header {
	height:166px;
	margin:0 auto 8px auto;
	border-top:#468 6px solid;
}
#headerPage {
	width:90%;
	height:166px;
	margin:0 auto 8px auto;
	border-top:#468 6px solid;
}
#logo {
	width:100%;
	margin:0 auto;
	padding:0;
	font-weight:bold;
	letter-spacing:0;
	line-height:1.1em;
	text-align:center;
}
#subTitle {
	width:100%;
	margin:0 auto;
	padding:0;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1.1em;
	text-align:center;
}
/* リンクボタン */
#linkBtn {
	margin:0 0 8px 0;
	width:100%;
	height:50px;
}
#linkBtn ul {
	margin:0 0 0 auto;
	width:200px;
}
#linkBtn ul li {
	float:left;
	width:25%;
	height:auto;
}
#linkBtn ul li a {
	display:block;
	width:auto;
	height:auto;
	margin:0 auto;
	color:#111;
	font-weight:bold;
	text-align:center;
	text-shadow: 1px 1px 1px #999;
	background-color:#FFF;
	transition: background-color 0.6s linear 0s,color 0.6s linear 0s;
}
#linkBtn a:hover,#linkBtn a:active {
	color:#ddd;
	text-decoration:none;
	background-color:#333;
}
/* メニュー */
#menu {
	margin:16px 0 0 auto;
	width:100%;
}
#menu ul {
	margin:0 auto;
}
#menu li {
	float:left;
	width:auto;
	letter-spacing:0.1em;
	text-shadow: 1px 1px 1px #888;
}
#menu .act {
	display:block;
	border-bottom:#555 3px solid;
	padding:6px 0 0 0;
}
#menu a {
	display:block;
	padding:6px 0 0 0;
	color:#111;
	border-bottom:#FFF 3px solid;
	transition: border-bottom 0.4s linear 0s,color 0.4s linear 0s;
}
#menu a:hover,#menu a:active {
	color:#777;
	text-decoration:none;
	border-bottom:#555 3px solid;
}
/* コンテンツ */
#contentGrid {
	height:auto;
	min-height:1024px;
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
	clear:both;
}
#contentPage {
	width:90%;
	min-height:480px;
	margin:0 auto;
	background-color:#FFF;
	clear:both;
}
.new {
	margin:0 4px 0 4px;
	padding:1px 4px 1px 4px;
	color:#fff;
	background-color:#922;
	letter-spacing:0em;
	font-weight:normal;
}
.date {
	width:100%;
	padding-top:24px;
	text-align:right;
	letter-spacing:0.1em;
	clear:both;

}
.linkPoint {
	cursor:pointer;
}
/* グリッドコンテンツ */
#grid-content {
	overflow:visible !important;
}
.large,.small {
	background-color:#FFF;
	height:auto;
	padding:24px;
	transition: background-color 0.4s linear 0s;
	border-radius: 6px;
}
.large {
	width:600px;
}
.small {
	width:300px;
}
.large:hover,.small:hover {
	background-color:#ddd;
}
.large img,.small img {
	width:100%;
	height:auto;
	margin:0 0 16px 0;
	box-shadow: 0px 16px 16px -10px rgba(0, 0, 0, 0.3); 
}
.large h3,.small h3 {
	margin:0 0 8px 0;
}
/* ポストコンテンツ */
.postPage {
	width:100%;
	text-align:left;
	letter-spacing:0.1em;
}
.postPage h2 {
	width:100%;
}
.postPage img {
	width:100%;
	height:auto;
	margin:8px 0 8px 0;
}
.postPage p {
	margin:24px 0 24px 0;
}
/* フッター */
#footer {
	display:none;
	height:auto;
	margin:32px auto 0 auto;
}
#copy {
	width:100%;
	margin:0 auto;
	padding:8px;
	color:#111;
	font-weight:normal;
	letter-spacing:1px;
	line-height:1.2em;
	text-align:center;
}
/* ムーブボタン */
#moveBtn {
	margin:0 auto 8px auto;
}
#moveBtn div {
	float:left;
}
#moveBtn div a {
	display:block;
	height:100%;
	font-weight:bold;
	text-align:center;
	background-color:rgba(255,255,255,1.0);
	color:#111;
	transition: background-color 0.4s linear 0s,color 0.6s linear 0s;
	text-shadow: 1px 1px 1px #ccc;
}
#moveBtn div a:hover,#moveBtn div a:active {
	color:#ddd;
	text-decoration:none;
	background-color:rgba(0,0,0,0.5);
}
#prevBtn a {
	border-radius: 20px 0px 0px 20px / 20px 0px 0px 20px;
}
#nextBtn a {
	border-radius: 0px 20px 20px 0px / 0px 20px 20px 0px;
}
/* テキスト レイアウト */
body {
	margin:0px auto;
	color:#111;
	font-family:Arial , "Meiryo UI" , "メイリオ" , Meiryo , "Helvetica Neue" , Helvetica ,  Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align:center;
	line-height:2.0em;
	-webkit-text-size-adjust: 100%;
}
a, a:visited {
	color:#111;
	text-decoration:none;
}
a:hover {
	color:#777;
	text-decoration:none;
}
a:hover img {
	opacity: 1.00;
	filter: alpha(opacity=60);
}
a:active {
	color:#777;
	text-decoration:none;
}
h1 {
	color:#111;
	font-weight:normal;
	margin:0 0 0 0;
	letter-spacing:0.1em;
	line-height:1.0em;
}
h2 {
	color:#111;
	font-weight:normal;
	margin:0 0 0 0;
	letter-spacing:1px;
	line-height:1.4em;
}
h3 {
	color:#111;
	font-weight: bold;
	margin:0 0 0 0;
	letter-spacing:1px;
	line-height:1.4em;
}
p{
	letter-spacing:1px;
}

.textS {}
.textM {}
.textL {}
.underLine {border-bottom:#777 dotted 1px;}
.marBottom {margin-bottom:48px;}
.marTop {margin-top:48px;}
.marLeft16 {margin-left:16px;}
.marLeft24 {margin-left:24px;}
.padTop {padding-top:48px;}
.padBottom {padding-bottom:48px;}
.center {text-align:center;}
.clear{	clear:both;}

/* リセット */
* {
	margin:0px auto;
	padding:0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
	width:100%;
	height:100%;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, blockquote, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, em, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
}
table, caption, th, td {
	margin:0;
	padding:0;
	border:0;
	empty-cells:show;
	text-align:left;
	font-weight:normal;
}
a img, iframe {
	border:none;
}
ol, ul, li {
	list-style:none;
}
input, textarea, select, button {
	font-size:100%;
	font-family:inherit;
}
img {
	vertical-align:baseline;
}
/* リセット */
/* 背景スライドショー */
#slideBG img {
	display:none;
}
/* 背景スライドショー */
/* コンタクトフォーム */
.contentContact {
	padding-bottom:32px;
	margin-bottom:32px;
	border-bottom:#777 dotted 1px;
}
.contentContact img,iframe {
	margin:16px 0 16px 0;
}
.contentContact .date {
	line-height:1em;
	letter-spacing:0.1em;
	margin:0;
	padding:0;
}
#contactForm {
	width:580px;
	margin:auto;
	margin-top:64px;
	margin-bottom:128px;
}
#contactForm table th {
	padding:10px 0 16px 0;
	width:180px;
	line-height:1.4em;
}
#contactForm table td {
	padding:10px 0 16px 0;
	width:400px;
}
input, textarea, select, button {
	width:400px;
	padding:4px;
	margin: 0;
	border:#777 solid 1px;
}
#form-submit {
	background:#333;
	color:#FFF;
	width:140px;
	height:42px;
	display:block;
	margin:0 auto;
}
.screen-reader-response,.wpcf7-response-output,.wpcf7-validation-errors {
	color:#F30 !important;
	border:0px !important;
	text-align:center !important;
}
/* コンタクトフォーム */
/* 背景フィクス */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-table;
	min-height:1%;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}
/* End hide from IE-mac */
/* maximage */
.mc-hide-scrolls {
	overflow: hidden;
}
body .mc-cycle {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: fixed; z-index: -1;
}
div.mc-image {
	background-position: center; transition:opacity 1s ease-in-out; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-size: cover; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
}
.mc-old-browser .mc-image {
	overflow: hidden;
}
/* maximage */