@charset "UTF-8";
/*
copyright 2006 - 2019 CoolWebWindow
released under the MIT license
https://opensource.org/licenses/mit-license.php
*/
/*================================================
 *  CSSリセット
 ================================================*/
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,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul{list-style:none}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
del{text-decoration:none}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
body {
	font-size:14px;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	background-color: #FFFFFF;
	margin: 0;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
}
body#index {
	background: url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.containertop {
	max-width:1200px;
	width: 100%;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	justify-content: space-betweens;
	align-items: center;
	overflow: hidden;
}

.container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	overflow: hidden;	
}

#contents {
	width:1200px;
	width: 100%;
	margin:0 auto;
	overflow: hidden;
	min-height: 100%;
	flex: auto;
}

/*3ボックス*/
.box3-wrap {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: space-between;
	width:800px;
	margin: 0 auto 20px;
}
.box3-box {
	margin-bottom: 40px;
	padding: 10px;
	width: 30%;
	line-height: 1.2;
}
.box3-wrapl {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: flex-start;
	width:800px;
	margin: 0 auto 20px;
}

.box3-box p {
	padding: 0;
	margin: 10px 0 20px;
	text-align: left;
	font-size: 13px;
}

.box3s-box {
	margin-bottom: 40px;
	padding: 10px;
	width: 25%;
	line-height: 1.2;
}

/*3ボックス中央*/
.box3c-wrap {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: center;
	width:800px;
	margin: 10px auto 20px;
}
.box3c-box {
	margin-top: 40px;
	padding: 10px;
	width: 30%;
	line-height: 1.2;
}
.box3c1-box {
	margin-top: 40px;
	padding: 10px;
	width: 100%;
	line-height: 1.2;
}

.box3c-box p {
	padding: 0;
	margin: 10px 0 20px;
	text-align: left;
	font-size: 13px;
}

/* 背景画像ありbox守り紙を買う */
.box3bg-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: space-between;
	width:840px;
	margin: 10px auto 60px;
}

