section  { padding: 0 0; }
.outer   { width: 100%; margin: 0 0 0 0; }
.inner   { width: 1200px; margin: 0 auto; }
.content { width: 900px; margin: 0 auto; }
.flex    { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex.nowrap   { flex-wrap: nowrap; }
.flex.right    { justify-content: flex-end !important; }
@media all and (-ms-high-contrast:none){
.flex.right    { justify-content:space-around; }
.mv .flex.right    { justify-content:flex-end; }
.product-cta .flex.right    { justify-content:flex-end; }
}

.flex.center   { justify-content: center; }
.flex.left     { justify-content: flex-start; }
.flex.vertical { flex-direction: column; }
.v-center      { display: flex; justify-content: center; }
.vh-center      { display: flex; justify-content: center; align-items: center; }
a[href^="tel:"] {
cursor: default;
pointer-events: none;
}
a.link{
	color: #222;
	text-decoration: underline;
}
a.link:hover{
	color: #222;
	text-decoration: none;
}
button{
	font-family: 'Noto Sans JP';
}


/* ----- howto ----- */
#makebanner,#topImage{
    width:1020px !important;
    margin: -40px auto;
}

.howto-list {
  margin-top: 100px;
}
.howto-list li {
  width: 49%;
}
.howto-list li img {
  width: 100%;
}

/* ----- modal ----- */

.box_modal{
	display: none;
}
.box_modal h2{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin: 0 0 30px 0;
}
.box_modal h3{
	clear: both;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding:25px 0 15px 0;
}

.box_modal h4{
	clear: both;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0 5px 0;
}
.box_teiki_m{
	padding:0 15px 15px 15px;
	background: #f6f6f6;
	overflow: hidden;
}
.box_modal ul{
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
}
.box_modal ul.modal_ul_02{
	width: 655px;
}
.box_modal ul li{
	width: 320px;
	float: left;
	margin:0 15px 15px 0;
}
.box_modal ul li:nth-child(3n){
	margin:0 0 15px 0;
}
.box_modal ul.modal_ul_02 li:nth-child(2){
	margin:0 0 15px 0;
}
ul.list_2{
	width: 655px;
	margin: 0 auto;
}

.box_modal .title_contents_06{
	width: 655px;
	background: none;
	color: #333;
	font-size:18px;
	font-style: normal;
	text-align: center;
	font-weight: bold;
	padding-bottom: 0;
	margin: 0 auto;
}
.box_modal .title_contents_06 span{
	font-size:32px;
}
#box_btn_over{
	background: rgba(0,0,0,0.90);
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px 0 10px 0;
	z-index: 100;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.box_btn_price_03{
	width: 600px;
	margin: 0 auto;
}

.box_modal .tab_teiki{
	color: #e15757 !important;
}
.box_modal ul.tab-group, .box_modal ul.tab-group2{
	width: 100%;
}
.box_modal li.tab,.box_modal li.tab2{
    padding:15px 5px;
    list-style:none;
    text-align:center;
    cursor:pointer;
	background: #ccc;
	border: 1px solid #ddd;
    border-bottom:none;
	margin-bottom: -1px !important;
	margin-right: 2% !important;
	color:#6A6A6A;
	font-weight: bold;
	width: 32% !important;
}
.box_modal li.tab:last-child,.box_modal li.tab2:last-child{
	margin-right: 0 !important;
}
.box_modal li.tab:hover,.box_modal li.tab2:hover{
}
.box_modal .panel-group,.box_modal .panel-group2{
	width: 1045px;
	padding: 25px;
	border: 1px solid #ddd;
	clear: both;
    background:#FFF;
	margin-top: -1px;
}
.box_modal .panel,.panel2{
    display:none;
	overflow: hidden;
	min-height: 150px;
}
.box_modal .tab.is-active,.box_modal .tab2.is-active2{
    background:#FFF;
    color:#333;
    transition: all 0.2s ease-out;
}
.box_modal .panel.is-show,.box_modal .panel2.is-show2{
    display:block;
}
.btn_os{
	text-align: center;
	padding: 15px 0 0 0;
}


.panel ul ,.panel2 ul{
	margin-top: 40px;
}
.box_bnr_p{
	width: 1090px;
	margin: 0 auto;
	padding: 50px 0;
}
.box_bnr_p.samurai{
	width: 1040px;
	margin: 0 auto;
	padding: 50px 0;
}
.reg07 .box_bnr_p.samurai{
	padding: 0;
}
.box_bnr_p p{
	margin-bottom: 25px;
}
.box_bnr_p_in{
	margin: 0 auto;
	padding:50px 0 50px 0;
}
.box_bnr_p_in img{
    width: 100%;
    height: auto;
}