@charset 'UTF-8';
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);


.iv,.iv2 { /* スクロールエフェクト用 */
  opacity: 0;
}

/* ================================================================================

	サイトスタイル

================================================================================ */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*:before,
*:after {
	 -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	position:relative;
	color: #000000;
	background: #fff;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size:16px;
	font-weight:300;
	line-height:1.7;
	word-wrap:break-word;
	font-family:"ヒラギノ明朝 W2 JIS2004","游明朝",YuMincho,"ヒラギノ明朝 ProN W2","Hiragino Mincho ProN","HG明朝B","Sawarabi Mincho","メイリオ",Meiryo,serif;
}

#wrapper {
	position:relative;
	max-width:1920px;
	width:100%;
	margin:0 auto;
	min-height:100vh;
	display:block;
	overflow:hidden;
}

h1{
	margin:0;
	font-weight:300;
}
h2, h3, h4 {
	margin:0;
	font-weight:700;
}

img {
	vertical-align:bottom;
	-webkit-backface-visibility: hidden;
}


/* リンク：透過アクション付 */
a{
	color:#eb6981;
	opacity:1;
	transition-property:color,opacity;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
a:hover{
	color:#fc99ab;;
	opacity:0.6;
}

a img{
	opacity:1;
	transition-property:opacity;
	transition-duration:0.3s;
	transition-timing-function:ease-in-out;
	transition-delay:0s;
}
a:hover img{
	opacity:0.6;
}



 .grecaptcha-badge{
visibility: hidden !important;
}


/* ================================================================================

	display:none

================================================================================ */
/* PC
----------------------------------------------- */
@media (min-width: 768px) {

	/* SP改行消し */
	.br-pc {
		display: none;
	}
	/* SPコンテンツ消し */
	.pc_none {
		display: none;
	}

}



/* SP
----------------------------------------------- */
@media (max-width: 767px) {

	/* PC改行消し */
	.br-sp {
		display: none;
	}
	/* PCコンテンツ消し */
	.sp_none{
		display: none;
	}

}




/* ================================================================================

	フロート回り込み解除 clearfix

================================================================================ */

.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
	overflow: hidden;
	float: none;
}
.clearfix {
	display: block; /* for IE8 */
}





/* ================================================================================

	エディター共通設定

================================================================================ */

p + * {
	margin-top: 1em;
}

strong,b{
	font-weight:700;
}
big{
	font-size:larger;
}
small{
	font-size:smaller;
}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.aligncenter {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}

	.alignleft {
		float: left;
	}

	.alignright {
		float: right;
	}

	img.alignright {
		display: inline-block;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 16px;
		margin-left: 24px;
	}

	img.alignleft {
		display: inline-block;
		margin-top: 0px;
		margin-right: 24px;
		margin-bottom: 16px;
		margin-left: 0px;
	}

}



/* SP */
@media (max-width: 767px) {
	/* youtube siteorigin */
	.youtube-player{
		width:100%;
		height:280px;
		margin-top:16px;
	}
}



/* ================================================================================

	PC表示左右入れ替え

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.pc_lr {
		display: block !important;
		overflow: auto;
	}
	.pc_lr > div:nth-of-type(1) {
		float: right;
	}
	.pc_lr > div:nth-of-type(2) {
		float: left;
	}
}





/* ================================================================================

	その他

================================================================================ */


/* SP */
@media (max-width: 767px) {
	body{
		font-size: 3.7vw;
	}
	img {
		max-width: 100%;
		margin: 0 auto;
		display: block;
	}
	h1, .h1 {
		font-size: 19px;
	}
	h2, .h2 {
		font-size: 18px;
	}
	h3, .h3 {
		font-size: 17px;
	}
	h4, .h4 {
		font-size: 16px;
	}
	h5, .h5 {
		font-size: 14px;
	}
	h6, .h6 {
		font-size: 11px;
	}
	p {
		font-size: 3.7vw;
	}
}




