@charset "UTF-8";

/* HTML5 Doctor Reset CSS 2.0*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000; 
  font-style:italic;
   font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;   
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

/* 共通
-----------------------------------------------------------------*/

html {
	font-size: 62.5%;
}
* {
	box-sizing: border-box;
}
img {
	border:0;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
  /*font-feature-settings: "palt" 1;*/
	font-size:1.6rem;
	line-height: 1.8;
  color: #000;
  background: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.body-wrap {
	overflow: hidden;
}


/* utility(old)
==============================*/

.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}

.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_15 { margin-top: 15px; }
.mar_r_15 { margin-right: 15px; }
.mar_b_15 { margin-bottom: 15px; }
.mar_l_15 { margin-left: 15px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_40 { margin-top: 40px; }
.mar_r_40 { margin-right: 40px; }
.mar_b_40 { margin-bottom: 40px; }
.mar_l_40 { margin-left: 40px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }
.mar_t_60 { margin-top: 60px; }
.mar_r_60 { margin-right: 60px; }
.mar_b_60 { margin-bottom: 60px; }
.mar_l_60 { margin-left: 60px; }
.mar_t_70 { margin-top: 70px; }
.mar_r_70 { margin-right: 70px; }
.mar_b_70 { margin-bottom: 70px; }
.mar_l_70 { margin-left: 70px; }
.mar_t_80 { margin-top: 80px; }
.mar_r_80 { margin-right: 80px; }
.mar_b_80 { margin-bottom: 80px; }
.mar_l_80 { margin-left: 80px; }
.mar_t_90 { margin-top: 90px; }
.mar_r_90 { margin-right: 90px; }
.mar_b_90 { margin-bottom: 90px; }
.mar_l_90 { margin-left: 90px; }
.mar_t_100 { margin-top: 100px; }
.mar_r_100 { margin-right: 100px; }
.mar_b_100 { margin-bottom: 100px; }
.mar_l_100 { margin-left: 100px; }

.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }
.pad_40 { padding: 40px}
.pad_t_40 { padding-top: 40px; }
.pad_r_40 { padding-right: 40px; }
.pad_b_40 { padding-bottom: 40px; }
.pad_l_40 { padding-left: 40px; }
.pad_50 { padding: 50px}
.pad_t_50 { padding-top: 50px; }
.pad_r_50 { padding-right: 50px; }
.pad_b_50 { padding-bottom: 50px; }
.pad_l_50 { padding-left: 50px; }

.bor_t_1 { border-top: 1px solid #eee; }
.bor_r_1 { border-right: 1px solid #eee; }
.bor_b_1 { border-bottom: 1px solid #eee; }
.bor_l_1 { border-left: 1px solid #eee; }

.va-10 { vertical-align: -10%; }
.va-20 { vertical-align: -20%; }
.va-30 { vertical-align: -30%; }
.va-35 { vertical-align: -35%; }
.va-40 { vertical-align: -40%; }

.lh-10 { line-height: 1em; }
.lh-12 { line-height: 1.2em; }
.lh-14 { line-height: 1.4em; }
.lh-16 { line-height: 1.6em; }
.lh-18 { line-height: 1.8em; }
.lh-20 { line-height: 2em; }



/* utility
==============================*/
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}
.mb55 { margin-bottom:55px;}
.mb60 { margin-bottom:60px;}
.mb65 { margin-bottom:65px;}
.mb70 { margin-bottom:70px;}
.mb75 { margin-bottom:75px;}
.mb80 { margin-bottom:80px;}
.mb85 { margin-bottom:85px;}
.mb90 { margin-bottom:90px;}
.mb95 { margin-bottom:95px;}
.mb100 { margin-bottom:100px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}
.mt60 { margin-top:60px;}
.mt65 { margin-top:65px;}
.mt70 { margin-top:70px;}
.mt75 { margin-top:75px;}
.mt80 { margin-top:80px;}
.mt85 { margin-top:85px;}
.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px;}
.mr45 { margin-right:45px;}
.mr50 { margin-right:50px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt35 { padding-top:35px;}
.pt40 { padding-top:40px;}
.pt45 { padding-top:45px;}
.pt50 { padding-top:50px;}
.pt55 { padding-top:55px;}
.pt60 { padding-top:60px;}
.pt65 { padding-top:65px;}
.pt70 { padding-top:70px;}
.pt75 { padding-top:75px;}
.pt80 { padding-top:80px;}
.pt85 { padding-top:85px;}
.pt90 { padding-top:90px;}
.pt95 { padding-top:95px;}
.pt100 { padding-top:100px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb35 { padding-bottom:35px;}
.pb40 { padding-bottom:40px;}
.pb45 { padding-bottom:45px;}
.pb50 { padding-bottom:50px;}
.pb55 { padding-bottom:55px;}
.pb60 { padding-bottom:60px;}
.pb65 { padding-bottom:65px;}
.pb70 { padding-bottom:70px;}
.pb75 { padding-bottom:75px;}
.pb80 { padding-bottom:80px;}
.pb85 { padding-bottom:85px;}
.pb90 { padding-bottom:90px;}
.pb95 { padding-bottom:95px;}
.pb100 { padding-bottom:100px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl35 { padding-left:35px;}
.pl40 { padding-left:40px;}
.pl45 { padding-left:45px;}
.pl50 { padding-left:50px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr35 { padding-right:35px;}
.pr40 { padding-right:40px;}
.pr45 { padding-right:45px;}
.pr50 { padding-right:50px;}

.text-left, td.text-left, .text-left td{ text-align:left;}
.text-right, td.text-right, .text-right td{ text-align:right;}
.text-center, td.text-center, .text-center td{ text-align:center;}
.text-justify {	text-align: justify;}
.text-nowrap { white-space: nowrap;}

.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
section:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.text-justify p {
	text-align:justify;
	text-justify:inter-ideograph;
}

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

.full-width-section {
	width: 100%;
}

.container{
	max-width: 1200px;
	margin: 0 auto;
}



@media (max-width: 1200px) {
.container{
	max-width: 1200px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
}
}


.container:after{
	content:"";
	display: block;
	clear:both;
}

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



.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,
.grid7,.grid8,.grid9,.grid10,.grid11,.grid12 {
	width: 100%;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	float:left;
}

@media screen and (min-width: 480px) {
	.grid1{width: 8.3333%;} /* 80/960 */
	.grid2{width: 16.6666%;}/* 160/960 */
	.grid3{width: 25%;} /* 240/960 */
	.grid4{width: 33.3333%} /* 320/960 */
	.grid5{width: 41.6666%;}/* 400/960 */
	.grid6{width: 50%;} /* 480/960 */
	.grid7{width: 58.3333%;}/* 560/960 */
	.grid8{width: 66.6666%;}/* 640/960 */
	.grid9{width: 75%;} /* 720/960 */
	.grid10{width: 83.3333%;}/* 800/960 */
	.grid11{width: 91.6666%;}/* 880/960 */
	.grid12{width: 100%;} /* 960/960 */
}

.container .row {
  margin-right: -10px;
  margin-left: -10px;
}






.visible-sp {
	display: none;
}
.hidden-sp {
	display: block;
}
#footer-sengaya-address .hidden-sp {
	display: inline;
}


@media screen and (max-width: 768px) {
.visible-sp {
	display: block;
}
.hidden-sp,
#footer-sengaya-address .hidden-sp {
	display: none;
}
}








/* footer ロゴと連絡先
==============================*/
#footer-sengaya-wrap {
	width: 100%;
	background: url(../images/common/footer_sengaya_logo_bg.jpg) repeat center top;
	padding: 15px 0;
}

#footer-sengaya-wrap .inner {
	max-width: 1000px;
	margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

#footer-sengaya-logo {
	margin-right: 10px;
}
#footer-sengaya-address {
	font-size: 1.2rem;
  margin-left: 10px;
}
#footer-sengaya-address p {
	color: #333;
}

