/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html,
button,
input,
select,
textarea {
    color: #222;
}

@font-face {
    font-family: '07YasashisaAntique';
    src: url('fonts/07YasashisaAntique.eot');
    src: url('fonts/07YasashisaAntique.eot?iefix') format('eot'),
         url('fonts/07YasashisaAntique.woff') format('woff'),
         url('fonts/07YasashisaAntique.ttf') format('truetype'),
         url('fonts/07YasashisaAntique.svg#webfontjSpbZQRv') format('svg');
}

@font-face {
		 	font-family: 'icomoon';
	src:url('fonts/icomoon.eot');
	src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon.woff') format('woff'),
		url('fonts/icomoon.ttf') format('truetype'),
		url('fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

audio,
canvas,
img,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}


img {
	max-width: 100%;
	height: auto;
}
.ie8 img {
	width: auto;
}


/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
	font: 16px/26px 07YasashisaAntique;
	background: #fdf5f5;
}

/* ===================
    ALL: Orange Theme
   =================== */

.header-container {
	margin: 0px;
	padding: 0px;
}
.footer-container
  {
	margin-top: 10px;
	margin-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* ==============
    MOBILE: Main
   ============== */

.main {
    padding: 30px 0;
}

.footer-container footer {
	color: #999;
	padding: 0px;
	background: #fdf5f5;
	font-size: 70%;
	text-align: center;
	margin: 0px auto;
}

/* ------ Page Top ------ */

#pageTop {
	border-top: solid 1px #d5d5d5;		/* 1番外側のborder */
	border-bottom: solid 1px #fff;
}

#pageTop p {
	font-size: 90%;
	border-top: solid 1px #dedede;		/* 2番目のborder */
	margin: 0px;
	padding: 0px;
}

#pageTop a {
	display: block;
	padding-bottom: 3px;
	text-align: center;
	text-decoration: none;
	line-height: 35px;
	color: #666;
	border-top: solid 1px #e5e5e5;		/* 1番内側のborder */
	font-family: 'Josefin Slab', serif;
}
#pageTop a:after {
	content: "\67";
	font-family: 'icomoon';
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
	color: #666;
}

#pageTop a:link,
#pageTop a:visited {
	background: #EDEDED;
}
#pageTop a:hover,
#pageTop a:active {
	background: #F8F8F8;
	color: #666;
}
.lastTxt {
	text-align: center;
	display: block;
	line-height: 2em;
	padding-top: 100px;
	padding-bottom: 100px;
}


.subMainCont.blue {
	border: 3px solid #daedee;
}

.subMainCont.lilac {
	border: 3px solid #e2ddeb;
}

.main .rBox .detail .txt.pink {
	color: #f9d4dd;
	padding-top: 0em;
}

.main .rBox .detail .txt.blue {
	color: #daedee;
}

