@charset "UTF-8";

.clearfix:after {
	content:"";
	display:block;
	clear:both;
}
	
.clearfix {
	width:100%;
 	overflow:hidden;
}

.mb_30 {
	margin-bottom: 30px;
}

.floatL {
	float: left;
}

.floatR {
	float: right;
}


/*独自クラス（用編集）*/

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family: "メイリオ", Helvetica, Futura, Consolas, 'Lucida Console', 'Century Gothic', Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
}


body {
	background-color: #fff1f1;
}

ul {
	list-style-type: none;	
}

a {
	
}

a:hover {
	
}



/*header*/
#header {
	background: rgb(252,224,237);
	background: rgba(252,224,237,0.8);
	padding: 20px 0; 
	min-width: 1000px;

}

#header h1{
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	font-size: 50px;
	border-bottom: #ff4d88 solid 3px;
}

/*main*/
#main {
	height: 300px;
	width: 100%;
	min-width: 1000px;
	background: url(../img/main/01.jpg) center;
	background-size: cover;
}



/*footer*/
#footer{
	background: #ff4d88;
	min-width: 1000px; 
	padding: 5px 0; 	
}



#footer address{
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	color: #fff;
	text-decoration: none;
	font-style: normal;
	font-size: 10px;
}

#footer address a{
	color: #fff;
	text-decoration: none;
}




/*コンテナ内共通設定*/
#container {
	width: 1000px;
	margin: 10px auto;
}

#container h2{
	font-size: 25px;
	margin: 5px 0 20px;
}

#container p{
	line-height: 1.5;
	margin: 5px 0 20px;
}

#container .txtBox{
	margin: 50px 0;
	padding-left:30px;
	border-left: #ff4d88 10px solid;
}



#container .charmBox p{
	font-size: 12px;
}



#container h4{
	
}

#container p{
	
}



/*独自クラスここまで*/


/*汎用クラス*/

.boxCenter {
	margin: 0 auto;
}

.hidden {
	display: none;
}

.block {
	display: block;
}

.txHidden {
	display: block;
	text-indent: -10000px;
	overflow: hidden;
}

.alignR {
	text-align: right !important;
	width: inherit;
}

.alignL {
	text-align: left !important;
	width: inherit;
}

.alignC {
	text-align: center !important;
	width: inherit;
}

.textL {
	font-size: 20px;
}

.textM {
	font-size: 14px;
}

.textS {
	font-size: 10px;
}

.inline {
	display: inline
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.white {
	color: #ffffff !important;
}

.black {
	color: #000000 !important;
}

.red {
	color: #ff0000 !important;
}

.blue {
	color: #0000ff !important;
}

.green{
	color: #00ff00 !important;
}

.yellow{
	color: #ffff00 !important;
}

.pink{
	color: #ff00ff !important;
}


img { 
	border-style:none; 
	vertical-align: bottom;
} /*リンク画像の枠線を消すために記述*/

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

/*スマホ*/

@media screen and (max-width: 768px) {

	body {
		font-size: 14px;
	}

	img {
		width: 100%;
	}


	#sub_h2 {
	    min-width: 100%;
	}

	#sub_h2 h2{
	    width: 100%;
	    margin: 0 auto ;
	    font-size: 30px;
	    text-align: center;

	 }


	h3 {
		line-height: 40px;
		font-size: 18px;
	}

	h3 span{
		font-size: 14px;
	}





	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ヘッダー*/
	#header {
		padding-top: 20px;
		min-width: 100%;
		height: auto;
	}

	#header h1{
		width: auto;
		font-size: 20px;
		border-bottom: #ff4d88 solid 3px;
	}


	#main {
	    height: 200px;
	    width: 100%;
	    min-width: 100%;
	}


	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテナ*/



	#container {
		width: 100%;
		margin: 20px auto 0;
		min-height: 430px;
		padding-bottom: 35px;
	}


	#container .txtBox {
	    margin: 50px 5px;
	    padding-left: 8px;
	    border-left: #ff4d88 5px solid;
	}



	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテンツ*/

	#content {

		width: auto;
		float: none;	
	}


	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フッター*/

	#footer {
		width: auto;
		min-width: 300px;
	}

	#footer address {
		width: auto;
		text-align: center;
	}



	.floatR{
		float: none;
	}

	.floatL{
		float: none;
	}

	
}