@charset "utf-8";

/* reset
------------------------------------------- */
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, dialog, figure, footer, header,
hgroup, menu, nav, section,
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, dialog, figure, footer, header,
hgroup, 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;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

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 #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/* base
------------------------------------------- */
*{margin:0;padding:0;}
html{overflow-y:scroll;}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
    zoom:1;/*for IE 5.5-7*/
	overflow:hidden;
}

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

a{outline:none;}

body{
	font-size:95%;
	line-height:1.9em;
	letter-spacing:1.1px;
	font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
	color:#333;
	}

/* link
------------------------------------------- */
a:link, a:visited{color:#333; text-decoration:underline}
a:hover, a:active{color:#333; text-decoration:none}

/* header
----------------------------------------*/
#header_bg{margin:0 auto}

#header{
	width:1000px;
	padding:30px 0;
	margin:0 auto
	}

#header h1{float:left; width:233px}

#nav{
	border:none;
	float:right;
	width:710px;
	height:65px;
	}

#nav ul{
	width:706px;
	margin: 0 auto;
	list-style: none;
	}

#nav li{
	float:left;
	}

#nav ul .subnavbox{	position:absolute; z-index:100;}
#nav ul ul{	width:190px; background:#fff; border: 1px solid #333; padding:10px}
#nav ul ul{ display:none;}
#nav ul ul li{ width: auto; list-style:none; display:block;	float:none;	line-height:20px; border-bottom:dotted 1px #ccc; padding:10px;}
#nav ul ul li:last-child {margin-bottom:0px;}
#nav ul ul li a{display: block;}

/* jquery
----------------------------------------*/
.phrase {
	bottom: 0;
	display: block;
	width: 100%;
	font-size:90%;
	color:#fff;
	background:#000;
	padding:20px 0;
	text-align: center
	}

.phrase span{ font-weight:bold;}

#mainimage a:link, #mainimage a:visited{color:#fff; text-decoration:none}
#mainimage a:hover, #mainimage a:active{color:#fff; text-decoration:none}

/* wrapper1
----------------------------------------*/
.wrapper1{margin:0 auto}
.wrapper2{margin:0 auto; background:#e0e0e0}
.wrapper3{margin:0 auto; background:url(../images/bg-company.jpg) no-repeat center top}
.wrapper4{margin:0 auto;	background: linear-gradient(180deg, rgba(220, 220, 220, .7), rgba(240, 240, 240, .7));}

.wrapper5{margin:0 auto;
	background: linear-gradient(90deg, rgba(49, 166, 201, .9), rgba(55, 204, 140, .9));
	}

.wrapper6{margin:0 auto;
	background: linear-gradient(90deg, rgba(188, 95, 181, .9), rgba(233, 105, 133, .9));
	}

.wrapper7{margin:0 auto;
	background: linear-gradient(90deg, rgba(255, 126, 0, .9), rgba(255, 205, 62, .9));
	}

.inr1{
	width:1000px;
	margin:0 auto;
	text-align:center;
	padding:130px 0 85px 0;
	line-height:2.5em;
	background:url(../images/bg_printart.jpg) no-repeat 50% 0
	}

.inr2{
	width:1000px;
	margin:0 auto;
	padding:70px 0
	}

.inr3{
	width:1000px;
	margin:0 auto;
	padding:40px 0
	}

.inr4{
	width:1000px;
	margin:0 auto;
	padding:0
	}

.inr5{
	width:1000px;
	margin:0 auto;
	padding:50px 0
	}

.inr6{
	width:850px;
	margin:0 auto;
	padding:50px
}

/* footer
----------------------------------------*/
footer{ font-size:75%}

/* footer1
----------------------------------------*/
#footer1{
	clear:both;
	margin:0px auto;
	width:100%;
	background:#e0e0e0
	}

#footer1 .inr{
	width:1000px;
	margin:0 auto;
	padding:40px 0;
	text-align:center;
	}

