@charset "utf-8";

/* 共通
---------------------------------------------- */
/* clearfix */
.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
}

#line_lp a{
 color: #388bdb;}

* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}

/* スマホ非表示 */
.sp_none {
display:none;
}

/* パンくず */
#breadCrumb {
margin:0 auto;
}
#breadCrumb ol {
position: relative;
padding: 4px 10px 6px;
border-top: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
background: #fefefe;
background: linear-gradient(to bottom,  #fefefe 0%,#f4f4f4 100%);
line_lp-height: 1.4;
z-index: 10;
}
#breadCrumb ol li {
display: inline_lp-block;
padding: 0 0.5em 0 10px;
background: url(/s/files/img/common/ico_topicpath_01.png) 0 50% no-repeat;
background-size: 4px 7px;
font-size: 10px;
}
#breadCrumb ol li,#breadCrumb ol li a {
/*padding: 10px 0;*/
}
#breadCrumb ol li:first-of-type {
padding-left: 0;
	background-image: none;
}



/* //////////////////////////////////////////////

トップページ
////////////////////////////////////////////// */
/* ページTOP */
/*#page-top {
position: fixed;
bottom: 20px;
right: 0;
z-index:1000;
display:none;
}
#page-top a {
text-decoration: none;
width: 40px;
height: 0;
display: block;
padding-top:141.93548%;
background-image: url(/event/taisyuku/img/pagetop.png);
background-size:contain;
text-indent: -999999px;
}

#gotop{
    display: none;
}*/


/* 応募ボタンSP
---------------------------------- */
/*#line_lp .ctaOubo {
padding:40px 0 30px;
text-align:center;
margin: 0 3%;
}
#line_lp .ctaOubo a {
display:block;
}
#line_lp .ctaOubo p {
font-size:14px;
margin-bottom:1em;
}*/



#line_lp .ctaOubo {
padding: 20px 0;
}
#line_lp .ctaOubo ul {
margin:0 4%;
}
#line_lp .ctaOubo ul li:not(:last-child) {
margin-bottom:0.8em;
}
#line_lp .ctaOubo ul li a {
	display: block;
	text-decoration: none;
	padding: 20px;
	border-radius: 10px;
	background-position: 10px center;
	background-image: linear-gradient(to top, #06c655 30%, #daffe9 100%);
	position: relative;
	color: #fff;
	font-weight: bold;
	font-size: 2.0em;
	text-align: center;
	text-shadow: -1px -1px 0 #06c655, 1px -1px 0 #06c655, -1px 1px 0 #06c655, 1px 1px 0 #06c655;
}
#line_lp .ctaOubo ul li a small {
display:block;
font-size:70%;
}
#line_lp .ctaOubo ul li a::after {
content:'';
display:block;
width:10px;
height:100%;
background:url(../img/arrow.png) no-repeat right center;
background-size:contain;
position:absolute;
right:10px; bottom:0;
}
#line_lp .ctaOubo ul li a:hover,
#line_lp .ctaOubo ul li a:active {
background: linear-gradient(to bottom, #febf04 0%,#ffd65e 100%);
box-shadow:0 0 3px rgba(50,50,50,0.6);
}
#line_lp .ctaOubo ul li a strong {
display:block;
font-size:1.4em;
font-weight:bold;
line_lp-height: 1.2em;
}




/* ----------------------------------------------
プレゼント紹介
---------------------------------------------- */
/* キービジュアル */
#line_lp .keyV {
/*background:url(/ssi/event/present_campaign/img/head_bg.jpg) repeat-x center bottom #FFF;*/
}
#line_lp .keyV::before {
	content: '';
    position: absolute;
    top: 30%;
    bottom: 0%;
    left: 0;
    right: 0;
    z-index: -1;
}
#line_lp .keyV::after {
	/*content: '';*/
	position: absolute;
    top: 282px;
    bottom: 0%;
    left: 0;
    right: 0;
    z-index: -1;
}

#line_lp .keyV h1 {
margin:0 auto;
text-align:center;
}
#line_lp .keyV h1 img {
/*display:inline_lp-block;*/
}

/* 商品 */
#line_lp {
 /* padding: 20px 2% 30px; */
 /* background-image:url(/ssi/event/present_campaign/img/theme_bg.png); */
}
#line_lp .inner {margin:0 auto;/* padding:20px 10px; */background:#FFF;/* box-shadow:3px 3px 6px rgba(0,0,0,0.3); */}
#line_lp .title {
	width: 100%;
	background: #FFF;
	color: #06c655;
	font-size: 190%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#line_lp ul {