/* ================================================================================

	PCヘッダー

================================================================================ */
@media (min-width: 768px) {

/* PC設定
----------------------------------------------- */

	main{
		position:relative;
		z-index: 0;
	}
	header{
		position:relative;
		max-width:1920px;
		width:100%;
		z-index:1000;
	}




/* H1
----------------------------------------------- */
	.sp_h1 {
		display:none;
	}
	.h_tel_sp,
	.h_mail_sp{
		display:none;
	}


	.pc_h1 {
		position:relative;
		max-width:1100px;
		width:100%;
		margin:0 auto;
		z-index:9999;
	}
	.pc_h1 h1 {
		position:absolute;
		font-size: 12px;
		color:#ec6882;
	}



/* ヘッダーインフォメーション
----------------------------------------------- */
	.h_info{
		position:relative;
		max-width:1100px;
		width:100%;
		margin:0 auto;
		z-index:9999;
	}
	.h_info_in{
		position:absolute;
		background:url(../img/bg_h_tel.png) center top no-repeat;
		width:245px;
		height:97px;
		right:0;
	}
	.h_tel{
		padding:5px 0px 0px 33px;
	}
	.h_mail{
/* 		margin-top:-5px; */
		padding:0px 0px 0px 57px;
	}






/* グローバルナビゲーション
----------------------------------------------- */
	#globalnav_wrap{
		position:relative;
		max-width:1920px;
		width:100%;
		height:200px;
		margin:0 auto;
		background-color:#ffffff;
	}

	.h_logo{
		width:297px;
		margin:0 auto;
	}
	.h_logo img{
		padding:42px 0 13px;
	}


	/* ついてくるナビ */
	#globalnav{
		padding-top:8px;
		background-color:rgba(255,255,255,0.8);
		max-width:1920px;
		width:100%;
		height:64px;
		z-index:10001;
	}
	#globalnav > ul {
		position: absolute;
		left:50%;
		margin-left:-590px;
		width:1180px;
		height:64px;
		z-index:10002;
	}
	#globalnav > ul > li {
		float: left;
		position: relative;
	}

	#globalnav > ul > li:nth-of-type(1) > a{
		background:url(../img/navi01.png) center top no-repeat;
		width:70px;
		height:52px;
		display:block;
		text-indent:-9999px;
	}
	#globalnav > ul > li:nth-of-type(2) > a{
		background:url(../img/navi02.png) center top no-repeat;
		width:140px;
		height:64px;
		display:block;
		text-indent:-9999px;
	}
	#globalnav > ul > li:nth-of-type(3) > a{
		background:url(../img/navi03.png) center top no-repeat;
		width:130px;
		height:64px;
		display:block;
		text-indent:-9999px;
	}
	#globalnav > ul > li:nth-of-type(4) > a{
		background:url(../img/navi04.png) center top no-repeat;
		width:127px;
		height:64px;
		display:block;
		text-indent:-9999px;
	}
	#globalnav > ul > li:nth-of-type(5) > a{
		background:url(../img/navi05.png) center top no-repeat;
		width:184px;
		height:64px;
		display:block;
		text-indent:-9999px;
	}
	#globalnav > ul > li:nth-of-type(6) > a{
		background:url(../img/navi06.png) center top no-repeat;
		width:225px;
		height:64px;
		display:block;
		text-indent:-9999px;
	}
	#globalnav > ul > li:nth-of-type(7) > a{
		background:url(../img/navi07_2.png) center top no-repeat;
		width:135px;
		height:64px;
		display:block;
		text-indent:-9999px;
	}
	#globalnav > ul > li:nth-of-type(8) > a{
		background:url(../img/navi08.png) center top no-repeat;
		width:78px;
		height:64px;
		display:block;
		text-indent:-9999px;
	}
	#globalnav > ul > li:nth-of-type(9) > a{
		background:url(../img/navi09.png) center top no-repeat;
		width:91px;
		height:64px;
		display:block;
		text-indent:-9999px;
	}


	/* ドロップメニュー */
	#dropmenu > li > ul{
		list-style:none;
		position:absolute;
		z-index:99999;
		top:100%;
		margin:0;
		padding:10;
	}
	#dropmenu > li > ul > li{
		overflow:hidden;
		height:0;
		color:#7149b4;
		transition:0.2s;
	}

	#dropmenu > li:nth-of-type(4) > ul > li{
		width:173px;
	}
	#dropmenu > li:nth-of-type(5) > ul > li{
		width:183px;
	}
	#dropmenu > li:nth-of-type(7) > ul > li{
		width:189px;
	}

	#dropmenu > li > ul > li > a{
		padding:13px 15px;
		background:rgba(236,104,130,0.9);
		text-align:center;
		font-size:14px;
		font-weight:700;
		color:#ffffff;
		display:block;
		border-bottom:1px dashed #efd0e0;
	}
	#dropmenu > li > ul > li:last-child > a{
		border-bottom:none;
	}
	#dropmenu > li:hover > ul > li{
		overflow:visible;
		height:100%;
	}


}