.subMainCont.noborder {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 640px) {
/* ====================
    WIDE: CSS3 Effects
   ==================== */

.wrapper {
	width: 100%; /* 1140px - 10% for margins */
	margin: 0 auto;
	display: block;
	padding: 0px;
	position: relative;
	height: auto;
    }
	
.wrapper h1 {
	margin: 0px auto;
	padding: 20px 0px 0px;
	height: auto;
	width: 74%;
}

.wrapper h1 .pc {
	display: none;
}

.main-container {
	background: #fdf5f5;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFF;
}

.mainCont  {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 50px;
	position: relative;
}

.subMainCont {
	margin-bottom: 30px;
}

  
.main {
	width: 94%;
	margin: 0px auto;
	padding: 0px 0px 24px;
	border-bottom: 1px dotted #CCC;
}
.main.reset {
	border-style: none;
}

.main .lBox {
	float: none;
	width: 94%;
	margin: 0px auto 24px;
	padding: 0px;
	text-align: center;
}
.main .sma    {
	width: 84%;
	padding-left: 30px;
	padding-bottom: 30px;
}
.main .sma2  {
	width: 78%;
	padding-left: 44px;
	padding-bottom: 30px;
}
.main .pc {
	display: none;
}

.main .rBox {
	float: none;
	width: 90%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}

.main .rBox .detail {
	margin: 0px;
}

.main .rBox .detail dt {
	color: #000000;
	padding-bottom: 12px;
	margin: 0px;
	font-family: 'Josefin Slab', serif;
	font-size: 180%;
	line-height: 1;
}

.main .rBox .detail dt .st {
	font-size: 54%;
}

.main .rBox .detail dd {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	color: #999;
}
.main .rBox .detail .txt {
	font-size: 90%;
	padding-top: 24px;
	line-height: 1.8;
}
.main .rBox .detail .txt.mt {
	line-height: 1.2em;
}
.main .rBox .detail .txt.ms {
	line-height: 1.2em;
}
.main .rBox .detail .att {
	font-size: 70%;
	padding-top: 1.5em;
	padding-bottom: 1em;
}

.main .rBox .detail .sub {
	font-size: 78%;
	padding-top: 1em;
	line-height: 1.4em;
	padding-bottom: 1em;
}

.main .rBox .detail dd ul {
	margin: 0px;
	list-style: none;
	padding: 0px 0px 1em;
	color: #f9d4dd;
	font-size: 120%;
}



.main .rBox .detail dd ul li {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: 'Josefin Slab', serif;
	line-height: 1.1;
	color: #333;
}

.main .rBox .detail dd ul li .sm {
	font-size: 90%;
	color: #333;
}

.main .rBox .detail .ph {
	width: 78%;
	padding-left: 44px;
}


.btnBox {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	clear: both;
	margin-top: 30px;
	}

.btnBox .btn   {
	width: 90%;
	float: none;
	margin: 0px auto;
	padding: 0px;
}
.btnBox .btn a  {
	background: #f5e0ec;
	border: 1px solid #F2D8E3;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 100%;
	line-height: 1.4;
	font-family: 'Josefin Slab', serif;
}	


.btnBox .btnTxt {
	font-size: 70%;
	text-align: center;
	float: none;
	margin: 0px auto;
	padding: 12px 18px 0px;
	width: 80%;
	line-height: 1.5em;
}

.modal-content p {
	padding-bottom: 1em;
	color: #999;
	font-size: 74%;
	line-height: 1.7em;
	padding-left: 30px;
	padding-right: 30px;
}
.modal-content {
	padding: 0px;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #feeeee;
	border: 1px solid #f6e0e0;
}
.modal-content p .btn {
	background: #f5e0ec;
	display: block;
	width: 120px;
	padding: 6px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 4px;
}
.modal-content .top {
	padding-top: 30px;
}
.modal-content .spa01 {
	padding-bottom: 3em;
	padding-top: 1em;
}
.modal-content .spa02 {
	padding-top: 2em;
}
.modal-content ul {
	margin: 0px;
	list-style: none;
	line-height: 1.8em;
	font-size: 74%;
	color: #999;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.modal-content ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.modal-content .title {
	text-align: center;
	font-size: 120%;
	color: #333;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	padding-top: 33px;
}

	

}

