@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Oswald:500);

@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}

html { font-size: 62.5%; }
body { font-family: Verdana /*"游ゴシック体", YuGothic, "YuGothic M" "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo*/, sans-serif; }
strong { font-weight: bold; }


/*"游ゴシック体", YuGothic, "YuGothic M",*/

/*
textLv1・・・2.0rem
textLv2・・・1.8rem
textLv3・・・1.6rem
textLv4・・・1.4rem
textLv5・・・1.2rem
*/

/* module
------------------------------------------------------------------------*/
	.clearfix:after { content: "";  clear: both;  display: block; }
	#mainNav { margin-top: 90px!important; }
	.mt10 { margin-top: 10px!important; }
	.mt20 { margin-top: 20px!important; }
	.mt50 { margin-top: 50px!important; }
	.mb10 { margin-bottom: 10px!important; }
	.mb15 { margin-bottom: 15px!important; }
	.mb20 { margin-bottom: 20px!important; }
	.mb30 { margin-bottom: 30px!important; }
	.mr10 { margin-right: 10px!important; }
	.pt30 { padding-top: 20px!important; }
	a { text-decoration: none; }
	.tc { text-align: center!important; }
	.red { color: #ff0000; }
    .blue { color: #28a0ff; }
    .green { color: #02b356; }
	.strong { font-weight: bold; }
	.small { font-size: 1.2rem; }
    .small2 { font-size: 1.4rem; color: #000!important; font-weight: normal!important; }
	.clear { clear: both; }
	.linkText { color: #7c370a; text-decoration: underline; }


@media screen and (min-width: 768px) {
	.fl { float: left; }
	.fr { float: right; }
	.pl10 { padding-left: 10px!important; }
	#pageTop { display: none; position: fixed; bottom: 30px; right: 30px; z-index: 10000; text-indent: -9999px; }
	#pageTop a { display: block; width: 90px; height: 154px; background: url(../images/common/pagetop.png) 0 0 no-repeat; }
	#pageTop a:hover { }
	
	
	/* テキスト設定 */
	.textLv1 { font-size: 2.0rem; line-height: 1.6; }
	.textLv2 { font-size: 1.8rem; line-height: 1.6; }
	.textLv3 { font-size: 1.6rem; line-height: 1.8; }
	.textLv4 { font-size: 1.4rem; line-height: 1.6; }
	.textLv5 { font-size: 1.2rem; line-height: 1.6; }
	
	/* ボタン関連 */
	.btn { display: inline-block; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; font-size: 1.4rem; line-height: 1.4; }
    .btn2 { display: block; width: 360px;}
	.btn.top  { background: #a67d61; }
	.btn.back { background: #7c370a; }
	.btn.next { background: #7c370a; }
	.btn a { display: block; padding: 10px; color: #fff; font-weight: bold; }
	.btnSingle,
	.btnDouble { padding-top: 25px; background: url(../images/common/border.png) 0 0 repeat-x; }
	.btnDouble li.top,
	.btnDouble li.back { float: left; }
	.btnDouble li.next { float: right; }
	.arrowR { position: relative; display: inline-block; padding: 0 23px 0 10px; }
	.arrowR:before { content: ''; width: 20px; height: 20px; background: #debc6a; border-radius: 50%; position: absolute; top: 50%; right: 10px; margin-top: -10px; }
	.arrowR:after  { content: ''; width: 0; height: 0; border: solid 5px transparent; border-left: solid 8px #7c370a; position: absolute; top: 50%; right: 10px; margin-top: -5px; }
	.arrowL { position: relative; display: inline-block; padding: 0 10px 0 23px; }
	.arrowL:before { content: ''; width: 20px; height: 20px; background: #debc6a; border-radius: 50%; position: absolute; top: 50%; left: 10px; margin-top: -10px; }
	.arrowL:after  { content: ''; width: 0; height: 0; border: solid 5px transparent; border-right: solid 8px #7c370a; position: absolute; top: 50%; left: 10px; margin-top: -5px; }
	.top .arrowL { position: relative; display: inline-block; padding: 0 10px 0 23px; }
	.top .arrowL:before { content: ''; width: 20px; height: 20px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 10px; margin-top: -10px; }
	.top .arrowL:after  { content: ''; width: 0; height: 0; border: solid 5px transparent; border-right: solid 8px #9b6b4b; position: absolute; top: 50%; left: 10px; margin-top: -5px; }
    
    .btn2 { display: block!important; width: 360px; }

/*	.new { padding-left: 50px; background: url(../images/common/icon_new.png) left center no-repeat; background-size: 55px 55px; min-height: 55px; }*/

	.doubleList { width: 416px; }
	.doubleList .odd { float: left; }
	.doubleList .even { float: right; }

	.itemIntro { margin-bottom: 40px; }
	.itemIntro dt { float: right; width: 365px; }
	.itemIntro dt img { width: 100%; height: auto; }
	.itemIntro dd { float: left; padding-right: 10px; width: 515px; box-sizing: border-box; }
	.itemIntro dd p { padding-left:10px; font-size: 1.6rem; line-height: 1.8; }

	.itemDouble .itemInner { width: 416px; }
	.itemDouble .itemInner.odd { float: left; }
	.itemDouble .itemInner.even { float: right; }
	.itemDouble .itemInner dt img { width: 100%; height: auto; }
	.item { margin-bottom: 40px; }
	.item dt { margin-bottom: 15px; }
	.item dd { margin-bottom: 15px; }
	
	/* グラデーション */
	.section .rare1 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #522c10), color-stop(0.00, #a75a22)); background: -webkit-linear-gradient(#a75a22, #522c10); background: -moz-linear-gradient(#a75a22, #522c10); background: -o-linear-gradient(#a75a22, #522c10); background: -ms-linear-gradient(#a75a22, #522c10); background: linear-gradient(#a75a22, #522c10); }
	.section .rare2 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #690000), color-stop(0.00, #eb0000)); background: -webkit-linear-gradient(#eb0000, #690000); background: -moz-linear-gradient(#eb0000, #690000); background: -o-linear-gradient(#eb0000, #690000); background: -ms-linear-gradient(#eb0000, #690000); background: linear-gradient(#eb0000, #690000); }
	.section .rare3 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #175991), color-stop(0.00, #3db8ff)); background: -webkit-linear-gradient(#3db8ff, #175991); background: -moz-linear-gradient(#3db8ff, #175991); background: -o-linear-gradient(#3db8ff, #175991); background: -ms-linear-gradient(#3db8ff, #175991); background: linear-gradient(#3db8ff, #175991); }
	.section .rare4 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7d6d16), color-stop(0.00, #ddc72a)); background: -webkit-linear-gradient(#ddc72a, #7d6d16); background: -moz-linear-gradient(#ddc72a, #7d6d16); background: -o-linear-gradient(#ddc72a, #7d6d16); background: -ms-linear-gradient(#ddc72a, #7d6d16); background: linear-gradient(#ddc72a, #7d6d16); }
	.section .rare5 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #5a5a5a)); background: -webkit-linear-gradient(#5a5a5a, #000000); background: -moz-linear-gradient(#5a5a5a, #000000); background: -o-linear-gradient(#5a5a5a, #000000); background: -ms-linear-gradient(#5a5a5a, #000000); background: linear-gradient(#5a5a5a, #000000); }
	
	
	.section { position: relative; margin: 0 auto; width: 880px; box-sizing: border-box;}
	.section h3 { position: relative; margin: 45px 0 20px; padding: 0 10px 0 75px; background: #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 1.8rem; line-height: 46px; }
	.section h3.adjust { margin-top: 14px; }
	.section h3.icon01 span { position: absolute; top: -40px; left: -25px; }
	.section h3.icon02 span { position: absolute; top: -20px; left: -10px; }
	.section h3 + p { padding: 0 0 0 10px; font-size: 1.6rem; line-height: 1.6; }
	
	.section .titleLv1 { position: relative; margin: 0 0 25px 0; padding: 0 10px 0 75px; background: #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 1.8rem; line-height: 46px; }
	.section .titleLv1.orange { background: #e96800; }
	.section .titleLv1.beige { background: #b8943d; }

	.section .titleLv1 img { position: absolute; top: -12px; left: 0; width: auto; height: 70px; }
	.section .titleLv2 { margin: 0 0 15px 0; padding: 8px 18px; background: #ffee31; border: 4px solid #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #7c370a; font-weight: bold; font-size: 1.6rem; line-height: 1.5; }
	.section .titleLv3 { margin: 0 0 15px 0; padding: 8px 18px; background: #e96800; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 1.6rem; }
	.titleAdjust { line-height: 50px!important }
	
	.sectionInner { padding: 25px; background: rgba(255,246,114,0.55); box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
	.sectionInner h4 { padding: 15px; background: #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 1.6rem; }
	.sectionInner h4.caution { padding-left: 42px; background: #7c370a url(../images/common/icon_caution.png) 10px center no-repeat; background-size: 26px auto; }
	.sectionInner h5 { margin: 15px 0 0 -10px; color: #7c370a; font-size: 1.6rem; font-weight: bold; }
	.sectionInner h5.border { margin-top: 25px; padding-top: 30px!important; background: url(../images/common/border.png) left top repeat-x; }
	
	.textList { margin-top: 15px; }
	.textList li { font-size: 1.4rem; text-indent: -1.0em; padding-left: 1.0em; line-height: 1.6; }
	.textList li:before { content: "●"; color: #7c370a; }

	.detailInner { display: table; margin: 0 0 27px 15px; padding: 0 0 30px 0; background: url(../images/common/border.png) left bottom repeat-x; box-sizing: border-box; }
	.detailInner.noBorder { margin-bottom: 0; background: none!important; }


	.navCategory {	position: absolute; padding-right: 5px; top: 8px; right: 10px; z-index: 10000; font-size: 1.4rem; font-weight: bold; width: 225px; background: #fff;/*#ffee31;*/ color: #7c370a; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
	.navCategory dt { padding: 8px 10px; cursor: pointer; background: url(../images/monstarcard/arrow_rare1.png) right center no-repeat; }
	.navCategory dd { display: none; }
	.navCategory dd { margin: 0 5px 10px 10px; }
	.navCategory ul { border-bottom: 1px solid #fff; }
	.navCategory li { border: 1px solid #fff; border-bottom: none; }
	.navCategory li a { position: relative; display: block; padding: 12px 10px; color: #fff; font-weight: normal; background: #7c370a; font-size: 1.4rem; }
	.navCategory li a:hover { background: #ffee31; color: #7c370a;	}
	.navCategory li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 2px #fff; border-right: solid 2px #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -5px; }
	.navCategory li a:hover::after {border-top: solid 2px #7c370a; border-right: solid 2px #7c370a; }
}

@media screen and (max-width: 767px) {
	#pageTop { position: relative; margin-top: 35px; text-align: center; }
	#pageTop a { display: block; padding: 10px 0; color: #fff; background: #7c370a; text-decoration: none; font-size: 1.2rem; text-indent: -9999px; }
	#pageTop a::after { position: absolute; content: ''; margin-top: -3px; top: 50%; left: 50%; width: 10px; height: 10px; border: 0px; border-top: solid 3px #fff; border-right: solid 3px #fff; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
	.btn { display: block; margin: 0 auto; padding: 0 10px; width: 100%; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; font-size: 1.4rem; box-sizing: border-box; text-align: center; }
	.btn.top  { margin-top: 15px; background: #a67d61; }
	.btn.back { background: #7c370a; }
	.btn.next { background: #7c370a; }
	.btn a { display: block; padding: 10px 0; color: #fff; font-weight: bold; }
	.btn.inline { display: inline-block; width: auto!important; }	
	
	.btnSingle,
	.btnDouble { padding-top: 25px; background: url(../images/common/border.png) 0 0 repeat-x; }
	.arrowR { position: relative; display: block; padding: 0 23px 0 10px; }
	.arrowR:before { content: ''; width: 20px; height: 20px; background: #debc6a; border-radius: 50%; position: absolute; top: 50%; right: 0; margin-top: -10px; }
	.arrowR:after  { content: ''; width: 0; height: 0; border: solid 5px transparent; border-left: solid 8px #7c370a; position: absolute; top: 50%; right: 0; margin-top: -5px; }
	.arrowL { position: relative; display: block; padding: 0 10px 0 23px; }
	.arrowL:before { content: ''; width: 20px; height: 20px; background: #fff; border-radius: 50%; position: absolute; top: 50%; left: 0; margin-top: -10px; }
	.arrowL:after  { content: ''; width: 0; height: 0; border: solid 5px transparent; border-right: solid 8px #9b6b4b; position: absolute; top: 50%; left: 0; margin-top: -5px; }
	
	.itemDouble { }
	.itemDouble .itemInner { }
	.item { margin-bottom: 30px; }
	.item dt { margin-bottom: 10px; }
	.item dd { margin-bottom: 15px; }
	
	.itemIntro { margin-bottom: 40px; }
	.itemIntro dt { margin-bottom: 10px; }
	.itemIntro dt img { }
	.itemIntro dd { box-sizing: border-box; }
	.itemIntro dd p { font-size: 1.4rem; line-height: 1.6; }
	
	/* テキスト設定 */
	.textLv1 { font-size: 1.8rem; line-height: 1.6; }
	.textLv2 { font-size: 1.6rem; line-height: 1.6; }
	.textLv3 { font-size: 1.4rem; line-height: 1.8; }
	.textLv4 { font-size: 1.2rem; line-height: 1.6; }
	.textLv5 { font-size: 1.1rem; line-height: 1.6; }

	/* グラデーション */
	.section .rare1 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #522c10), color-stop(0.00, #a75a22)); background: -webkit-linear-gradient(#a75a22, #522c10); background: -moz-linear-gradient(#a75a22, #522c10); background: -o-linear-gradient(#a75a22, #522c10); background: -ms-linear-gradient(#a75a22, #522c10); background: linear-gradient(#a75a22, #522c10); }
	.section .rare2 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #690000), color-stop(0.00, #eb0000)); background: -webkit-linear-gradient(#eb0000, #690000); background: -moz-linear-gradient(#eb0000, #690000); background: -o-linear-gradient(#eb0000, #690000); background: -ms-linear-gradient(#eb0000, #690000); background: linear-gradient(#eb0000, #690000); }
	.section .rare3 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #175991), color-stop(0.00, #3db8ff)); background: -webkit-linear-gradient(#3db8ff, #175991); background: -moz-linear-gradient(#3db8ff, #175991); background: -o-linear-gradient(#3db8ff, #175991); background: -ms-linear-gradient(#3db8ff, #175991); background: linear-gradient(#3db8ff, #175991); }
	.section .rare4 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #7d6d16), color-stop(0.00, #ddc72a)); background: -webkit-linear-gradient(#ddc72a, #7d6d16); background: -moz-linear-gradient(#ddc72a, #7d6d16); background: -o-linear-gradient(#ddc72a, #7d6d16); background: -ms-linear-gradient(#ddc72a, #7d6d16); background: linear-gradient(#ddc72a, #7d6d16); }
	.section .rare5 { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000000), color-stop(0.00, #5a5a5a)); background: -webkit-linear-gradient(#5a5a5a, #000000); background: -moz-linear-gradient(#5a5a5a, #000000); background: -o-linear-gradient(#5a5a5a, #000000); background: -ms-linear-gradient(#5a5a5a, #000000); background: linear-gradient(#5a5a5a, #000000); }
	
	.section { position: relative; margin: 0 auto; padding: 0 15px 15px 15px; box-sizing: border-box;}
	.section h3 { position: relative; margin: 35px 0 10px 0; padding: 10px 10px 10px 50px; background: #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #fff; font-weight: bold; line-height: 1.4; }
	.section h3.adjust { margin-top: 14px; }
	.section h3.icon01 span { position: absolute; top: -25px; left: -15px; }
	.section h3.icon02 span { position: absolute; top: -20px; left: -10px; }
	.section h3 span img { width: 70%; height: auto; }
	.section h3 + p { padding: 0; font-size: 1.4rem; line-height: 1.6; }


	.section .titleLv1 { position: relative; margin: 0 0 20px 0; padding: 10px 10px 10px 60px; background: #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 1.6rem; line-height: 1.5; }
	.section .titleLv1 img { position: absolute; top: -8px; left: 0; width: auto; height: 55px; }
	.section .titleLv1.orange { background: #e96800; }
	.section .titleLv1.beige { background: #b8943d; }
	.section .titleLv2 { margin: 0 0 10px 0; padding: 8px 10px; background: #ffee31; border: 4px solid #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #7c370a; font-weight: bold; font-size: 1.5rem; line-height: 1.5; }
	.section .titleLv3 { margin: 0 0 20px 0; padding: 8px 18px; background: #e96800; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 1.3rem; }

	.sectionInner { padding: 10px; background: rgba(255,246,114,0.55); box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
	.sectionInner h4 { margin-bottom: 10px; padding: 10px; background: #7c370a; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; box-sizing: border-box; color: #fff; font-weight: bold; font-size: 1.2rem; }
	.sectionInner h4.caution {  padding-left: 35px; background: #7c370a url(../images/common/icon_caution.png) 10px center no-repeat; background-size: 20px auto; }
	.sectionInner h5 { margin: 15px 0 0 0; color: #7c370a; font-size: 1.2rem; font-weight: bold; line-height: 1.5; }
	.sectionInner h5.border { margin-top: 15px; padding-top: 20px!important; background: url(../images/common/border.png) left top repeat-x; }
	
	.textList { margin-top:0; }
	.textList li { font-size: 1.2rem; text-indent: -0.8em; padding-left:.8em; line-height: 1.4 }
	.textList li:before { content: "●"; color: #7c370a; }

	/* */
	.detailInner { display: table; margin: 0 0 10px 0; padding: 0 0 15px 0; width: 100%; background: url(../images/common/border.png) left bottom repeat-x; box-sizing: border-box; }
	.detailInner.noBorder { margin-bottom: 0;  background: none!important; }
	.detailInner.modeSP { display: inherit; margin-bottom: 20px; }
	.detailInner.modeSP dt { display: inherit; margin-bottom: 8px; width: inherit; }
	.detailInner.modeSP dd { display: inherit; line-height: inherit;  width: inherit; }

	.navCategory { margin-bottom: 15px; padding-right: 5px; font-size: 1.4rem; font-weight: bold; width: 100%; background: #fff;/*#ffee31;*/ color: #7c370a; border: 3px solid #7c370a; box-sizing: border-box; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; }
	.navCategory dt { padding: 10px; cursor: pointer; background: url(../images/monstarcard/arrow_rare1.png) right center no-repeat; }
	.navCategory dd { margin: 0 5px 10px 10px; }
	.navCategory ul { border-bottom: 1px solid #fff; }
	.navCategory li { border: 1px solid #fff; border-bottom: none; }
	.navCategory li a {position: relative; display: block; padding: 12px 10px; color: #fff; font-weight: normal; background: #7c370a; font-size: 1.4rem; }
	.navCategory li a:hover { background: #ffee31; color: #7c370a;	}
	.navCategory li a::after { position: absolute; top: 50%; content: ''; width: 7px; height: 7px; border: 0px; border-top: solid 2px #fff; border-right: solid 2px #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 10px; margin-top: -5px; }
	.navCategory li a:hover::after {border-top: solid 2px #7c370a; border-right: solid 2px #7c370a; }
}


@media screen and (min-width: 768px) {
	/* メールでお問い合わせ */
	.mailform { margin: 10px 0; }
	.mailform dt { margin: 0 15px; padding-left: 46px; background: url(../images/common/icon_detail_mail.png) left center no-repeat; background-size: 36px auto; line-height: 26px; }
	.mailform dt a { padding-right: 22px; font-size: 18px; font-weight: bold; color: #7c370a; text-decoration: none; background: url(../images/common/arrow_02.png) right center no-repeat; background-size: 20px 20px; }
	.mailform dt a:hover { text-decoration: underline; }
	.mailform dd { padding: 15px 15px 18px 15px; font-size: 1.6rem; line-height: 1.5; }
	.consultation { margin: 15px 0 15px 10px; font-size: 2.0rem; font-weight: bold; color:#7c370a; }
}
@media screen and (max-width: 767px) {
	/* メールでお問い合わせ */
	.mailform { margin: 10px 0; }
	.mailform dt { margin: 0; padding-left: 46px; background: url(../images/common/icon_detail_mail.png) left center no-repeat; background-size: 36px auto; line-height: 26px; }
	.mailform dt a { padding: 2px 18px 2px 0; font-size: 1.2rem; font-weight: bold; color: #7c370a; text-decoration: none; background: url(../images/common/arrow_02.png) right center no-repeat; background-size: 16px 16px; }
	.mailform dt a:hover { text-decoration: underline; }
	.mailform dd { padding: 10px 0; font-size: 1.2rem; line-height: 1.5; }
	.consultation { margin: 15px 0 15px 0; font-size: 1.4rem; font-weight: bold; color:#7c370a; }
}

@media screen and (min-width: 768px) {
	#apology { }
	#apology h4 { margin: 15px 0 30px; text-align: center; font-size: 3.0rem; font-weight: bold; }
	#apology h5 { margin-bottom: 30px; padding: 15px; border: 1px solid #111; text-align: center; font-size: 2.0rem; font-weight: bold; font-weight: bold; }
	#apology p { margin-bottom: 25px; font-size: 1.6rem; line-height: 1.8; }
	#apology p a { color: #e60012; text-decoration: underline; }
	#apology p.last { margin-top: -15px; text-align: right; }
	.apologyLink { margin: -30px 0 40px; font-size: 1.6rem; font-weight: bold; }
	.apologyLink a { color: #e60012; text-decoration: underline; }
	#apology .apologyDetail { margin-bottom: 25px; padding: 15px; border: 1px dashed #000; }
	#apology .apologyDetail p { margin-bottom: 0; font-weight: bold; font-size: 2.0rem; }	
}
@media screen and (max-width: 767px) {
	#apology { }
	#apology h4 { margin: 15px 0 15px; text-align: center; font-size: 2.0rem; font-weight: bold; }
	#apology h5 { margin-bottom: 15px; padding: 10px; border: 1px solid #111; text-align: center; font-size: 1.6rem; font-weight: bold; line-height: 1.6; text-align: left; }
	#apology p { margin-bottom: 25px; font-size: 1.3rem; line-height: 1.8; }
	#apology p a { color: #e60012; text-decoration: underline; }
	#apology p.last { margin-top: -15px; text-align: right; }
	.apologyLink { margin: 0px 0 40px; font-size: 1.3rem; font-weight: bold; line-height: 1.4; }
	.apologyLink a { color: #e60012; text-decoration: underline; }
	#apology .apologyDetail { margin-bottom: 25px; padding: 15px; border: 1px dashed #000; }
	#apology .apologyDetail p { margin-bottom: 0; font-weight: bold; font-size: 1.5rem; }
}


@media screen and (min-width: 768px) {
	.menteMsg { margin: 30px 15px 30px 15px; padding: 15px; text-align: center; font-size: 2.0rem; font-weight: bold; color: #f00; border: 5px solid #ff0000; background: rgba(255,255,255,0.88); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-sizing: border-box; line-height: 1.6;}
}
@media screen and (max-width: 767px) {
	.menteMsg { margin: 15px 0 20px 0; padding: 15px; text-align: left; font-size: 1.6rem; font-weight: bold; color: #f00; border: 5px solid #ff0000; background: rgba(255,255,255,0.88); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-sizing: border-box; line-height: 1.6;}
}


/* モーダル
------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
	#lean_overlay  { display: none; position: fixed; z-index:10000; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; }
	.modalWindow { display: none; padding: 20px; }
	.modalWindow .textLv3 { width: 450px; padding: 5px 10px 0 10px; color: #fff; text-align: center; }
	.modalClose  { display: block; position: absolute; top: -6px; right: 0px; width: 35px; height: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; }
}
@media screen and (max-width: 767px) {
	#lean_overlay  { display: none; position: fixed; z-index:10000; top: 0px; left: 0px; height: 100%; width: 100%; background: #000; }
	.modalWindow { display: none; margin-left: -20px; width: 94%; padding: 0 30px 0 0; box-sizing: border-box; }
	.modalWindow .textLv3 { padding: 5px 10px 0 10px; color: #fff; text-align: center; }
	.modalClose  { display: block; position: absolute; top: -6px; right: 5px; width: 35px; height: 35px; background: url(../images/common/btn_close.png) no-repeat; background-size: 35px 35px; z-index: 2; cursor: pointer; }
	
}