body{
	line-height:1.8;
	box-sizing: border-box;
	color: #fff;
}
.vollkorn{
	font-family: 'Vollkorn', serif;
}
.sans-serif{
     font-family: serif!important;
}
a:hover img {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=50);	/* IE lt 8 */
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

a img {
    -webkit-transition: opacity 0.7s ease-out;
    -moz-transition: opacity 0.7s ease-out;
    -ms-transition: opacity 0.7s ease-out;
    transition: opacity 0.7s ease-out;
}

a:hover {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);	/* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

a {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.fade:hover {
    opacity: .7;
    -webkit-opacity: .7;
    -moz-opacity: .7;
    filter: alpha(opacity=70);	/* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
}

.fade {
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.wrap{
	overflow: hidden;
}
.wrapper{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 0 20px;
}
a{
	color:#fff;
}
.red{
	color: red!important;
}
#loader{
    width: 80px;
    height: 80px;
    display: none;
    position: fixed;
    _position: absolute;     /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -12px;       /* heightの半分のマイナス値 */
    margin-left: -12px;      /* widthの半分のマイナス値 */
    z-index: 10;             /* #fadeより多い値を入れて下さい */
}
#fade{
    width: 100%;
    height: 100%;
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;              /* #loaderより少ない値を入れて下さい */
}
.fixed {
    position: fixed!important;
    top: 0;
	bottom: auto!important;
    width: 100%;
    z-index: 10000;
	background: #fff!important;
}
.goldline_a{
	width: 100%;
	height: 3px;
	background: url('/wp/wp-content/themes/sltheme3729/img/goldline_a.gif');
}
.goldline_b{
	width: 100%;
	height: 3px;
	background: url('/wp/wp-content/themes/sltheme3729/img/goldline_b.gif');
}
.goldline_c{
	width: 100%;
	height: 2px;
	background: url('/wp/wp-content/themes/sltheme3729/img/goldline_c.gif');
}
.line{
	width: 100%;
	background: url('/wp/wp-content/themes/sltheme3729/img/line.gif') no-repeat top center;
	height: 1px;
}
.line_a{
	width: 100%;
	background: url('/wp/wp-content/themes/sltheme3729/img/line_a.png') no-repeat top center;
	height: 19px;
}
.header_logo{
	float: left;
	padding-top: 5px;
}
.header_logo img{
	height: 30px;
	margin-right: 15px;
}
.headerarea{
	width: 100%;
	background: #000;
	padding: 10px 0;
}
.headerarea_top_wrapper{
	height: 40px;
}
.header_set{
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 10;
}
.twitter_box,.lang_box,.audio_box{
	float: right;
}
.twitter_box{
	display: inline-block;
	height: 42px;
	vertical-align: top;
}
.twitter_box a{
	color: #fff;
	font-size: 24px;
	margin-right: 15px;
	display: block;
}
.audio_box{
	border: 1px solid #303030;
	background: rgba(0,0,0,0.85);
	display: inline-block;
	cursor: pointer;
	margin-right: 10px;
}
.lang_box{
	position: relative;
	display: inline-block;
	cursor: pointer;
	border: 1px solid #303030;
	background: rgba(0,0,0,0.85);
}
.lang_box img,.audio_box img{
	display: block;
}
.lang_box i{
	position: absolute;
	left: 12px;
	top: 12px;
	color: #fff;
	font-size: 14px;
}
.lang_text{
	font-size: 16px;
	line-height: 40px;
	position: absolute;
	right: 105px;
}
.lang_default{
	padding-left: 30px;
	height: 40px;
	width: 95px;
	line-height: 40px;
}
.lang_menu{
	border-top: 1px solid #303030;
	display: none;
	padding: 10px 0 10px 30px;
	line-height: 1.5;
	width: 95px;
}
.lang_menu a{
	display: block;
	text-decoration: none;
}
.link_arrow_small{
	padding-left: 25px;
	background: url('/wp/wp-content/themes/sltheme3729/img/arrow_small.png') no-repeat left top;
	line-height: 23px;
	font-size: 16px;
	text-decoration: none;
	display: block;
}
.page_pad{
	padding: 80px 0 120px;
}
.page_h1{
	margin: 0 auto 50px;
	text-align: center;
}
footer{
	position: relative;
}
.menu_ul li a p{
	display: inline-block;
}
.page_pad_top{
	padding-top: 80px;
}
.page_pad_bottom{
	padding-bottom: 120px;
}
.align_center{
	text-align: center;
}
@media only screen and (max-width: 768px) {
	.header_set {
	    position: absolute;
	    top: 48px;
	    right: 20px;
	    z-index: 10;
	}
	.headerarea_top_wrapper {
	    height: 30px;
	}
	.lang_default{
		height: 30px;
		line-height: 30px;
	}
	.twitter_box a {
	    line-height: 32px;
	}
	.header_logo img {
	    height: 20px;
	}
	.lang_box i {
	    top: 7px;
	    font-size: 12px;
	}
	.lang_text{
		line-height: 30px;
	}
	.twitter_box {
	    height: 32px;
	}
	.page_pad_bottom {
	    padding-bottom: 60px;
	}
	.page_pad_top {
	    padding-top: 50px;
	}
	.page_h1{
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 640px) {
	.bg_area .wrapper{
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media only screen and (max-width: 480px) {
	body{
		font-size:14px;
	}
	.bg_area .wrapper{
		padding-left: 20px;
		padding-right: 20px;
	}
}

/*----------------------------- clearfix -------------------------------*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.clear{
	clear: both;
}
/*----------------------------- responsive -------------------------------*/
.respd,.pk_notslideimage img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	pointer-events: none;
}
.show_640{ display: none; }
.show_480{ display: none; }
.show_768{ display: none; }
.show_960{ display: none; }

@media only screen and (max-width: 960px) {
	.show_960{ display: block; }
	.hide_960{ display: none; }
}
@media only screen and (max-width: 768px) {
	.show_768{ display: block; }
	.hide_768{ display: none; }
	body{
		font-size:13px;
	}
}
@media only screen and (max-width: 640px) {
	.show_640{ display: block; }
	.hide_640{ display: none; }
	body{
		font-size:13px;
	}
}
@media only screen and (max-width: 480px) {
	.show_480{ display: block; }
	.hide_480{ display: none; }
}

/*----------------------------- youtube -------------------------------*/
.youtubeblock{
	background: url('/wp/wp-content/themes/sltheme3729/img/movie_bg.gif') no-repeat;
	background-size: contain;
	width: 45%;
	padding: 17px;
	float: left;
}
.youtube_ctrl{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	margin: 0 auto;
}
.youtube_ctrl iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/*----------------------------- frame -------------------------------*/
.frame_inner{
	position: relative;
	padding: 40px;
}
.frame_over{
	position: relative;
	background: #000;
	border: 1px solid #b8a06e;
}
.frame_inner::before{
	content: '';
	width: 225px;
	height: 40px;
	background: url('/wp/wp-content/themes/sltheme3729/img/frame_top.png') no-repeat top left;
	background-size: 100%;
	position: absolute;
	top: -12px;
	left: -14px;
}
.frame_inner::after{
	content: '';
	width: 225px;
	height: 40px;
	background: url('/wp/wp-content/themes/sltheme3729/img/frame_bottom.png') no-repeat top left;
	background-size: 100%;
	position: absolute;
	bottom: -12px;
	right: -14px;
}
.frame_over::before{
	content: '';
	width: 40px;
	height: 116px;
	background: url('/wp/wp-content/themes/sltheme3729/img/frame_left.png') no-repeat top left;
	background-size: 100%;
	position: absolute;
	top: -12px;
	left: -14px;
}
.frame_over::after{
	content: '';
	width: 40px;
	height: 116px;
	background: url('/wp/wp-content/themes/sltheme3729/img/frame_right.png') no-repeat top left;
	background-size: 100%;
	position: absolute;
	bottom: -12px;
	right: -14px;
}
@media only screen and (max-width: 768px) {
	.frame_inner {
		padding: 25px;
	}
}
/*---------------------------- background ---------------------------*/
.bg_area{
	background: url('/wp/wp-content/themes/sltheme3729/img/bg.gif');
}
/*----------------------------- totop -------------------------------*/

.closebtn{
	text-align: center;
}
.closebtn a{
	margin: 40px auto 70px;
	display: inline-block;
}
.show_768{
	display: none;
}
.show_768_inline{
	display: none;
}
#page-top{
	z-index: 100;
}
.relative{
	position: relative;
}
.absolute{
	position: absolute;
}
@media only screen and (max-width: 768px) {
	.show_768{
		display: block;
	}
	.hide_768{
		display: none;
	}
	.hide_768_inline{
		display: none;
	}
	.show_768_inline{
		display: inline-block;
	}
}
@media only screen and (max-width: 640px) {
	.closebtn{
		width: 100%;
		height: auto;
	}
	.closebtn a{
		margin: 30px auto 50px;
	}
	#page-top{
		width: 50px;
	}
}
/*----------------------------- scrool -------------------------------*/
/*
#news ::-webkit-scrollbar{
	width: 5px;
}
#news ::-webkit-scrollbar-track{
	background: #fff;
	border: none;
	border-radius: 10px;
	box-shadow: inset 0 0 2px #777;
}
#news ::-webkit-scrollbar-thumb{
	background: #aaa;
	border-radius: 10px;
	box-shadow: none;
}
*/
#twitter ::-webkit-scrollbar{
	width: 0;
	opacity: 0;
}