display:flex;
flex-direction: row;
flex-wrap:wrap;
justify-content: space-evenly;
align-content: space-between;
justify-content: space-between;/* IE */
}
#line_lp ul li {
width:50%;
padding:8px;
box-sizing:border-box;
}
#line_lp ul li:nth-child(-n+3) {
width:100%;
}
#line_lp ul li img {
max-width:100%;
}
#line_lp .gift {
text-align:center;
padding:20px 0;
}
#line_lp ol li {
font-size:0.8em;
}


/* ----------------------------------------------
応募要項
---------------------------------------------- */
#line_lp .entryGuideline_lps {
background: url(/ssi/event/present_campaign/img/shabby_chic.jpg);
padding:30px 0;
}
#line_lp .entryGuideline_lps .inner {
margin:0 auto;
}
#line_lp .entryGuideline_lps h2 {
color:#544236;
text-align: center;
background:url(/ssi/event/present_campaign/img/titleline_lp.png) no-repeat center bottom;
background-size:contain;
padding:1em 0 0;
padding-bottom:2.3vw;
font-size:1.4em;
line_lp-height: 1.2em;
margin-bottom:0.5em;
}
#line_lp .entryGuideline_lps dl.item {
border-bottom:#CCC solid 1px;
margin:0 3% 16px;
}
#line_lp .entryGuideline_lps dl:first-of-type {
border-top:#CCC solid 1px;
}
#line_lp .entryGuideline_lps dl.item dt,
#line_lp .entryGuideline_lps dl.item dd {
padding:1em;
}
#line_lp .entryGuideline_lps dl.item dt {
background:#544236;
color:#FFF;
font-size:1em;
}
#line_lp .entryGuideline_lps dl.item dd {
background:#FFF;
color:#544236;
font-size:1.0em;
border-right:#CCC solid 1px;
border-left:#CCC solid 1px;
}
#line_lp .entryGuideline_lps dl.item dd code {
display:inline_lp-block;
padding:0 0.5em;
margin:0 0.3em;
background:#eee;
}
#line_lp .entryGuideline_lps dl.item dd.kikan{
	color: #e7303b;
}
#line_lp .entryGuideline_lps dl.item dd.kikan span{
	font-size:130%;
	font-weight:900;
}
#line_lp .entryGuideline_lps dl.item ul li{
 display:block;
 margin:0 0 0.5em 0;
 padding-left:1.3em;
 background-image:url(/ssi/event/present_campaign/img/midashi.png);
 background-repeat:no-repeat;
 background-size:auto 0.8em;
 background-position:0 3px;
}


/* ----------------------------------------------
サービス紹介
---------------------------------------------- */
#line_lp .serviceIntro {
padding:30px 0;
}
#line_lp .serviceIntro .inner {
margin:0 auto;
}
#line_lp .serviceIntro h3 {
color:#544236;
text-align: center;
background:url(/ssi/event/present_campaign/img/titleline_lp.png) no-repeat center bottom;
background-size:contain;
padding:1em 0 0;
padding-bottom:2.3vw;
font-size:1.4em;
line_lp-height: 1.2em;
margin-bottom:0.5em;
}
#line_lp .serviceIntro .serviceBox {
background:#ffdde0;
padding:12px 12px 0;
position:relative;
}
#line_lp .serviceIntro .serviceBox dl.mainBox {
background-color:#FFF;
}
#line_lp .serviceIntro .serviceBox dl.mainBox dt {
padding-top:20px;
}
#line_lp .serviceIntro .serviceBox dl.mainBox dd {
padding:20px 1em;
}
#line_lp .serviceIntro .serviceBox dl.mainBox dd p {
	font-size:1.1em;
	text-align: justify;
}