/* footer2
----------------------------------------*/
#footer2{
	clear:both;
	margin:0px auto;
	width:100%;
	}

#footer2 .inr{
	width:1000px;
	padding:30px 0;
	margin:0 auto;
	}

.footer_left{float:left}
.footer_left h3{margin-bottom:10px}

/* footer3
----------------------------------------*/
#footer3{
	clear:both;
	margin:0px auto;
	width:100%;
	background:#222;
	}

#footer3 .inr{
	width:1000px;
	padding:20px 0;
	margin:0 auto;
	color:#fff;
	text-align:center;
	}

footer{ font-size:75%}

/* ul_footer
------------------------------------------*/
.ul_footer {
	list-style:none;
	margin-left:20px;
	}

.ul_footer li{padding:0;}

.ul_footer li:before {
	position: relative;
	top: 0px;
	margin-right: 5px;
	vertical-align: middle;
	content: "\f105";
	font-size: 100%;
	font-family: FontAwesome;
	color: #333;}

.ul_footer li a:link,
.ul_footer li a:visited{
	color:#333;
	text-decoration:none;
	}

.ul_footer li a:hover,
.ul_footer li a:active{
	text-decoration:underline;
	}

/* ul_footer2
------------------------------------------*/
.ul_footer2 {
	list-style:none;
	margin-left:32px;
	}

.ul_footer2 li{
	padding:0 0 0 10px;
	background:url(../images/icon-plus.jpg) no-repeat 0 50%
	}

.ul_footer2 li:before {
	position: relative;
	top: 0px;
	margin-right: 5px;
	vertical-align: middle;
	font-family: FontAwesome;
	color: #333
	}

.ul_footer2 li a:link,
.ul_footer2 li a:visited{
	color:#333;
	text-decoration:none;
	}

.ul_footer2 li a:hover,
.ul_footer2 li a:active{
	text-decoration:underline;
	}


/* index.html
----------------------------------------*/
.midashi01{
	font-size:180%;
	letter-spacing:2px;
	margin-bottom:30px;
	}

/* big.html
------------------------------------------*/
#big{
	width:1000px;
	height:400px;
	background:#666
	}
/* henkoban.html
------------------------------------------*/
.youtube_btn a{ display:block; width:200px; padding:10px 140px; background:#ADADAD; font-size:1.3em; font-weight:bold; color:#fff; text-decoration:none;}
.youtube_btn2 a{ display:block; width:280px; padding:10px 100px; background:#ADADAD; font-size:1.3em; font-weight:bold; color:#fff; text-decoration:none;}
.youtube_btn a:hover,.youtube_btn2 a:hover { opacity:0.7;}

.henkoban_youtube li{ position:relative; display:block; padding:0; width:490px; height:0; padding-bottom:275px; overflow:hidden; margin-right:20px; margin-bottom:20px; float:left;}
.henkoban_youtube li:nth-child(2n){ margin-right:0;}
.henkoban_youtube li iframe {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 border: 0;
}
	

/* lamp.html
------------------------------------------*/
.accordion_category{
  	background: linear-gradient(90deg, rgba(255, 126, 0, .9), rgba(255, 205, 62, .9));
  color: #fff;/*文字色*/
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 20px;
}
.accordion_category h3{
  font-size: 180%;
  text-align: center;
  padding: 30px 30px 20px;
  line-height: 1.0em;
}
.accordion_category h3 em{
  display: block;
  font-style: normal;
  font-size:15px;
	font-family:'Fira Sans Extra Condensed', sans-serif;
}
.accordion_category i{
  float: right;
  margin-top: -45px;
}

.lamp_hand{
  margin-bottom: 40px;
}
.lamp_hand li{
  padding: 10px 0px;
  border-bottom: 1px solid #ccc;
  padding-left: 1em;
  text-indent: -1em;
}
.lamp_hand li i{ font-size: 150%; vertical-align: middle; margin-right: 10px;}
.lamp_ul{
  margin-left: 20px;
  list-style:disc;
}


.lamp_info { font-size:0.9em; width:58em; margin:0 auto;}
.lamp_info span { font-size:1.2em; font-weight:bold; color:#FF8C1B;}
.lamp_title{color:#F90; font-size:250%; text-align:center; padding-bottom:30px;}
.lamp_title_bb{border-bottom:#F90 4px solid}
.lamp_title07 {clear: both; font-size: 190%; margin-bottom: 60px; text-align: center;}
.lamp_title07_bb {padding: 0 0 8px 0; border-bottom: 2px solid #333;}
.lamp_list {width:52em; margin:0 auto;}
.lamp_list li { font-size:1.5em;}
.lamp_list li:nth-child(even) { font-size:1.2em;}

/* orderform.html
------------------------------------------*/

.order_text{
	font-size:190%;
	line-height:1.6em;
	text-align:center;
}
/* 12 policy.html
------------------------------------------*/
#policy::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 5px;
	background: #ccc;
}
#policy::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	width: 5px;
	background: #ccc;
}
#policy::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #999;
	border-radius: 2px;
}
#policy::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
	background: #435295;
	border-radius: 2px;
}
#policy::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #eee;
}
#policy::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #eee;
}
#policy::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}