@media screen and (min-width: 641px) and (max-width: 1210px) {


.wrapper {
	width: 100%; /* 1140px - 10% for margins */
	margin: 0 auto;
	display: block;
	padding: 0px;
	position: relative;
    }
	
.wrapper h1 {
	margin: 0px auto;
	padding: 20px 0px 0px;
	text-align: center;
}

.wrapper h1 .sp {
	display: none;
}


.main-container {
	background: #fdf5f5;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFF;
}

.mainCont  {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 50px;
}

.subMainCont {
	border: 3px none #fbe5ef;
	margin-bottom: 30px;
}
   
.main {
	width: 94%;
	margin: 0px auto;
	padding: 40px 0px 24px;
	clear: both;
}
  
.main:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

*:first-child+html .main {
	zoom: 1;
}

.main .lBox {
	float: left;
	width: 52%;
	padding-left: 30px;
	padding-top: 0px;
	margin: 0px;
}

.main .rBox {
	float: right;
	width: 36%;
	padding-right: 3%;
}

.main .rBox .detail dd .sp {
	display: none;
}


.main .rBox .detail {
	margin: 0px;
	padding: 0px;
}

.main .rBox .detail dt {
	color: #000000;
	padding-bottom: 12px;
	margin: 0px;
	font-family: 'Josefin Slab', serif;
	font-size: 220%;
	line-height: 1;
}
.main .rBox .detail dt .st {
	font-size: 30%;
}


.main .rBox .detail dd {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	color: #999;
}
.main .rBox .detail .txt {
	font-size: 76%;
}
.main .rBox .detail .att {
	font-size: 62%;
	padding-top: 1.5em;
	padding-bottom: 1em;
}

.main .rBox .detail .sub {
	font-size: 68%;
	padding-top: 1em;
	line-height: 1.4em;
	padding-bottom: 1em;
}

.main .rBox .detail dd ul {
	margin: 0px;
	list-style: none;
	padding: 0px 0px 1em;
	color: #f9d4dd;
	font-size: 110%;
}

.main .rBox .detail dd ul li {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: 'Josefin Slab', serif;
	line-height: 1.1;
	color: #333;
}

.main .rBox .detail dd ul li .sm {
	font-size: 90%;
}

.main .rBox .detail .ph {
	padding-top: 3em;
	width: 84%;
}
.main .soldes {
	color: #333;
}
.subMainCont .ph {
	margin: 0px auto;
	padding: 0px 0px 3em 1em;
	width: 80%;
}


.btnBox {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	clear: both;
	margin-bottom: 24px;
	}

.btnBox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

*:first-child+html .btnBox {
	zoom: 1;
}

.btnBox .btn   {
	width: 200px;
	float: none;
	padding: 0px;
	text-align: center;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 24px;
	margin-left: auto;
}
.btnBox .btn a  {
	background: #f5e0ec;
	border: 1px solid #F2D8E3;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 100%;
	line-height: 1.4;
	font-family: 'Josefin Slab', serif;
}	
.btnBox .btn a:hover {
	background: #000000;
	border: 1px solid #DDD;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #FFF;	
}


.btnBox .btnTxt {
	font-size: 70%;
	text-align: center;
	float: none;
	margin: 0px;
	padding: 5px 0px 0px;
	width: 100%;
	line-height: 1.5em;
}

.modal-content p {
	padding-bottom: 1em;
	color: #999;
	font-size: 74%;
	line-height: 1.7em;
	padding-left: 30px;
	padding-right: 30px;
}
.modal-content {
	padding: 0px;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #feeeee;
	border: 1px solid #f6e0e0;
}
.modal-content p .btn {
	background: #f5e0ec;
	display: block;
	width: 120px;
	padding: 6px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 4px;
}
.modal-content .top {
	padding-top: 30px;
}
.modal-content .spa01 {
	padding-bottom: 3em;
	padding-top: 1em;
}
.modal-content .spa02 {
	padding-top: 2em;
}
.modal-content ul {
	margin: 0px;
	list-style: none;
	line-height: 1.8em;
	font-size: 74%;
	color: #999;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.modal-content ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.modal-content .title {
	text-align: center;
	font-size: 120%;
	color: #333;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	padding-top: 33px;
}

	

}