@media screen and (max-width: 980px) {
#footer-sengaya-wrap .inner {
	flex-direction: column;
}
#footer-sengaya-logo,
#footer-sengaya-address {
		text-align: center;
	}
#footer-sengaya-logo {
		margin-right: 0;
} 
#footer-sengaya-address {
		margin-top: 10px;
    margin-left: 0;
}
#footer-sengaya-address p {
		margin-top: 0;
}
}


.visible-phone {
  display: none !important;
}
.hidden-phone {
  display: inherit !important;
}
@media (max-width: 768px) {
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}



/* footer
==============================*/
#copy-wrap {
	width: 100%;
  background-color: #fff;
  background-image: url("../images/2024/common/header/header-bg-left.png"), url("../images/2024/common/header/header-bg-right.png");
  background-position: left bottom, right top;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat;
	padding: 25px 0;
}

#copy-wrap .inner {
	text-align: center;
}

#footer-mark {
	margin: 5px auto 3px;
}

#copyright{
	font-size: 1.2rem;
	color: #000000;
	font-family: Arial, Helvetica, "sans-serif";
	letter-spacing: 1px;
	margin: 0;
}

#copyTxt {
	font-size: 12px;
	color: #000;
}


#section-copyright {
  width: 100%;
  background: #761605;
  text-align: center;
  padding: 10px;
}
#section-copyright p {
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 12px;
}


/* ページトップリンク
=========================================*/
#pageTopLink {
    position: fixed;
		width: 60px;
    bottom: 30px;
    right: 30px;
		z-index: 100;
		cursor: pointer;
		cursor: hand;
}




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

.visible-xs {
  display: none !important;
}

@media (max-width: 480px) {
  .visible-xs {
    display: block !important;
  }
}

@media (max-width: 480px) {
  .hidden-xs {
    display: none !important;
  }
}



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


/* gnav
==============================*/

/* 画面の上部がグローバルナビ215を越えたらクラスfixedをつける */
.fixed {
 position: fixed;
 top: 0;
 left: 0;
 z-index: 999;
 box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.4);
}



#gnav-wrap {
	width: 100%;
	/*background-color: #d32d25;*/
  background-color: #f4f4f1;
}
/*
@media screen and (max-width: 1580px) {
#gnav-wrap {
	display: none;
}
}
*/
#top-head {
	/* トグルメニューに必要なID js/toggle.jp 内で設定 */
}
#top-head:after {
	content: "";
	display: block;
	clear: both;
}

#gNav {
	/*background-color: #d32d25;*/
  background: #f4f4f1;
	clear: both;
}

#gNav nav {
	max-width: 1200px;
	margin: 0 auto;
}




.navDrawr>ul:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.navDrawr>ul>li {
    float: left;
    position: relative;
}




.navDrawr>ul>li.gNavHome {
		width: 20%;
}

.navDrawr>ul>li.gNavBase {
		width: 20%;
}
.navDrawr>ul>li.otherPdt {
		width: 20%;
}
.navDrawr>ul>li.gNavContact {
    /*width: 12.5%;*/
		/*width: 14.2%;*/
}

.navDrawr a {
    display: block;
    color: #333;
		font-size: 14px;
    text-decoration: none;
    height: 60px;
    transition: 0.3s ease-in-out;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
}
.navDrawr>ul>li.gNavHome a {
	/*background-color: #d32d25;*/
}
.navDrawr>ul>li.gNavBase a {
	/*background-color: #d32d25;*/
}
.navDrawr>ul>li.otherPdt a {
	/*background-color: #9c3137;*/
  /*background-color: #f6e8b8;*/
  background-color: #ede8d7;
}
.navDrawr>ul>li.gNavContact a {
	/*background-color: #4f4f4f;*/
}

.navDrawr>ul>li.line1 a {
	/*line-height: 50px;*/
  line-height: 1.5em;
  padding: 20px 8px;
}
.navDrawr>ul>li.line2 a {
	line-height: 1.5em;
  /*padding-top: -5px;*/
  padding: 10px 8px;
}

.navDrawr>ul>li>a {
		border-left-width: 1px;
		border-left-style: solid;
		/*border-left-color: rgba(255,255,255,0.5);*/
    border-left-color: #aaaaa8;
    text-align: center;
}
.navDrawr>ul>li:last-child>a{
	border-right-width: 1px;
	border-right-style: solid;
	/*border-left-color: rgba(255,255,255,0.5);*/
  border-right-color: #aaaaa8;
}
.navDrawr>ul>li>a:hover {
  /*background: #eede84;*/
	/*color: #333;*/
	/*border-left: 1px solid #eede84;*/
	/* subメニューとの間にできる変な1pxのズレはborder-leftの分なのでホバー色と同色に */
  background: #d32d25;
  color: #fff;
  border-left: 1px solid #d32d25;
}
.navDrawr .sub {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    /*display: none;*/ /* 読み込み時に一瞬表示されてしまうのを防ぐため（ヘッダで読み込む「navDrawer.js」と併用） */
}
.navDrawr .sub a,
.navDrawr>ul>li.gNavHome .sub a,
.navDrawr>ul>li.gNavBase .sub a,
.navDrawr>ul>li.otherPdt .sub a,
.navDrawr>ul>li.gNavContact .sub a {
    background: #eee6d3;
		color: #333;
    border-bottom: 1px solid #d8d2c1;
    padding: 10px 10px 10px 20px;
		/*line-height: 1.4em;*/
    line-height: 1.4em;
		/*height: 30px;*/
    height: 60px;
}
.navDrawr .sub a:hover,
.navDrawr>ul>li.gNavHome .sub a:hover,
.navDrawr>ul>li.gNavBase .sub a:hover,
.navDrawr>ul>li.otherPdt .sub a:hover,
.navDrawr>ul>li.gNavContact .sub a:hover {
    background: #d32d25;
		color: #fff;
}