#policy{
	padding:20px;
	margin-bottom:30px;
	height:200px;
	overflow:scroll;
	overflow-x:hidden;
	background:#fff;
	border:1px solid #ccc;
	}

.con-ul{
	padding-bottom:30px;
	padding-left:30px;
	list-style:decimal
	}

.con-ul li{
	padding:3px 0;
	border-bottom:1px dashed #bbb;
	}

/* h2
------------------------------------------- */
#h2{
	font-size:37px;
	font-weight:bold;
	text-align:center;
	line-height:0.9em;
	padding:30px 0 20px 0;
	font-weight:normal;
	color:#fff;
	background:#222;
	}

#h2 span{
	font-size:15px;
	font-family:'Fira Sans Extra Condensed', sans-serif;}

/* common
------------------------------------------- */
img{border:0;vertical-align:bottom;}
.imglink a:hover img {
	opacity: .7;
	-webkit-opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	}

.clear{clear:both;}
.red{color:#C00}

.hatubai{color:#F90; font-size:300%; text-align:center; padding-bottom:30px;}
.hatubai span{border-bottom:#F90 4px solid}

.bold{ font-weight:bold;}

.f-left{float:left;}
.f-right{float:right;}

.ctr{text-align:center;}
.rgt{text-align:right;}

.lh{ line-height:1.5em}
.ls{letter-spacing:2px}

.gfont{	font-family: 'Fira Sans Extra Condensed', sans-serif;}

/* box
------------------------------------------*/
.box{
	border:1px solid #222;
	padding:25px 110px;
	margin-bottom:50px;
	background:#fff
	}

.box i{margin-right:5px}

.box2{
	border:1px solid #222;
	padding:25px;
	background:#fff
	}

.box2 i{margin-right:5px}

.box3{
	border:1px solid #222;
	padding:25px;
	margin-bottom:50px;
	background:#fff
	}

.box3 i{margin-right:5px}

/* form
------------------------------------------*/
.table_form{
	width:100%;
	border-collapse:collapse;
	margin-bottom:40px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	}

.table_form th{
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	background:#eee;
	padding:15px;
	vertical-align:middle;
	width:25%;
	text-align:left;
	color:#333;
	font-size:90%;
	}

.table_form td{
	border-bottom:1px solid #ddd;
	padding:15px;
	vertical-align:middle;
	}

.table_form td img{
	vertical-align:middle;
	margin-right:10px;}

.table_form .need:after {
	content: "必須 ";
	color:#fff;
	background:#ac0827;
	font-size:80%;
	line-height:normal;
	padding:5px 15px;
	display:block;
	float:right;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	}

.table_form .need2:after {
	content: "必須 ";
	color:#fff;
	background:#ac0827;
	font-size:80%;
	line-height:normal;
	padding:5px 15px;
	display:block;
	float:left;
	margin-right:10px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	}

a,input[type="submit"],input[type="button"]{
	outline:none;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
	}

.contact a:hover,
.contact input[type="submit"]:hover,
.contact input[type="button"]:hover{
	opacity:0.6;
	filter: alpha(opacity=60);
	}

.form-s{width:160px}
.form-m{width:230px}
.form-l{width:430px}
.form-xl{width:550px}
.form100{width:95%}
.form-h{ height:150px; width:95%}

input{font-size:100%;vertical-align:middle; padding:14px}
input[type="text"], select{ border:1px solid #eee;background:#eee; padding:14px;}
input:focus[type="text"]{border:1px solid #ccc;}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}

.required input[type="text"], .required input[type="password"], .required select, .required textarea{ border:1px solid #fee;background-color:#fee; padding:14px;}
.required input[type="text"]:focus, .required input[type="password"]:focus, .required textarea:focus{border:1px solid #f99; }

textarea{font-size:100%;border:1px solid #ccc;padding:14px;width:99%; border-radius:4px}
input,textarea{
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -Webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	}

/* Chrome, Safari */
input::-webkit-input-placeholder{
    color: #666;
}

/* Firefox */
input::-moz-placeholder{
    color: #666;
}

/* Firefox 18以前 */
input:-moz-placeholder{
    color: #666;
}

/* IE */
input:-ms-input-placeholder{
    color: #666;
}

.submit{
	background:#000;
    color: #fff;
	border:none;
	font-size:100%;
	font-weight:bold;
	cursor:pointer;
	padding:15px 80px;
	}

.submit:hover {background: #666; color: #fff;}
.submit a:link, .submit a:visited, .submit a:hover, .submit a:active{color:#fff; text-decoration:none;}

/* iframe
------------------------------------------*/
.iframe{
	width:100%;
	height:450px;
	border:0;
	margin-bottom:40px;
	}

.iframe2{
	width:100%;
	height:400px;
	border:0;
	}

/* list
--------------------------------- */
ul{list-style:none}

.ul_disc {list-style:disc; margin-left:15px}
.ul_disc li{ padding:7px 0;}

/* font-size
--------------------------------- */
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs70{font-size:70% !important}
.fs80{font-size:80% !important}
.fs90{font-size:90%}
.fs110{font-size:110%}
.fs120{font-size:120%}
.fs130{font-size:130%}
.fs140{font-size:140%}
.fs150{font-size:150%}
.fs160{font-size:160%}
.fs200{font-size:200%}
.fs250{font-size:250%}
.fs300{font-size:300%}

/* width
--------------------------------- */
.w40{width:40px;}
.w60{width:60px;}
.w80{width:80px;}
.w90{width:90px;}
.w110{width:110px;}
.w120{width:120px;}
.w130{width:130px;}
.w140{width:140px;}
.w150{width:150px;}
.w160{width:160px;}
.w180{width:180px;}
.w190{width:190px;}
.w200{width:200px;}
.w210{width:210px;}
.w220{width:220px;}
.w230{width:230px;}
.w240{width:240px;}
.w250{width:250px;}
.w260{width:260px;}
.w270{width:270px;}
.w280{width:280px;}
.w285{width:285px;}
.w290{width:290px;}
.w300{width:300px;}
.w310{width:310px;}
.w320{width:320px;}
.w330{width:330px;}
.w340{width:340px;}
.w350{width:350px;}
.w370{width:370px;}
.w360{width:360px;}
.w380{width:380px;}
.w390{width:390px;}
.w400{width:400px;}
.w420{width:420px;}
.w430{width:430px;}
.w450{width:450px;}
.w460{width:460px;}
.w470{width:470px;}
.w480{width:480px;}
.w490{width:490px;}
.w500{width:500px;}
.w510{width:510px;}
.w520{width:520px;}
.w530{width:530px;}
.w540{width:540px;}
.w550{width:550px;}
.w560{width:560px;}
.w570{width:570px;}
.w580{width:580px;}
.w590{width:590px;}
.w600{width:600px;}
.w610{width:610px;}
.w620{width:620px;}
.w630{width:630px;}
.w650{width:650px;}
.w660{width:660px;}
.w670{width:670px;}
.w680{width:680px;}
.w700{width:700px;}
.w730{width:730px;}
.w740{width:740px;}
.w745{width:745px;}
.w750{width:750px;}
.w760{width:760px;}
.w780{width:780px;}
.w820{width:820px;}
.w830{width:830px;}
.w860{width:860px;}
.w900{width:900px;}
.w920{width:920px;}

.pt30{padding-top:30px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt80{padding-top:80px}
.pt100{padding-top:100px}

.mb5{ margin-bottom:5px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb50{ margin-bottom:50px}
.mb60{ margin-bottom:60px}
.mb80{ margin-bottom:80px}
.mb100{ margin-bottom:100px}

.mr35{margin-right:35px}
.mr50{margin-right:50px}

.mt38{margin-top:38px}
.ml30{margin-left:30px;}
.ml50{margin-left:50px}
.ml120{margin-left:120px}
.ml140{margin-left:140px}
.ml160{margin-left:160px}
.ml180{margin-left:180px}
.ml330{ margin-left:330px}
.ml380{ margin-left:380px}

.tac {text-align:center}
.tar {text-align:right}
.tal {text-align:left}
.bg_orange{ background:#FFD251;}

/* table1
--------------------------------- */
.table1{
	word-break:break-all;
	width:100%;
	border:0px solid #ccc;
	border-top:1px solid #333;
	background:#fff;
	}

.table1 th{
	border-bottom:1px solid #333;
	padding:15px 15px 15px 0;
	vertical-align:middle;
	font-weight:normal;
	font-size:100%;
	width:18%;
	background:url(../images/border.gif) no-repeat right 50%
	}

.table1 td{
	border-bottom:1px solid #333;
	padding:15px 0 15px 30px;
	vertical-align:middle;
	}

.th20 th{width:20%}
.th25 th{width:25%}
.th30 th{width:30%}
.th35 th{width:35%}
.th40 th{width:40%}

/* table2
--------------------------------- */
.table2{
	word-break:break-all;
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	}

.table2 th{
	background:#eee;
	border:1px solid #ccc;
	padding:15px;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	font-size:100%;
	}

.table2 td{
	border:1px solid #ccc;
	padding:15px;
	vertical-align:middle;
	}

.td1{ background:#eee; font-weight:bold}
.td2{ background:#fff4f4; font-weight:bold; border-right:1px solid #ddd}

/* table3
--------------------------------- */
.table3{
	word-break:break-all;
	width:100%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	}

.table3 th{
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
	font-size:100%;
	}

.table3 td{
	border:1px solid #ccc;
	padding:10px;
	vertical-align:middle;
}

.td3{ text-align:right}

/* btn01
--------------------------------- */
.btn01 a:link{
	display:block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	color:#fff
	}

.btn01::before,
.btn01::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

.btn01,
.btn01::before,
.btn01::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	background:#000;
	}

.btn01{
	font-size:1em;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	cursor:pointer}

.btn01:hover {background: #666; color: #fff}

.btn01 a:link, .btn01 a:visited{color:#fff; text-decoration:none}
.btn01 a:hover, .btn01 a:active{color:#fff; text-decoration:none}

.btn01 a{text-decoration: none;	color: #fff}
.btn01 a:link{padding:10px; display:block}
.btn01 i{margin-right:10px; color: #fff}

/* btn02
--------------------------------- */
.btn02 a:link{
	display:block;
	text-align: center;
	text-decoration: none;
	outline: none;
	cursor:pointer;
	color:#fff
	}

.btn02::before,
.btn02::after{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	}

.btn02,
.btn02::before,
.btn02::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	background:#000;
	}

.btn02{
	font-size:1.5em;
	text-transform:uppercase;
	font-weight:normal;
	color:#fff;
	cursor:pointer}

.btn02:hover {background: #666; color: #fff}

.btn02 a:link, .btn01 a:visited{color:#fff; text-decoration:none}
.btn02 a:hover, .btn01 a:active{color:#fff; text-decoration:none}

.btn02 a{text-decoration: none;	color: #fff}
.btn02 a:link{padding:15px 10px; display:block}
.btn02 i{margin-right:10px; color: #fff}



/* title
--------------------------------- */
h1,h2,h3,h4,h5{
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-style:normal;
	font-weight:normal;
	clear:both
	}

.bb{ border-bottom:1px solid #333;}

.title01{
	clear:both;
	font-size:210%;
	margin-bottom:32px;
	font-weight:normal;
	text-align:center;
	padding-bottom:10px;
	background:url(../images/border2.gif) no-repeat 50% 100%
	}

.title01 span{
	font-size:50%;
	margin-left:10px;
	font-weight:normal;
	color:#666;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	}

.title02{
	clear:both;
	font-size:110%;
	border-left:3px solid #333;
	padding:4px 0 3px 10px;
	font-weight:bold;
	margin-bottom:20px;
	}

.title03{
	clear:both;
	font-size:220%;
	margin-bottom:30px;
	font-weight:normal;
	}

.title03 span{
	font-size:50%;
	margin-left:10px;
	font-weight:normal;
	color:#666;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	}

.title04{
	clear:both;
	font-size:150%;
	font-weight:bold;
	margin-bottom:20px;
	}

.title04 span{
	font-size:50%;
	margin-left:10px;
	font-weight:normal;
	color:#666;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	}

.title05{
	clear:both;
	padding:10px 20px;
	text-align:center;
	font-size:130%;
	background:#222;
	color:#fff;
	margin-bottom:30px;
	font-weight:normal;
	}

.title06{
	clear:both;
	font-size:160%;
	margin-bottom:30px;
	font-weight:normal;
	text-align:center;
	padding:26px 20px 20px 20px;
	color:#fff;
	background: linear-gradient(90deg, rgba(49, 166, 201, .9), rgba(55, 204, 140, .9));
	}

.title06 span{
	font-size:50%;
	margin-left:10px;
	font-weight:normal;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	}

.title07{
	clear:both;
	font-size:190%;
	margin-bottom:60px;
	text-align:center;

	}
.title07 span{
	padding:0 0 8px 0;
	border-bottom:2px solid #333;
	}

.title08{
	clear:both;
	font-size:160%;
	margin-bottom:30px;
	font-weight:normal;
	text-align:center;
	padding:26px 20px 20px 20px;
	color:#fff;
	background: linear-gradient(90deg, rgba(188, 95, 181, .9), rgba(233, 105, 133, .9));
	}

.title08 span{
	font-size:50%;
	margin-left:10px;
	font-weight:normal;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	}


.title09{
	clear:both;
	font-size:160%;
	margin-bottom:30px;
	font-weight:normal;
	text-align:center;
	padding:26px 20px 20px 20px;
	color:#fff;
	background: linear-gradient(90deg, rgba(255, 126, 0, .9), rgba(255, 153, 62, .9));
	}

.title09 span{
	font-size:50%;
	margin-left:10px;
	font-weight:normal;
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	}
	.ml10{margin-left: 10px;}


/* 商品シークレットディスプレイ */
.secret-text1{
	font-size:130%;
}
.secret-text2{
	font-size:250%;
	line-height:120%;
	color: #fff;
    background: linear-gradient(90deg, rgba(188, 95, 181, .9), rgba(233, 105, 133, .9));
	padding:30px 0;
}
.secret-text3{
	font-size:130%;
	color: #fff;
    background: linear-gradient(90deg, rgba(255, 126, 0, .9), rgba(255, 205, 62, .9));
	padding:30px 0;
}
.secret-text4{
	font-size:200%;
	line-height: 120%;
	color: #fff;
    background: linear-gradient(90deg, rgba(49, 166, 201, .9), rgba(55, 204, 140, .9));
	padding:30px 0;
}
.secret-text5{
	font-size:110%;
}
.secret-title{
	clear:both;
	font-size:250%;
	margin-bottom:60px;
	text-align:center;

	}
.secret-title span{
	padding:0 0 8px 0;
	border-bottom:2px solid #333;
	}
.secret-box1{
	width:1000px;
	margin:0 auto;
}
.secret-box1 ul p{
	/*font-size:145%;*/
	font-size:200%;
	font-weight:bold;
}
.secret-box1 ul li{
	font-size:115%;
	font-weight:600;
}
.secret-box2{
	width:450px;
}
.secret-box2 p{
	font-size:1em;
	line-height:1.4em;
}
.secret-box3{
//	color:#fff;
	background-color:#eee;
	padding:30px 0;
}
.secret-table{
	width:400px;
}
.secret-table td{
	border:solid #333 1px;
}
.secret-grad{
	color: #fff;
    background: linear-gradient(90deg, rgba(49, 166, 201, .9), rgba(55, 204, 140, .9));
}

.ml25{margin-left:25px;}
.ml100{margin-left:100px;}
.ml200{margin-left:200px;}
.ml210{margin-left:210px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
@media print {}


.w376{width: 376px;}
.w500{width: 500px;}
.txt01{
	display: block;
	margin-top: 30px;
}

/* 20200917追記 */
.contour {
	border-style: dashed;
	border-color: #ccc;
	border-width: 1px 0px 0px;
	margin: 10px 0;
}

.contour hr {
	display: none;
}

.add-box {
	text-align: center;
}

.th1 {
	font-weight: bold !important;
}

.text-adj {
	text-align: right;
}

.add-text-box {
	padding: 10px 20px;
	border: 1px solid red;
	text-align: center;
	font-weight: bold;
	font-size: 1.6em;
	color: red;
}

.common-youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.common-youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.pt-0 {
	padding-top: 0px !important;
}

.idea05-txtbox{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.line-01,.line-02{}
.line-01 span:nth-child(1){
	font-size: 24px;
    font-weight: bold;
}
.line-01 span:nth-child(2){
	font-family: serif;
    font-size: 48px;
    font-weight: bold;
    letter-spacing: -.05em;
}
.line-02 span:nth-child(1){
	font-family: serif;
    font-size: 34px;
    font-weight: bold;
    color: #0d4bb6;
}
.line-02 span:nth-child(2){
	font-size: 34px;
    font-weight: bold;
    color: #c00;
}
.line-02 span:nth-child(3){
	font-family: serif;
    font-size: 34px;
    font-weight: bold;
    color: #0d4bb6;
}

.idea05-txtbox-gra{
	background: linear-gradient(90deg, rgba(49, 166, 201, .9), rgba(55, 204, 140, .9));
    padding: 40px 30px 30px;
	color: #fff;
}
.idea05-txtbox-gra h3{
	font-size: 34px;
    font-weight: bold;
	border-bottom: 2px dashed;
    padding-bottom: 10px;
}
.idea05-txtbox-gra p.txt{
	font-size: 28px;
    font-weight: bold;
	margin-bottom: 10px;
}
.idea05-txtbox-gra p.txt_02{
	font-size: 20px;
}

.ds-block{
	display: block;
}