/* ================================================================================

	SPヘッダー

================================================================================ */
@media (max-width: 767px) {

	header{
		position:relative;
	}

	.h_info{
		display:none;
	}

/* H1
----------------------------------------------- */
	.pc_h1{
		display:none;
	}
	.sp_h1 {
		background-color:#e5f7fc;
		padding:8px;
	}
	.sp_h1 h1 {
		font-size: 2.7vw;
		line-height:1.3;
		color:#2276ab;
	}

	.h_tel_sp{
		display: none;
	}
	.h_tel_sp a{
		display:block;
		background-color:#ffecbe;
		padding:1vw;
		font-size: 5vw;
		color:#cc9100;
		text-align:center;
	}

	.h_mail_sp{
	}
	.h_mail_sp ul{
		overflow:hidden;
	}
	.h_mail_sp ul li:nth-of-type(1){
		float:left;
/* 		width:50%; */
		width: 100%;
	}
	.h_mail_sp ul li:nth-of-type(2){
		float:right;
		width:50%;
		border-left:1px solid #ffffff;
	}
	.h_mail_sp a{
		display:block;
		background-color:#fde3e8;
		padding:1.5vw;
		font-size:3.2vw;
		color:#ff7390;
		text-align:center;
		line-height: 1.4;
		min-height: 12vw;
	}
	.h_mail_sp ul li:nth-of-type(2) a {
		padding: 3.5vw 0;
	}


/* グローバルナビゲーション
------------------------------------------- */

	#globalnav_wrap{
		display:none;
	}



}








/* ================================================================================

	ドロワーメニュー

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.sp_logo_wrap,
	.sp_drawer{
		display:none;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.sp_logo_wrap{
		background-color:#ffffff;
		width:100%;
		height:88px;
		display:table;
	}
	.sp_logo{
		display:table;
		height:88px;
		padding:0 8px;
	}
	.sp_logo a{
		display:table-cell;
		text-align:left;
		vertical-align:middle;
	}
	.sp_logo a img{
		width:auto;
		height:44px;
	}


	.drawer-nav{
		background-color:#ffffff !important;
		z-index:9999 !important;
	}
	.drawer-hamburger{
		color:#ec6882;
		background-color:rgba(251,208,216,0.6) !important;
		padding:18px 18px 14px 18px !important;
		margin:8px;
		border-radius:100px;
		z-index:9999 !important;
	}
	.drawer-hamburger-icon,
	.drawer-hamburger-icon:before,
	.drawer-hamburger-icon:after{
		background-color:#ec6882 !important;
	}
	.drawer-open .drawer-hamburger-icon{
		background-color:transparent !important;
	}
	.drawer-hamburger span.drawer-hamburger-p{
		font-size:12px;
		padding-top:12px;
		display:block;
	}
	.drawer-nav > ul{
	}
	/* .drawer-nav > ul > li{
		line-height:2.5;
	} */
	.drawer-nav a{
		background-color:#ec6882;
		font-size:16px;
		color:#ffffff;
		display:block;
		padding: 5px 16px 5px 34.7px;
		text-decoration: none;
		border-bottom: 1px solid;
		text-indent: -0.7em;
	}
	.drawer-nav > ul > li:first-child a{
		border-top:1px solid;
	}
	.drawer-nav a span{
		font-size:11px;
		color:#ffeb8f;
		margin-left:8px;
	}


	.nav_tel a{
		background-color:#68afec;
		font-size:20px;
	}
	.nav_map a{
		background-color:#68afec;
	}
}








