html{height:100%;-webkit-font-smoothing: antialiased;}

body{
	margin:0px;
	padding:0px;
	letter-spacing:0.05em;
	line-height:1.8;
	/**
	font-family: 'Noto Sans JP' , "Hiragino Sans", "ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro", "游ゴシック" , "Yu Gothic" , "YuGothic" , "メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	**/
	font-family: 'Noto Serif JP' , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "Roboto Slab" , Garamond , "Times New Roman" ,  "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size : 14px ;
	-webkit-text-size-adjust: 100% ;
	font-weight : 700 ;
	overflow-x : hidden ;
	width  : 100% ;
	color : #333333 ;
}

#container{
	position : relative ;
	width : 100% ;
	height : auto ;
	overflow : hidden ;
}

.mincho{
	font-weight : 700 ;
	font-family:'Noto Serif JP' , "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.mont{
	font-family: 'Montserrat', sans-serif;
}

img {
	position : relative ;
	display : block ;
	width : auto ;
	height : auto ;
	border: none;
	border-style : none ;
	-webkit-backface-visibility: hidden;
}

a img{
	border-style : none ;
}

a{
	outline: none;
	text-decoration: none ;
}
a{
	color : #333333 ;
}
a:visited{
	color : #333333 ;
}
a:link{
	color : #333333 ;
}
a:hover{
	color : #333333 ;
}
hr{
	margin : 0px ;
	border : 0px ;
	height : 6px ;
	/** background-color : #000000 ; **/
}
h1,h2,h3,h4,h5,h6{
	display : block ;
	position: relative ;
	box-sizing : border-box ;
	margin : 0px ;
	padding : 0px ;
}

p{
	position : relative ;
	margin : 0px ;
}

ul{
	padding : 0px ;
	margin : 0px ;
}

div{
	box-sizing : border-box ;
	position : relative ;
}

strong{
	font-weight : 600 ;
}

button, input, select, textarea {
	font-family : inherit;
	font-size : 100%;
}

.clearfloat{
	clear : both ;
}

.floatbreak{
	position : relative ;
	float : left ;
}
.floatjoint{
	position : relative ;
	float : none ;
	clear : both ;
}

.floatleft{
	position : relative ;
	float : left ;
}

.floatright{
	position :relative ;
	float : right ;
}

.hover{
	cursor : pointer ;
}

.op{	cursor : pointer ; }

.op:hover{
	opacity: 0.6 ;
}

.pc{ display : block ; }
.sp{ display : none ; }

.tb{ display : none ; }


.wp_fill,
.wp_fit{
	position : absolute ;
	top : 0px ;
	left : 0px ;
	width : auto ;
	height: 100% ;
	z-index : 4 ;
}

.appear{
	opacity : 0.01 ;
}
.preappear{
	opacity : 0.01 ;
}


#view_size{
	position : fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 100% ;
	z-index : -100 ; 
}


.flex{
	display: -webkit-flex;
	display: flex;
	/** justify-content: space-between; **/
	justify-content: space-around ;
	flex-wrap : wrap;
}

/**
.transforn{
	transform : translate(-50%, 0);
	-webkit-transform : translate(-50%, 0);
	-ms-transform : translate(-50%, 0);
}

.rad{
	border-radius : 5px ;
	-moz-border-radius : 5px ;
	-webkit-border-radius : 5px ;
}


.scale150{
	-webkit-transform : scale(1.0) ;
	-ms-transform : scale(1.0) ;
	transform : scale(1.0) ;
}
**/


.mid{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index : 5 ;
}


#twitter-widget-0{
	float : left ;
}
.fb-like{
	float : left ;
	font-size : 0px ;
	line-height : 20px ;
	margin-left:  4px ;
}
.linebtn{
	float : left ;
	height : 28px ;
	margin-left : 4px ;
}


.testsite_mark{
    position: fixed ;
    box-sizing : border-box ;
    bottom : -10px ;
    left : -10px ;
    width : 80px ;
    height : 80px ;
    text-align : center ;
    background-color : #FFC600;
    border : 2px solid #FFFFFF ;
    box-shadow: 0px 0px 8px rgba(0,0,0,0.25) ;
    color : #FFFFFF ;
    font-size : 16px ;
    font-weight : 900 ;
    line-height : 20px ;
    padding : 18px 10px ;
    border-radius: 50% ;
    z-index : 64 ;
}

