﻿

/*facebook＋LINE@
div#s-fb-line-container{
	margin-top:25px;
	margin-bottom:25px;
	width:90px;
	margin-left: auto;
	margin-right: auto;
}
div#s-fb-line-container p{
	float:left;
	margin-right:5px;
}
div#s-fb-line-container p img{
	width:30px;
	height: auto;
	margin-right: 7px;
}
*/

/* ////////////////////////////////////////////////////////////////////////////////
スマートフォン向けのスタイル：479px以下 
////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 479px) {

/*////////////////////////////////
共通
////////////////////////////////*/
/*グローバルメニューのスクロール時にタイトルが隠れてしまうためその分の高さを確保している*/
	p.menu-margin{
		height:20px;
	}

/*アコーディオン*/
	#accordion h5{
		cursor:pointer;
		background: url(../images/plus.gif) no-repeat 90% center;
		font-size:90%;
		border-top:solid 1px #ccc;/*←borderのleftとrightを指定してしまうと画面が右にズレる*/
		border-bottom:solid 1px #ccc;
		width:97%;/*←widthを100%にしてしまうと画面が右にズレるので97%にし指定*/
		padding:10px;
	}

	#accordion h5.active{
		background-image: url(../images/minus.gif);
	}

	#accordion h5.over {
		background-color: #CAE5FC;
	}

	#accordion article{
		display:none;
		margin:0;
		font-size:90%;
		width:96%;
		margin-left:auto;
		margin-right:auto;
	}


div.h2-title h2{
	text-align:center;
	margin-top:60px;
	margin-bottom:10px;
	padding-bottom:18px;
	color:#000;
	font-size:30px;
	font-weight:bold;
}





/*--------------------------------
cnt01
--------------------------------*/

section#cnt01 article img{
	width:100%;
}

section#cnt01{
		margin-bottom:0px;
}

	

	
	div#ap{
		text-align: center;
		width: 84%;
		padding: 15px;
		margin-left: auto;
		margin-right: auto;
		border: 5px solid #ccc;
		margin-top: 50px;
	}
	

	div.ap-cnt02{
		margin-top: 20px;
		margin-bottom: 20px;
	}

	div.ap-cnt02 p{
		margin-top: 20px;
		margin-bottom: 0px;
	}
	div.ap-cnt02 p#line{
		width: 220px;
		margin-left:auto;
		margin-right:auto;
	}
	div.ap-cnt02 p a img{
		width: 100%;
		height: auto;
	}

/*--------------------------------
event
--------------------------------*/
	
section#event{
	width:94%;
	margin-left:auto;
	margin-right:auto;		
}

section#event h2{
	font-size: 160%;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
	line-height: 1.3;
	}
	
	
/*--------------------------------
歴代横綱一覧表、布引之儀、相撲甚句
--------------------------------*/

	div#blog-akashi{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 60px;
		margin-bottom: 70px;
	}
	div#blog-akashi ul li{
		float: left;
		margin-left: 5px;
		margin-right: 5px;
	}	
	div#blog-akashi ul li a{
		border: 1px solid #cbc86c;
		padding: 20px;
		background: #bb5036;
		color: #fff;
	}

/*--------------------------------
info
--------------------------------*/
section#info{
	padding:20px;
	margin-top:0px;
	margin-bottom: 30px;
}

section#info ul{
	width:98%;
	margin-left:auto;
	margin-right:auto;
}


section#info ul li{
	border-bottom:1px dotted #ccc;
	padding:10px;
}

section#info ul li span{
	font-size:90%;
	color:#999;
}

/*--------------------------------
agenda【相撲大会日程】

section#agenda{
	width:90%;
	margin-left:auto;
	margin-right:auto;
	}
	
section#agenda h2{
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:18px;
	color:#000;
	font-size:30px;
	font-weight:bold;
}

section#agenda h3{
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:18px;
	color:#000;
	font-size:18px;
	font-weight:bold;
}
*/

/*--------------------------------
gallery
--------------------------------*/

figure#gallery{
	text-align: center;
	margin-bottom: 5px;
	width:96%;
	margin-left: auto;
	margin-right: auto;
	}
	
/*----------------------
 section cnt02【概要】
----------------------*/

section#cnt02 {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

section#cnt02 article#third01 {
	height: 250px;

	background:#cfcfcf;
	color: #000;
	padding: 25px 20px 10px 20px;
	line-height: 1.5em;
}




/*--------------------------------
contact【問合せフォーム】
--------------------------------*/
section#contact {
	margin-bottom:50px;
	margin-top:60px;
}
	
section#contact h2{
	text-align:center;
	padding-bottom:18px;
	margin-bottom:10px;
	color:#000;
	font-size:26px;
	font-weight:bold;
	border-bottom:4px solid #000;
}


/*--------------------------------
access-cnt【アクセス】
--------------------------------*/
section#access-cnt{
	margin-top:0px;
}

section#access-cnt p{
	text-align: center;
	margin-top: 15px;
	}


/*--------------------------------
広告
--------------------------------*/	
section#sponsor p#ad-cnt{
	width:100%;
	margin-left: auto;
	margin-right: auto;
}

section#sponsor p#ad-cnt img{
	width:100%;
	}
	

	