/* ================================================================================

	サイドバナー

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.side_merumaga{
		position:fixed;
		left:0;
		bottom:28px;
		z-index:9999999999999999;
	}
	.side_merumaga img{
		width:80px;
		height:auto;
	}


	.side_blog{
		position: fixed;
		right: 0;
		bottom: 247px;
		z-index: 9999999999999999;
	}
	.side_blog img{
		width:80px;
		height:auto;
	}
	
	.side_mail{
		position: fixed;
		right: 0;
		bottom: 130px;
		z-index: 9999999999999999;
	}
	.side_mail img{
		width:80px;
		height:auto;
	}

	.messe-botan{
		position: absolute;
		z-index: 10000;
		left: 50%;
		width: 122px;
		height: 115px;
		margin-top: 662px;
		margin-left: 329px;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.side_merumaga,
	.side_blog,.side_mail{
		display:none;
	}
	.messe-botan{
		position: absolute;
		z-index: 9999;
		left: 50%;
		width: 122px;
		height: 115px;
		margin-top: 80vw;
		left: 25px;
	}
	
	.messe-botan img{
		width: 85%;
	}
}





/* ================================================================================

	フッター

================================================================================ */

/* PC */
@media (min-width: 768px) {
	footer {
		position:relative;
		clear: both;
	}


	/* SP用フッターリンク */
	.f_navi_sp{
		display:none;
	}

	/* PC用フッターリンク */
	.f_navi_pc{
		padding:16px 0;
		background-color:#fedde7;
		text-align:center;
		line-height:2;
	}
	.f_navi_pc p{
		color:#4f2e2e;
		letter-spacing:2px;
	}
	.f_navi_pc p a{
		color:#4f2e2e;
	}

	/* 【固定ページ】フッター：基本情報 */
	.f_kotei{
		padding:23px 0 46px 0;
	}
	.f_kotei .panel-grid{
		display:block !important;
	}
	.f_wrap{
		width:1180px;
		margin:0 auto;
	}


  .f_about{
    text-align: center;
    color: #1c308e;
    padding: 0 0 23px 0;
	}
	.f_left{
/* 		float:left; */
		color:#4f2e2e;
		width:590px;
		margin: 0 auto;
		text-align:center;
		border-right:1px dotted #fedde7;
	}
	.f_right{
		float:right;
		width:590px;
		text-align:center;
	}



	.f_logo{
		margin-bottom:32px;
	}
	.f_tel{
		margin-bottom:24px;
		pointer-events:none;
	}
	.f_left a,
	.f_right a{
		color:#4f2e2e;
	}


	/* シェアボタン */
	footer .addtoany_shortcode > div{
		display:none;
	}


	/* コピーライト */
	.f_copy{
		background-color:#e5f7fc;
		padding: 20px 0;
	}
	.f_copy p {
		font-size:11px;
		text-align:center;
	}
	
	.policy_box {
		text-align: center;
		font-size: 13px;
		margin-top: 5px;
	}

}

