@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/
html {
	line-height:1.6;
	overflow-y: scroll;
}

body, div, dl, dt, dd, menu, ul, ul li, ol, ol li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: -0.001rem;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
	margin: 0 auto;
}
h1, h2, h3, h4, h5, h6 {
	font-size:1rem;
	font-weight: normal;
}
h2 {
    padding:1vw;
}
p {
	text-align:justify;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
    font-size:0.85rem;
	border-collapse: collapse;
	border-spacing: 0;
    width:calc( 100% - 4vw );
    margin:1vw 2vw;
}
caption {
    text-align:right;
    white-space:nowrap;
    padding:1rem 0;
}
tr {
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(248,248,248,1.00) 100%);
}
th, td {
	border: rgba(0,0,0,0.15) solid 1px;
	padding:0.5rem 1rem;
}
th {
	white-space: nowrap;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	max-width: 100%;
	margin:0 auto;
	height: auto;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li, ol li, menu li {
	list-style-type: none;
}
label {
	white-space:nowrap;
	margin:0 2rem 0 0;
}
samp {
	box-shadow:0.05rem 0.05rem 0.05rem rgba(0,0,0,0.15);
	border:rgba(0,0,0,0.05) solid 1px;
	border-radius:1rem;
	background:rgba(0,0,0,0.05);
	padding:0.35rem 1rem;
}
samp:before {
	font-family:icomoon;
	content:"\f1c6";
	margin:0 0.35rem 0 0;
}
samp.word:before {
	color:rgba(0,128,192,1.00);
	content:"\f1c2";
}
samp.excel:before {
	color:rgba(0,192,128,1.00);
	content:"\f1c3";
}
samp.pdf:before {
	color:rgba(192,0,0,1.00);
	content:"\f1c1";
}
samp.image:before {
	color:rgba(192,0,192,1.00);
	content:"\f1c5";
}
input, 
textarea, 
select {
	border:rgba(0,0,0,0.35) solid 1px;
	border-radius:0.25rem;
    padding:0.25rem 0.5rem;
}
input[type="checkbox"], input[type="radio"] {
	margin:0 0.15rem 0 0;
}
input[type="file"] {
	font-size:0.75rem;
}
input#user_zip1, 
input#user_tel1, 
input#user_fax1, 
input#user_handy1 {
    width:2rem;
}
input#user_zip2, 
input#user_tel2, 
input#user_tel3, 
input#user_fax2, 
input#user_fax3, 
input#user_handy2, 
input#user_handy3 {
    width:3rem;
}
input#user_pref {
    width:4rem;
}
input#eventstart, 
input#eventend {
    width:6rem;
}
input#user_city, 
input#user_town {
    width:8rem;
}
input#user_company, 
input#option_name, 
input#info_address {
    width:16rem;
}
input#eventname {
    width:32rem;
}
textarea {
	min-width:32rem;
	width:100%;
	height:12rem;
}
button {
	margin:0 0 0 0.5rem;
}



