@charset "utf-8";



/* paddingやborderの解散をしなくてよいCSS */
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

	
html {font-size: 62.5%;}

body{
font-size: 14px;
font-size: 1.4rem;
line-height:18px;
color: #000000;
margin:0px;
padding:0px;
font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
-webkit-text-size-adjust: 100%;/**スマホの縦と横で文字の大きさが変わらない**/
}




/************************************************************************/
/*　　　　　　　　　　 　     　　共通タグ　 　　　       　　　　　  　*/
/************************************************************************/


strong{font-weight:100;}


dl, dt, dd, ol,ul,li{
margin: 0;
padding: 0;
border: 0;
outline: 0;
list-style-type:none;
}

img {
	border: 0px;
}

p{
margin:0px;
padding:0px;
}

.clear{
clear:both;
height:0px;
visibility: hidden;
text-align:center;
background-color:#eeeeee;
}

.seo{display:none;}


/*********　clearfix　*********/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/************************************************************************/
/*　　　　　　　　　　　　      Ｈタグ　　　 　　　　　       　　　  　*/
/************************************************************************/

h1{display:none;}

h2{display:none;}

h3{display:none;}

h4{display:none;}

h5{display:none;}




/************************************************************************/
/*　　　　　　　　　　 　     　　ヘッダー 　　　       　　　　　  　　*/
/************************************************************************/


.header {
	width:100%;
	background:#ffffff;
	height: autox;
	border-bottom: 5px solid #cf105c;
	padding:10px 0px;
}

.header img{
	width:100%;
	height:auto;
}


.header_logo {
	float: left;
	width: 60%;
	margin-top:5px;
	height:auto;
	text-align:left;
}


.header_button {
	float: right;
	width: 12%;
	margin: 5px 10px 5px 5px;
}

/************************************************************************/
/*　　　　　　　　　　 　     　　メニュー　　　       　　　　　  　　*/
/************************************************************************/


.menu {
	width: 100%;
	color: #999;
	overflow: hidden;
	background-color:#ffb82c;
}

.menu li {
	width:50%;
	float:left;
	position: relative;
	text-align:center;

}


.menu a {
	font-size:16px;
	font-size:1.6rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	color: #fff;
	text-decoration: none;
	padding:15px 0px;
	border-top:1px solid #ff6aa5;
	border-left:1px solid #ff6aa5;
	border-bottom:1px solid #d40155;
	border-right:1px solid #d40155;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff77b2+0,d82d77+99 */
background: #ff77b2; /* Old browsers */
background: -moz-linear-gradient(top,  #ff77b2 0%, #d82d77 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff77b2 0%,#d82d77 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff77b2 0%,#d82d77 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff77b2', endColorstr='#d82d77',GradientType=0 ); /* IE6-9 */



}

.menu a:hover {
	border-top:1px solid #fe5252;
	border-left:1px solid #fe5252;
	border-bottom:1px solid #d30404;
	border-right:1px solid #d30404;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb8d7+1,ff81b7+100 */
background: #ffb8d7; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb8d7 1%, #ff81b7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb8d7 1%,#ff81b7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb8d7 1%,#ff81b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb8d7', endColorstr='#ff81b7',GradientType=0 ); /* IE6-9 */


}






/************************************************************************/
/*　　　　　　　　　　 　      ページタイトル　　　       　　　　　  　*/
/************************************************************************/

.page_title{
	width:100%;
	margin-bottom:20px;
}

.page_title img{
	width:100%;
	height:auto;
}



/************************************************************************/
/*　　　　　　　　　　 　     　　Ｍタイトル　　　       　　　　　  　*/
/************************************************************************/


.m_title{
	width:96%;
	padding:10px 4%;
	color:#000000;
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border-bottom:5px solid #e34182;
	background-color:#FFFFFF;
	margin:0px auto 20px auto;
	background-image:url(../img/m_title_bg.jpg);
	background-repeat:no-repeat;
-moz-background-size:contain;
background-size:contain;
}




/************************************************************************/
/*　　　　　　　　　　 　     　　SSタイトル　　　       　　　　　  　*/
/************************************************************************/

.ss_title{
	width:95%;
	padding:10px;
	color:#d06b01;
	border-bottom:1px dotted #d06b01;
	margin-bottom:30px;
    background-color:#ffffff;
}




/************************************************************************/
/*　　　　　　　　　　 　    アンダーメニュー　　　       　　　　　  　*/
/************************************************************************/



.under_menu {
	width: 100%;
	background: #ffb72c;
	color: #999;
	overflow: hidden;
}


.under_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.under_menu li {
	width:50%;
	float:left;
	position: relative;
	text-align:center;
}

.under_menu a {
	font-size:16px;
	font-size:1.6rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	color: #fff;
	text-decoration: none;
	padding:15px 0px;
	border-top:1px solid #ff6aa5;
	border-left:1px solid #ff6aa5;
	border-bottom:1px solid #d40155;
	border-right:1px solid #d40155;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff77b2+0,d82d77+99 */
background: #ff77b2; /* Old browsers */
background: -moz-linear-gradient(top,  #ff77b2 0%, #d82d77 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff77b2 0%,#d82d77 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff77b2 0%,#d82d77 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff77b2', endColorstr='#d82d77',GradientType=0 ); /* IE6-9 */

}

.under_menu a:hover {
	border-top:1px solid #fe5252;
	border-left:1px solid #fe5252;
	border-bottom:1px solid #d30404;
	border-right:1px solid #d30404;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb8d7+1,ff81b7+100 */
background: #ffb8d7; /* Old browsers */
background: -moz-linear-gradient(top,  #ffb8d7 1%, #ff81b7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffb8d7 1%,#ff81b7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffb8d7 1%,#ff81b7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb8d7', endColorstr='#ff81b7',GradientType=0 ); /* IE6-9 */


}


/************************************************************************/
/*　　　　　　　　　　 　    　ページの先頭へ　　　       　　　　　  　*/
/************************************************************************/

.pagetop_sp {
	display: none;
	position: fixed;
	bottom: 0px;
	right: 0px;
	margin-bottom:0px;
}

.pagetop_sp a {
	display: block;
	padding:20px 10px;
	background: #f04a8f;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	font-size:90%;
	font-weight:bold;
	text-decoration: none;
	opacity: 0.7;
}


.pagetop_sp a:hover {
	background: #ff96c2;
	color: #c40c59;
}




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


.footer{
	width:100%;
	background-color:#bb155a;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:20px 0px;
	text-align:center;
}

.footer A {text-decoration: none; }
.footer A:link { color: #fff;} 
.footer A:visited { color: #fff; } 
.footer A:hover { color:#FFDD00;} 
.footer A:active { color: #ff6000; }