.navDrawr .sub li:last-child a {
    border: none;
}

@media screen and (max-width: 1300px) {
.navDrawr>ul>li:first-child>a{
	border-left: none;
}
.navDrawr>ul>li:last-child>a{
	border-right: none;
}
}







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

.spMenu {
	display: none;
}

@media screen and (max-width: 980px) {
.spMenu {
	display: block;
}
}


.spMenu {
	width: 100%;
	margin: 0;
	/*padding: 0 0 50px 0;*/
	padding: 0;
}



/* ハンバーガーメニュー 三本線ボタン
==============================*/

.spMenu .drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1002;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0;
}

.spMenu .drawer_button {
  position: fixed;
  /*top: 13px;*/
  top: 37px;
  right: 20px;
  z-index: 1004;
}

.drawer_button * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}

.drawer_button {
  position: relative;
  display: block;
  width: 42px;
  height: 26px;
  padding: 0;
  color: #333;
  background: none;
  border: none;
  text-align: center;
  letter-spacing: 0.1em;
  cursor: pointer;
  outline: none;
}

.drawer_button .drawer_bar {
  position: absolute;
	left: 0;
  display: block;
  width: 42px;
  height: 2px;
	background-color: #333;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  transform: translateY(-50%);
}
.drawer_button .drawer_bar1 {top: 0;}
.drawer_button .drawer_bar2 {top: 50%;}
.drawer_button .drawer_bar3 {top: 100%;}

.drawer_button.active .drawer_bar {
  width: 36.77px;
  left: 8px;
}
.drawer_button.active .drawer_bar1 {
  transform: rotate(0.7853981634rad) translateY(-50%);
  top: 0px;
}
.drawer_button.active .drawer_bar2 {
  opacity: 0;
}
.drawer_button.active .drawer_bar3 {
  transform: rotate(-0.7853981634rad) translateY(-50%);
  top: calc(100% - 0px);
}

.drawer_button.active .drawer_menu_text {
  display: none;
}
.drawer_button.active .drawer_close {
  display: block;
}

.drawer_text {
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
  text-align: center;
  font-size: 10px;
}

.drawer_close {
  letter-spacing: 0.08em;
  display: none;
}


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

.spMenu .drawerNavWrapper {
  position: fixed;
	top: 0;
  right: 0;
  width: 320px;
  height: 100%;
	padding-top: 80px;
  background-color: rgba(255, 255, 255, 0.95);
  background-image: url("../images/2024/common/header/header-bg-left.png"), url("../images/2024/common/header/header-bg-right.png");
  background-position: left top -250px, right bottom -100px;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat;
  
  transition: all 0.2s;
  transform: translate(320px); 
	overflow: scroll;
  z-index: 1003;
}
.spMenu .drawerNavWrapper.open {
  transform: translate(0);
}
.spMenu.left .drawer_button {
  right: auto;
  left: 32px;
}
.spMenu.left .drawerNavWrapper {
  transform: translate(-320px);
  right: auto;
  left: 0;
}
.spMenu.left .drawerNavWrapper.open {
  transform: translate(0);
}

.spMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background :#eee6d3;
	border-bottom: 1px solid #fff;
}

.spMenu li {
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.spMenu ul li a {
  display: block;
  padding: 10px;
	text-decoration: none;
	color: #000;
  line-height: 1;
}

label {
  display: block;
  margin: 0;
	padding :12px;
  line-height: 1;
	color :#fff;
	cursor :pointer;
	padding-left: 40px;
	font-size: 1.6rem;
}
label#label01 {
  background :#d32d25;
}
label#label02 {
  background :#4f4f4f;
}

input {
	display: none;
}

#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li {
	max-height: 46px;
  opacity: 1;
	border-bottom: 1px solid #d8d2c1;
}

ul#links01 a,
ul#links02 a {
	padding-left: 40px;
}

ul#links01 a:hover,
ul#links02 a:hover{
	background-color: #ba1e25;
	color: #fff;
}

.acd-label{
    position: relative;
}
.acd-label:after{
    background: none;
    box-sizing: border-box;
    content: '\f105';
    display: block;
    font-family: "Font Awesome 5 Free";
    height: 52px;
    padding: 10px 20px;
    position: absolute;
    left: 0px;
    top: 2px;
}

.accordion:checked + .acd-label:after{
    content: '\f107';
}

.spMenuOsechi a {
  display: block;
  padding: 12px 12px 12px 40px;
	text-decoration: none;
	color :#fff;
  background :#d32d25;
  line-height: 1;
	border-bottom: 1px solid #fff;
	position: relative;
	font-size: 1.6rem;
}
.spMenuOsechi a:after{
  position: absolute;
  top: 50%;
  left: 20px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);   
}
.spMenuOsechi a:hover {
  /*background :#eede84;*/
  background :#ff9900;
}

.spMenuOther a {
  display: block;
  padding: 12px 12px 12px 40px;
	text-decoration: none;
	color :#fff;
  background :#9c3137;
  line-height: 1;
	border-bottom: 1px solid #fff;
	position: relative;
	font-size: 1.6rem;
}
.spMenuOther a:after{
  position: absolute;
  top: 50%;
  left: 20px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);   
}
.spMenuOther a:hover {
  /*background :#eede84;*/
  background :#ff9900;
}

.spMenuContact a {
  display: block;
  padding: 12px 12px 12px 40px;
	text-decoration: none;
	color :#fff;
  background :#4f4f4f;
  line-height: 1;
	border-bottom: 1px solid #fff;
	position: relative;
	font-size: 1.6rem;
}
.spMenuContact a:after{
  position: absolute;
  top: 50%;
  left: 20px;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-radius: 1px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);   
}
.spMenuContact a:hover {
  /*background :#eede84;*/
  background :#ff9900;
}


#spMenuLogo {
	width: 300px;
	margin: 20px auto;
	padding-bottom: 50px;
}

.spMenuSNS {
	position: relative;
	width: 155px;
	height: 38px;
	margin: 0 auto;
}
.spMenu-sns-twitter {
	position: absolute;
	left: 0px;
	top: 0px;
}
.spMenu-sns-facebook {
	position: absolute;
	left: 55px;
	top: 0px;
}
.spMenu-sns-instagram {
	position: absolute;
	left: 110px;
	top: 0px;
}






/* ヘッダ
==============================*/

.header2024 {
  width: 100%;
  height: 165px;
  background-color: #fff;
  background-image: url("../images/2024/common/header/header-bg-left.png"), url("../images/2024/common/header/header-bg-right.png");
  background-position: left bottom, right top;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat;
}
.header2024 .inner {
  max-width: 1200px;
  height: 165px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  transition: 0.3s ease-in-out;
}

