@charset  "UTF-8";
.contain { padding: 24px; }
.container2 {max-width: 990px; margin: 0 auto ;background-color: #FFF}
/* == フォントサイズ設定 ==================================== */

.graylink					{font-size:90%;line-height:140%;}
.graylink a:link				{color:#333333;}
.graylink a:visited			{color:#333333;}
.graylink a:hover				{color:#3366FF;}
.graylink a:active				{color:#3366FF;}


.graylink2					{font-size:100%;line-height:160%;}
.graylink2 a:link				{color:#333333;}
.graylink2 a:visited			{color:#333333;}
.graylink2 a:hover				{color:#3366FF;}
.graylink2 a:active				{color:#3366FF;}

.graylink_333					{font-size:100%;line-height:160%;}
.graylink2 a:link				{color:#333333;}
.graylink2 a:visited			{color:#333333;}
.graylink2 a:hover				{color:#333333;}
.graylink2 a:active				{color:#333333; background-color:#F0F0F0}


.whitelink					{color:#FFF;}
.whitelink a:link				{color:#FFF;}
.whitelink a:visited			{color:#FFF;}
.whitelink a:hover				{color:#FFF;}
.whitelink a:active				{color:#FFF;}



.jp1 {  font-size: 80%; line-height: 140%}
.jp2 {  font-size: 90%; line-height: 140%}
.jp3 {  font-size: 100%; line-height: 160%}
.jp32 {  font-size: 100%; line-height: 140%}
.jp3l {  font-size: 100%; line-height: 180%}
.jp4 {  font-size: 110%; line-height: 140%}
.jp4l {  font-size: 110%; line-height: 180%}
.jp4blue {  font-size: 110%; line-height: 140%; color: #083c9b; font-weight:bold}
.jp4whiteb {  font-size: 110%; line-height: 140%; color: #fff; font-weight:bold}
.jp2l { font-size: 90%; line-height: 160%}
.jp6 {
	font-size: 140%;
	line-height: 140%;
}
.jp8 {
	font-size: 170%;
	line-height: 140%;
}


.alart {   color: #FF0000;}
.alart2 {   color: #339966; font-weight:bold}
.orange {   color: #f46a34;}
.blue {   color: #264baa;}
.white {   color: #FFFFFF;}
.purple {   color: #561156;}
.copcolor {   color: #ce045b;}
.qa_q {
	font-size: 110%;
	line-height: 140%;
	color: #561156;
}
.yellow {   color: #957b1d;}
.gray	{color:#ccc;}

.black { color: #000}
.blackb { color: #000; font-weight:bold}

.contact {
	font-size: 90%;
	line-height: 140%;
	padding-left: 6px;
	background-color: #EFEFEF;
}

img {border: 0;}
form{margin: 0;padding: 0;}

.space10{margin: 0px;padding: 15px;}

/* ================================================ */
/* == リンク色設定 ===================================== */
/* ================================================ */

a:link			{color: #004ad3;text-decoration: none;}
a:visited		{color: #004ad3;text-decoration: none;}
a:hover		{color: #1f44e5;text-decoration: underline;}
a:active		{color: #3366FF;text-decoration: none;}





/* ================================================ */
/* == スタイル設定 ==================================== */
/* ================================================ */

body {
	margin:0;
	background-color: #F2F2F2;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",meiryo, "ＭＳ Ｐゴシック", "MS PGothic",helvetica, arial ;
	color:#333333;
}

body#index {
	margin:0;
	background-color: #FFFFFF;
	background-image:none;
	font-family:   "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",meiryo, "ＭＳ Ｐゴシック", "MS PGothic",helvetica, arial;
	color:#333333;
}

#nobg {
	margin:0;
	background-color: #FFFFFF;
	background-image:none;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",meiryo, "ＭＳ Ｐゴシック", "MS PGothic",helvetica, arial;
	color:#333333;
}

#bluebg {
	background-color: #ce045b;
	
}

/*コピーライト*/
.copyright	{
	font-family: verdana, sans-serif;
	font-size: 80%;
	color: #FFF;
	padding: 8px;
	background-color: #9B065E;
	text-align: right;
}

/*コピーライト*/
.copyline	{
	background:#333;
	color:#FFF;
	 }




/* 20120422追記 */
p.pankuzu			{font-size:80%;text-decoration: none;}




.block  {
	
	border:1px solid #ce045b;
	margin: 4px;
	padding: 15px;
	font-size: 90%;
	 border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 

}

.blockblue  {
	
	border:1px solid #3888b8;
	margin: 4px;
	padding: 15px;
	font-size: 90%;
	 border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 

}

.blockyellow  {
	
	border:1px solid #edbb03;
	margin: 4px;
	padding: 15px;
	font-size: 90%;
	 border-radius: 8px;        /* CSS3草案 */  
    -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;   /* Firefox用 */ 

}


.headpad {margin: 10px; padding: 5px;} 



 /* トップページイメージスライダー */
.topimgwrap{height:320px;}

 /* ハンバーガーメニュー */

.hmenu
{ width: 50px; height:50px; top: 0px; position:relative; cursor:pointer; }
.hmenu1
{ width:26px; height:3px; background-color:#FFF; top:15px; left:10px; position:absolute; } 
.hmenu2
{ width:26px; height:3px; background-color:#FFF; top:23px; left:10px; position:absolute; } 
.hmenu3
{ width:26px; height:3px; background-color:#FFF; top:31px; left:10px; position:absolute; }

/* ハンバーガーメニュー */


/* リンクボックス */

.link_box 
{
　background-color: white; display: block; 　border:1px solid #AAA; padding: 10px; margin:0px; 
color: #333;
}

a .link_box { background-color:#fff; color:#333;
border:1px solid #CCC; }
a:hover .link_box { background-color:#F0F0F0; color:#333; text-decoration: none;}

 
  /* イメージ中央 */
.centerimg {  display: block;
 margin-left: auto;
 margin-right: auto; }

   /* イメージマージン左 */
.m4px_left { 
 margin-left: 4px;}
 
 .mleft12 { 
 margin-left: 12px;}
 
    /* イメージマージン右下 */
.m_rb5 { 
 margin-right: 5px;
 margin-left: 0px;
  margin-bottom: 5px;}
 
 
    /* イメージマージン上下 */
.mpx_tb { 
 margin-top: 5px;
 margin-bottom: 5px;}
 
     /* イメージマージン上下左右 */
.mpx_tb_lg { 
 margin: 12px;
 }
 .pd_6 { 
 padding: 6px;
 }
 
  .pd_12 { 
 padding: 12px;
 }
 
 
    /* イメージマージン下 */
.mgbtm10 { 
 margin-bottom: 10px;}
 
     /* イメージマージン上下 */
.mpx_tb_lg2 { 
 margin-top: 12px;
 margin-bottom: 12px;}
 
  
     /* イメージマージン上下大 */
.mg_tb_24 { 
 padding-top: 24px;
 padding-bottom: 24px;}
 
   .mpx_tb_3 { 
 margin: 3px;
 padding:2px;
 }
 
 
  
 /* ボタンの左右開ける */ 
  .btnpad { 
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left:24px;
  padding-right: 24px;}
 
 
 /* 見出し */
 .selector01{
	background:#FCFCFC;
	border-left:5px solid #ce045b;
	padding:.4em .5em;
	width:98%;
	margin:5px;
	font-size:140%;
	border-bottom:1px solid #ccc;
}

 /* 下のボーダー点線 */
.dash_bottom{   
    border-bottom:1px dashed #ccc;  
    padding:.4em .4em  
}  


 /* テキスト色 */
 .green{
	color:#7EBA03;
}

.bigger {  font-size: 140%;}

 /* テキスト人文字空ける */
.chui {
 margin-left:2em;
 text-indent:-1em;
}

 /* 改行 */
.br:before {
	content: "\A" ;
	white-space: pre ;
}


 /* 中央からラインが伸びる（下） */

.naviline a {
	position: relative;
	display: inline-block;
	transition: .3s;
	color:#555;
	background-color:#FFF;
	
	
}


.naviline a::after {
	position: absolute;
	bottom: -2px;
	left: 50%;
	content: '';
	width: 0;
	height: 3px;
	background-color: #ce045b;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}


.navilineactive a {
	border-bottom:#CE025B 3px solid;
	color:#555;
	}
	
.navilineno a {
	border-bottom:#FFF 3px solid;
	color:#555;
	}

.naviline a:hover::after {
	width: 100%;
	color:#555;
	
}

.leftline {border-left: 1px solid #AAA;}
.rightline {border-right: 1px solid #AAA;}
.dropdown-toggle {background-color:#FFF;}

.dropdown-toggle a {
	position: relative;
	display: inline-block;
	transition: .3s;
	color:#555;
	background-color:#FFF;
	text-decoration: none;
	width: 100%;
	
}

.dropdown-toggle a::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 3px;
	background-color: #ce045b;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.dropdown-toggle a:hover::after {
	width: 100%;
	color:#555;
	text-decoration: none;
	
}
 /* フッタ上リンク用 */
 .footlink {
	background-color:#EFEFEF;
	padding:15px;
	color:#555;
	
}

/* Opacity #1 画像をマウスオーバーで光らせる*/
.hover11 figure img {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover11 figure:hover img {
	opacity: 0.7;
}  


/* 浮き上がるタイトル*/
.tit {
	position: relative;
	padding: .5em .75em;
	background: rgb(255,255,255); /* Old browsers */

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-bottom:solid #ccc 1px;
}
.tit::before,
.tit::after {
	position: absolute;
	bottom: 8px;
	z-index: -1;
	content: '';
	width: 30%;
	height: 50%;
	box-shadow: 0 10px 15px rgba(0, 0, 0, .3);
}
.tit::before {
	-webkit-transform: rotate(-3deg);
	transform: rotate(-3deg);
	left: .3em;
}
.tit::after {
	-webkit-transform: rotate(3deg);
	transform: rotate(3deg);
	right: .3em;
}

/* ページタイトル*/
.tit2 {
	padding: 1.5em 1em;
	border: 1px solid #ccc;
	border-bottom: 3px solid #ce045b;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

/* 左ナビタイトル*/
.tit3 {
	padding: .75em .25em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


/* .row の左右のネガティブマージンを0にする */
.row--nopadding {
  margin-left: 0;
  margin-right: 0;
}

/* .row--nopadding の中にあるカラムの左右のパディングを0にする */
.row--nopadding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.pd6 .col-md-6  .col-md-8 { padding: 6px;}
.pd6 .col-sm-6 .col-sm-8 { padding: 6px;}

.zip {
  width: 50px;
}

 
   /*角丸を入れる */
.add_formstyle {
 border-radius: 4px;
 padding:5px;
 border: thin solid #bbb;}
 
 
  form{ color:#555}