/*
Theme Name:
Theme URI: https://
Author: Qubic
Author URI: https://qubic.jp
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	word-break: break-all;
}
html,
*::before,
*::after{
	box-sizing: border-box;
}
main{display: block;}
a{text-decoration: none;}
input,
input:focus,
textarea:focus{outline: 0;}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="submit"],
input[type="button"],
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-clear-button,
textarea{-webkit-appearance: none;}
select{
	outline:none;
	text-indent: 0.01px;
	text-overflow: '';
	background: none transparent;
	vertical-align: middle;
	font-size: inherit;
	color: inherit;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}
select option{
	background-color: #fff;
	color: #333;
}
select::-ms-expand {display: none;}
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #828c9a;
}
img{
	vertical-align: bottom;
	border: none;
	max-width: 100%;
}
iframe{
	max-width: 100%;
	vertical-align: bottom;
}
li{list-style: none;}
table{border-collapse: collapse;}


/* MODAL */

.m-modal-area {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.m-modal-bg {
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0, 0.4); }

.m-modal-contents {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }


.m-modal-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
	max-width: 730px; }

.m-modal-contents-pic img {
	height: auto;
}

.m-modal-close {
	cursor: pointer;
	outline: none;
}