/* バナー */
#line_lp .serviceIntro .serviceBox dl.mainBox dd h4 {
color:#00bcd5;
font-weight:bold;
font-size:1.5em;
margin-bottom:0.5em;
}
#line_lp .serviceIntro .serviceBox .subBox {
background:url(/ssi/event/present_campaign/img/staff.png) no-repeat left bottom -46px;
padding:20px 10px 140px;
}
#line_lp .serviceIntro .serviceBox .subBox h4 {
color:#FFF;
font-weight:bold;
font-size:14px;
width:100%;
position: absolute;
left:0; bottom:20px;
padding:0 1em 0 180px;
box-sizing:border-box;
transform:rotate(-5deg);
}
#line_lp .serviceIntro .serviceBox .subBox h4 span {
background:#c53d43;
box-shadow:4px 2px 0 rgba(255,255,255,1);
line_lp-height:1.6em;
letter-spacing: 0.2em;
}
#line_lp .serviceIntro .serviceBox .subBox ul {
display:flex;
flex-direction: row;
flex-wrap:wrap;
justify-content: space-evenly;
align-content: space-between;
justify-content: space-between;/* IE */
}
#line_lp .serviceIntro .serviceBox .subBox ul li {
width:48%;
}
#line_lp .serviceIntro .serviceBox .subBox ul li img {
box-shadow:1px 1px 3px rgba(0,0,0,0.4);
}


/* リンクボタン */
#line_lp .serviceIntro ul.serachNav {
margin:40px 6% 0;
}
#line_lp .serviceIntro ul.serachNav li {
padding:8px;
}
#line_lp .serviceIntro ul.serachNav li a {
display:block;
text-decoration:none;
height:48px;
display: flex;
align-items: center;/* 上下 */
justify-content: center;/* 左右 */
background: rgb(255,175,75);
background: linear-gradient(to bottom,  rgba(255,175,75,1) 0%,rgba(255,146,10,1) 100%);
color:#FFF;
font-size:20px;
font-weight:bold;
border-radius:8px;
border:#ffaf4b solid 3px;
text-shadow: -1px -1px 0 rgba(255,146,10,1),
               1px -1px 0 rgba(255,146,10,1),
               -1px 1px 0 rgba(255,146,10,1),
               1px 1px 0 rgba(255,146,10,1);
}
#line_lp .serviceIntro ul.serachNav li a:hover {
background: rgb(255,175,75);
background: linear-gradient(to bottom, rgba(255,146,10,1) 0%,rgba(255,175,75,1) 100%);
}


/* クローズ */
.closed{
width:auto ;
    display: block;
    margin: 0 auto;
    padding: 30px;
    background: #ffffff;
    position: absolute;
    top: unset;
    top: 280px;
left: 3%;
    right: 3%;
    border-radius: 10px;
    border: #f54e96 1px solid;
}



/* エリア検索
------------------------------------------ */
.searchLinks{
    font-family: Verdana, "メイリオ", "Meiryo", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

.searchLinks h2{
	font-size: 1.2em;
    text-align: center;
    margin: 1em 0em 0em;
    position: relative;
}
.searchLinks h2::after{
	margin-left: -16px;
    left: 50%;
    bottom: -10px;
    width: 32px;
    height: 2px;
    border-radius: 2px;
    background-color: #e95b00;
    content: "";
    position: absolute;
}

/* バナー
------------------------------------------ */

.bnr_01 {
    width: auto;
    margin: 15px auto;
    padding: 0 15px;
}

/* トーク画面
------------------------------------------ */

/* styles.css */
.chat-bubble {
    display: grid;
    gap: 1em 0;
    padding: 30px 15px;
    background-color: #bbdaff;
}

.chat-bubble__section {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.chat-bubble__img {
    width: 7.7em;
    height: 7.7em;
    border-radius: 50%;
}

.chat-bubble__text {
    display: inline-block;
    position: relative;
    max-width: 80%;
    margin: 0;
    padding: .4em .8em;
    border-radius: 20px;
}

.chat-bubble__text.left {
    background-color: #fff;
    color: #06c655;
    font-size: 2.5em;
    font-weight: bold;
}

.chat-bubble__text.right {
    background-color: #30e852;
    margin: 0 10px 0 auto;
    color: #333;
    font-size: 1.5em;
}

.chat-bubble__text::before {
    position: absolute;
    top: -15px;
    width: 20px;
    height: 30px;
    content: '';
}

.chat-bubble__text.left::before {
    left: -10px;
    border-radius: 0 0 0 15px;
    box-shadow: -3px -15px 0 -7px white inset;
}

.chat-bubble__text.right::before {
    right: -10px;
    border-radius: 0 0 15px 0;
    box-shadow: 3px -15px 0 -7px #30e852 inset;
}