@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

html {
	overflow-y: scroll;
	font-size: 62.5%; 
}
html {
}
body, html, main {
	/* important */

	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, "メイリオ", Meiryo, sans-serif;
	color: #4C4C4C;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: 100%;
}

caption, th {
	text-align: left;
}

object, embed {
	vertical-align: top;
}

hr, legend {
	display: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	margin-bottom: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	
}

img {
	border: none;
	vertical-align: bottom;
}

li {
	list-style: none;
	text-align: left;
}

p {
	text-align: justify;
text-justify: inter-ideograph;
	
}
input {
	padding: 1px;
	
}

textarea {
	width: 98%;
	vertical-align: top;
	padding: 2px;
	overflow: auto;
	font-size: 100%;
	background-color: #efefef;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

option {
	padding-right: 10px;
}

*+html option {
	padding-right: 0; /* for IE7&Opera */
}

* html option {
	padding-right: 0; /* for IE6 */
}

acronym, abbr {
	cursor: help;
}




/* Body setting
----------------------------------------------------------- */
body {
	font-family:"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	text-align: center;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	border: 3px none #E4007F;
	-webkit-font-smoothing: antialiased;
	color: #000;
	font-size: 1.0rem;
	margin: auto;
	line-height: 2em;
}


/* Link setting
----------------------------------------------------------- */
a:link {
	color: #141414;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #333333;
	text-decoration: none;
}

a:active {
}

/* clearfix
----------------------------------------------------------- */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}
#contents_page .message-t .arrow li:nth-child(even){
    *zoom: 1;
}

/* img
----------------------------------------------------------- */
a img {
	box-shadow: #fff 0 0 0;
}

/* youtube
----------------------------------------------------------- */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
	border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;
}