@charset "utf-8";
/*
Theme Name: mirakata_theme
Description: 専用テーマ
Version: 1.0
Author URI: https://www.mirakata.com/
*/

/* Login Page
------------------------------------------------------------*/

/* ロゴ画像を変更 */

body.login,#login h1 {
    background:#fff;
}
#login h1 a {
    background:#fff url(images/admin_logo.png)no-repeat center center;
    background-size: 200px 120px;
    padding-bottom: 30px;
    width: 200px;
    height: 120px;
}

/* Reset
------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,select,header,nav,section,footer {
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.6;
	word-wrap: break-word;
	box-sizing:border-box;
}

address,em,i {
	font-style: normal;
}
strong,th,b {
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
img {
	border: 0;
	height:auto;
	max-width:100%;
}
li {
	list-style-type: none;
}
small{
	font-size: 80%;
}

a{
	color: #555;
	text-decoration: none;
	padding:0 1%;
}
a:hover{
	opacity:0.7;
}
/*----------------- font -------------------*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
	font-size: 100%; /* IE */
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
html>/**/body {
font-size: 16px; /* Except IE */
}

body {
	-webkit-text-size-adjust: 100%;
}
img{
	max-width:100%;
	height: auto;
}
/*------------------------------------------------*/

.pc{
    display: block;
}

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

@media only screen and (max-width: 980px){
		.sp {
        display: block;
	}
}
iframe{
	max-width:100%;
}


@charset "utf-8";

/*==========================================
 You tube (訪問時再生）
===========================================*/

.mfp-content .youtube{
	width: 100%;
	padding: 50px 0;
	box-sizing: border-box;
	max-width: 980px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
@media only screen and (max-width: 640px){
	.mfp-content .youtube{
	top: 50%;
}
}
.mfp-content .iframeWrapper{
	width: 100%;
padding-bottom: 56.25%;
position: relative;
}


.mfp-content iframe{
	width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
border-style: none;

	
}

.mfp-content .youtube .mfp-close {
    color: #fff!important;
}

@media screen and (max-width: 980px) {
	.mfp-content .youtube{
	max-width: 768px;
}
}
@media screen and (max-height: 599px) {
	.mfp-content .youtube{
	padding: 10px 10px;
	max-width: 650px;
}
}