.header2024-main {
  flex: 1;
}
.header2024-sub {
  width: 510px;
}
.header-sub-inner {
 width: 510px;
 height: 165px;
  position: relative;
}

.logo2024 {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 680px;
}
.header2024-sub .h-callcenter {
  position: absolute;
  top: 68px;
  right: 0;
}


@media screen and (max-width: 1200px) {
.header2024 .inner {
  padding: 0 30px;
}
}

@media screen and (max-width: 980px) {
.header2024 {
  height: 100px;
}
.header2024 .inner {
  height: 100px;
}

.header2024-main {
  flex: 1;
}
.header2024-sub {
  width: 80px;
}
.header-sub-inner {
 display: none;
}
.logo2024 {
  max-width: 350px;
}
}

@media screen and (max-width: 480px) {
.header2024 .inner {
  padding: 0 15px;
}
}




/* 写真ドロップシャドウ
==============================*/

.drop-shadow {
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
}



.erabuTitleWrap {
	width: 100%;
  padding: 60px 10px 40px;
}

.erabuTitleWrap h2 {
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 34px;
  font-weight: 400;
	letter-spacing: 0.2em;
	line-height: 1.3em;
	text-align: center;
	text-shadow:
    white 3px 3px 6px, white -3px 3px 6px,
    white 3px -3px 6px, white -3px -3px 6px;
  border-bottom: 1px solid #666;
  padding-bottom: 5px;
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
.erabuTitleWrap {
  padding: 10px 10px 10px;
}
.erabuTitleWrap h2 {
	font-size: 26px;
}
}
@media screen and (max-width: 480px) {
.erabuTitleWrap {
  padding: 0 10px 0;
}
.erabuTitleWrap h2 {
	font-size: 20px;
}
}




/* YouTube レスポンシブ対応
-----------------------------------------------------------------*/

.youtube-wrapper {
	max-width: 920px;
	margin: 0 auto;
}

.youtube-responsive {
	position:relative;
	width:100%;
	padding-top:56.25%;
}

.youtube-responsive iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}




/*　テーブル
-----------------------------------------------------------------*/
.normal-tab {
	width: 100%;
	border-collapse: collapse;
}

.normal-tab th,
.normal-tab td {
	border: 1px solid #cccccc;
	padding: 10px;
	vertical-align: middle;
	font-size: 100%;
}

.normal-tab th {
	font-weight: bold;
	background-color: #eeeeee;
}

.normal-tab td.no-border-r {
  border-right: none;
}
.normal-tab td.no-border-lr {
  border-right: none;
  border-left: none;
}
.normal-tab td.no-border-l {
  border-left: none;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}








/*　トップページ
-----------------------------------------------------------------*/


body {
  background: url("../images/2024/common/bg/bg_washi_white.jpg") repeat center top;
}
.p-page-content-wrapper-top {
  background: url("../images/2024/common/bg/bg_washi_white.jpg") repeat center top;
  width: 100%;
  margin: 0;
  padding: 50px 0 0 0;
}

@media screen and (max-width: 980px) {
.p-page-content-wrapper-top {
  padding: 50px 0 0 0;
}
}


/* スライドショー
==============================*/
.section-slider {
  text-align: center;
  margin-bottom: 30px;
}
.swiper-slide-img img {
  width: 100%;
}
.swiper .swiper-pagination-bullet{
    background-color: #fff;
}



/* お知らせ
==============================*/
.section-information {
  padding: 20px 0 45px;
}


/* リンクバナー
==============================*/
.link-banner-wrap {
  display: flex;
  justify-content: space-between;
}

.link-banner-item {
  width: 23%;
}

@media screen and (max-width: 480px) {
.link-banner-wrap {
  flex-wrap: wrap;
}
.link-banner-item {
  width: 48%;
  margin-bottom: 15px;
}
}



/* 公式YouTubeチャンネル
==============================*/

.heading-youtube {
  text-align: center;
  margin-bottom: 40px;
}
.youtube-official-channel {
  text-align: center;
  margin-top: 20px;
}



/* 多彩なラインナップを取り揃えております
==============================*/
.lineup-heading {
  font-family: 'Noto Sans JP', sans-serif;
	font-size: 2.0rem;
  font-weight: 400;
	line-height: 1.6em;
  letter-spacing: 0.2em;
  color: #fff;
  background: #ae0000;
  text-align: center;
  padding: 8px;
  margin-bottom: 30px;
}

.lineup-box {
  display: flex;
  justify-content: space-between;
}
.lineup-item img {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}


.top-lineup-number .lineup-item {
  width: 15.3846153%;
}
.top-lineup-price .lineup-item,
.top-lineup-size .lineup-item {
  width: 23.8461538%;
}

@media screen and (max-width: 480px) {
.lineup-box {
  flex-wrap: wrap;
}
.top-lineup-number .lineup-item {
  width: 31.25%;
  margin-bottom: 15px;
}
.top-lineup-price .lineup-item,
.top-lineup-size .lineup-item {
  width: 48.4375%;
  margin-bottom: 15px;
}
}


/* 千賀屋コールセンター
==============================*/
.info-top-callcenter {
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 480px) {
.info-top-callcenter {
  padding: 0 30px;
}
}







.p-top-logo {
  font-size: 20px;
  line-height: 1.4;
  max-width: 90%;
  margin: 30px auto;
  text-align: center;
}

.p-top-logo a {
  display: block;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-top-logo a:hover {
  opacity: .66;
}

.p-top-logo a:active {
  opacity: 1;
}

/* ------------------------------------------------------------------- */




/* ------------------------------------------------------------------- */

#slider-wrapper .bx-controls-direction a {
  z-index: 100;
}

#slider-wrapper .bx-viewport {
  top: 0;
  left: 0;
  border: 0;
  background: #f8f8f8;
  box-shadow: none;
}

#slider-wrapper .bx-wrapper img {
  margin: 0 auto;
}

#slider-wrapper .bx-caption {
  top: 0;
  bottom: auto;
  background: rgba(0, 0, 0, .3);
}

#slider-wrapper .bx-caption span {
  padding: 1.5em;
}

#slider-wrapper .bx-pager {
  bottom: 10px;
  padding-top: 0;
}

#slider-wrapper .bx-pager a {
  background: #fff;
}

#slider-wrapper .bx-pager a:hover,
#slider-wrapper .bx-pager a.active {
  background: <{$setting-slide-currentColor}>;
}





.top-news-heading {
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 0.2em;
	color: #74591f;
	text-align: center;
	margin-bottom: 40px;
	
	background: rgba(255,255,255,0.7);
	padding: 6px 0;
}


.p-news {
  line-height: 1.5;
  margin: 0;
}

.p-news::after {
  display: block;
  clear: both;
  content: '';
}