section#sponsor ul{
	margin-top: 30px;
	text-align: center;
	width:92%;
	margin-left: auto;
	margin-right: auto;	
}

section#sponsor ul li{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	
	
	
	
	
}





/*////////////////////////////////////////////////////////////////////////////////
 タブレット向けのスタイル：481px ～ 
////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 481px) {

/*////////////////////////////////
共通
////////////////////////////////*/
/*アコーディオン*/

/*アコーディオン用メニュー非表示*/
#accordion h5{
	display:none;
}
/*アコーディオン（スマホ）用に非表示にしていた内容を表示*/
#accordion article{
	display:block !important;
}
/*グローバルメニューのスクロール時にタイトルが隠れてしまうためその分の高さを確保している*/
	p.menu-margin{
		height:0px;
}

div.h2-title h2{
	text-align:center;
	margin-top:80px;
	margin-bottom:10px;
	padding-bottom:18px;
	color:#000;
	font-size:30px;
	font-weight:bold;
}
	
/*--------------------------------
cnt01
--------------------------------*/
	
figure#cnt01{
	width:978px;
	margin-left:auto;
	margin-right:auto;		
}



	
div#ap{
	text-align: center;
	width: 650px;
	padding: 25px;
	margin-left: auto;
	margin-right: auto;
	border: 5px solid #ccc;
	margin-top: 50px;
}

div.ap-cnt02{
		margin-top: 0px;
		margin-bottom: 20px;
	}

	div.ap-cnt02 p{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div.ap-cnt02 p#line{
		width: 220px;
		margin-left:auto;
		margin-right:auto;
	}
	div.ap-cnt02 p a img{
		width: 100%;
		height: auto;
	}
	

/*--------------------------------
event
--------------------------------*/
	
section#event{
	width:978px;
	margin-left:auto;
	margin-right:auto;		
}

section#event h2{
	font-size: 160%;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
/*--------------------------------
歴代横綱一覧表、布引之儀、相撲甚句
--------------------------------*/

	div#blog-akashi{
		width: 370px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 80px;
	}
	div#blog-akashi ul li{
		float: left;
		margin-left: 5px;
		margin-right: 5px;
	}	
	div#blog-akashi ul li a{
		border: 1px solid #cbc86c;
		padding: 20px;
		background: #bb5036;
		color: #fff;
	}
	
/*--------------------------------
info
--------------------------------*/
section#info{
	padding:20px;
	margin-top:0px;
	margin-bottom: 100px;
}

section#info ul{
	width:90%;
	margin-left:auto;
	margin-right:auto;
}


section#info ul li{
	border-bottom:1px dotted #ccc;
	padding:10px;
}

section#info ul li span{
	font-size:90%;
	color:#999;
}

/*--------------------------------
agenda【相撲大会日程】

section#agenda{
	width:978px;
	margin-left:auto;
	margin-right:auto;
}
	
section#agenda h2{
	text-align:center;
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:18px;
	color:#000;
	font-size:30px;
	font-weight:bold;
}

section#agenda h3{
	margin-top:50px;
	margin-bottom:50px;
	padding-bottom:18px;
	color:#000;
	font-size:18px;
	font-weight:bold;
}
*/


/*--------------------------------
gallery
--------------------------------*/

figure#gallery{
	text-align: center;
	margin-bottom: 5px;
	}

/*----------------------
 section cnt02【概要】
----------------------*/

section#cnt02 {
	background: url("../images/cnt02/cnt02-bg.jpg") 50% 0 no-repeat fixed black;
	height: 550px;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

section#cnt02 article#third01 h2{
	margin-bottom: 15px;
	font-size: 160%;
	font-weight: bold;
}
	
section#cnt02 article#third01 {
	position: absolute;
	left: 700px;
	top: 100px;

	height: 220px;
	width: 560px;

	background:#000;
	opacity:0.7;
	color: white;
	padding: 20px 20px;
	line-height: 1.5em;
}



/*--------------------------------
contact【問合せフォーム】
--------------------------------*/
section#contact {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding-top: 22px;
	padding-bottom:22px;
}

section#contact h2{
	text-align:center;
	margin-top:20px;
	margin-bottom:25px;
	padding-bottom:18px;
	color:#000;
	font-size:30px;
	font-weight:bold;
}

div#contact-cnt{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
}

	
/*--------------------------------
access【アクセス】
--------------------------------*/
section#access{
}

section#access p{
	text-align: center;
	margin-top: 15px;
	}

	
	
/*--------------------------------
sponsor【スポンサー】
--------------------------------*/
	
section#sponsor{
	/*height: 150px;*/
	height:3400px;
	}


/*--------------------------------
広告
--------------------------------*/	
section#sponsor p#ad-cnt{
	width:1200px;
	margin-left: auto;
	margin-right: auto;
}

section#sponsor p#ad-cnt img{
	width:1200px;
	}

	
section#sponsor ul{
	margin-top: 30px;
	text-align: center;
	width:1200px;
	margin-left: auto;
	margin-right: auto;	
}
	
section#sponsor ul li{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
	

}

/*////////////////////////////////////////////////////////////////////////////////
PC向けのスタイル：769px～960px 
////////////////////////////////////////////////////////////////////////////////*/
@media only screen and (min-width: 769px) {

}