/* ------ font ------ */
/* 各ブラウザに対応したWebフォントを指定 */
@font-face {
	font-family: 'icomoon';
	src:url('icomoon/fonts/icomoon.eot');
	src:url('icomoon/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
	url('icomoon/fonts/icomoon.woff') format('woff'),
	url('icomoon/fonts/icomoon.ttf') format('truetype'),
	url('icomoon/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* ------ Anchor ------ */
a {
	outline: none;
}

a:link {
	text-decoration: none;
	color:#0080c0;
}
a:visited {
	text-decoration: none;
	color: #0080c0;
}
a:hover {
	text-decoration: underline;
	color: #0080c0;
}
a:active {
	color: #0080c0;
}










/* ------ stripe ------ */
.stripewhite {
	background-image:
		linear-gradient(
			-45deg, 
			rgba(255,255,255,1.0) 24.5%, 
			transparent 25.5%, 
			transparent 49.5%, 
			rgba(255,255,255,1.0) 50.5%, 
			rgba(255,255,255,1.0) 74.5%, 
			transparent 75.5%
		), 
		linear-gradient( 0deg, #e0e0e0 0%, #ffffff 100% ) !important;
	background-size: 4px 4px, 100% 100%;
}
.stripegray {
	background-image:
		linear-gradient(
			-45deg, 
			rgba(255,255,255,0.2) 24.5%, 
			transparent 25.5%, 
			transparent 49.5%, 
			rgba(255,255,255,0.2) 50.5%, 
			rgba(255,255,255,0.2) 74.5%, 
			transparent 75.5%
		), 
		linear-gradient( 0deg, #404040 0%, #808080 100% ) !important;
	background-size: 4px 4px, 100% 100%;
}
.stripered {
	background-image:
		linear-gradient(
			-45deg, 
			rgba(255,255,255,0.2) 24.5%, 
			transparent 25.5%, 
			transparent 49.5%, 
			rgba(255,255,255,0.2) 50.5%, 
			rgba(255,255,255,0.2) 74.5%, 
			transparent 75.5%
		), 
		linear-gradient( 0deg, #c00000 0%, #f00000 100% ) !important;
	background-size: 4px 4px, 100% 100%;
}
.stripeblue {
	background-image:
		linear-gradient(
			-45deg, 
			rgba(255,255,255,0.2) 24.5%, 
			transparent 25.5%, 
			transparent 49.5%, 
			rgba(255,255,255,0.2) 50.5%, 
			rgba(255,255,255,0.2) 74.5%, 
			transparent 75.5%
		), 
		linear-gradient( 0deg, #004080 0%, #0080c0 100% ) ;
	background-size: 4px 4px, 100% 100%;
}
.stripegreen {
	background-image:
		linear-gradient(
			-45deg, 
			rgba(255,255,255,0.25) 24.5%, 
			transparent 25.5%, 
			transparent 49.5%, 
			rgba(255,255,255,0.25) 50.5%, 
			rgba(255,255,255,0.25) 74.5%, 
			transparent 75.5%
		), 
		linear-gradient( 0deg, rgba(0,112,0,1.00) 0%, rgba(64,160,48,1.00) 100% ) ;
	background-size: 4px 4px, 100% 100%;
}

/* ------ check ------ */
.checkpink {
	background-color: lightcoral;
	background-image: linear-gradient(
		to right top,
		rgba(255,255,255,.3) 24.5%,
		transparent 25.5%,
		transparent 74.5%,
		rgba(255,255,255,.3) 75.5%
	),
	linear-gradient(
		to left top,
		rgba(255,255,255,.3) 24.5%,
		transparent 25.5%,
		transparent 74.5%,
		rgba(255,255,255,.3) 75.5%
	);
	background-size: 32px 48px;
}

/* ------ dot ------ */
.dotwhite {
	background-color: rgba(255,255,255,0.65);
	background-image: radial-gradient(
		at 25% 25%,
		rgba(255,255,255,.3) 15%,
		transparent 17%
	),
	radial-gradient(
		at 75% 75%,
		rgba(255,255,255,0.35) 15%,
		transparent 17%
	);
	background-size: 32px 32px;
}
.dotgreen {
	background-color: lightseagreen;
	background-image: radial-gradient(
		at 25% 25%,
		rgba(255,255,255,.3) 15%,
		transparent 17%
	),
	radial-gradient(
		at 75% 75%,
		rgba(255,255,255,.3) 15%,
		transparent 17%
	);
	background-size: 32px 32px;
}

/* ------ tartan ------ */
.tartangreen {
	background-color: #f0f0f0;
	background-size: 48px 48px;
	background-position: 0 0;
	background-image:
	/* 赤線 */
	linear-gradient(
		to right,
		transparent 36%, rgba(229,98,98,.6) 36%,
		rgba(229,98,98,.6) 38%, transparent 38%,
		transparent 62%, rgba(229,98,98,.6) 62%,
		rgba(229,98,98,.6) 64%, transparent 64%
	),
	linear-gradient(
		to bottom,
		transparent 35%, rgba(229,98,98,.6) 35%,
		rgba(229,98,98,.6) 37%, transparent 37%,
		transparent 63%, rgba(229,98,98,.6) 63%,
		rgba(229,98,98,.6) 65%, transparent 65%
	),
	/* 緑帯 */
	linear-gradient(
		to right,
		transparent 20%, rgba(78,129,44,.5) 20%,
		rgba(78,129,44,.4) 22%, transparent 22%,
		transparent 25%, rgba(78,129,44,.5) 25%,
		rgba(78,129,44,.5) 48.5%, transparent 48.5%,
		transparent 51.5%, rgba(78,129,44,.5) 51.5%,
		rgba(78,129,44,.5) 75%, transparent 75%,
		transparent 78%, rgba(78,129,44,.4) 78%,
		rgba(78,129,44,.5) 80%, transparent 80%
	),
	linear-gradient(
		to bottom,
		transparent 20%, rgba(78,129,44,.5) 20%,
		rgba(78,129,44,.4) 22%, transparent 22%,
		transparent 25%, rgba(78,129,44,.5) 25%,
		rgba(78,129,44,.5) 48.5%, transparent 48.5%,
		transparent 51.5%, rgba(78,129,44,.5) 51.5%,
		rgba(78,129,44,.5) 75%, transparent 75%,
		transparent 78%, rgba(78,129,44,.4) 78%,
		rgba(78,129,44,.5) 80%, transparent 80%
	);
}

/* ------ nanako ------ */
.nanakogray {
	background-color: rgba(255,255,255,1.00);
	background-size: 8px 8px, 8px 8px, 4px 4px;
	background-position: 0 0, 4px 4px;
	background-image:
	/* 右下暗グレー → 透明 → 左上明グレー */
	linear-gradient(
		-45deg,
		rgba(255,255,255,1.00) 25%, transparent 25%,
		transparent 75%, rgba(224,224,224,1.00) 75%
	),
	linear-gradient(
		-45deg,
		rgba(255,255,255,1.00) 25%, transparent 25%,
		transparent 75%, rgba(224,224,224,1.00) 75%
	),
	/* 中間グレーの斜め割り */
	linear-gradient(
		45deg,
		rgba(248,248,248,1.00) 50%, rgba(236,236,236,1.00) 50%
	);
}
.nanakoblue {
	background-color: rgba(255,255,255,1.00);
	background-size: 8px 8px, 8px 8px, 4px 4px;
	background-position: 0 0, 4px 4px;
	background-image:
	/* 右下暗グレー → 透明 → 左上明グレー */
	linear-gradient(
		-45deg,
		rgba(0,128,192,1.00) 25%, transparent 25%,
		transparent 75%, rgba(0,96,160,1.00) 75%
	),
	linear-gradient(
		-45deg,
		rgba(0,128,192,1.00) 25%, transparent 25%,
		transparent 75%, rgba(0,96,160,1.00) 75%
	),
	/* 中間グレーの斜め割り */
	linear-gradient(
		45deg,
		rgba(0,104,168,1.00) 50%, rgba(0,120,184,1.00) 50%
	);
}

/* ------ houndstooth ------ */
.houndstoothblack {
	background-color: #eee;
	background-size: 32px 32px;
	background-position: 0 0, 16px 16px, 0 0;
	background-image:
	/* 重ねる格子（半分） */
	linear-gradient(
		45deg,
		#eee 25%, transparent 25%,
		transparent 75%, #333 75%
	),
	/* 重ねる格子（半分） */
	linear-gradient(
		45deg,
		#333 25%, transparent 25%,
		transparent 75%, #eee 75%
	),
	/* 下地のストライプ */
	linear-gradient(
		-45deg,
		#333 12.5%, #eee 12.5%,
		#eee 25%, #333 25%,
		#333 37.5%, #eee 37.5%,
		#eee 62.5%, #333 62.5%,
		#333 75%, #eee 75%,
		#eee 87.5%, #333 87.5%
	);
}

/* ------ argyll ------ */
.argyllblue {
	background-color: #eee;
	background-size: 32px 64px, 32px 64px, 32px 64px, 32px 64px, 64px 128px;
	background-position: 16px 0, 16px 0, 16px 0, 16px 0, 0 0;
	background-image:
	/* 細い線 */
	linear-gradient(
		to right top,
		transparent 49%, rgba(255,255,255,.5) 49%,
		rgba(255,255,255,.5) 51%, transparent 51%
	),
	linear-gradient(
		to left top,
		transparent 49%, rgba(255,255,255,.5) 49%,
		rgba(255,255,255,.5) 51%, transparent 51%
	),
	/* 紺 */
	linear-gradient(
		to right top,
		#115572 24%, transparent 26%,
		transparent 74%, #115572 76%
	),
	linear-gradient(
		to left top,
		#115572 24%, transparent 26%,
		transparent 74%, #115572 76%
	),
	/* 赤と水のストライプ */
	linear-gradient(
		to right top,
		#bed3db 25%, #cc2828 25%,
		#cc2828 50%, #bed3db 50%,
		#bed3db 75%, #cc2828 75%
	);
}