.p-news__label {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  width: 180px;
  margin: 0;
  letter-spacing: 1px;
}

.p-news__content {
  line-height: 1.6;
  margin: 5px 0 20px 10px;
}

.p-news__content p:nth-child(1) {
  margin-top: 0;
}

.p-news__label {
  font-family: 'Montserrat', sans-serif;
}

.p-news__label::before {
  content: '-';
}

.p-info {
  line-height: 1.5;
}

.p-contents {
  line-height: 1.5;
  margin-bottom: 40px;
}

.p-contents__list {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
}

.p-contents__list::after {
  display: block;
  clear: both;
  content: '';
}

.p-contents__list li {
  position: relative;
  box-sizing: border-box;
  padding: 0 2em 0 1em;
}

.p-contents__list li::before {
  position: absolute;
  top: .5em;
  left: 0;
  content: '-';
}

.p-contents__list a {
  display: block;
  max-width: 100%;
  padding: .5em 0;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-contents__list a:hover {
  opacity: .66;
}

.p-contents__list a:active {
  opacity: 1;
}

.p-custom-banner {
  margin-top: 50px;
  text-align: center;
}

.p-custom-banner__unit {
  background: <{$setting-custom-textColor}>;
}

.p-custom-banner__unit--text {
  font-family: 'Montserrat', sans-serif;
  padding: 30px 10px;
  color: <{$setting-custom-textColor}>;
  background: <{$setting-custom-bgColor}>;
}

.p-custom-banner__unit--text a {
  color: <{$setting-custom-textColor}>;
}

.p-custom-banner__image {
  width: 100%;
}

.p-custom-banner__heading {
  font-size: 24px;
  padding: 10px 0;
}

.p-custom-banner__body {
  line-height: 1.5;
  padding: 10px 0;
}

@media screen and (min-width: 600px) {
  .p-top-logo {
    display: none;
  }

  #slider-wrapper .bx-pager {
    bottom: 30px;
  }

  .p-contents__list li::before {
    top: 0;
  }

  .p-contents__list li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
  }

  .p-contents__list li:nth-child(2n + 1) {
    clear: left;
  }

  .p-contents__list a {
    display: inline-block;
    padding: 0;
  }

  .p-custom-banner {
    display: table;
    width: 100%;
    margin-top: 100px;
    table-layout: fixed;
  }

  .p-custom-banner__unit {
    display: table-cell;
    box-sizing: border-box;
    width: 50%;
    max-width: 50%;
    vertical-align: middle;
    word-break: break-all;
  }

  .p-custom-banner__unit--text {
    padding: 10px 20px;
  }
}

@media screen and (min-width: 960px) {
  .p-news__label {
    float: left;
    clear: left;
    margin-right: 20px;
  }

  .p-news__content {
    overflow: hidden;
    margin: 0 0 20px;
  }

  .p-custom-banner__heading {
    font-size: 30px;
  }
}































/*
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/






.bg-secondary {
	background: url("https://www.sengaya.co.jp/omotenashisando/osechi/2023/img/common/bg_secondary_01.jpg") repeat center top 10%;
}


.bg-asanoha {
  background: url("../images/2024/common/bg/bg_asanoha.jpg") repeat center top;
}
.bg-sippou {
  background: url("../images/2024/common/bg/bg_sippou.jpg") repeat center top;
}
.bg-cloud {
    background-image: url("../images/2024/common/bg/bg-cloud-left-top.png"), url("../images/2024/common/bg/bg-cloud-right-bottom.png");
  background-position: left top, right bottom;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat;
}
.bg-otedama {
    background-image: url("../images/2024/common/bg/bg-otedama-left-top.png"), url("../images/2024/common/bg/bg-otedama-right-bottom.png");
  background-position: left top, right bottom;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat;
}
.bg-temari {
    background-image: url("../images/2024/common/bg/bg-temari-left-middle.png"), url("../images/2024/common/bg/bg-temari-right-top.png");
  background-position: left top 200px, right top;
  background-size: auto, auto;
  background-repeat: no-repeat, no-repeat;
}








#slider {
	margin-bottom: 20px;
}

.section-toppage {
	padding: 70px 0;
}
@media screen and (max-width: 980px) {
.section-toppage {
	padding: 40px 0 20px;
}
}
@media screen and (max-width: 768px) {
.section-toppage {
	padding: 20px 0 10px;
}
}






.important-check{
    display: none;
}
.important-label{
		color: #000;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    position: relative;
		padding-left: 0px;
}

.important-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}

.important-check:checked + .important-label + .important-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

label.important-label:hover {
	text-decoration: underline;
}


/*

.infoWrap {
	max-width: 1200px;
	overflow: hidden;
	background-color: rgba(255,255,255,0.5);
	margin: 0 auto 30px;
	border: 1px solid #cc0000;
}
.infoWrap .inner {
padding: 30px 50px 0;
}

*/



.infoWrap {
	max-width: 1200px;
	overflow: hidden;
	margin: 0 auto 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #666;
}
.infoWrap .inner {
margin: 0;
padding: 0;
}



.infoBody {
	float: right;
	width: 100%;
	margin-left: -10em;
	padding-left: 10em;
	box-sizing: border-box;
}

.infoTitle {
	float: left;
	width: 8em;
	background-color: #cc0000;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 3px;
	display: inline-block;
}

.infoTitle2 {
	float: left;
	width: 8em;
	background-color: #000080;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 3px;
	display: inline-block;
}

/*
----------------------------------------------------------------*/

@media screen and (max-width: 768px) {
.infoBody {
	float: none;
	width: 100%;
	margin-left: 0;
	padding-left: 0;
	box-sizing: border-box;
}
.infoTitle {
	float: none;
	width: 8em;
	margin-top: 5px;
}
.infoTitle2 {
	float: none;
	width: 8em;
	margin-top: 5px;
}
}
/*
----------------------------------------------------------------*/

