@charset "utf-8";
/*
*****************
* スマホ、PC共通 *
*****************
*/
button.mitsumori {background-color: #808080; border: none; border-radius: .5em; color: #ffffff; font-size: 16px; padding: .7em .3em; text-decoration: none; width: 88%;}
button.contact {background-color: #660033; border: #660033 1px solid; border-radius: .5em; color: #ffffff; font-size: 16px; padding: .5em 0; text-decoration: none; width: 88%;}
button.order {background-color: #3399cc; border: none; border-radius: .5em; color: #ffffff; font-size: 16px; padding: .7em .3em; text-decoration: none; width: 88%;}
.button_style {margin: 1em auto; text-align: center;}
.button_style1 {margin-top: 1em;}
.button_style2 {margin-top: 1em;}
.button_style3 {margin-right: 1em;}

/* コピーガード (https://techblog.yahoo.co.jp/advent-calendar-2016/css_pointer_events/) */
.guard {pointer-events: none; border: none; margin: 0 auto;}

/*!------------------------------------*\
    index abb
\*!------------------------------------*/
h2.title {display: block; background-color: #b3a89d; opacity: 70%; border: none; color:#fff; font-size: 1.2em; font-weight: lighter; letter-spacing: .1em; text-align: center; margin: 0; top: 0; padding: 5%;}

.card-box {margin: 2em auto 0 auto; overflow: hidden; width: 100%;}

.each-box a {border-radius: 1em; border: #fffbe5 1px solid; float: left; height: 490px; margin: 0 1em 1em 0; overflow: hidden; padding-bottom: 1.5em; text-align: left; width: calc(33.333% - 1em);}

.each-box a:hover {background-color: #fffbe5;}

a.box {text-decoration: none;}
a.box:active,
a.box:link,
a.box:visited {color: #333333;}

.card-photo {position: relative; border: none; margin: 0 auto 0.2em auto; overflow: hidden; object-fit: cover; pointer-events: none; width: 100%;}

h3.card-course {border: none; color:#fff; font-style: italic; font-weight: 600; line-height: 2em; position: absolute; top: 10%; left: 10%;}

.font-lbb {color: #fff; font-style: normal; font-weight: normal; letter-spacing: .1em;}

img.card-photo-img {display: block; border: none; width: 100%;}

.box_s_d {margin: 0 auto; height: auto; padding: .5em; width: 95%;}

h3.ship {background-color: #ffffff; letter-spacing: .1em; margin: .5em auto; padding: .5em; text-align: center;}
.box_alouette {background-image: url(../images/oe_abb-ALO.jpg); background-position: center; background-size: cover; border: #f21830 3px double; color: #000000; margin: 1em auto; overflow: hidden; padding: 1em; text-align: left; width: 75%;}
.box_amaryllis {background-image: url(../images/oe_abb-AMA.jpg); background-position: center; background-size: cover; border: #002680 3px double; color: #000000; margin: 1em auto; overflow: hidden; padding: 1em; text-align: left; width: 75%;}
.box_coquelicot {background-image: url(../images/oe_abb-COQ.jpg); background-position: center; background-size: cover; border: #bf80ff 3px double; color: #000000; margin: 1em auto; overflow: hidden; padding: 1em; text-align: left; width: 75%;}
.box_fleurdelys {background-image: url(../images/oe_abb-FLE.jpg); background-position: center; background-size: cover; border: #002680 3px double; color: #000000; margin: 1em auto; overflow: hidden; padding: 1em; text-align: left; width: 75%;}
.box_hirondelle {background-image: url(../images/oe_abb-HIR.jpg); background-position: center; background-size: cover; border: #f21830 3px double; color: #000000; margin: 1em auto; overflow: hidden; padding: 1em; text-align: left; width: 75%;}
.box_napoleon {background-image: url(../images/oe_abb-NAP.jpg); background-position: center; background-size: cover; border: #9a8100 3px double; color: #000000; margin: 1em auto; overflow: hidden; padding: 1em; text-align: left; width: 75%;}
.box_lilas {background-image: url(../images/oe_abb-LIL.jpg); background-position: center; background-size: cover; border: #bf80ff 3px double; color: #000000; margin: 1em auto; overflow: hidden; padding: 1em; text-align: left; width: 75%;}
.box_pivoine {background-image: url(../images/oe_abb-PIV.jpg); background-position: center; background-size: cover; border: #bf80ff 3px double; color: #000000; margin: 1em auto; overflow: hidden; padding: 1em; text-align: left; width: 75%;}
.box_ship {background: rgba(255,255,255,.7); overflow: hidden; padding: .5em;}

#inline-content1,
#inline-content2,
#inline-content3,
#inline-content4,
#inline-content5,
#inline-content6,
#inline-content7 {width: 400px;}
div.abb_box {padding: 0 1em;}
div.abb_box_l,
div.abb_box_l2 {float: left;}
div.abb_box_r {float: left;}
ul.abb2 {line-height: 1.7em; list-style: inside; margin-bottom: 1em; padding: 0;}
li.abb3 {font-weight: bold; letter-spacing: .1em; line-height: 2em; list-style: none; padding-left: 1.3em;}
li.abb4 {list-style: none; margin-top: .5em; padding-left: 1.3em;}
li.abb5 {list-style: none; padding-left: 1.3em;}
li.abb6 {padding-left: 1.3em; text-indent: -1.3em;}
.normal {font-weight: normal;}
.t_c {text-align: center;}

/*!------------------------------------*\
    ALOUETTE_, AMARYLLIS_, COQUELICOT, FLEURdeLYS_, LILAS_, NAPOLEON_, PIVOINE_
\*!------------------------------------*/
h1.h1_lbb {line-height: 1.5em; margin: 0; text-align: center;}
h2.h2_lbb {font-size: 1.1em; margin: .5em 0; text-align: center;}
.h2_lbb-sub {font-weight: normal;}
h3.h3_lbb {margin: .5em 0; text-align: center;}

button.lbb {background-color: #f8f6f3; border: #c4c3c0 .5px solid; border-radius: .7em; display: block; font-size: 15px; letter-spacing: .1em; margin: .5em auto; max-width: max-content; padding: .7em 1em;}/* 見積もり依頼 共通 */

table.iti-lbb {background-color: #fdfdfa; border: #c4c3c0 .5px solid; margin: .5em auto 0 auto; text-align: left; vertical-align: top; width: 100%;}/* 共通 */
td.lbb-includes {background-color: #f8f6f3; letter-spacing: .1em; padding: 1em; text-align: center; vertical-align: middle;}/* 含まれるもの 共通 */
td.lbb_iti {background-color: #f8f6f3; letter-spacing: .5em; padding: 1em; text-align: center; vertical-align: middle;}/* 日程 共通 */
td.lbb_cabin {background-color: #f8f6f3; padding: 1em; text-align: center; vertical-align: middle;}/* キャビン 共通 */
td.lbb_iti-date {background-color: #efeae3; font-weight: bold; padding: 1em; vertical-align: middle;}/* 日付 */
td.lbb_iti-plan {padding: 1em;}/* 内容 */
td.lbb_iti-note {background-color: #f5f5f5; color: #3399cc; padding: 1em; text-align: center; vertical-align: middle; white-space: pre-line;}/* 注記 */
td.lbb_iti-tc {padding: 1em; text-align: center; vertical-align: middle;}/*terms & conditions*/

ul.lbb_includes {letter-spacing: .1em;list-style: none; margin: .5em; padding-left: 1em; text-indent: -1.4em;}
li.lbb_detail {letter-spacing: 0; font-size: .9em; line-height: 1.5em; padding: .5em 0 1em 0; text-indent: 0; white-space: pre-line;}
li.lbb_detail2 {font-size: .9em; font-style: italic; line-height: 1.7em; padding-bottom: .5em; text-indent: 0; white-space: pre-line;}
li.lbb {padding-left: 0; text-indent: -1em;}
li.lbb:before {content: "- ";}

/*!------------------------------------*\
    abb_faq
\*!------------------------------------*/
h2.abb_faq {font-size: 1.1em; text-align: left;}
h3.abb_faq {font-size: 1.1em; font-weight: normal; text-align: left;}
.faq_sub {color: #999999; font-size: small; font-weight: normal; text-align: left;}
.faq {line-height: 1.5em; padding: 1.5em; white-space: pre-line;}
ul.faq {list-style: disc; margin: -2em 0 -3.5em 0; padding-left: 1em;}

/* New accordion: https://pengi-n.co.jp/blog/accordion/ */
dl.accordion {margin: 1em auto 0 auto; width: 100%;}
dl.accordion dt {
	position: relative;
	cursor: pointer;
	background-color: #fdfdfa;
	border-top: #808080 .5px solid;
	color: #808080;
	font-size: 1em;
	line-height: 2em;
	margin: -.5px auto 0 auto;
	padding: 1em 0;
	text-indent: 1em;
	transition: .3s;
}
.accordion dt:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 19px;
	transform: translateY(-50%);
	/*横線*/
	width: 18px;
	height: 2px;
	background: #808080;
}
.accordion dt:after {
	content: "";
	position: absolute;
	top: 50%;
	/* 8px+12px-1px(幅2pxの半分) */
	right: 27px;
	transform: translateY(-50%);
	transition: all .3s;
	/*縦線*/
	width: 2px;
	height: 18px;
	background: #808080;
}

/* 縦線（after）だけ縦回転させる */
.accordion dt.open:after {
	top: 30%;
	transform: rotate(90deg);
	background: #fdfdfa;
}
.accordion dt.open:before {opacity: 0;}
.accordion dt.open {background-color: #808080; color: #fdfdfa;}
dl.accordion dd {display: none; background-color: #fdfdfa; line-height: 1.9em; color: #333; margin: 0 auto; padding: 0;}
/* 〜スマホ、PC共通ここまで〜 */

/*
****************************
*  スマホ（タテ）サイズに適用  *
****************************
※共通cssと違う箇所のみ記載
 */
@media screen and (max-width: 599px) {
.hide {display: none;}

/*!------------------------------------*\
    index abb
\*!------------------------------------*/
h2.title {font-size: 1.1em !important;}
h3.card-course {font-size: 1em;}
.each-box a {clear: both; display: inline; font-size: 1em; height: auto; padding-bottom: 1.5em; width: 100% !important;}

.each-box a:hover {background-color: #fffbe5;}

img.card-photo-img {height: auto; width: 100%;}

.box_s_d {height: auto;}

.box_alouette,
.box_amaryllis,
.box_coquelicot,
.box_fleurdelys,
.box_hirondelle,
.box_napoleon,
.box_lilas,
.box_pivoine {background-size: cover; width: 88%;}

h3.ship {line-height: 1.1em;}
#inline-content1,
#inline-content2,
#inline-content3,
#inline-content4,
#inline-content5,
#inline-content6,
#inline-content7 {max-width: 100%;}
div.abb_box {padding: 0 .5em;}
ul.abb2 {margin-bottom: 0;}
div.abb_box_l,
div.abb_box_l2 {float: none; width: 100%;}
div.abb_box_r {padding-bottom: 1em; width: 100%;}
h4.abb_kaigyo {line-height: 2.1em;}

/*!------------------------------------*\
    ALOUETTE_, AMARYLLIS_, COQUELICOT, FLEURdeLYS_, HIRONDELLE_, LILAS_, NAPOLEON_, PIVOINE_
\*!------------------------------------*/
button.lbb {font-size: 14px;}

td.lbb_iti-plan,
td.lbb_iti-note,
td.abb_tc {font-size: .9em;}

/*!------------------------------------*\
    abb_faq
\*!------------------------------------*/
h2.abb_faq,
h3.abb_faq {font-size: small;}
}
/* 〜スマホ（タテ）サイズここまで〜 */

/*
****************************
*  スマホ（ヨコ1）サイズに適用  *
****************************
※共通cssと違う箇所のみ記載
 */
@media screen and (min-width: 600px) and (max-width: 799px) {
.hide {display: inline;}

/*!------------------------------------*\
    index abb
\*!------------------------------------*/
h2.title {font-size: 1.5em; padding: 5%;}

.card-box {margin: 0 auto; overflow: hidden; padding: 0; width: 100%;}

.each-box a {margin: .5em auto; height: auto; width: 100%;}

.each-box a:hover {background-color: #fffbe5;}

.box_s_d {font-size: 1em; height: auto;}

.card-photo {padding: -.5em; width: 100%;}

img.card-photo-img {border-radius: 0%; height: auto; width: 100%;}

.box_alouette,
.box_amaryllis,
.box_coquelicot,
.box_fleurdelys,
.box_hirondelle,
.box_napoleon,
.box_lilas,
.box_pivoine {background-size: cover; width: 92%;}

h3.ship {line-height: 1.1em;}
#inline-content1,
#inline-content2,
#inline-content3,
#inline-content4,
#inline-content5,
#inline-content6,
#inline-content7 {max-width: 100%;}
div.abb_box {padding: .5em;}
div.abb_box_l,
div.abb_box_l2 {float: none; width: 100%;}
div.abb_box_r {float: none; width: 100%;}

/*!------------------------------------*\
    ALOUETTE_, AMARYLLIS_, COQUELICOT, FLEURdeLYS_, HIRONDELLE_, LILAS_, NAPOLEON_, PIVOINE_
\*!------------------------------------*/

/*!------------------------------------*\
    abb_faq
\*!------------------------------------*/
h2.abb_faq,
h3.abb_faq {font-size: small;}
}
/* 〜スマホ（ヨコ1）サイズここまで〜 */

/*
*********************************************
*  スマホ（ヨコ2）・タブレット（タテ）サイズに適用  *
*********************************************
※共通cssと違う箇所のみ記載
 */
@media screen and (min-width: 800px) and (max-width: 1024px) {
.hide {display: inline;}

/*!------------------------------------*\
    index abb
\*!------------------------------------*/
h2.title {font-size: 1.5em; padding: 5%;}

.card-box {margin: 0 auto; overflow: hidden; padding: 0; width: 100%;}

.each-box a {margin: .5em auto; height: auto; width: 100%;}

.each-box a:hover {background-color: #fffbe5;}

.box_s_d {font-size: 1em; height: auto;}

.card-photo {padding: -.5em; width: 100%;}

img.card-photo-img {border-radius: 0%; height: auto; width: 100%;}

.box_alouette,
.box_amaryllis,
.box_coquelicot,
.box_fleurdelys,
.box_hirondelle,
.box_napoleon,
.box_lilas,
.box_pivoine {background-size: cover; width: 92%;}

#inline-content1,
#inline-content2,
#inline-content3,
#inline-content4,
#inline-content5,
#inline-content6,
#inline-content7 {max-width: 100%;}
div.abb_box_l,
div.abb_box_l2 {float: none; width: 100%;}
div.abb_box_r {float: none; width: 100%;}
}
/* 〜スマホ（ヨコ2）・タブレット（タテ）サイズここまで〜 */

/*
*******************************
*  タブレット（ヨコ）・PCサイズに適用  *
*******************************
※共通cssと違う箇所のみ記載
 */
@media screen and (min-width: 1025px) {
.button_style1 {display: inline; margin-right: 1em;}
.button_style2 {display: inline;}
button.mitsumori,
button.contact {width: 200px;}
button.order {width: 230px;}

/*!------------------------------------*\
    abb_faq
\*!------------------------------------*/
dl.accordion {width: 80%;}

/*!------------------------------------*\
    index abb
\*!------------------------------------*/
.box_s_d {height: 4em;}

/*!------------------------------------*\
    ALOUETTE_, AMARYLLIS_, COQUELICOT, FLEURdeLYS_, HIRONDELLE_, LILAS_, NAPOLEON_, PIVOINE_
\*!------------------------------------*/
button.lbb {margin-left: 0;}

div.abb_box1 {width: 90%;}
div.abb_box_l {float: left; width: 65%;}
div.abb_box_l2 {float: left; width: 65%;}
div.abb_box_r {float: left; width: 35%;}
}
/* 〜タブレット（ヨコ）・PCサイズここまで〜 */