/* ////////////////////////////////////////
スマートフォン向けのスタイル：(481px)736px以下（iPhone6 Plusを横位置にすると736pxなので）
////////////////////////////////////////*/
@media screen and (max-width: 736px) {

/*cnt01【各ページタイトル共通】*/

/*cnt-inner*/
div#cnt-inner{
	width:96%;
	margin-left:auto;
	margin-right:auto;
}


div#cnt-title{
	margin-top:47px;
	margin-bottom:30px;
	border-bottom:1px solid #AAAAAA;
}

div#cnt-title h3{
	width:180px;
	border-bottom:1px solid #555555;
}


/*
======================================
パンくずリスト
======================================
*/

section#breadcrumbs-container{
	display:none;
}

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

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


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

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

/*リンクボタン*/
p#info-link a{
	background:#7F9039;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:70%;
	text-align:center;
	color:#fff;
	display:block;
	font-size:90%;
    cursor:pointer;
}

/*--------------------
論語に学び実践する会
--------------------*/
/*タイトル*/
p#event-title{
	font-size:110%;
	font-weight: bold;
	line-height: 1.6;
}

div#event-cnt{
	margin-top: 30px;
}

div#event-cnt div.event-cnt-l{
	float:left;
	width:40%;
	margin-right: 10px;
}

div#event-cnt div.event-cnt-l p{
	font-weight: bold;
}

div#event-cnt div.event-cnt-l ul{
	border:1px dotted #333;
	border-radius: 5px;
	padding:10px;
}

/*関連ページ　リストボタン*/
ul#event-list{
	margin-bottom: 25px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 25px;
}
ul#event-list li a{
	float:left;
	background:#7F9039;
	border-radius: 10px;
	margin-top:30px;
	margin-right: 10px;
	padding:10px;
	text-align:center;
	color:#fff;
	display:block;
	font-size:90%;
    cursor:pointer;
}
/*お申し込みボタン*/
p#event-link a{
	background:#7F9039;
	border-radius: 10px;
	width:80%;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	padding:10px;
	text-align:center;
	color:#fff;
	display:block;
	font-size:90%;
    cursor:pointer;
}


}


/* ////////////////////////////////////////
スマホ　iPhone5系 縦位置
////////////////////////////////////////*/
@media screen and (max-width: 400px) {/*400px以下（iPhone5系 縦位置）だった場合*/


}


/* ////////////////////////////////////////
スマホ＆タブレット適用　ランドスケープは横向きの場合のみ
////////////////////////////////////////*/
@media screen and (min-width: 568px) and (max-device-width: 736px) { /*568px（iPhone5系横位置） ～ 736px（iPhone6 Plus横位置）だった場合*/

}


/*////////////////////////////////////////
 タブレット向けのスタイル：737px ～ 768px（iPhone6 Plusを横位置にすると736pxで一番需要が多いiPadの縦位置は768pxなので）
////////////////////////////////////////*/
@media only screen and (min-width: 737px) {


/*cnt01【各ページタイトル共通】*/
section#cnt01{
	width:566px;
	margin-left:auto;
	margin-right:auto;
	margin-top:90px;
}

section#cnt01 h2#cnt-title{
	text-align:center;
	font-size:370%;
	font-family: 'Raleway', sans-serif;
	font-weight:900;
	margin-top:80px;
	margin-bottom:30px;
	color:#86B3D7;
}

section#cnt01 p.sub-title{
	margin-bottom:45px;
	font-size:90%;
	text-align:center;
}



/*
======================================
パンくずリスト
======================================
*/

section#breadcrumbs-container{
	widht:100%;
	background:#FCEFDB;
}

div#breadcrumbs-list-container{
	padding-top:3px;
	padding-bottom:3px;
}
/* クリアフィクス */
div#breadcrumbs-list-container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div#breadcrumbs-list-container {display: inline-block;}
/* MacIEの排除 \*/
* html div#breadcrumbs-list-container {height: 1%;}
div#breadcrumbs-list-container {display: block;}
/* MacIEを排除ここまで */


div#breadcrumbs-list-container li#breadcrumbs-top{
	background:url(../images/breadcrumbs-top.png) no-repeat left center !important;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:15px;
}

div#breadcrumbs-list-container li{
	float:left;
	background:url(../images/breadcrumbs-arrow.png) no-repeat left center;
	padding-left:35px;
	padding-top:5px;
	padding-bottom:5px;
	margin-right:5px;
}

div#breadcrumbs-list-container li a{
	color:#5F5F40;
}






/*cnt-inner*/
div#cnt-inner{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}


div#cnt-title{
	margin-top:47px;
	margin-bottom:30px;
	border-bottom:1px solid #AAAAAA;
}

div#cnt-title h3{
	width:180px;
	border-bottom:1px solid #555555;
}

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

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

div#info ul li{
	border-bottom:1px dotted #333!important;
	margin-bottom: 10px;
	padding-bottom: 10px;
	}
div#info ul li a{
	padding:10px;
}

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


/*リンクボタン*/
p#info-link a{
	background:#7F9039;
	border-radius: 10px;
	margin-top:30px;
	padding:10px;
	width:128px;
	text-align:center;
	color:#fff;
	display:block;
	font-size:90%;
    cursor:pointer;
}


/*--------------------
論語に学び実践する会
--------------------*/
/*タイトル*/
p#event-title{
	font-size:160%;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 1.6;
}

div#event-cnt{
	margin-top: 30px;
}

div#event-cnt div.event-cnt-l{
	float:left;
	width:30%;
	margin-right: 10px;
}

div#event-cnt div.event-cnt-l p{
	font-weight: bold;
}

div#event-cnt div.event-cnt-l ul{
	border:1px dotted #333;
	border-radius: 5px;
	padding:10px;
}

/*関連ページすリストボタン*/
ul#event-list{
	margin-bottom: 25px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 25px;
}
ul#event-list li a{
	float:left;
	background:#7F9039;
	border-radius: 10px;
	margin-top:30px;
	margin-right: 10px;
	padding:10px;
	text-align:center;
	color:#fff;
	display:block;
	font-size:90%;
    cursor:pointer;
}
/*お申し込みボタン*/
p#event-link a{
	background:#7F9039;
	border-radius: 10px;
	width:300px;
	margin-left: auto;
	margin-right: auto;
	margin-top:30px;
	padding:10px;
	text-align:center;
	color:#fff;
	display:block;
	font-size:90%;
    cursor:pointer;
}

}





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





}