/* SP */
@media (max-width: 767px) {
	footer {
	}


	/* PC用フッターリンク */
	.f_navi_pc{
		display:none;
	}


	/* SP用フッターリンク type01 ※ボーダー下線のタイプ
	------------------------------------------- */
	.f_navi_sp ul{
		margin:0 auto;
		overflow:auto;
		padding:20px 16px;
		background-color:#fedde7;
	}

	.f_navi_sp ul li{
		float:left;
		width:48%;
		padding:6px 8px;
		border-bottom:1px solid #4f2e2e;
	}
	.f_navi_sp ul li:nth-of-type(2n-1){
		margin-right:2%;
	}
	.f_navi_sp ul li:nth-of-type(2n){
		margin-left:2%;
	}
	.f_navi_sp ul li a{
		display:block;
		font-size:3vw;
		color:#4f2e2e;
		text-decoration:none;
		text-align:center;
	}

	/* SP用フッターリンク type02 ※ボタンタイプ
	------------------------------------------- */
	/*
	.f_navi_sp ul{
		margin:0 auto;
		overflow:auto;
		padding:0 0 14px;
		padding-top:20px;
	}
	.f_navi_sp ul li{
		float:left;
		width:50%;
	}
	.f_navi_sp ul li:nth-of-type(2n-1){
		width:50%;
		padding-right: 1px;
	}
	.f_navi_sp ul li a{
		background-color: #4f2e2e;
		color: #ffffff ;
		display: block;
		font-size: 14px;
		font-weight:700;
		text-decoration: none;
		padding: 12px 0;
		margin-bottom: 1px;
		text-align:center;
	}
	.f_navi_sp ul li a:hover{
		background-color: 624141;
	}
	*/
	/* ボタンが奇数の場合
	.f_navi_sp ul li:first-child{
		width:100%;
	}
	.f_navi_sp ul li:nth-of-type(2n){
		width:50%;
		padding-right: 1px;
	}
	*/







	/* 【固定ページ】フッター：基本情報 */
	.f_kotei{
		padding:16px 0 0;
	}
	.f_kotei .panel-grid{
		display:block !important;
	}
	.f_wrap{
		margin:0 auto;
	}

  .f_about{
    text-align: center;
    color: #1c308e;
    padding: 0 10px 10px 10px;
	}
  .f_left{
		color:#4f2e2e;
		text-align:center;
		padding-bottom:24px;
		border-bottom:1px dotted #fedde7;
		margin-bottom:24px;
	}

	.f_right{
		color:#4f2e2e;
		text-align:center;
		margin-bottom:24px;
	}


	.f_logo{
		margin-bottom:24px;
	}
	.f_logo img{
		max-width: 300px;
		width:100%;
		height:auto;
	}

	.f_tel{
		margin-bottom:16px;
	}
	.f_tel img{
		width:200px;
		height:auto;
	}

	.f_left a
	.f_right a{
		color:#4f2e2e;
	}




	/* シェアボタン */
	footer .addtoany_shortcode > div{
		text-align:center;
		display:block;
		padding:8px 0;
	}


	/* コピーライト */
	.f_copy{
		padding: 3vw 0 5vw;
		background-color: #e5f7fc;
	}
	.f_copy p{
		font-size: 2.8vw;
		text-align: center;
	}
	
	.policy_box {
		text-align: center;
		font-size: 3.2vw;
		margin-top: 2vw;
	}
	
	
}





/* ================================================================================

	ページトップボタン

================================================================================ */

/* PC */
@media (min-width: 768px) {
	#page-top {
		position: fixed;
		z-index: 9999;
		right: 10px;
	}
	#page-top a {
		background-image: url(../img/pagetop_off.png);
		background-size:contain;
		width: 80px;
		height: 80px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
		background-image: url(../img/pagetop_on.png);
	}
}

/* SP */
@media (max-width: 767px) {
	#page-top {
		position: fixed;
		z-index: 9999;
		bottom: 0px;
		right: 8px;
	}
	#page-top a {
		background-image: url(../img/pagetop_off.png);
		background-size:contain;
		width: 60px;
		height: 60px;
		display: block;
		text-indent: -9999px;
	}
	#page-top a:hover {
		background-image: url(../img/pagetop_on.png);
	}
}





/* ================================================================================

	パンくずリスト

================================================================================ */
	#breadcrumb{
		padding:8px 0;
		background-color:transparent;
	}
	#breadcrumb > ul > li {
		font-size: 14px;
		display:inline-block;
	}
	#breadcrumb > ul > li + li:before {
		padding: 0 5px;
		color: #000000;
		content: '>';
	}
	#breadcrumb > ul > li > a {
		color: #000000;
	}


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#breadcrumb {
		position:relative;
		max-width:1920px;
		width:100%;
		background:url(../img) left top repeat;
	}

	#breadcrumb > ul{
		position:relative;
		max-width:1000px;
		width:100%;
		margin:0 auto;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#breadcrumb {
		position:relative;
		background:url(../img) left top repeat;
		background-size: ;
	}

	#breadcrumb > ul{
		position:relative;
		width:100%;
		padding:0 16px;
	}
}