.marker{
	background: linear-gradient(transparent 60%, #FFD600 0%);
}





.spnavi_btnbox{
	position : absolute ;
	top : 20px ;
	left : 20px ;
	width : 32px ;
	height : 32px ;
	display : none ;
}
.spnavi_bar01{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	top : -10px ;
}
.spnavi_bar02{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	bottom : -10px ;
}
.spnavi_bar03{
	width : 32px ;
	height : 32px ;
	position : absolute ;
	top : 0px ;
}
.spnavi_bar_white{
	position : absolute ;
	top : 50% ;
	left : 0% ;
	width : 100% ;
	height : 2px ;
	margin-top : -2px ;
	background-color : #FFFFFF ;
}
















/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1020px) {

html{min-width:640px;}

body{
	min-width : 640px ;
	font-size : 20px ;
}

.pc{ display : none ; }
.sp{ display : block ; }

.floatjoint{
	position : relative ;
	float : left ;
	clear : none ;
}
.floatbreak{
	position : relative ;
	float : none ;
	clear : both ;
}


/**
.scale150{
	-webkit-transform : scale(1.5) ;
	-ms-transform : scale(1.5) ;
	transform : scale(1.5) ;
}
**/



} /** endof sp **/

/* 220822追加分 */
.th-movie
{
    width: 1420px;
	padding-top:56.25%;
}

.th_movie-content
{
    width: 100%;
    padding-top: 56.25%;
    margin: 0 auto;
    position: relative;
}

.th_movie-content iframe
{
	position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
    right: 0;
    margin: auto;
}
.th_movie-title {
    margin-bottom: 30px;
}

.th_attempt,.th_movie
{
	max-width: 1420px;
    width: 100%;
	margin: 0 auto;
}
.th_attempt-contents
{
	display: flex;
    justify-content: space-evenly;
    width: 90%;
    margin: 0 auto;
	flex-wrap: wrap
}
.th_attempt-title img{
    margin: 0px auto 60px;
}

.th_movie-title img {
	margin: 140px auto 60px;
}

.th_attempt-box {
    width: 25.666667%;
    margin-bottom: 50px;
}

.th_attempt-box p {
    text-align: center;
	height: 40px;
	font-size: 16px;
	color: #0A2054;
}

.th_attempt-box img
{
	width: 100%;
}

.th_attempt-box img:nth-child(n+4)
{
	border:1px solid #d5d5d5;
}
.th_attempt-box-dd
{
	width: 40%;
}

p.th_attempt-box-s {
    margin-bottom: 20px;
}

p.th_attempt-box-top {
    margin-top: 20px;
}

.th_attempt-img
{
	border:1px solid #c7c7c7;
}
.pc_none,.bnr_sp
	{
		display: none;
	}

	.fixBtn {
		position: fixed;
		bottom: 10px;
		right: -140px;
		z-index: 10;
	}
	
	#fixCloseBtn {
		position: absolute;
		top: -5px;
		right: 135px;
		text-transform: none;
		padding: 0;
		z-index: 99999999;
		cursor: pointer;
	}
	
	.fixBtn img {
		max-width: 70%;
	}
	
@media screen and (max-width: 1020px) {

	.th_attempt-box {
		width: 48.666667%;
	}

	.th_attempt-box p {
		height: auto;
		font-size: 16px;
	}

	.th_attempt-box-s
	{
		letter-spacing: normal;
	}
	.pc_none
	{
		display: block;
	}
}


@media (max-width: 768px)
{
	.bnr_sp
	{
		display: block;
	}
	.bnr_pc
	{
		display: none;
	}
	.fixBtn {
		bottom: 10px;
		right: 0px;
	}

	.fixBtn img {
		max-width: 100%;
	}

	#fixCloseBtn {
		position: absolute;
		top: 10px;
		right: 10px;
	}

	.th_attempt-box img {
		width: 90%;
		margin: 0 auto;
	}

	p.th_attempt-box-top,
	p.th_attempt-box-s
	{
		margin: 0px;
	}

	.th_attempt-contents
	{
		justify-content: space-between;
	}

	.th_attempt-title img, .th_movie-title img
	{
		width: 90%;
	}
}