@media screen and (min-width: 1212px), print and (min-width: 0px) {

.wrapper {
	width: 840px; /* 1140px - 10% for margins */
	margin: 0 auto;
	display: block;
	padding: 0px;
    }
	
.wrapper h1 {
	margin: 0px auto;
	padding: 20px 0px 0px;
	width: 350px;
	height: 454px;
}
.wrapper h1 .sp {
	display: none;
}

.main-container {
	background: #fdf5f5;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #FFF;
	width: 100%;
}
.mainCont  {
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px 0px 50px;
}

.subMainCont {
	border: 3px none #fbe5ef;
	margin-bottom: 0px;
	width: 1080px;
}
  
.main {
	width: 1080px;
	margin: 0px;
	clear: both;
	padding-top: 36px;
	padding-right: 0px;
	padding-bottom: 36px;
	padding-left: 0px;
}

   
.main:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

*:first-child+html .main {
	zoom: 1;
}

.main .lBox {
	float: left;
	width: 50%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0%;
}
.main .rBox .detail dd .sp {
	display: none;
}

.main .rBox {
	float: right;
	width: 45%;
	padding-right: 0px;
}

.main .rBox .detail {
	margin: 0px;
}

.main .rBox .detail dt {
	color: #000000;
	padding-bottom: 12px;
	margin: 0px;
	font-family: 'Josefin Slab', serif;
	font-size: 200%;
	line-height: 1;
}


.main .rBox .detail dt .st {
	font-size: 30%;
}

.main .rBox .detail dd {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	color: #999;
}
.main .rBox .detail .txt {
	font-size: 76%;
	margin: 0px;
	padding: 0px;
}
.main .rBox .detail .att {
	font-size: 62%;
	padding-top: 1.5em;
	padding-bottom: 1em;
}

.main .rBox .detail .sub {
	font-size: 68%;
	padding-top: 1em;
	line-height: 1.4em;
	padding-bottom: 1em;
}

.main .rBox .detail dd ul {
	margin: 0px;
	list-style: none;
	padding: 0px 0px 1em;
	color: #f9d4dd;
	font-size: 110%;
}

.main .rBox .detail dd ul li {
	text-align: left;
	margin: 0px;
	padding: 0px;
	font-family: 'Josefin Slab', serif;
	line-height: 1.1;
	color: #000;
}
.main .rBox .detail dd ul li .sm {
	font-size: 90%;
}

.main .rBox .detail .ph {
	padding-top: 3em;
	width: 84%;
}
.subMainCont .ph {
	margin: 0px auto;
	padding: 0px 0px 3em 7em;
	width: 90%;
}

.btnBox {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 24px;
	}

.btnBox:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

*:first-child+html .btnBox {
	zoom: 1;
}

.btnBox .btn   {
	width: 200px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.btnBox .btn a  {
	background: #f5e0ec;
	border: 1px solid #F2D8E3;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111;
	width: 180px;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 100%;
	line-height: 1.4;
	font-family: 'Josefin Slab', serif;
}	
.btnBox .btn a:hover {
	background: #000000;
	border: 1px solid #DDD;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	color: #111;
	width: 180px;
	padding: 10px 0;
	display: block;
	text-decoration: none;
	color: #FFF;	
}


.btnBox .btnTxt {
	font-size: 70%;
	text-align: center;
	margin: 0px;
	padding: 5px 0px 0px;
	width: 100%;
	line-height: 1.5em;
}

#label-show {
	border-bottom: 20px solid #000;
	margin: 0px;
	padding: 0px;
}
#label-show p {
	margin: 0px;
	padding: 1em 0px 1em 1em;
	font-weight: normal;	
}
.modal-content p {
	padding-bottom: 1em;
	color: #999;
	font-size: 74%;
	line-height: 1.7em;
	padding-left: 30px;
	padding-right: 30px;
}
.modal-content {
	padding: 0px;
	width: 90%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #feeeee;
	border: 1px solid #f6e0e0;
}
.modal-content p .btn {
	background: #f5e0ec;
	display: block;
	width: 120px;
	padding: 6px;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 4px;
}
.modal-content .top {
	padding-top: 30px;
}
.modal-content .spa01 {
	padding-bottom: 3em;
	padding-top: 1em;
}
.modal-content .spa02 {
	padding-top: 2em;
}
.modal-content ul {
	margin: 0px;
	list-style: none;
	line-height: 1.8em;
	font-size: 74%;
	color: #999;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
.modal-content ul li {
	text-indent: -1em;
	padding-left: 1em;
}

.modal-content .title {
	text-align: center;
	font-size: 120%;
	color: #333;
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	padding-top: 33px;
}


	
	
}


/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}