@charset "UTF-8"; 

/* //////////////////////////////////////////////////////////////////// */ 
/* ///// PC全ページ共通CSS //////////////////////////////////////////// */ 
/* //////////////////////////////////////////////////////////////////// */ 

/* ================================================== 
font 
================================================== */ 
html {font-size: 62.5% !important;}/*基本フォントサイズ10px*/ 

body {
	background-color:fff !important;
	color:#000 !important; 
	font-size: 10px; font-size: 1.0rem !important; 
	line-height:1.8 !important; 
	letter-spacing:1px !important; 
	/*ゴシック系*/
	font-family:"Helvetica Neue",Helvetica,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif !important;
	/*font-family: 'Prata', serif;*/
	/*明朝系*/
	/*font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;*/
	 -webkit-font-smoothing: antialiased !important;
	-ms-text-size-adjust: 100% !important;
	-webkit-text-size-adjust:100% !important; /*  iPhoneの文字サイズバグの回避  */
} 

img{
	vertical-align:bottom !important;
}


#wrapper {font-size:14px; font-size:1.4rem;} 

/* ================================================== 
link 
================================================== */ 

a,
a img{
	-webkit-transition:.3s ease;
	-moz-transition:.3s ease;
	-o-transition:.3s ease;
	transition:.3s ease;
}
a:link {color:#000; text-decoration:none;} 
a:visited {color:#000; text-decoration:none;} 
a:hover {color:#000; text-decoration:none;} 
a:active {color:#000; text-decoration:none;} 

a:hover img.csshover{ 
	filter:alpha(opacity=80); 
	-moz-opacity: 0.8; 
	opacity: 0.8; 
} 



a { /* FireFoxのリンク選択時の点線を消す */ 
overflow: hidden; 
outline: none; 
} 


/* ================================================== 
base (reset) 
================================================== */ 
html { 
margin:0; 
padding:0; 
} 

body { 
	margin:0 auto; 
	padding:0; 
	position:relative; 
	text-align:center;
	background-color: #d48358;
	background-image: url(../../home/img/bg.png);
	background-position: top center;
	background-size: auto;
	background-repeat: no-repeat;
	min-width:1000px;
} 

.pc_only{
	display:block;
}

.sp_only{
	display:none;
}

@media screen and (max-width:640px){ 
body { 
width: 100% !important; 
min-width:100%; 
}

.pc_only{
	display:none;
}

.sp_only{
	display:block;
}
}

#wrapper { 
width:1000px;
min-width:1000px;
margin:0 auto;
text-align:left;
} 

@media screen and (max-width:640px){ 
#wrapper { 
width:100%;
min-width:640px;
} 
}


h1, h2, h3, h4, h5, h6, p {margin:0; padding:0; font-size:100%; font-weight:normal;} 

ul, ol {margin:0; padding:0; vertical-align:baseline; background:transparent;} 
ol, li {list-style:none;} 

img {border:none; line-height:0; font-size:0; vertical-align:bottom;} 
img, object, embed, video {max-width: 100%;} 

a { 
margin:0; 
padding:0; 
font-size:inherit; 
background:transparent; 
} 

th, td { 
font-style:normal; 
font-weight:normal; 
font-size:inherit; 
empty-cells:show; 
} 

input, select { 
vertical-align:middle; 
} 

input, textarea, select { 
font-family:inherit; 
font-size:inherit; 
font-weight:inherit; 
/*border:0;*/ 
} 

pre { 
white-space: -moz-pre-wrap; /* Mozilla */ 
white-space: -pre-wrap; /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
white-space: pre-wrap; /* CSS3 */ 
word-wrap: break-word; /* IE 5.5+ */ 
} 

* { 
-webkit-box-sizing: border-box;/* ボックス内のwidth優先 */ 
-moz-box-sizing: border-box; 
box-sizing: border-box; 
} 

/* ================================================== 
header 
================================================== */ 
#hdr{
	position:relative;
	text-align:center;
	margin:0 0 30px 0;
}
#hdr h1{
	margin:60px 0 0 0;
}


@media screen and (max-width:640px){ 
body { 
	background-image: none;
	background-color: #d38358;
} 
	

#hdr{
	height: 1190px;
	background-image: url(../../home/img/bg.png);
	background-position: top center;
	background-size: auto;
	background-repeat: no-repeat;
}
	
#hdr h1{
	margin: 0;
	padding:60px 0 0 0;
	text-align: center;
}

}

/* ================================================== 
jwave share
================================================== */ 

#snsArea #gigyaShare {
	text-align:left !important;
	position:relative;
}

#snsArea{
	position: absolute;
	right:0;
	top:520px;
}

.set_01{
	position: absolute;
	right: 0;
	top: 468px;
}

.set_02{
	position: absolute;
	right: 0;
	top: 607px;
}

.set_03{
	position: absolute;
	right: 250px;
	top: 612px;
}

.set_04{
	position: absolute;
	right: 200px;
	top: 612px;
}

.set_05{
	position: absolute;
	left: 86px;
	top: 222px;
}

#snsArea img{
text-align: right;
display: block;
margin:0 0 10px 0 !important;
}

.gig-bar-container{
	
}

.gig-button-container-google-plusone{
	margin-bottom:9px !important;
}

div.gig-button-text {
	padding: 0 3px 5px 3px !important;
}

.gig-bar-container *{
	vertical-align: baseline;
}