dl.info dt {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
dl.info dd {
	line-height: 1.6em;
}
.important-content h4 {
	font-size: 1.7rem;
	font-weight: bold;
	color: red;
	margin-bottom: 0.5em;
}
.important-content h5 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.important-content ul {
	margin-bottom: 1em;
}
.important-content ul li {
	list-style: disc;
	margin-left: 1em;
}

/*
----------------------------------------------------------------*/


.topErabuWrap {
	background: url("https://www.sengaya.co.jp/omotenashisando/osechi/2022/img/top/top_btn_karaerabu_bg_pat.jpg") repeat center top;
	max-width: 1200px;
	margin: 0 auto;
	padding:10px;
}

.topErabuBox {
	background:rgba(255,255,255,0.75);
	width: 100%;
	overflow: hidden;
}
.topErabuBox .inner {
	padding: 20px;
}

.topErabuBoxHeading {
	float: left;
	display: inline;
	width: 28%;
}
.topErabuBoxBody {
	float: right;
	width: 70%;
	display: flex;
	flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
	padding-bottom: 20px;
}

.topErabu-6items {
	margin-left: 5px;
}
.topErabu-4items {
	margin-left: 5px;
}


@media screen and (max-width:980px) { 

.topErabuBox .inner {
	padding: 10px;
}
.topErabuBoxBody {
	padding-bottom: 10px;
}

}


@media screen and (max-width:480px) { 

.topErabuBox .inner {
	padding: 10px;
}
.topErabuBoxHeading {
	float: none;
	display: block;
	width: 100%;
}
.topErabuBoxBody {
	float: none;
	flex-wrap: wrap;
	width: 100%;
}
.topErabu-4items {
	width: 49%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
}
.topErabu-6items {
	width: 32%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
}

}

/*
----------------------------------------------------------------*/


.p-page-content {
	margin: -50px auto -40px;
	padding: 0;
}

/*
----------------------------------------------------------------*/

dl.infoDlist {

}

dl.infoDlist dt {
	font-weight: bold;
}

dl.infoDlist dd {
	margin-left: 2em;
}









/* フリーページ
-----------------------------------------*/

/* layout
==============================*/
.content-wrap {
  max-width: 1200px;
	margin: 0 auto;
}

.round-box-white {
	background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	border-radius: 10px;
}

.round-box-white .inner {
	padding: 8%;
}

/* フリーページ・バナーと縦並びにするボタン
==============================*/

.kago-btn-wrap {
	margin-bottom: 40px;
}

.btn-buy {
	margin-top: 10px;
}


/* フリーページ・ご利用ガイド
==============================*/

.guide-contents {
	margin-bottom: 3em;
}

.guide-lnav li {
	display: inline;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
	padding: 0 15px;
}

.guide-lnav li+ li {
  border-left: 0;
  border-right: 1px solid #999;
}

.guide-lnav {
	background-color: #ebd767;
	padding: 5px 0;
	margin-top: 10px;
	margin-bottom: 50px;
}

.guide-lnav li a,
.guide-lnav li a:hover {
	color: #000;
	font-size: 12px;
}


@media screen and (max-width: 768px) {

.guide-lnav {
	width: 100%;
	margin: 10px auto 50px;
	padding: 0;
	overflow: hidden;
}

.guide-lnav ul {
	border-top: 1px solid #999;
}

.guide-lnav li {
	font-size: 1.2rem;
	display: block;
  border-left: none;
  border-right: 1px solid #999;
	padding: 0;
	width: 33%;
	text-align: center;
	float: left;
	border-bottom: 1px solid #999;
}

.guide-lnav li:nth-of-type(3n){
	border-right: none;
}

.guide-lnav a {
	display: block;
	padding: 8px 0;
}

}

.daibiki-list dt {
	background: #eee;
	padding: 5px;
	margin: 0 0 0.5em 0;
}

.daibiki-list dd {
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #ccc;
}

.guide-contents h2 {
	font-size: 28px;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 1.5em;
	text-shadow: 0 0 5px white;
  padding: 0.3em 1em;
  background: -webkit-repeating-linear-gradient(-45deg, #f6d558, #f6d558 3px,#f6cf3d 3px, #f6cf3d 7px);
  background: repeating-linear-gradient(-45deg, #f6d558, #f6d558 3px,#f6cf3d 3px, #f6cf3d 7px);
}

.guide-contents h2 span {
	font-size: 24px;
	font-weight: normal;
	color: #cc0000;
}

.guide-contents h3 {
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: 30px;
	
	border-bottom: 4px solid #e7af00;
	padding-bottom: 0.15em;
}

.guide-contents h4.midashi-red {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #cc0000;
}

.guide-contents h4.midashi-credit {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.guide-contents h4.midashi-red-outline {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
	background-color: #cc0000;
	padding: 5px 10px;
	display: inline-block;
}

.guide-contents h5 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.guide-contents p {
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 1.5em;
}

.guide-contents strong {
	font-size: 20px;
}
.guide-contents .kome-list-wrap p {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0.5em;
}

.color-red {
	color: #cc0000;
}

.color-orange {
	color: #e7af00;
}

.color-blue {
	color: #000d99;
}

.guide-contents p span.border-bottom-red {
	border-bottom: 3px solid #cc0000;
	padding-bottom: 1px;
	line-height: 2em;
}

.guide-contents a {
	color: #1a0dab;
	text-decoration: none;
}
.guide-contents a:hover {
	color: #cc0000;
	text-decoration: none;
}


dl.shipping-yamato-caution {
	font-size: 16px;
	line-height: 1.4em;
}

dl.shipping-yamato-caution dt {
	font-weight: normal;
}

dl.shipping-yamato-caution dd {
	padding-left: 2.5em;
	margin-top: -1.2em;
	margin-bottom: 1em;
}


.inline-caution {
	font-size: larger;
	font-weight: bold;
}

p.caption-txt {
	font-size: 14px;
	line-height: 1.4em;
	margin-top: 10px;
}


.red-caution-box {
	border: 4px solid #cc0000;
	margin-bottom: 20px;
}
.red-caution-box .inner {
	padding: 10px;
	text-align: center;
}
.red-caution-box strong {
	font-weight: bold;
}
.red-caution-box p {
	display: inline;
	margin: 0 auto;
	line-height: 1.6em;
}

.guide-contents ul li {
	list-style-type: disc;
	margin-left: 1em;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 0.5em;
}



#shipping h3 {
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 30px;
	color: #cc0000;
}

#shipping h4 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 10px;
}


.midashi-caption {
	font-size: 20px;
	font-weight: bold;
	color: #cc0000;
	line-height: 1.5em;
	margin-bottom: 20px;
}


#receipt-specification .komidashi {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}

#member-registration .midashi-caption {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}


a.btn-gradient-radius {
  display: inline-block;
	font-size: 20px;
	line-height: 1em;
  padding: 10px 20px;
  border-radius: 25px;
  text-decoration: none;
  color: #fff;
  background-color: #9b8540;
  transition: .4s;
}

a.btn-gradient-radius:hover {
  background-color: #eeca00;
	text-decoration: none;
	color: #fff;
}


.cancel-caution {
	background-color: #cc0000;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	padding: 10px 20px;
	margin-bottom: 20px;
}

.border-box-black {
	display: inline-block;
	border: 2px solid #000;
}

.border-box-blue {
	display: inline-block;
	border: 2px solid #00a0e8;
}

.border-box-black .inner,
.border-box-blue .inner {
	padding: 10px 20px;
}






/* フリーページ・お買い物の手順
==============================*/

.shoppingFlow dl dt.faqDt {
	font-size: 20px;
	font-weight: bold;
	color: #cc0000;
	margin-bottom: 30px;
}

.guide-contents .shoppingFlow h3 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0;
	margin-bottom: 15px;
	border-bottom: none;
	padding-bottom: 0;
}

.guide-contents .shoppingFlow h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: none;
	padding-bottom: none;
}

