@charset "utf-8";

/* base----------------------------------------------- */
a:link.rinkset,a:visited.rinkset { color:#482ab8; text-decoration:underline;font-weight:600;}
a:hover.rinkset,a:active.rinkset { color:#856ce2;text-decoration:none;overflow: hidden;outline: none;}
.wrap {overflow: hidden;} /* 右にできる余白を消すためのタグ */
body {font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.sp { display: none;} /* miniを非表示 */
#wrapper{
		background:url('images/back2.jpg') no-repeat;
		background-position:center top;
		background-attachment:fixed;
	}
#wrapper::before {
  content: "";
  background: url('images/back2.jpg')no-repeat center center;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
}/* sp対策 */
div.bg2{background:rgba(255,255,255,0.75);border-left: solid 0px #F0E283;border-right: solid 0px #F0E283;}
.clear, #clear {clear: both;}

/* txt----------------------------------------------- */
.txt1{font-size:70%;font-weight:500;}
.txt2{font-size:80%;color:#3a3a3a;}
.txt3{font-size:90%;line-height:1.5;}
.txt4{font-size:1.6rem;font-weight:600;color:#3a3a3a;}
.txt4fin{font-size:1.6rem;font-weight:600;color:#afb5bc;}
.txt5{color:#3a3a3a;font-size:1.2rem;font-weight:500;}
.txt5b{color:#640d0d;font-size:1.2rem;font-weight:800;}
.txt5r{color:#E80000;font-size:1.2rem;font-weight:500;}
.txt6{color:#3a3a3a;font-size:0.9rem;font-weight:500;}
.txt7{font-size:100%;color:#3a3a3a;font-weight:500;}
.txt7rb{font-size:100%;color:#b4200c;font-weight:800;}
.txt8{font-size:125%;color:#3a3a3a;font-weight:600;}
.wtxtct{margin-left:1em;text-indent:-1em;}
.txtr{color:#E80000;}
.txtw{color:#fff;}
.txtg{color:#cacaca;}
.txtp{color:#482ab8;}
.txt9{font-size:125%;color:#ff3f9f;font-weight:600;margin-top:15px;line-height:1.1;}
.txt9 span{font-size:80%;color:#ff3f9f;font-weight:600;margin-top:15px;}
.txt9 ul{line-height:1.1;}
.txt10{font-size:150%;color:#fff;font-weight:600;text-align:center;}
.goodsname{font-size:120%;color:#3a3a3a;}
.goodsname2{font-size:100%;color:#3a3a3a;}

/* triangle */
.point-triangle {
 position: relative;
}
.point-triangle:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}
.point-triangle span,span.day {
 position: absolute;
 content: " ";
 font-size:12px;
 color: #fff;
 z-index:100;
}
.point-triangle-lt:after {
 top: 0;
 left: 0;
 border-bottom:5em solid transparent;/*赤い部分のサイズ*/
 border-left:5em solid #b50421;/*赤い部分のサイズ*/
}
.point-triangle-lt span {
 top: .85em;
 left: .0em;
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
}
.point-triangle-lt span.day {
 top: 15px;
 left: .1em;
 transform: rotate(-45deg);
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
}

/* box----------------------------------------------- */
.cont-box1 {width:100%;margin:0px auto;padding:10px;background-color:#1046a0;}
.cont-box1 h4{font-size:140%;font-weight:600;line-height:1.5;padding:0 10px 0 10px;color:#fff;}
.cont-box1 h3 {color:#182368;font-size:205%;margin-bottom:10px;font-weight:700;line-height:1.3;}
.cont-box1-fin {color:#80858c;font-size:205%;margin-bottom:10px;font-weight:700;line-height:1.3;}
.cont-box1 h3 span {font-size:60%; letter-spacing: -0.01em;color:#3a3a3a;font-weight:600;}
.cont-box2{width:100%; margin:0px auto; padding:10px;color:#3a3a3a;}
.cont-box2 h3 {color:#004690;font-size:230%;font-weight:700; width:100%;margin-bottom:20px;font-weight:700;line-height: 1.3;border-bottom: solid 3px #004690;}
.cont-box2 .inner {border-radius:5px;border: solid 1px rgba(101, 101, 123, 0.5);padding:2%;position: relative;width:100%; max-width:1000px;margin: 0 auto;margin-bottom:20px;
}
.cont-box2 h5{font-size:140%;font-weight:600;line-height:1.2;padding:0 5px 0 5px;color:#0064FF;}
.cont-box2 h5 span{font-size:75%;font-weight:600;color:#0064FF;}

.cont-box3{width: 100%; margin: 0 auto;padding:40px;}
.cont-box3 h4{font-size:150%;font-weight:600;line-height:1.2;padding:0 5px 0 5px;color:#3a3a3a;}
.cont-box3 h3 {
    color: #3a3a3a;
    font-size: 305%;width:100%;
    margin-bottom:20px;
    font-weight: 700;
    line-height: 1.3;border-bottom: solid 1px #f1105a;
}
.cont-box5b{width:100%; max-width:900px;margin: 0 auto;}
.cont-box5b h4{font-size:150%;font-weight:600;line-height:1;padding:0 5px 0 5px;color:#0064FF;}

.cont-box6 {width: 100%;margin: 0 auto;padding:10px;line-height: 50px;}


/* 高さ調整----------------------------------------------- */
.inbox-1{margin-top:10px;margin-left:10px;}
.inbox-2{margin-top:20px;}
.inbox-3{margin-top:30px;}
.inbox-4{margin-bottom:20px;}
.inbox-5{margin-top:30px;margin-bottom:20px;}
.inbox-6{margin-bottom:30px;}
.inbox-7{margin-top:-10px;margin-right:10px;text-align: right}

/* 価格表記------------------------------------------------------------- */
.ex,.exn{font-size:160%;color:#d13459;}
.ex,.exn:after{content:' (税込)';font-size:1.4rem;}
.ex2{font-size:160%;color:#d13459;}
.ex2:after{content:' (税込)';font-size:1.4rem;}
.ex2:before{content:'各';font-size:1.4rem;}
.ex3{font-size:160%;color:#d13459;}
.ex3:after{content:' (税込) / ';font-size:1.4rem;}
.ex3:before{content:'1個';font-size:1.4rem;}
.ex3b{font-size:160%;color:#d13459;}
.ex3b:after{content:' (税込)';font-size:1.4rem;}
.ex3b:before{content:'5個セット';font-size:1.4rem;}
.ex4{font-size:160%;color:#d13459;}
.ex4:after{content:' (税込) / ';font-size:1.4rem;}
.ex4:before{content:'豪華版';font-size:1.4rem;}
.ex5{font-size:160%;color:#d13459;}
.ex5:after{content:' (税込)';font-size:1.4rem;}
.ex5:before{content:'通常版';font-size:1.4rem;}
.ex6{font-size:160%;color:#d13459;}
.ex6:after{content:' (税込)';font-size:1.4rem;}
.ex6:before{content:' / 24個入BOX';font-size:1.4rem;}
.ex7{font-size:160%;color:#d13459;}
.ex7:after{content:' (税込)';font-size:1.4rem;}
.ex7:before{content:' / 18個入BOX';font-size:1.4rem;}


/* アコーディオン----------------------------------------------- */
.cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin:10px	0 10px 0;
	color: #ffffff;
}
.cp_actab input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.cp_actab label {
	font-weight: bold;
	line-height:2;
	position: relative;
	display: block;
	padding: 0 0 0 1em;
	cursor: pointer;
	margin: 0 0 1px 0;
	background:#E4EDF7;border: solid 1px #93BAE4;border-radius:5px;
}
.cp_actab .cp_actab-content {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	color: #333333;
}
.cp_actab .cp_actab-content p {
	margin: 1em;
}
/* :checked */
.cp_actab input:checked ~ .cp_actab-content {
	max-height:90em;
}
/* Icon */
.cp_actab label::after {
	line-height: 2;
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 3em;
	height: 3em;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	text-align: center;
}
.cp_actab input[type=checkbox] + label::after {
	content: '+';
}
.cp_actab input[type=checkbox]:checked + label::after {
	transform: rotate(315deg);
}

/* table----------------------------------------------- */
.dl-table {width:98%; max-width:900px; margin: 0 auto; 
    padding: 0;margin-top:5px;
    background:#FFF3D1;
    border: 1px solid #F3CE6D; 
}
.dl-child {  /**  dlに入れ子dlをするときのclass  **/
    margin: 0;}
dl.dl-table dt, 
dl.dl-table dd {
    margin: 0;
    box-sizing: border-box;
}
dl.dl-table dt {width:25%;
    padding: 5px;
    background: inherit;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #FFF3D1;
    border-left: 0;float: left ; clear: left ;
}
dl.dl-table dd {margin-left:25%;
    padding: 6px;
    border-bottom: 1px solid #F3CE6D;
    background: #fff;
}
dl.dl-table dd:last-of-type {
    border-bottom: 0;
}
.thumbnail{margin:0px;
		background-position:center top;
		background-attachment:fixed;
		background-color:#fff;
		border: 0px solid rgba(185, 213, 156, 0.9);
	}

/* 全種チェック----------------------------------------------- */
label.boxche{padding:5px;border-radius:5px;border: solid 1px rgba(101, 101, 123, 0.5);margin-top:10px;background-color:#ececec;color:#6c6c6c;font-weight:400;}




/* flexbox------------------------------------------------------------- */
.flexbox,.flexbox2{display:flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;width:100%; max-width:1080px;margin: 0 auto;}
.fb_item1{flex-basis:100%;max-width:100%;padding:5px;}
.fb_item1 span {letter-spacing: -0.01em;}
.fb_item2{flex-basis:30%;max-width:30%;padding:5px;}
.fb_item2b{flex-basis:30%;max-width:30%;padding:5px;}
.fb_item3{flex-basis:70%;max-width:70%;padding:5px;}
.fb_item8{flex-basis:25%;max-width:25%;padding:10px;border-bottom:solid 1px #b8c4c8;margin-bottom:20px;}
.fb_item8 img {border-radius: 5px;}
.fb_item4{flex-basis:20%;max-width:20%;padding:10px;}
.fb_item5{flex-basis:80%;max-width:80%;padding:10px;margin-top:6px;}
.fb_item6{flex-basis:50%;max-width:50%;padding:5px;}
.fb_item42{flex-basis:50%;max-width:50%;padding:5px;border-bottom:solid 1px #b8c4c8;margin-bottom:20px;}


.bg_info{color:#FFF856;font-weight:500;
  padding:5px;
  margin-bottom:10px;
  background-color:#0e54b2;
  border-radius:20px;font-size:1.6rem;
  display: flex;/*テキスト縦中央の為の要素*/
  justify-content: center;/*テキスト縦中央の為の要素*/
  align-items: center;/*テキスト縦中央の為の要素*/
}
/* list */
.inList,.inList2,.inList3 {padding-left:0em;line-height:0.6;}
.inList > li {list-style:none;
	list-style-type:none;
	line-height:1.4;margin-left:1.2em;text-indent:-1.2em;
  }
.inList2 > li {line-height:1.6;margin-left:1.2em;text-indent:-0em;border-bottom: dotted thin #a5a5a5;}
.inList3 > li {line-height:1.6;margin-left:1.2em;text-indent:-0.1em;}
.inList > li::before {
    content: '※';
    margin-right:5px;
}

/* goodsサムネルカーソルコントロール */
.carousel-control2.left {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control2.right {
  right: 0;
  left: auto;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size:3.0rem;
  color: #fff;
  text-align: center;
  text-shadow: 1px 1px 2px rgba(255, 255, 255, .9);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control2:hover,
.carousel-control2:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control2 .icon-prev,
.carousel-control2 .icon-next,
.carousel-control2 .glyphicon-chevron-left,
.carousel-control2 .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;color: #333;
}
.carousel-control2 .icon-prev,
.carousel-control2 .glyphicon-chevron-left {
  left: 50%;
  margin-left: -8px;
}
.carousel-control2 .icon-next,
.carousel-control2 .glyphicon-chevron-right {
  right: 50%;
  margin-right: -11px;
}
.carousel-control2 .icon-prev,
.carousel-control2 .icon-next {  background-color:rgba(0,0,0,0.5);
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.btn-primary3 {background-color:#004690; border-color:#004690; border-radius: 25px; margin-bottom: 15px; color: #f9f9b2; }
.btn-primary3:hover,
.btn-primary3:focus,
.btn-primary3.focus,
.btn-primary3t:active,
.btn-primary3.active,
.open > .dropdown-tog.btn-default {
  color: #004690;
  background-color:#D5A130;
  border-color:#D5A130;
}
.btn-primary3:active,
.btn-primary3.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-primary3.disabled,
.btn-primary3[disabled],
fieldset[disabled] .btn-default,
.btn-primary3.disabled:hover,
.btn-primary3[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-primary3.disabled:focus,
.btn-primary3[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-primary3.disabled.focus,
.btn-primary3[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-primary3.disabled:active,
.btn-primary3[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-primary3.disabled.active,
.btn-primary3[disabled].active,
fieldset[disabled] .btn-primary3.active {
  background-color: #d3744c;
  border-color: #fff;
}

.btn-primary2 {background-color:#140001; border:1px solid #f7f7f7; border-radius:5px; margin-bottom:15px; color: #ffff; }
.btn-primary4 {background-color:#fff;border: solid 2px #f3899b; color: #b50421; border-radius: 25px; margin-bottom: 15px;}

.bg-primary2 {background-color:#FFB236; border:2px solid #FFB236; border-radius:15px; margin-bottom:15px; color: #fff; }
.bg-primary3 {background-color:#4FAAFF; border:2px solid #4FAAFF; border-radius:15px; margin-bottom:15px; color: #fff; }

/* table------------------------------------------------------------- */
 table{width:100%;max-width:980px;margin: 0 auto;border-collapse: collapse;}
 table th, table td{padding:7px;font-size:100%;font-weight:800;}
 input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);margin-left:1.2em;
   transform: scale(1.5);
}
.wt{width:60%;}
.wt2{width:50%;}
.wt3{width:51%;}


.copy:after{content:' \A ';white-space: pre;}

/* 終了用 */	
.fin {/*親div*/
  position: relative;/*相対配置*/ 
  }
.fin::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.7);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
.fin p {
 position: absolute;width:90%;text-align:center;
  color: white;
  font-weight:600;
  font-size:2em;
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }


/* ▼表示領域が639px以上の場合 */
@media screen and (min-width:639px) {
img.grp1simage { display: none; }  /* miniを非表示 */
img.grp1image { display: block; } /* bigを表示 */

}
/* ▼表示領域が640px未満の場合 */
@media screen and (max-width:640px) {
img.grp1simage { display: block; } /* miniを表示 */
img.grp1image { display: none; }  /* bigを非表示 */
.txt8,.txt8r{font-size:110%;font-weight:600;}
.txt4{font-size:1.4rem;font-weight:600;color:#3a3a3a;}
.txt4fin{font-size:1.4rem;font-weight:600;color:#afb5bc;}
.ex4:after{;content:' (税込) \A ';white-space: pre;}
.goodsname{font-size:100%;font-weight:700;}
.cont-box1 {background-color:#0f2e81;}
.cont-box1 h3{font-size:130%; width:100%;line-height:1.2;}
.cont-box1-fin {color:#80858c;font-size:130%; width:100%;line-height:1.2;margin-top:10px;}
.cont-box1 h4{ font-size:100%; width:100%;}
.cont-box1 h3 span{ font-size:60%; width:100%;}
.cont-box2{padding:10px 0 0 0;}
.cont-box2 h5{font-size:120%;font-weight:600;}
.fb_item1{flex-basis:100%;max-width:100%;}
.fb_item2{flex-basis:100%;max-width:100%;}
.fb_item2b{flex-basis:100%;max-width:100%;}
.fb_item3,.fb_item42{flex-basis:100%;max-width:100%;}
.fb_item4{flex-basis:100%;max-width:100%;padding:0px 5px;}
.fb_item5{flex-basis:100%;max-width:100%;padding:5px 10px 30px 5px;}
.fb_item8{flex-basis:50%;max-width:50%;padding:10px;}
.fb_item2b img {
    margin: 0 2.5px 25px;
    width:100%;
    max-width:680px;
    border-radius: 0px;margin: 0 auto;
}
.fb_item6{flex-basis:100%;max-width:100%;padding:5px;}
.dl-table span:after{content:' \A ';white-space: pre;}
 table th, table td{padding:5px;font-size:80%;font-weight:800;}

label.boxche{ width:100%;}
dl.dl-table dt { width:100%;
    padding: 5px;
    background: inherit;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #F3CE6D;
    border-left: 0;
}
dl.dl-table dd {clear: left ; width:100%;
    padding: 5px;margin-left:0px;
    border-bottom: 1px solid #F3CE6D;
    background: #fff;
}
.copy:after{content:' \A ';white-space: pre;}
.copytxt{font-size:90%;padding:0px 5px;}
.wt,.wt2{width:45%;word-wrap:normal;text-align:right;}
.fin p {position: absolute;width:80%;text-align:center;}
 input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);margin-left:0.2em;
   transform: scale(1.5);
}
}

@media screen and (max-width: 768px) and (min-width: 640px) {
.cont-box1 h3{ font-size:230%;}
.fb_item8{flex-basis:50%;max-width:50%;padding:10px;}
.fb_item2{flex-basis:50%;max-width:50%;padding:10px;}
.fb_item2b{flex-basis:30%;max-width:100%;padding:10px;}
.fb_item6{flex-basis:50%;max-width:50%;padding:2px;}
.fb_item3{flex-basis:60%;max-width:90%;padding:10px;}
 input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.4);margin-left:1.5em;
   transform: scale(1.4);
}
 table th, table td{padding:5px;font-size:90%;font-weight:800;}
.cp_box label:after {left:50%;}
.wt{width:50%;word-wrap:normal;text-align:right;}
}
@media screen and (max-width: 1199px) and (min-width: 769px) {
.fb_item2{flex-basis:50%;max-width:50%;padding:10px;}
.fb_item6{flex-basis:50%;max-width:50%;padding:5px;}
}