@media screen and (max-width:640px){ 
	
.set_03 {
    position: absolute;
    right: 132px;
    top: 580px;
}
	
.set_04 {
    position: absolute;
    right: 218px;
    top: 580px;
}
	
.set_05{
	position: absolute;
	left: 96px;
	top: 535px;
	width: 225px;
	height: auto;
}
	
	.set_06{
		position: absolute;
		bottom: -30px;
		left: 0;
		z-index: -5;
	}
	
		.spheader_list{
			margin-top: 305px;
	}
	.spheader_list li{
		display: inline-block;
		margin-right: 15px;
	}
		.spheader_list li:last-child{
		margin-right: 0;
	}
	
#snsArea{
    position: absolute;
    left: 85px;
    top: 735px;
}

 #snsArea #gigyaShare {
	text-align:left !important;
	position:relative;
}
#snsArea img {
    text-align: left;
    margin:  0 !important;
}

.gig-bar-container{
	position:absolute;
	top: 5px;
	left: 180px;
}

.gig-button-container-google-plusone{
	margin-bottom:9px !important;
}

div.gig-button-text {
	padding: 0 3px 5px 3px !important;
}

.gig-bar-container *{
	vertical-align: baseline;
}
}

/* ================================================== 
contents 
================================================== */ 


#right_area{
	float:right;
	width:280px;
	margin-top: 70px;
}

#right_area .side_sponsor{
	margin:0 0 20px 0;
}

#right_area .next_guest{
	position: relative;
	width: 280px;
	min-height: 355px;
	border: 2px solid #d9d9d9;
	background-size: contain;
	padding: 70px 0 30px;
	z-index: -2;
}

#right_area .next_icon{
	position: absolute;
	top: -17px;
	left: 60px;
	margin: auto;
	z-index: -1;
}

#right_area .next_text{
	font-size: 1.4rem;
	padding: 25px 25px 0;
}

#right_area .next_text span{
	font-size: 1.2rem;
}

#right_area .next_img{
	display: block;
	margin: 0 auto;
}

#right_area .fb{
	margin:50px 0;
}

#right_area .social_ttl{
	margin:0 0 20px 0;
}

@media screen and (max-width:640px){ 
#right_area .next_guest {
    position: relative;
    width: 600px;
	margin: 0 auto;
	    min-height: 280px;
    border: none;
    background-size: contain;
    padding: 70px 45px 30px;
    z-index: -2;
}
	
	
	#right_area .next_img,
	#right_area .next_text{
		float: left;
	}
	
	#right_area .next_text{
		width: 265px;
	}
	
	#right_area .next_text{
	font-size: 2rem;
	padding: 25px 0 25px 25px;
}

#right_area .next_text span{
	font-size: 1.8rem;
}
	
	#right_area .next_icon {

    left: 0;
    right: 0;
}
}

/* PAGETOP 
------------------------------ */ 


/* ================================================== 
footer 
================================================== */ 


/* //////////////////////////////////////////////////////////////////// */ 
/* //////////////////////////////////////////////////////////////////// */ 
/* //////////////////////////////////////////////////////////////////// */ 

/* ================================================== 
6. other 
================================================== */ 

#footer{
	background:#F34610;
	text-align:center;
	padding:40px 0 50px;
}

#footer .footer_inner{
	width:1000px;
	min-width:1000px;
	margin:0 auto;
	position:relative;
}

#footer .left_ft_img{
	position:absolute;
	top:0;
	left:40px;
}

#footer .right_ft_img{
	position:absolute;
	top:0;
	right:40px;
}

#footer .copy{
	font-size:1rem;
	padding:35px 0 0 0;
	color: #fff;
}

@media screen and (max-width:640px){ 
#footer .footer_inner{
	width:100%;
	min-width:640px;
}

#commonFooterInner{
	width:100%;
	background:#282828;
}
}

/* -------------------------------------------------- 
class指定のみでマウスオーバー効果 (base_pc.js) 
※fadeの透過時間は、base_pc.jsにて調節 
-------------------------------------------------- */ 
.swap {} /*ON/OFF　　※同ディレクトリ内にある[ 同じimg名 + _on ]の画像に変わる*/ 
.swapfade {} /*ON/OFF　　※同ディレクトリ内にある[ 同じimg名 + _on ]の画像に変わる フェード効果付き*/ 
.fade {} /*半透過*/ 
.fadefix {} /*完全透過　　※要素の背景にON画像の設定必要*/ 


/* -------------------------------------------------- 
アニメーションスクロール 
-------------------------------------------------- */ 
.scrollto {} /*jquery.scrollto.jsを利用*/ 


/* -------------------------------------------------- 
ブロック要素全体をクリックにて、ブロック要素内にあるリンク先へ遷移 (base_pc.js) 
-------------------------------------------------- */ 
.clickable { cursor:pointer;} 

/* -------------------------------------------------- 
clrfix 
フロートした子要素しかもたない親ブロック要素の高さを確立する 
-------------------------------------------------- */ 
/*親ブロック要素のclassにclrfixを追加*/ 
.clrfix:before, 
.clrfix:after { 
content:""; 
display:table; 
} 
.clrfix:after { clear:both; } 



/* //////////////////////////////////////////////////////////////////// */ 
/* //////////////////////////////////////////////////////////////////// */ 
/* //////////////////////////////////////////////////////////////////// */