.flowTxtBox {
	margin-left: 45px;
}

.flowTxtBox2 {
	margin-left: 35px;
}


.vertical-M {
	vertical-align: middle;
}



.guide-contents ul.list-style-type-img li {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0.5em;
	min-height: 30px;
	list-style-type: none;
	margin-left: 0;
	padding-left: 35px;
	line-height: 1.6em;
	background-size: contain;
}

.guide-contents ul.list-style-type-img li.list-no-img-01 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-01.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-02 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-02.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-03 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-03.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-04 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-04.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-05 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-05.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-06 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-06.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-07 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-07.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-08 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-08.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-09 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-09.png) no-repeat left 0px top 0px;
}
.guide-contents ul.list-style-type-img li.list-no-img-10 {
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-icon-number-10.png) no-repeat left 0px top 0px;
}



.borderBox {
	width: 100%;
	border: 2px solid #000;
}

.borderBox .inner {
	padding: 10px 20px;
}

.about-error {
	background-color: #fce0d1;
	border-radius: 20px;
}

.about-error .inner {
	padding: 20px;
}

.guide-sec5-5-cap {
	margin-top: 250px;
}

.guide-sec6-3-cap {
	margin-top: 40px;
}

.guide-sec6-3-2-cap {
	margin-top: 100px;
}

@media (max-width: 992px) {

.guide-sec5-5-cap {
	margin-top: 0px;
}

.guide-sec6-3-cap {
	margin-top: 0px;
}

}








/* フリーページ 一覧用
-----------------------------------------*/

.freepageTitleWrap {
	width: 100%;
	height: 200px;
	background: url("../images/freepage/2022-pagetitle-bg.jpg") repeat-x center top;
	margin-bottom: 30px;
}
.freepageTitleWrap h2 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 34px;
	letter-spacing: -0.05em;
	line-height: 1.3em;
	text-align: center;
	padding-top: 80px;
	text-shadow:
    white 3px 3px 6px, white -3px 3px 6px,
    white 3px -3px 6px, white -3px -3px 6px;
}

.listWrap h3 {
	font-size: 200%;
	color: #000;
	border: 5px solid #c8a063;
	background-color: #e6d24b;
	padding: 15px 35px;
	border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	text-shadow: 0 0 4px #ffffff;
}

.listWrap h4 {
	font-size: 130%;
	background-color: #7e5200;
	color: #fff;
	padding: 0.2em 0 0.2em 10px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

/* フリーページ カゴ用金額
-----------------------------------------*/
.kago-price {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
	text-align: right;
	margin-top: 5px;
	padding: 0px 10px;
	background: #cc0000;
	border: 4px solid #c21500;
  border-image: linear-gradient(to bottom left, #f0cc7e 0%, #f5e4b0 25%, #c98e06 50%, #eec78e 100%);
  border-image-slice: 1;
}
.kago-price span {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	margin-left: 5px;
}



/* Q&A よくあるご質問
-----------------------------------------------------------------*/

#faqWrap {
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px 50px 20px;
	background-color: #fff;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#faqWrap table.table1 a {
	color: #c61001;
	text-decoration: underline;
}
#faqWrap table.table1 a:hover {
	text-decoration: underline;
	color: #FCC;
}

.faqContents {
	margin-bottom: 50px;
}

.faqH3Wrap {
	max-width: 1000px;
	padding: 5px 0;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.faq1 {
	background-color: #FCC;
}
.faq2 {
	background-color: #FFE2E7;
}
.faq3 {
	background-color: #E7F5A3;
}
.faq4 {
	background-color: #D7EDFF;
}

#faqWrap h3 {
	font-size: 30px;
	font-weight: normal;
	color: #333;
	text-align: center;
	line-height: 0.9em;
	margin-top: 17px;
	padding: 0;
}
#faqWrap h3 span {
	font-size: 14px;
	font-weight: normal;
}


* html .qanda {
	height:1em;
	overflow:visible;
}

.qanda {
	overflow:hidden;
	position:relative;
	margin-right:-1.030%;
	margin-top:20px;
	margin-bottom:20px;
}

a.qanda,
a.qanda:hover,
.qandaColumn a,
.qandaColumn a:hover {
	text-decoration: none;
	cursor: pointer;
	cursor: hand;
}

.qandaColumn {
	display:inline;
	width:23.5%;
	float:left;
	margin-right:1.030%;
}




@media screen and (max-width:767px) {
	#faqWrap {
	padding: 10px 20px 20px;
	}

	.qandaColumn {
		display:block;
		box-sizing:border-box;
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:10px;
	}
	
}



.qanda1 {
  width:100%;
  color: #ffffff ;
  text-align:center;
  background: #c61001;
  font-size: 15pt ;
  line-height: 1;
  margin:0 auto;
  padding: 10px 5px 5px 5px;
    box-shadow:1px 1px 0px 0px 0 ;
    border-radius: 3px ;
}

.qanda2 {
  width:100%;
  color: #ffffff ;
  text-align:center;
  background: #F66;
  font-size: 15pt ;
  line-height: 1;
  margin:0 auto;
  padding: 10px 5px 5px 5px;
    box-shadow:1px 1px 0px 0px 0 ;
    border-radius: 3px ;
}


.qanda3 {
  width:100%;
  color: #ffffff ;
  text-align:center;
  background: #366;
  font-size: 15pt ;
  line-height: 1;
  margin:0 auto;
  padding: 10px 5px 5px 5px;
    box-shadow:1px 1px 0px 0px 0 ;
    border-radius: 3px ;
}

.qanda4 {
  width:100%;
  color: #ffffff ;
  text-align:center;
  background: #069;
  font-size: 15pt ;
  line-height: 1;
  margin:0 auto;
  padding: 10px 5px 5px 5px;
    box-shadow:1px 1px 0px 0px 0 ;
    border-radius: 3px ;
}


.qandared {
  width:100%;
  color: #c61001 ;
  text-align:left;
  background: #fff;
  font-size: 15pt ;
  line-height: 1;
  margin:0 auto;
  padding: 10px 5px 5px 5px;
border-bottom:3px solid #c61001;
}

.qandapink {
  width:100%;
  color: #f66 ;
  text-align:left;
  background: #fff;
  font-size: 15pt ;
  line-height: 1;
  margin:0 auto;
  padding: 10px 5px 5px 5px;
border-bottom:3px solid #F66;
}


.qandagreen {
  width:100%;
  color: #366 ;
  text-align:left;
  background: #fff;
  font-size: 15pt ;
  line-height: 1;
  margin:0 auto;
  padding: 10px 5px 5px 5px;
border-bottom:3px solid #366;
}