/* ================================================================================

	ページネーション

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.wp-pagenavi{
		text-align:center;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.wp-pagenavi{
		float:none !important;
		font-size:12px !important;
	}
	.wp-pagenavi span,
	.wp-pagenavi a{
		display:block;
		float:left;
		margin-bottom:4px;
	}
}





/* ================================================================================

	Wp Lightbox Bank プラグイン

================================================================================ */
#lightGallery-outer{
	background-color:rgba(0,0,0,0.8) !important;
}





/* ================================================================================

	Addtoanyボタン

================================================================================ */
.addtoany_shortcode{
	padding-top:8px;
}



/* ================================================================================

	告知版

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	/* .merumaga01{
		margin-bottom:20px;
	} */

	.merumaga_text{
		margin-bottom:16px;
	}
	.merumaga_text p{
		font-size:18px;
		text-align:center;
	}
	.merumagabox{
		background-color:#e9f0f9;
		border:4px solid #dce5f2;
		border-radius:8px;
		padding:40px;
		width:1000px;
		margin: 0px auto;
        position: relative;
        z-index: 99999;
	}
	.merumagabox h3{
		font-size:19px;
		margin-bottom:16px;
	}

	.mailpoet_submit{
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;

		width:140px;
		background-color:#3f88b6;
		color:#ffffff;
		font-size:18px;
		padding:8px 20px;
		font-family:"ヒラギノ明朝 W2 JIS2004","游明朝",YuMincho,"ヒラギノ明朝 ProN W2","Hiragino Mincho ProN","HG明朝B","Sawarabi Mincho","メイリオ",Meiryo,serif;

		opacity:1;
		transition-property:color,opacity;
		transition-duration:0.3s;
		transition-timing-function:ease-in-out;
		transition-delay:0s;
		cursor: pointer;
	}
	.mailpoet_submit:hover{
		opacity:0.6;
	}



	#grief{
		padding-top:100px;
	}
	#grief .merumagabox{
		background-color:#fedde7;
		border:4px solid #f7d2dd;
	}
	#grief .mailpoet_submit{
		background-color:#dc5b7a;
	}
	
	/* h2見出し
	----------------------------------------------- */
	.title_h2{
		background:url(../img/title_h2.png) center top no-repeat;
		height:86px;
		padding-top:16px;
		margin-bottom:24px;
	}
	.title_h2 h2{
		font-size:30px;
		color:#ffffff;
		font-family: "ヒラギノ明朝 W2 JIS2004";
	}
	
	
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {

	.merumaga01{
		margin-bottom:50px;
	}

	.merumaga_text{
		margin-bottom:16px;
	}
	.merumaga_text p{
		font-size:16px;
	}
	.merumagabox{
		background-color:#e9f0f9;
		border:4px solid #dce5f2;
		border-radius:8px;
		padding:24px;
        position: relative;
        z-index: 99999;
	}
	.merumagabox h3{
		font-size:16px;
		margin-bottom:16px;
	}

	.mailpoet_submit{
		margin: 0;
		padding: 0;
		background: none;
		border: none;
		border-radius: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;

		width:140px;
		background-color:#3f88b6;
		color:#ffffff;
		font-size:18px;
		padding:8px 20px;
		font-family:"ヒラギノ明朝 W2 JIS2004","游明朝",YuMincho,"ヒラギノ明朝 ProN W2","Hiragino Mincho ProN","HG明朝B","Sawarabi Mincho","メイリオ",Meiryo,serif;

		opacity:1;
		transition-property:color,opacity;
		transition-duration:0.3s;
		transition-timing-function:ease-in-out;
		transition-delay:0s;
		cursor: pointer;
	}
	.mailpoet_submit:hover{
		opacity:0.6;
	}



	#grief{
		padding-top:40px;
	}
	#grief .merumagabox{
		background-color:#fedde7;
		border:4px solid #f7d2dd;
	}
	#grief .mailpoet_submit{
		background-color:#dc5b7a;
	}
	
		/* h2見出し
	----------------------------------------------- */
	.title_h2{
		background:#ecacc4;
		padding:16px 8px;
		margin-bottom:24px;
		margin-top:24px;
	}
	.title_h2 h2{
		font-size:18px;
		color:#ffffff;
		line-height:1.3 !important;
	}
	
}