.box3bg-bg0{
	background: url('../images/kau0.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}

.box3bg-bg1{
	background: url('../images/kau1.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}

.box3bg-bg2{
	background: url('../images/kau2.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}
.box3bg-bg3{
	background: url('../images/kau3.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}
.box3bg-bg4{
	background: url('../images/kau4.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}

.box3bg-bg5{
	background: url('../images/kau5.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}

.box3bg-txt{
	color: #000;
	margin-top:220px;
	font-size:22px;
	font-weight:bold;
	text-align: center;
}


/* 背景画像ありbox守り紙を作る */
.box3bg2-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: space-between;
	width:840px;
	margin: 10px auto 60px;
}

.box3bg2-bg0{
	background: url('../images/tsukuru0.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 380px;
}

.box3bg2-bg1{
	background: url('../images/tsukuru1.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 380px;
}

.box3bg2-bg2{
	background: url('../images/tsukuru2.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 380px;
}
.box3bg2-bg3{
	background: url('../images/tsukuru3.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 380px;
}
.box3bg2-bg4{
	background: url('../images/tsukuru4.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 380px;
}

.box3bg2-bg5{
	background: url('../images/tsukuru5.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 380px;
}

.box3bg2-txt{
	color: #000;
	margin-top:280px;
	font-size:22px;
	font-weight:bold;
	text-align: center;
}

/* 背景画像ありbox守り紙で作る */
.box3bg3-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: space-between;
	width:840px;
	margin: 10px auto 40px;
}

.box3bg3-bg0{
	background: url('../images/detsukuru0.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}

.box3bg3-bg1{
	background: url('../images/detsukuru1.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}

.box3bg3-bg2{
	background: url('../images/detsukuru2.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}
.box3bg3-bg3{
	background: url('../images/detsukuru3.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}
.box3bg3-bg4{
	background: url('../images/detsukuru4.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}

.box3bg3-bg5{
	background: url('../images/detsukuru5.png') no-repeat 0 0;
	background-size: 100%;
	width: 30%;
	height: 338px;
}

.box3bg3-txt{
	color: #000;
	margin-top:180px;
	font-size:22px;
	font-weight:bold;
	text-align: center;
}


/*文章ほか*/
.txt-wrap{
	margin-bottom: 0;
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	width:800px;
	padding:0;
	margin: 0 auto;
}
.txt{
	width:840px;
	color: #221814;
	padding:0;
	margin: 20px auto 0;
	line-height: 2.2;
}

.txt2{
	width:800px;
	width: 100%;
	padding:0;
	margin: 0;
	font-size: 13px;
	line-height: 1.8;
}

.txt-wrap3{
	margin-bottom: 0;
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	width:800px;
	padding:0;
	margin: 0 auto;
	justify-content: space-between;
}
.txt3{
	width: auto;
	padding:0;
	margin: 0;
	font-size: 13px;
	line-height: 1.8;	
}
.txt4{
	width: 23%;
	padding:0;
	margin: 0;
	font-size: 13px;
	line-height: 1.8;
	text-align: center;
}


.icon{
	width:88px;
	padding:0;
	margin: 0;
}
.icon img{
	width:88px;
	padding:0;
	margin: 0;
}

.icont{
	max-width: 700px;
	width: auto;
	padding:0;
	margin: 0;
	font-size: 13px;
	line-height: 1.8;
}


.ill{
	width:800px;
	padding:0;
	margin: 10px auto 5px ;
}


.ill p{
	margin: 10px 0 5px ;
	font-size: 13px;
}

/* info */
.boxinfo-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	width:800px;
	height: auto;	
	margin: 0 auto;
	justify-content: flex-start;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
}
.boxinfo-box160 {
	margin-top: 0 auto;
	padding: 10px;
	width: 160px;
	font-size: 14px;
	line-height: 1.6;
}
.boxinfo-box620 {
	margin-top: 0 auto;
	padding: 10px;
	width: 620px;
	font-size: 14px;
	line-height: 1.6;
}

.info dl{
	padding-left: 15px;
	margin-bottom: 15px;
	overflow: auto;	
}
/*　お知らせ　*/
.info dt {
	font-weight: bold;	
	float: left;
	width: 10em;
	color: #036eb8;
	overflow: wrap;
}

.info dd {
	padding-left: 10em;
	text-align: left;
}


/* セカンド商品ページ　2ボックス */
.box2-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: space-between;
	width:800px;
	margin: 10px auto 40px;
}
.box2-box60 {
	margin-top: 0 auto;
	padding: 10px;
	width: 60%;
	font-size: 22px;
	line-height: 1.6;
}
.box2-box55 {
	margin-top: 0 auto;
	padding: 10px;
	width: 55%;
	font-size: 22px;
	line-height: 1.6;
}
.box2-box35 {
	margin-top: 0 auto;
	padding: 10px;
	width: 35%;
	font-size: 22px;
	line-height: 1.6;
}
.box2-box40 {
	margin-top: 0 auto;
	padding: 10px;
	width: 40%;
	font-size: 22px;
	line-height: 1.6;
}
.box2-box47 {
	margin-top: 0 auto;
	padding: 0;
	width: 47%;
	line-height: 1.6;
}
.box2-box95 {
	margin-top: 0 auto;
	padding: 0;
	width: 95%;
	line-height: 1.6;
}

.box2-box p {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	line-height: 1.4;
}

.box2-wrap0{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: space-between;
	width:800px;
	margin: 0 auto;
}

.box2-box0-42 {
	margin-top: 0 auto;
	width: 42%;
	font-size: 15px;
}

/*セカンド商品ページ　2ボックス中央*/
.box2c-wrap {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: center;
	width:800px;
	margin: 10px auto 20px;
}
.box2c-box46 {
	margin-top: 40px;
	padding: 10px;
	width: 46%;
	text-align: center;
	line-height: 1.2;
}
.box2c-box45 {
	margin-top: 40px;
	padding: 10px;
	width: 45%;
	text-align: center;
	line-height: 1.2;
}
.box2c-box250 {
	margin-top: 25px;
	padding: 10px;
	width: 250px;
	text-align: center;
	line-height: 1.2;
}

/* セカンド商品ページwidth800 */
.box800-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: space-between;
	width:800px;
	margin: 10px auto 40px;
}
.box800-box33 {
	margin: 0 auto;
	width: 33%;
	text-align: center;
}

.box800-box33 p {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	line-height: 1.4;
}

.box800-box15 {
	margin: 0 auto;
	width: 15%;
	height: auto;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.box800-box40 {
	margin: 0 auto;
	width: 40%;
	text-align: center;
}

.box800-box55 {
	margin: 0 auto;
	width: 55%;
	text-align: center;
}

.box800-box45 {
	margin: 0 auto;
	width: 45%;
	text-align: center;
}

.box800-box23 {
	margin: 0 auto;
	width: 23%;
	text-align: center;
}

.box800-box75 {
	margin: 0 auto;
	width: 75%;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.box800-box100 {
	margin: 0 auto;
	width: 100%;
}

.box800-box100 p {
	padding: 0;
	margin: 0 auto;
	text-align: left;
	line-height: 1.6;
	margin-bottom: 15px;
}

.box800c-box100 {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}


/* 背景画像ありboxプレミアム */
.box800bg-wrap{
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: space-between;
	width:800px;
	margin: 10px auto 20px;
}

.box800bg-bg1{
	background: url('../images/premium_komoji-l.jpg') no-repeat 0 0;
	background-size: 800px;
	width: 100%;
	height: 460px;
}
.box800bg-tex{
	margin :52px auto auto 354px;
	width: 445px;
	height: 440px;
	font-size: 15px;
	line-height: 1.6;
}

.tab2 {
	border-collapse: collapse;
	border: 1px solid #000;
	table-layout: fixed;
	width: 100%;
	font-size: 16px;
}
.tab2 th, .tab2 td {
	border: 1px solid #000;
	padding: 8px;
	text-align: center;
	background: #fff;
}
.tab2 th {
	background: #dcdddd;
	color: #000;
}


.tab3 {
	border-collapse: collapse;
	border: 1px solid #000;
	table-layout: fixed;
	width: 100%;
	font-size: 16px;
	display: table;
}
.tab3 th, .tab3 td {
	border: 1px solid #000;
	padding: 8px;
	text-align: center;
	background: #fff;
}
.tab3 th {
	background: #dcdddd;
	color: #000;
	width: 16%;
}
.tab4 {
	border-collapse: collapse;
	border: 1px solid #000;
	table-layout: fixed;
	width: 100%;
	font-size: 16px;
}
.tab4 th, .tab4 td {
	border: 1px solid #000;
	padding: 8px;
	text-align: center;
	background: #fff;
	width: 33%;
	white-space: nowrap;
}
.tab4 th {
	background: #dcdddd;
	color: #000;
}


a {
	color:#000000;
	font-weight: 700;
}
a:hover {
	color:#9c9c9c;
}

/*商品*/
.item h1 {
	width: 800px;
	border-bottom: solid 1px #000;
	font-size: 65px;
	font-weight: 900;
	color: #323638;
	margin: 0 auto;
	padding-left: 0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	font-style: oblique;
	line-height: 40px;
}

.item h1:first-letter {
  font-size: 90px;
  color: #323638;
}

.item2 h1 {
	width: 800px;
	border-bottom: solid 1px #000;
	font-size: 65px;
	letter-spacing: -0.1em;
	font-weight: bold;
	color: #323638;
	margin: 0 auto;
	padding-left: 0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	font-style: oblique;
	line-height: 40px;
}

.item2 h1:first-letter {
  font-size: 90px;
  letter-spacing: -0.2em;
  color: #323638;
}

.item2s h1 {
	width: 800px;
	border-bottom: solid 1px #000;
	font-size: 55px;
	font-weight: bold;
	color: #323638;
	margin: 0 auto;
	padding-left: 0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	font-style: oblique;
	line-height: 40px;
}

.item2s h1:first-letter {
  font-size: 90px;
  letter-spacing: -0.2em;
  color: #323638;
}

.simple h1 {
	width: 800px;
	border-bottom: solid 1px #000;
	font-size: 32px;
	font-weight: bold;
	color: #595757;
	margin: 0 auto;
	padding: 8px 20px 1px 0;
	line-height: 1.3;
}

.info h1 {
	width: 800px;
	border-bottom: solid 3px #cce4ff;
	position: relative;
	font-size: 32px;
	font-weight: bold;
	color: #595757;
	margin: 0 auto;
	padding: 8px 20px 1px 0;
	line-height: 1.3;
}

.info h1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #036eb8;
  bottom: -3px;
  width: 100px;
}

.waku h2 {
  width: 780px;
  margin: 0 auto;
  border: solid 1px #036eb8;
  padding: 8px 20px 3px 15px;
  color: #036eb8;
  font-size: 22px;
  font-weight: bold;
  text-align: left;
}

.info-t h3 {
  width: 800px;
  font-size: 19px;
  font-weight: bold;
  color: #000;
  margin: 0 auto;
  padding: 8px 20px 1px 0;
  line-height: 1.3;
}

.simple2 h2 {
	width: 800px;
	font-size: 19px;
	font-weight: bold;
	text-align: left;
	color: #595757;
	margin: 0 auto;
	padding: 2px 20px 1px 0;
	line-height: 1.3;
}
.simple {
	margin: 0;
	font-size: 16px;
	text-align: left;
	color: #000;
	margin: 10px auto 15px 0;
	line-height: 1.8;
}
.line h2 {
	width: 800px;
	border-bottom: solid 1px #000;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	color: #595757;
	margin: 0 auto;
	padding: 2px 0 1px 0;
	line-height: 1.3;
}

.simple h2 {
	width: 800px;
	border-bottom: solid 1px #000;
	font-size: 32px;
	font-weight: bold;
	color: #595757;
	margin: 0 auto;
	padding: 8px 20px 1px 0;
	line-height: 1.3;
}

h2 {
	padding-top:50px;
	margin-top:50px;
	font-size:32px;
	color:#595757;
	text-align:center;
}

h2 span {
	display:block;
	font-size:13px;
	text-decoration:none !important;
	font-weight:bold;
}

.order h3 {
	width: 800px;
	font-size: 24px;
	font-weight: bold;
	color: #595757;
	margin: 0 auto;
	padding: 8px 20px 1px 0;
	line-height: 1.3;
}

h3 {
	margin-bottom:0.25em;
	font-size:18px;
	color:#595757;
	font-weight:bold;
}

h3 span {
	margin-top:20px;
	display:block;
	font-size:22px;
	color:#231815;
	text-decoration:none !important;
	font-weight:bold;
	text-align:center;
}

.order1 h4 {
	width: 800px;
	font-size:24px;
	color:#ffffff;
	background:#a7a7a7;
	margin: 0 auto;
	padding: 8px 20px 8px 10px;
}

.order2 h4 {
	width: 800px;
	font-size:24px;
	color:#ffffff;
	background:#85d1f5;
	margin: 0 auto;
	padding: 8px 20px 8px 10px;
}

.order3 h4 {
	width: 800px;
	font-size:24px;
	color:#ffffff;
	background:#66e27a;
	margin: 0 auto;
	padding: 8px 20px 8px 10px;
}

.order4 h4 {
	width: 800px;
	font-size:24px;
	color:#ffffff;
	background:#f39ec4;
	margin: 0 auto;
	padding: 8px 20px 8px 10px;
}

/*================================================
 *  汎用クラス
 ================================================*/
.bg1{
	box-sizing:border-box;
	padding: 0;
	width: 100%;
	height: auto;
	position: relative;
	top: 0;
	left: 0;
	text-align:center;
}
.inner8001{
	width: 800px;
	padding: 64px 200px 10px;
	text-align:center;
}
.inner8002{
	width: 800px;
	padding: 0 200px;
	text-align:center;		
}

.gyokan15 {line-height: 1.5;}
.gyokan1{line-height: 1;}
.gyokan2 {line-height: 2;}
.gyokan3 {line-height: 3;}
.gyokan4 {line-height: 4;}
.gyokan5 {line-height: 5;}
.gyomb005 {margin-bottom: -0.5em;}
.gyomb05 {margin-bottom: 0.5em;}
.gyomb08 {margin-bottom: 0.8em;}
.gyomb1 {margin-bottom: 1em;}
.gyomb2 {margin-bottom: 2em;}
.gyomb3 {margin-bottom: 3em;}
.gyomb4 {margin-bottom: 4em;}
.gyomb5 {margin-bottom: 5em;}
.gyopb140 {padding-bottom: 140px;}
.gyomt1 {margin-top: 1em;}
.gyomt2 {margin-top: 2em;}
.gyomt3 {margin-top: 3em;}
.gyomt4 {margin-top: 4em;}
.gyomt5 {margin-top: 5em;}
.gyomt30 {margin-top: 30px;}
.gyomt100 {margin-top: 100px;}
.gyomt120 {margin-top: 120px;}
.gyomt140 {margin-top: 140px;}
.gyomt160 {margin-top: 160px;}
.gyomt180 {margin-top: 180px;}
.gyomt200 {margin-top: 200px;}
.gyomt220 {margin-top: 220px;}
.akir0 {margin-right: 0;}
.akir1 {margin-right: 1em;}
.akir15 {margin-right: 1.5em;}
.akir2 {margin-right: 2em;}
.akir3 {margin-right: 3em;}
.akir4 {margin-right: 4em;}
.akir5 {margin-right: 5em;}
.akil1 {margin-left: 1em;}
.akil12 {margin-left: 1.2em;}
.akil15 {margin-left: 1.5em;}
.akil2 {margin-left: 2em;}
.akil3 {margin-left: 3em;}
.akil4 {margin-left: 4em;}
.akil5 {margin-left: 5em;}
.akipt40 {padding-top: 40px;}
.akipb40 {padding-bottom: 40px;}
.c {text-align: center;}
.r {text-align: right;}
.l {text-align: left;}
.b {font-weight: bold;}
.n {font-weight: normal;}
.fs11{font-size: 11px;}
.fs12{font-size: 12px;}
.fs13{font-size: 13px;}
.fs14{font-size: 14px;}
.fs145{font-size: 14.5px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}
.fs21{font-size: 21px;}
.fs22{font-size: 22px;}
.sage{padding-left: 1em;text-indent: -1em;}
.sage05-65{padding-left:65px;text-indent:-4em; line-height: 0.5;}
.sage05-50{padding-left:50px;text-indent:-4em; line-height: 0.5;}
.sage05-75{padding-left:75px;text-indent:-4em; line-height: 0.5;}
.sage05-140{padding-left:140px;text-indent:-4em; line-height: 0.5;}
.sage05-150{padding-left:150px;text-indent:-4em; line-height: 0.5;}
.sage06-145{padding-left:145px;text-indent:-4em; line-height: 0.6;}
.sage12-50{padding-left:50px;text-indent:-4em; line-height: 1.2;}
.sage12-75{padding-left:75px;text-indent:-4em; line-height: 1.2;}
.red{color: #e60012}
.bl{color: #000000}
.kakomi{border: 1px solid #000000; text-align: center; padding: 5px 5px 2px 5px;}
.nobr {white-space: nowrap;}
.tsume002 {letter-spacing: -0.02em;}
.tsume005 {letter-spacing: -0.05em;}
.tsume008 {letter-spacing: -0.08em;}
.tsume06 {letter-spacing: -0.6em;}
.tsume05 {letter-spacing: -0.5em;}
.tsume02 {letter-spacing: -0.2em;}
.tsume01 {letter-spacing: -0.1em;}
.bgc-g {background-color: #f7f8f8; width: 100%;}

/* ボタン（タイプ1） */

.btn012 a {
	display:inline-block;
	padding:22px 40px 22px 20px;
	color:#000000;
	border: solid 1px;
	width: 180px;
	font-size: 16px;
	font-weight: bold;
	text-decoration:none;
	background:#ffffff url('../images/arrow.png') 205px 50% no-repeat;
	transition:all 0.2s ease 0s;
}
.btn012 a:hover {
	background:#ffffff url('../images/arrow50.png') 205px 50% no-repeat;
	color:#8c8c8c;
	transition:all 0.2s ease 0s;
}


/* ボタン（タイプ2） */
.btn02 a {
	display:inline-block;
	padding:10px;
	color:#6d5d45;
	text-decoration:none;
	border-radius:5px;
	border:1px solid #6d5d45;
	background:#fff;
	transition:all 0.2s ease 0s;
}
.btn02 a:hover {
	color:#fff;
	background:#6d5d45;
	transition:all 0.2s ease 0s;
}


/* ボタン（タイプ3斜線） */
.btn03 a{
	position: relative;
	background: linear-gradient(
    -45deg,
	#fff 25%, #000000 25%,
    #000000 30%, #fff 30%,
    #fff 75%, #000000 75%,
    #d8e0ff
	);
	background-size: 5px 5px;
	padding: 5px;
}
.btn03_inner{
	background: #FFF;
	padding: 1em;
	font-size: 16px;
	font-weight: bold;
}

/* ボタン（タイプ4） */

.btn014 a {
	display:inline-block;
	padding:22px 40px 22px 20px;
	color:#000000;
	border: solid 1px;
	font-size: 16px;
	width: 180px;
	font-weight: bold;
	text-align: left;
	text-decoration:none;
	background:#ffffff url('../images/arrow-bg.png') 80% no-repeat;
	transition:all 0.2s ease 0s;
}
.btn014 a:hover {
	background:#ffffff url('../images/arrow-bg50.png') 80% no-repeat;
	color:#8c8c8c;
	transition:all 0.2s ease 0s;
}

/* ボタン（タイプ5） */

.btn015 a {
	display:inline-block;
	padding:22px 40px 22px 25px;
	color:#000000;
	border: solid 1px;
	font-size: 16px;
	width: 240px;
	font-weight: bold;
	text-align: left;
	text-decoration:none;
	background:#ffffff url('../images/arrow-bg.png') 90% no-repeat;
	transition:all 0.2s ease 0s;
}
.btn015 a:hover {
	background:#ffffff url('../images/arrow-bg50.png') 90% no-repeat;
	color:#8c8c8c;
	transition:all 0.2s ease 0s;
}

/* faqリスト */

.qa dl {
     width:800px;
     overflow: hidden;
     _zoom: 1;
     }

.qa dt,
.qa dd{
     font-size:17px;
     margin:0 0 10px 0;
     padding-left:2.2em;
     background:none no-repeat left top;
     min-width: 40px;
	min-height:45px;

     }
    
.qa dt{
	 color:#595757;
	 font-weight: bold;
	 line-height:1.1em;
     background: url(../images/faq_q.jpg) no-repeat;
     background-position: 0 30px;
     border-top: 1px dashed #c4c4c4 ;
     padding-top: 36px;
     margin-top:-1px;
}
    
.qa dd{
	 line-height:1.8em;
     background: url(../images/faq_a.jpg)  no-repeat;
     overflow: hidden;
	margin-bottom: 30px;
     }


/*================================================
 *  ヘッダー
 ================================================*/
/* Navigation */
header {
	position:fixed;
	top:0;
	z-index:100;
	height: 120px;
	width:100%;
	background:#595757;
	opacity:0.80;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
}
.containertop h1 {
	margin: 30px auto auto 25px;
}
.containertop ul {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	align-items: center;
}
.containertop li {
	margin-right: 30px;
}

nav {
	margin-right: 0px;
}

nav ul li {
	color: #FFFFFF;
	font-size: 16.5px;
	/*text-align: left;*/
	text-align: center;
	margin-right: 25px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
	list-style: none;
}
ul li a {
	color: #FFFFFF;
	text-decoration: none;
}
ul li:hover a {
	color: #d0d0d0;
}


.menu-hs {
  width: 100%;
  border: 0px;
  color: rgb(0, 0, 0);
  text-align: left;
  vertical-align: top;
  border-radius: 0px;
  overflow: hidden;
  background: rgb(255, 255, 255);

}
.menu-hs-title {
  width: 100%;
  color: #fff;
  background: rgb(64, 64, 64);
  padding: .4em .8em;
  font-weight: bold;
}
.menu-hs  a {
  color: rgb(0, 0, 0);
  font-weight: bold;
  text-decoration: none;
  display: block;
  padding: .4em 1.2em;
  border-bottom: 1px dotted rgb(158, 158, 158);
}
.menu-hs :last-child a {
  border: none;
}
.menu-hs :hover a {
  color: rgb(158, 158, 158);
}

/*================================================
 *  メイン
 ================================================*/
main {
	width:100%;
}

section {
	margin-bottom:30px;
}

/*================================================
 *  フッター
 ================================================*/
footer {
	background-color: #f7f8f8;
	width:100%;
	height: 150px;
} 

footer#index {
	clear:both;
	padding:2% 0;
	background-color: #fff;
}

/*3ボックス中央*/
.footer-wrap {
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	flex-wrap: wrap;/* 改*/
	justify-content: center;
	align-items: center;
	width:100%;
	margin: 10px auto 5px;
}

.footer-box {
	margin-top: 20px;
	width: 100%;
	line-height: 1.4;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.footer-box p {
	padding: 0;
	margin: 10px 0 20px;
	text-align: center;
	font-size: 13px;
}

.footer-box a {
	text-decoration: none;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
	z-index:9999;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#373737;
}
.totop img:hover {
	background:#666666;
}

/*================================================
 *  スライドショー
 ================================================*/
.slide {
	overflow:hidden;
	position:relative;
}
.slideInner {
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
.slideInner li {
	position:absolute;
	width:100%;
	margin:0;
	padding:0;
	background:#fff;
	list-style:none;
}
.slideInner li img {
	max-width:100%;
}

.controlNav {
	position:relative;
	float:left;
	left:50%;
		padding:20px 0;
}
.controlNav span {
	position:relative;
	left:-50%;
	float:left;
	margin:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	width:10px;
	height:10px;
	overflow:hidden;
	background:#ccc;
	text-indent:-9999px;
	vertical-align:middle;
}
.controlNav span:hover {
	background:#e2e1e1;
	cursor:pointer;
}
.controlNav span.current {
	background:#9fa0a0;
}

.sample-slide {
  position: relative;
}
.sample-slide {
  position: absolute;
  left:19.3%;
  top:52.8%;
  z-index: 1;
}
.z {z-index: 2;}


/*ta6*/
.ta6 *, .ta6 *:before, .ta6 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ta6 {
	width: 800px;
	border-collapse: collapse;
	margin: 0 auto;
	font-size: 19px;
	border-spacing: 0px;
	text-align: left;
	line-height: 1.5;
	border: 0;
}
.ta6  td {
	padding: 10px;
}
.ta6 th {
	padding: 10px;
	width: 30%;
	text-align: left;
	font-weight: normal;
}
.ta6 tr:nth-child(odd) td {  
  background-color: #efefef;  
}


/*ta7*/
.ta7 *, .ta7 *:before, .ta7 *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.ta7 {
	width: 100%;
	border-collapse: collapse;
	margin: 0 auto;
	font-size: 19px;
	border-spacing: 0px;
	text-align: left;
	line-height: 1.5;
	border: 0;
}
.ta7  td {
	padding: 10px;
}
.ta7 th {
	padding: 10px;
	width: 30%;
	text-align: left;
	font-weight: normal;
}
.ta7 tr:nth-child(odd) td {  
  background-color: #efefef;  
}


/*================================================
 *  PC向けデザイン
 ================================================*/
@media screen and (min-width:1024px)  {

.containertops {
	display: none;
}
	
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
@media screen and (min-width:768px) and (max-width:1023px){
.containertops {
	display: none;
}
.containertop {
	width: 100%;
	height: 120px;
	margin: auto;
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	overflow: hidden;
}
#contents {
	width: 100%;
	margin:0 auto;
	overflow: hidden;
}

nav ul li {
	font-size: 13px;
}

.item h1 {
	width:95%;
}
	
.box2-wrap{
	width: 100%;
	}	
.box2-box60 {
	width: 50%;
}
.box800-wrap{
	width: 100%;
}
.box800bg-wrap{
	width: 100%;
	margin: 0 10px;
}

.box800bg-tex{
	margin :50px 20px auto 355px;
	width: 52%;
	height: 300px;
	font-size: 14px;
	line-height: 1.6;
}
	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {

.containertop {
	display: none;
}
.containertops {
	width: 90%;
	height: 120px;
	margin-left: auto;
	margin-right: auto;
	display:-webkit-box;
  	display:-ms-flexbox;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

#contents {
	width:95%;
	margin:0 auto;
}
	
section {
	margin-bottom:10px;
}

header nav {
		position:relative;
		padding:0 0 10px 0;
}

.boxinfo-wrap{
	width:100%;
	flex-wrap: wrap;/* 改*/
}
.boxinfo-box620 {
	width:100%;
}

.info dl{
	width:100%;
	margin-left: 10px;
}
	
.info dd{
	margin-right: 1em;
}

.item h1 {
	width:100%;
	font-size: 35px;
	line-height: 25px;
}

.item h1:first-letter {
  font-size: 60px;
}

.item2 h1 {
	width: 100%;
	font-size: 35px;
	line-height: 60px;
}

.item2 h1:first-letter {
  font-size: 60px;
}

.item2s h1 {
	width: 100%;
	font-size: 30px;
	line-height: 60px;
}

.item2s h1:first-letter {
  font-size: 55px;
}

.info h1 {
	width: 100%;
}

.waku h2 {
	width: 92%;
}

.info-t h3 {
	width: 100%;
}
	
.ill{
	width:100%;
}


.box2c-wrap {
	justify-content: center;
	width:100%;
	margin: 0 auto 40px;
}
.box2c-box250 {
	margin-top: 5px;
}
.box800bg-wrap{
	width:100%;
	margin: 10px auto 10px;
}
	
.box3-wrap {
	width:100%;
	justify-content: center;
}

.box3-box {
	width:100%;
	text-align: center;
}
.box3-wrapl {
	width:100%;
	justify-content: center;
}

.box3c-wrap {
	width:90%;
}

.box3c-box {
	width:80%;
	text-align: center;
}

h2 {
		margin-top:30px;
	}

.simple h1 {
	width: 100%;
}
.simple2 h2 {
	width: 100%;
}
.line h2 {
	width: 100%;
}

.simple h2 {
	width: 100%;
}

.order h3 {
	width: 100%;
}


.txt{
	width:100%;
}

	
.ill{
	width:100%;
}

.box2-wrap{
	width:100%;
}
	
.box2-box60 {
	width:100%;
}

.box2-box35 {
	width:100%;
}

.box2-box40 {
	width:100%;
}

.box800-wrap{
	width:100%;
	justify-content: center;
}

.box800-box33 {
	width:70%;
	font-size: 16px;
	margin-bottom: 15px;
	text-align: center;
}
.box800-box33 p {
	line-height: 1.6;
}
	
.box800-box23 {
	width:70%;
	font-size: 16px;
	margin-bottom: 15px;
	text-align: center;
}
.box800-box23 p {
	line-height: 1.6;
}
.box800bg-wrap{
	width: 100%;
	margin: 0 auto;
}

.box3bg3-wrap{
	width:100%;
}

.box3bg3-bg0{
	background-size: 80%;
	width: 100%;
	height: 100%;
}

.box3bg3-bg1{
	background-size: 80%;
	width: 100%;
	height: 100%;
}

.box3bg3-bg2{
	background-size: 100%;
	width: 100%;
}
.box3bg3-bg3{
	background-size: 100%;
	width: 100%;
}
.box3bg3-bg4{
	background-size: 100%;
	width: 100%;
}

.box3bg3-bg5{
	background-size: 100%;
	width: 100%;
}
	
	
	
	
.box800bg-bg1{
	background: url('../images/premium_komoji-l.jpg') no-repeat 0 0;
	background-size: 100%;
	width: 100%;
	height: auto;
}
.box800bg-tex{
	margin :30px 20px auto 155px;
	width: 55%;
	height: 300px;
	font-size: 14px;
	line-height: 1.6;
}
	

.txt-wrap{
	width:100%;
}
.txt{
	width:100%;
}

.txt2{
	width: 100%;
}

.txt-wrap3{
	width:100%;
}

/*faq*/	
.qa dl {
     width:100%;
     }

.footer-wrap {
	width:100%;
}
.footer-box {
	width: 70%;
}

.ta6 {
	width:100%;
}




}