.qandablue {
  width:100%;
  color: #069 ;
  text-align:left;
  background: #fff;
  font-size: 15pt ;
  line-height: 1;
  margin:0 auto;
  padding: 10px 5px 5px 5px;
border-bottom:3px solid #069;
}



.table1 { 
   width:100%;
   border-collapse:collapse;
}

.table1 th {
   padding:5px;
   font-size:15px;
   text-align:left;
}

.table1 td { 
   padding:5px;
   font-size:15px;
   text-align:left;
}



.fukidashi1 {
	position: relative;
	display: inline-block;
	padding: 15px 15px 10px;
	width: 95%;
	min-width: 115px;
	color: #000;
	line-height: 30px;
	text-align: left;
	background: #FCC;
	font-size:16px;
	z-index: 0;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.fukidashi1:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #FCC transparent transparent;
}



.fukidashi2 {
	position: relative;
	display: inline-block;
	padding: 15px 15px 10px;
	width: 95%;
	min-width: 115px;
	color: #000;
	line-height: 30px;
	text-align: left;
	background: #FFE2E7;
	font-size:16px;
	z-index: 0;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.fukidashi2:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #FFE2E7 transparent transparent;
}



.fukidashi3 {
	position: relative;
	display: inline-block;
	padding: 15px 15px 10px;
	width: 95%;
	min-width: 115px;
	color: #000;
	line-height: 30px;
	text-align: left;
	background: #E7F5A3;
	font-size:16px;
	z-index: 0;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.fukidashi3:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #E7F5A3 transparent transparent;
}


.fukidashi4 {
	position: relative;
	display: inline-block;
	padding: 15px 15px 10px;
	width: 95%;
	min-width: 115px;
	color: #000;
	line-height: 30px;
	text-align: left;
	background: #D7EDFF;
	font-size:16px;
	z-index: 0;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.fukidashi4:after {
	content: "";
	position: absolute;
	top: 50%; left: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #D7EDFF transparent transparent;
}








.haisouCaution {
	font-size: 130%;
	font-weight: bold;
	margin-top: 10px;
	text-align: center;
}

@media screen and (max-width:768px) {

.haisouCaution {
	text-align: left;
}
	
}




/* 重箱サイズから選ぶ
==============================*/

/* タイトルキャプション */
span.box-size-caption {
	font-size: 1.8rem;
	margin-left: 20px;
}

@media screen and (max-width: 768px) {
	
span.box-size-caption {
	margin-left: 0;
}

	
}



/* 人数で選ぶ
==============================*/

.number-pdt {
	margin-bottom: 50px;
}

.dotted-section {
	border-bottom: 10px dotted #c2a16c;
	padding-bottom: 20px;
}

.number-description {
	/*font-size: 1.8rem;*/
	font-size: 2.3rem;
	line-height: 1.8em;
	text-align:justify;
	text-justify:inter-ideograph;
}

.listWrap .number-h4 h4 {
	font-size: 2.4rem;
	line-height: 1.5em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: bold;
	background-color: #fad9e7;
	color: #333;
	padding: 0.2em 15px;
	border: 5px solid #a49200;
	border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
	letter-spacing: -0.03em;
}

.number-pdt-price {
	font-size: 5rem;
	font-weight: bold;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 0px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #cc0000;
	text-shadow: 
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
    white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;
}

.number-pdt-price span {
	font-size: 2.4rem;
}



@media screen and (max-width:980px) {
.number-pdt-name,
.number-pdt-price,
.number-pdt-pic {
	text-align: center;
}
}








/* 原料原産国表示
-----------------------------------------------------------------*/
.item_list {
	width: 100%;
	line-height: 1.6;
	border-collapse: collapse;
	background: #fff;
	color: #333;
}

.item_list th {
	font-weight: bold;
	text-align: center;
}

.item_list td,
.item_list th {
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
}

.item_list thead th,
.item_list tbody th {
	background: #f4f4f4;
	font-weight: bold;
	vertical-align: middle;
}

@media only screen and (max-width:420px) {

	.item_list {
		width: 100%;
		margin: 0 auto;
	}
	.item_list thead {
		display: none;
	}
	.item_list tbody tr {
		display: block;
		margin-bottom: 10px;
	}
	.item_list tbody th {
		display: block;
		border-style: solid none;
	}
	.item_list tbody td {
		display: list-item;
		width: 80%;
		border: none;
		
		margin: 0 10%;
	}
	
	.item_list tbody td:nth-of-type(1):before { content: "[原材料名]\A"; white-space: pre; }
	.item_list tbody td:nth-of-type(2):before { content: "[原料原産地]\A"; white-space: pre; }
	.item_list tbody td:nth-of-type(3):before { content: "[アレルゲン]\A"; white-space: pre; }
	.item_list tbody td:nth-of-type(4):before { content: "[添加物]\A"; white-space: pre; }
}




/* 食材のご確認（フリーページ） */


.food_table { 
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	vertical-align: middle;
}

.food_table th,
.food_table td {
	border: 1px solid #ccc;
	color: #333;
}
.food_table a {
	text-decoration:none;
	color:#06C;
}


.food_table th {
	padding: 5px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	
	background:#eee;
}

.food_table td { 
	padding: 5px;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}

.food_table tr:nth-child(even) {
	background: #eee;
}

.food_table td.picTd { 
	white-space: nowrap;
	max-width: 120px;
	min-width: 80px;
}



/* 味ごよみ
-----------------------------------------------------------------*/

.wrapper-1200 {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

@media screen and (min-width: 1200px) {

.wrapper-1200 {
	padding: 0;
}

}

.wrapper-1062 {
	max-width: 1062px;
	margin: 0 auto;
}

.wrapper-890 {
	max-width: 890px;
	margin: 0 auto;
}





/* 10.お問合せ 11.マイアカウント・会員ログイン 12.友達に教える 13.メルマガ登録・解除 14.レビュー 共通ロゴまわり
==============================*/

.p-shop__header--title a {
	display: block;
	width: 419px;
	height: 94px;
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-logo-plus-regi.png) no-repeat center top;
	text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
	margin: 20px auto;
}

@media screen and (max-width: 480px) {

.p-shop__header--title a {
	width: 300px;
	height: 67px;
	margin: 0 auto;
	background-size: cover;
}

}




/* 頒布会　カゴ部分
-----------------------------------------*/

.hanpukaiCartWrap {
	max-width: 800px;
	margin: 0 auto;
	padding: 50px 120px;
	background: url(https://img21.shop-pro.jp/PA01392/012/etc/2021-set-bg-wraparound.jpg) repeat-y center top;
}


@media screen and (max-width: 768px) {

.hanpukaiCartWrap {
	padding: 50px 50px;
}

}

@media screen and (max-width: 560px) {

.hanpukaiCartWrap {
	padding: 50px 30px;
}

}