@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{height:100%}
body{
	color:#555;
	background:#e1e1e1;
	background-attachment:fixed;
	height: 100%;
	letter-spacing:0.5px;
	font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a:link,a:active,a:visited { color:#000080;}
a:hover { color:red; }
.clr, .clearfix { clear:both; min-height:1px; }
/* サンプルコード */
pre,code{ text-align:left; background:#000; color:#fff; padding:0px; line-height:1.5; font-size:13px; font-family:'ＭＳ ゴシック';  }
pre{ margin:5px; padding:10px; }
code{tab-size: 4; -moz-tab-size: 4;}  /* べんぷれ */

pre { overflow-x:scroll; }
pre::-webkit-scrollbar{height:10px;}/*バーの太さ*/
pre::-webkit-scrollbar-track{background:#dddddd;}/*バーの背景色*/
pre::-webkit-scrollbar-thumb{background:#2cc2e4;}/*バーの色*/
/*  SETTING COLUMNS  */
#wrapper{ width:100%; min-width:1260px; position:relative; overflow:hidden; }
header{
	width:100%;
	height:54px;
	margin:0 auto;
	padding:20px 0px;
	text-align:center;
	background:#333;
	border-top:#2d3861 4px solid;

	background-image:url(../images/css/bgback.png);
	background-repeat:repeat-x;
	background-position:50% 50%;
}

#headerbox{
	width:1050px;
	margin:0 auto;
	position:relative;
	text-align:center;
}

.setcon{
	width:1050px;
	margin:30px auto 20px;
	overflow:hidden;
}

.side{
	width:280px;
	float:right;
	position:relative;
	padding:0px;
	margin-left:10px;
}

.main{
	float:left;
	width:685px;
}

/* 		HEADER		*/
h1{
	vertical-align:top;
	text-align:left;
	font-size:14px;
	font-weight:normal;
	padding:7px 0;
	margin:0 -5px;
	color:#333;
	position:relative;
	vertical-align:top;
	border:3px solid #ccc;
	padding:10px;
}

.update{
	display:block;
	vertical-align:top;
	font-weight:bold;
	font-size:14px;
	line-height:24px;
	padding:0px 0px 10px;
	margin:7px 0px !important;
}

.update::before{
	content:"\f017";
	color:red ;
	font-family:FontAwesome;
	margin-right:10px;
}

/*		ぱんくず：#pankuzu		*/
#pankuzu{
	width:100%;
	padding:0px;
	color:#333 !important;
	text-align:center;
	margin:0px;
}

#pankuzu ul.bc{
	color:#333 !important;
	margin:0px auto;
	padding:0px 0px 10px;
	list-style:none;
	font-size:12px;
	border-bottom:1px solid #ddd;
}

#pankuzu .bc li{ display:inline-block; }
#pankuzu .bc li a{ color:#333; }
#pankuzu .bc li a:after{ content:"TOP"; margin-left:10px; }
#pankuzu .bc li:after{ content:">"; margin:0px 5px; }
#pankuzu .bc li:last-child:after{ content:""; }
#pankuzu .clearfix{ clear:both; }


/*		HEADER	*/
#namebox{
	width:100%;
	margin:0 auto;
	text-align:center;
	padding:0px;
	transition:3s;
}

#namebox .sitename{
	width:1050px;
	font-size:25px;
	margin:0 auto;
	padding:0px;
	font-weight:bold;
	transition:3s;
	text-align:center;
}

#namebox .sitename a{
	color:#555;
	text-decoration:none;
}

#namebox .sitename img:hover{
	opacity:0.5;
	-moz-opacity:0.5;
}

/*	ナビメニュー： nav */
nav {
	width:100%;
	background:#568de0;
	margin:0 auto;
	display:block;
	vertical-align:top;
	color:#333;
	z-index:2;
	position:relative;
}

nav > ul{ margin:0 auto; display:table; font-size:0; }

nav > ul > li{
	margin:10px 0px;
	padding:10px 10px;
	transition: background-color .3s;
	list-style:none;
	display:table-cell;
	vertical-align:middle;
	font-size:0 !important;
	line-height:0;
	position:relative;
}

nav > ul > li > a{
	font-size:14px;
	line-height:30px;
	padding:0px 10px;
	display:block;
	color:#fff !important;
	text-decoration:none;

}

nav > ul > li > a:before{
	content:"";
	font-size:17px;
	color:#fff;
}
nav > ul > li > a > img{
	width:30px;
	vertical-align:middle;
	margin:0px 10px 0px 0px;
}

nav > ul > li > a:hover { text-decoration:underline; }
nav > ul > li > a:hover > img { opacity:0.5; }

nav > ul > li > a > span.info{
	display:none;
}

nav > ul > li > a:hover > span.info{
	text-align:center;
	position:absolute;
	left:0%;
	right:0%;
	bottom:-30px;
	width:100px;
	margin:auto;
	background:red;
	color:#fff;
	padding:3px;
	z-index:10;
	font-size:16px;
	display:inline-block;
	border-radius:7px;
	animation-duration: .3s;
	animation-name: slidein;
}

nav > ul > li > a:hover > span.info:before{
	content:"";
	position:absolute;
	left:0px;
	right:0px;
	width:0px;
	height:0px;
	margin:0px auto;
	line-height:0;
	border:7px solid transparent;
	border-bottom:7px solid #ff0000;
	top:-13px;
}

@keyframes slidein {
  from { bottom: -30%; opacity:0;}
  to { bottom: -60%; opacity:1}
}

/*	 ▼サイドメニュー：.side▼	*/
.side{	background:#fff; box-shadow:0px 0px 5px #ccc; }
.side > .submenu{ padding:5px; background:#fff; }

.side > h3{
	background:#2d3861;
	color:#fff;
	padding:7px 10px;
	font-size:15px;
	text-align:center;
	border-radius:3px 3px 0px 0px;
}

.side > h3 > a {
	font-size:17px !important;
	color:#fff;
	padding:10px 5px;
	text-align:center;
	border:0px !important;
	display:block;
}

.side > .submenu > li{ 	list-style:none; border-bottom:1px solid #ccc; }
.side > .submenu > li:last-child{ list-style:none;	border-bottom:none; }
.side > .submenu > li > a{
	font-size:15px;
	line-height:20px;
	padding:10px;
	display:block;
	position:relative;
}
.side > .submenu > li > a:hover{ color:red; }
.side > .submenu > li > a::before{
	position:absolute;
	right:10px;
	content: "\f0da";
	font-family:FontAwesome;
	margin:auto;
	color:#ccc;
}
.side > .submenu > li > a:hover::before{ color:red; }
.side > .submenu a{ color:#444; }

.side:hover > .sidebox,
.side:hover > .menu_title{ text-decoration:underline; }

.side > h4.menubox{
	display:block;
	padding:10px 10px 10px 40px;
	margin:0px;
	text-decoration:none;
	position:relative;
	background:#333;
	color:#fff;
	border:0px;
	line-height:27px;
}

.side > h4.menubox:hover > s.menutxt{ color:red; }


.side > .menubox:hover:after{ content:""; border-left-color:red; }

.side > .menubox > img{
	width:80px;
	margin-right:5px;
	display:inline-block;
	vertical-align:top;
	border-radius:5px;
}

.side > .menubox > .menutxt{
	width:148px;
	color:#fff;
	display:inline-block;
	vertical-align:top;
	font-size:17px;
	line-height:22px;
	font-weight:bold;
}

.sidebox span.menu_title{
	color:#ba3966;
	font-weight:bold;
	font-size:18px;
	line-height:24px;
}

.sidebox p{	font-size:12px; line-height:18px; margin:5px 0; }

.sidebox span.btn{
	margin:3px -15px;
	padding:0px 10px 0px 20px;
	background:#db629a;
	color:#fff;
	font-size:13px;
	line-height:20px;
	float:right;
	text-align:right;
	position:relative;
}

.sidebox span.btn:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	margin:auto;
	width:0px;
	height:0px;
	line-height:0;
	border-left:8px solid #fff;
	border-right:10px solid transparent;
	border-top:10px solid transparent;
	border-bottom:10px solid transparent;
}

.copyright{
	font-size:13px;
	text-align:center;
	padding:10px 0px 10px 0px;
	margin:0px;
	color:#fff;
	background:#333;
}

/*	▼フッター全体：footer▼ */
footer { width:100%; color:#fff; position:relative; background:#568de0; margin-top:30px; }
footer a { color:#fff; }

footer > #return_box{ width:1050px; margin:0 auto; position:relative; }
footer > #return_box > a{
	font-weight:bold;
	font-size:15px;
	position:absolute;
	margin:auto;
	top:-20px;
	background:#568de0;
	color:#fff;
	padding:10px;
	text-decoration:none;
	text-align:center;
	border-radius:10px;
}

footer > #return_box > a:before,
footer > #return_box > a:after{ content:"\f139"; font-family:FontAwesome; padding:0px 7px; }
footer > #return_box > a:hover{ color:#ccc; }

/* ▼フッターメニュー：.footer_box▼ */
.footer_box { width:1000px; margin:0 auto; padding:20px 5px 10px; text-align:center; }

.footer_box > dl.sitemap{ margin:0px auto; text-align:center; }
.footer_box > ul{
	width:1000px;
	list-style-position:inside;
	border-spacing:10px;
	display:table;
	text-align:center;
}

.footer_box >  ul > li{
	color:#444;
	font-size:15px;
	line-height:17px;
	list-style-type:none;
	display:table-cell;
	border-left:1px solid #fff;
	text-align:center;
}
.footer_box > ul > li:last-child{ border-right:1px solid #fff; }

.footer_box > ul > li > a{
	color:#fff;
	text-decoration:none;
	line-height:17px;
	padding:0px 20px;
}

.footer_box > ul > li > a:hover{ text-decoration:underline; }

/*		▼まとめボックス / .mtm▼	*/
.mtm{
	width:550px;
	border:3px double #2d3861;
	margin:60px auto 30px;
	padding:15px 7px;
	text-align:center;
	position:relative;
	background:#fff;
}

.mtm ul{ margin:0px 15px 20px; }
.mtm li{
	list-style:none;
	color:#444;
	font-size:16px;
	line-height:25px;
	border-bottom:1px dotted #2d3861;
	text-indent:-15px;
	font-weight:bold;
	padding:7px 7px 7px 15px;
}

.mtm li:before{
	content:"";
	width:20px;
	height:20px;
	line-height:1;
	display:inline-block;
	font-size:0;
	vertical-align:top;
	background-image:url(../images/checkp.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
	background-size:contain;
	margin-right:10px;
}

.mtm p{
	width:200px;
	font-size:20px;
	line-height:1;
	color:#fff;
	font-weight:bold;
	line-height:25px;
	margin:auto !important;
	padding:6px;
	border-radius:5px 5px 0 0;
	text-align:center;
	position:absolute;
	top:-40px;
	left:-3px;
	background:#2d3861; /* .textbox背景と同じ色 */
}

/*	▼サイトメイン部分： .textbox▼		*/
.textbox {
	text-align:center;
	position:relative;
	font-size:16px;
	padding:20px 30px;
	background:#ececec;
	box-shadow:0px 0px 5px #ccc;
	border-radius:5px;
}

.textbox > p{ margin:10px 0px 10px; line-height:28px; }
.textbox > img{ width:550px; }
.textbox > h1,h2,h3,h4,h5,h6,p,div,ol,ul,dl{ text-align:left; }
.textbox a:hover { color:#f7811d; }

.textbox table { margin:0 auto; }
.textbox caption { padding:10px;font-size:115%;font-weight:bold; }

.textbox > h2{
	font-weight:bold;
	margin:10px -10px;
	font-size:23px;
	padding:5px 15px;
	color:#fff;
	background:#79A1D4;
	position: relative;
	border-left:7px solid #2d3861;
	box-shadow:0px 0px 5px #ccc;
}

.textbox > h3{
	color:#2d3861;
	position:relative;
	background:transparent;
	font-size:20px;
	margin:10px -10px 20px;
	padding:6px 15px;
	font-weight:bold;
	border-bottom:1px solid #2d3861;
}

h4{
	color:#2d3861;
	border-left:6px solid #2d3861;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin:10px -10px;
	padding:5px 10px 5px 32px;
	background:transparent;
	position:relative;
	text-indent:-22px;
}

.textbox > h5{
	font-size:16px;
	font-weight:bold;
	margin:10px 0px;
	padding:10px 15px;
	border-bottom:1px solid #000;
}

/*	強調タグ：span */
span.marker{ color:#ff0000; font-weight:normal; background:#ffff60; }
span.black{ color:#000; font-weight:bold; }
span.bold{ color:#000; font-weight:bold; }
span.red{ color:#ff0000; font-weight:bold; }
span.blue{ color:blue; font-weight:bold; }

/*	目次：.mkj	*/
.mkj{
	width:85%;
	background:#b4d1f7;
	border:#79A1D4 2px solid;
	margin:25px auto;
	position:relative;
}

.mkj p{
	margin:0px;
	padding:8px 0;
	font-size:19px;
	line-height:1;
	background:#fff;
	font-weight:bold;
	text-align:center;
}

.mkj span.mkjbtn{
	margin:0px 10px;
	font-size:12px;
	font-weight:normal;
}

span.mkjbtn:first-of-type,
.mkjOpen > span.mkjbtn:last-of-type{
	display:inline-block;
}

span.mkjbtn:last-of-type,
.mkjOpen > span.mkjbtn:first-of-type{
	display:none;
}

.mkj ol{
	margin:5px;
	list-style:none;
	list-style-position:inside;
	padding:5px;
}

.mkj li{
	padding:7px 0;
	padding-right:16px;
	line-height:19px;
	text-indent:-14px;
	padding-left:18px;
	border-bottom:1px dotted #79A1D4;
}
.mkj li:last-child{ border-bottom:0px; }

.mkj li a:before {
	content:"\f0da";
	font-family:FontAwesome;
	padding-right:8px;
}

.mkj li a { color:#194b8c; text-decoration:none; display:block; }
.mkj li a:hover { color:#ce5b04; }
.mkj li.sub { margin-left:20px; list-style-type:circle; }

/*	引用タグ > blockquote	*/
.textbox > blockquote{
	width:80%;
	padding:25px;
	font-size:14px;
	margin:15px auto;
	border:1px dotted #999;
	background:#ddd;
	position:relative;
}

.textbox >  blockquote .site{
	font-size:13px;
	color:#777;
	text-align:right;
}

.textbox >  blockquote:before{
	content: "\f10d";
	color:#a1a1a1;
	font-size:20px;
	font-family:FontAwesome;
	position:absolute;
	top:15px;
	left:15px;
}

.textbox >  blockquote:after{
	content: "\f10d";
	color:#a1a1a1;
	font-size:20px;
	font-family:FontAwesome;
	position:absolute;
	bottom:15px;
	right:15px;
}

/*	▼表タグ  /  table ▼ */
.textbox table { margin:25px auto; border:1px solid #3866a0; }

.textbox table tr,
.textbox table tr th,
.textbox table tr td { border:1px solid #3866a0; padding:10px 12px; }
.textbox table tr th {
	color:#fff; background:#79A1D4; font-weight:bold;
}

.textbox table tr td img,
.textbox table tr th img { max-width:100%; height:auto; }

/*	▼段落タグ > dl,dt,dd ▼ */
.textbox > dl{ line-height:1.6em; margin:10px auto; text-align: left; }
.textbox > dl > dt{ color:#333; font-size:17px; font-weight:bold; padding:10px 0;}
.textbox > dl > dd{ padding:0px 0px 10px 30px; }
.textbox > dl > dd > table { margin:0 auto; width:100%; }



/*	▼段落タグ > dl,dt,dd ▼ */
.textbox > dl{ line-height:1.6em; margin:10px auto; text-align: left; }
.textbox > dl > dt{ color:#333; font-size:17px; font-weight:bold; padding:10px 0;}
.textbox > dl > dd{ padding:0px 0px 10px 30px; }
.textbox > dl > dd > table { margin:0 auto; width:100%; }

/*	▼リストタグ > ul,ol ▼ */
.textbox > ul,  .textbox > ol {
	list-style-position:inside;
	margin:25px 25px;
	text-align: left;
}

.textbox > ul > li,  .textbox > ol > li {
	font-size:17px;
	line-height:28px;
	paddin:10px 0;
}

.textbox > ul > li:last-child,  .textbox > ol > li:last-child{
	border-bottom:none;
}

/*	枠線をつける場合は、  class="border" を入れる
	背景色をつける場合は、class="back" を入れる */
.border{ border:3px solid #79A1D4; padding:20px 30px; margin:25px 0; text-align:center; }
.box{ background:#ced9e6; padding:20px 30px; margin:25px 0; text-align:center; }
.border > p, .box > p{ margin:10px 10px 10px 10px; font-size:15px;line-height:25px; text-align:left; }
.border > img, .box > img{ width:90%; margin:15px auto; text-align:left; }

/*	▼内部リンク / .link▼	*/
.link{ text-align:right; }
.link a{
	color:#000080;
	text-decoration:underline;
	font-size:19px;
}

.link a::after{
	content:"\f138";
	text-decoration:none;
	font-family:FontAwesome;
	padding-left:7px;
}

.link a:hover{
	color:#f7811d;
}

/*	▼外部リンク / .outlink▼	*/
.outlink{ text-align:right; }

.outlink a{
	color:#c40345;
	padding:5px;
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
}

.outlink a::after{
	content:"\f08e";
	font-family:FontAwesome;
	padding-left:7px;
}

.outlink a:hover{
	border-color:#f7811d;
	text-decoration:none;
}

/*	 ▼購入ボタン > .obtn▼	*/
.obtn{
	margin:40px auto;
	display:inline-block;
}

.obtn.buy a{
	font-size:18px;
	font-weight:bold;
	font-family: 'Noto Sans JP', sans-serif;
	text-decoration:none;
	border-radius:4px;
	padding:15px 80px;
	color:#fff;
	display:block;
	position:relative;
	z-index: 2;
    overflow:hidden;

	background: -moz-linear-gradient(
		top,
		#dfffd4 0%,
		#75e04e 20%,
		#248700 56%,
		#33bf00 94%,
		#62db33);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#dfffd4),
		color-stop(0.20, #75e04e),
		color-stop(0.56, #248700),
		color-stop(0.94, #33bf00),
		to(#62db33));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #6ac953;
	-moz-box-shadow:
		0px 3px 0px rgba(052,173,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 0px rgba(052,173,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow:
		0px 3px 0px rgba(052,173,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(029,097,011,0.5),
		0px 1px 0px rgba(255,255,255,0.3);


}
/*.obtn.buy a:before{
	display:block;
	content:"";
	position:absolute;
	z-index:-1;
	left:-30%;
	top:-50%;
	width:30px;
	height:100px;

    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
    animation: shiny 3s infinite linear;
    -webkit-animation: shiny 3s infinite linear;
    -moz-animation: shiny 3s infinite linear;
}*/
.obtn.buy a:after{
	content:"\f0da";
	font-family:FontAwesome;
	position:absolute;
	line-height:0;
	width:0;
	height:0;
	margin:auto;
	right:22px;
	top:0;
	bottom:0;
}

.obtn.buy a:hover{
	background: -moz-linear-gradient(
		top,
		#ffe4d6 0%,
		#f59a6a 20%,
		#b86233 56%,
		#ffac7f 94%,
		#ffab7d);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffe4d6),
		color-stop(0.20, #f59a6a),
		color-stop(0.56, #b86233),
		color-stop(0.94, #ffac7f),
		to(#ffab7d));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #c77c54;
	-moz-box-shadow:
		0px 3px 0px rgba(171,074,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 0px rgba(171,074,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow:
		0px 3px 0px rgba(171,074,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(097,042,012,0.5),
		0px 1px 0px rgba(255,255,255,0.3);
}
/*@keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-webkit-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}
@-moz-keyframes shiny {
    0% {
        left: -30%;
    }
    20% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}*/

/* テーブル用 */
table .obtn.buy{
	width:auto;
	margin:0px -5px;
}
table .obtn.buy a{
	font-size:95%;
	line-height:1.2;
	padding:15px 28px 15px 20px;
}
table .obtn.buy a::after{
	right:10px;
}

/*	 ▼リンクボタン > .linkbtn▼	*/
.linkbtn {
	text-align:center;
	margin:30px auto;
	display:block;
	overflow:hidden;
}

.linkbtn a{
	width:400px;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	line-height:18px;
	text-align:center;
	padding:20px 25px;
	margin:10px;
	border-radius:5px;
	position:relative;
	display:inline-block;
	background:#2d3861;
}

.linkbtn a:after{
	content:"\f0da";
	font-size:18px;
	line-height:19px;
	font-family:FontAwesome;
	color:#2d3861;
	background:#fff;
	border-radius:20px;
	position:absolute;
	margin:auto;
	display:inline-block;
	text-align:center;
	padding:0px;
	top:0px;
	bottom:0px;
	right:10px;
	width:17px;
	height:17px;
	text-shadow:none;
}


.linkbtn a:hover{
	opacity:0.6;
	color:#fff;
}

/*		口コミ：kkomi	*/
.kkomi{
	width:95%;
	word-break: break-all;
	list-style:none;
	margin:25px auto;
}

.kkomi > li{
	border:1px solid #fff;
	position:relative;
	margin:10px;
	padding:10px 25px;
	background:#ddd;
}

.kkomi > li > p{
	font-size:15px;
	line-height:25px;
}

.kkomi > li > p > b{
	font-size:20px;
	color:#029979;
	line-height:35px;
	margin:0px 0 10px;
	display:block;
}

.kkomi > li > small {
	font-size:11px;
	line-height:17px;
	margin:0px -15px 0;
	padding:5px 15px;
	text-align:right;
	display:block;
	word-break:break-all;
}

/*	▼TOP・目次に戻るボタン▼	*/
#pageTop, #mkjTop{ z-index:1; margin:0;  position: fixed; }
#pageTop { bottom: 60px;  right: 30px; }
#mkjTop  { bottom: 130px; right: 30px; }

#pageTop > a, #mkjTop > a {
    display: block;
    background:#2d3861;
    text-decoration: none;
    color: #fff;
    width:70px;
    font-size:13px;
    padding-bottom:5px;
    text-align: center;
    line-height:13px;
  	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	border-radius:10px;
	position:relative;
	transition:.5s;
}

#pageTop > a > i.fa , #mkjTop a > i.fa {
	font-size:43px;
	display:block;
}


#pageTop a:hover, #mkjTop a:hover{
  	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}



/* ryyy */

/* ふんわり　枠　2 */
.kakomi-kage2 {
 margin: 2em auto;
 padding: 1em;
 width: 94%;
 color: #555555; /* 文字色 */
 background-color: #fff; /* 背景色 */
 box-shadow: 0 0 5px 5px #fca9d5, 0 0 5px 3px #fca9d5 inset; /* 影 */
 border-radius: 10px; /*角の丸み*/
}

.kakomi-kage2 p {
    width: auto!important;
    max-width: 100%;
}

.kakomi-kage3 {
 margin: 2em auto;
 padding: 1em;
 width: 94%;
 color: #555555; /* 文字色 */
 background-color: #fff; /* 背景色 */
 box-shadow: 0 0 5px 5px #bce2e8, 0 0 5px 3px #bce2e8 inset; /* 影 */
 border-radius: 10px; /*角の丸み*/
}

.kakomi-kage3 p {
    width: auto!important;
    max-width: 100%;
}

.kakomi-kage4 {
 margin: 2em auto;
 padding: 1em;
 width: 94%;
 color: #555555; /* 文字色 */
 background-color: #fff; /* 背景色 */
 box-shadow: 0 0 5px 5px #212e30, 0 0 5px 3px #212e30 inset; /* 影 */
 border-radius: 10px; /*角の丸み*/
}

.kakomi-kage4 p {
    width: auto!important;
    max-width: 100%;
}


.kakomi-kagekiiro {
 margin: 2em auto;
 padding: 1em;
 width: 94%;
 color: #555555; /* 文字色 */
 background-color: #fff; /* 背景色 */
 box-shadow: 0 0 5px 5px #fcd649, 0 0 5px 3px #fcd649 inset; /* 影 */
 border-radius: 10px; /*角の丸み*/
}

.kakomi-kagekiiro p {
    width: auto!important;
    max-width: 100%;
}

/* 追加(19/08/22) 囲み枠内の画像 */
.kakomi-kage2 img,.kakomi-kage3 img,.kakomi-kage4 img,.kakomi-kagakiiro img{
	display: block;
	width: 100%;
	max-width: 100%;
}
/* 追加(19/08/22)囲み枠内のボタン */
.kakomi-kage2 .obtn,.kakomi-kage3 .obtn,.kakomi-kage4 .obtn,.kakomi-kagekiiro .obtn{
	display: block;
	max-width: 55%;
} 


.textbox > ul,.textbox > ol {
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 3px gray;/*線の種類 太さ 色*/
}

.textbox > ul li,.textbox > ol li {
  line-height: 1.0; /*文の行高*/
  padding: 0.3em 0; /*前後の文との余白*/
}
/* 追加(19/10/01)商品紹介の枠 .goodsbox */
.goodsbox{
	border:1px solid #79A1D4;
	padding:15px;
	margin:20px;
	background:#fff;
	border-radius:5px;
}
.goodsbox .goods_title{
	font-size:20px;
	color:#2d3861;
	line-height:1;
	font-weight:bold;
	border-bottom:1px solid #e1e1e1;
	padding:10px;
	margin-bottom:15px;
}
.goodsbox .goods_img{
	width:250px;
	margin:5px;
	margin-right:20px;
	margin-bottom: 15px;
	float:right;
}
.goodsbox .goods_desc{
	width:calc(100% - 300px);
	font-size:15px;
	float:left;
	margin:0px 10px 15px;
}
.goodsbox .goods_img img{
	max-width:100%;
	height:auto;
	border:3px solid #e1e1e1;
}
.goodsbox .goods_linkbtn{
	padding:15px;
	width:500px;
	text-align:center;
	display: table;
	margin:30px auto 0px;
}
.goods_linkbtn::before, .goods_linkbtn::after{
	content:"";
	clear:both;
	display:block;
}
.goodsbox .goods_linkbtn a{
	display:block;
	font-size:18px;
	text-decoration:none;
	background:#2d3861;
	color:#fff;
	padding:15px 20px;
	border-radius:5px;
	position:relative;
	box-shadow:0px 4px 0px #18234a;
	transition:.5s;
}
.goodsbox .goods_linkbtn a:hover{
	opacity:0.5;
}
.goodsbox .goods_linkbtn a::after{
	content:"\f0da";
	font-family:FontAwesome;
	position:absolute;
	top:0;
	bottom:0;
	right:25px;
	margin:auto;
	line-height:0;
	width:0;
	height:0;
}
.goods_btn{
	margin: 15px auto;
	clear:both;
    display: table;
    text-align: center;
}
.goods_btn a{
	font-size:18px;
	font-weight:bold;
	font-family: 'Noto Sans JP', sans-serif;
	text-decoration:none;
	border-radius:4px;
	padding:15px 80px;
	color:#fff;
	display:table;
	position:relative;
	z-index: 2;
    overflow:hidden;

	background: -moz-linear-gradient(
		top,
		#dfffd4 0%,
		#75e04e 20%,
		#248700 56%,
		#33bf00 94%,
		#62db33);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#dfffd4),
		color-stop(0.20, #75e04e),
		color-stop(0.56, #248700),
		color-stop(0.94, #33bf00),
		to(#62db33));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #6ac953;
	-moz-box-shadow:
		0px 3px 0px rgba(052,173,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 0px rgba(052,173,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow:
		0px 3px 0px rgba(052,173,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(029,097,011,0.5),
		0px 1px 0px rgba(255,255,255,0.3);
}
.goodsbox .goods_btn a:after{
	content:"\f0da";
	font-family:FontAwesome;
	position:absolute;
	line-height:0;
	width:0;
	height:0;
	margin:auto;
	right:22px;
	top:0;
	bottom:0;
}
.goodsbox .goods_btn a:hover{
	background: -moz-linear-gradient(
		top,
		#ffe4d6 0%,
		#f59a6a 20%,
		#b86233 56%,
		#ffac7f 94%,
		#ffab7d);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffe4d6),
		color-stop(0.20, #f59a6a),
		color-stop(0.56, #b86233),
		color-stop(0.94, #ffac7f),
		to(#ffab7d));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #c77c54;
	-moz-box-shadow:
		0px 3px 0px rgba(171,074,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 3px 0px rgba(171,074,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	box-shadow:
		0px 3px 0px rgba(171,074,022,1),
		inset 0px 1px 1px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(097,042,012,0.5),
		0px 1px 0px rgba(255,255,255,0.3);
}
.goods_btn::before, .goods_btn::after{
	content:"";
	clear:both;
	display:block;
    height: 10px;
}
/* 追加(19/10/01)リストボックスの枠 .listbox */
.listbox{
	border:3px solid #79A1D4;
	padding:20px;
	margin:30px 20px;
	background:#fff;
}
.listbox .list-title{
	font-weight:bold;
}
.listbox ul{
	margin:15px 30px;
	font-size:16px;
	line-height: 28px;
}
.listbox ul li{
	padding:5px 0px;
}
/* 追加(19/10/08⇒変更：19/10/10)ピックアップボックス .pickupbox */
.pickupbox{
	border-spacing:10px;
	border-collapse:separate;
	margin:15px -15px;
}
.pickupbox .pkup_title{ /* (19/10/10追加部分) */
    display: block;
    font-size: 18px;
    color: #ffffff;
    border-bottom: 3px solid #8e9aea;
    padding: 5px;
    margin: 10px;
    font-weight: bold;
    text-align: center;
    background: #4e59a5;
}
.pickupbox .pkup{
	display:table-cell;
	vertical-align:top;
	border:1px solid #ccc;
	position:relative;
	z-index:1;
}
.pickupbox .pkup img{
	max-width:100%;
	height:150px;
	object-fit:cover;
}
.pickupbox .pkup_label{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.4);
	text-align:center;
	padding:7px;
	font-size:13px;
	z-index:2;
}
.pickupbox .pkup a > .pkup_label span{
	color:#fff !important;
	z-index:3;
}
.pickupbox .pkup a:hover{
	opacity:0.5;
}
/* 追加(19/10/08)お知らせボックス .infobox */
.infobox{
	width:85%;
	margin:30px auto;
	border:3px solid red;
	padding:10px 20px;
	position:relative;
	border-radius:7px;
}
.infobox > .info_title{
	position:absolute;
	left:20px;
	top:-20px;
	display:table;
	background:#ececec;
	color:red;
	padding:6px 10px;
	font-size:18px;
	font-weight:bold;
}
/* 追加(19/10/09)Howtoボックス .howtobox */
.howtobox ul{
	margin:20px;
	counter-reset:number;
}
.howtobox ul li{
	border:4px solid #62C1CE;
	background:#fff;
	margin:30px 10px 70px;
	list-style:none;
	padding:25px;
	display: flow-root;
	box-sizing:border-box;
	position:relative;
}
.howtobox ul li:last-child{
	margin-bottom:30px;
}
.howtobox ul li:before{
	clear:both;
	counter-increment:number;
	content:counter(number);
	padding:10px 13px;
	line-height:1;
	position:absolute;
	left:-15px;
	top:-15px;
	background:#62C1CE;
	color:#fff;
	font-size:22px;
	border-radius:50%;
}
.howtobox ul li:after{
	content:"";
	clear:both;
	position:absolute;
	width:0px;
	height:0px;
	left:0;
	right:0;
	margin:auto;
	line-height:0;
	bottom:-100px;
	border-left:50px solid transparent;
	border-right:50px solid transparent;
	border-bottom:50px solid transparent;
	border-top:30px solid #b1d8de;
}
.howtobox ul li:last-child:after{
	content:"";
	display:none;
}
.howtobox ul li .howto_title{
	color:#3bbdce;
	font-weight:bold;
	font-size:20px;
}
.howtobox ul li img{
	width:250px;
	margin-left: 20px;
	float: right;
}
/* 追加(19/10/10)テーブル横並びボックス .table-sepabox */
.table-sepabox{
	width:100%;
	margin:0px auto;
}
.table-sepabox table{
	width:calc(50% - 25px);
	display:inline-block;
	margin:10px;
	border:none;
}
.table-sepabox table tbody{
	width:100%;
	display: inline-table;
}
.table-sepabox table tr th,
.table-sepabox table tr td{
	border:1px solid #ccc;
}
.table-sepabox table tr td{
	background:#fff;
}
.table-sepabox > table tr td.table_label{
	background:#ddd;
}
.table-sepabox table tr td img{
	width:150px;
	margin: 20px;
}

/* 強調枠付テーブル：table-point */
.table-point{
	margin:55px auto 30px !important;
	border-collapse:collapse;
}
.table-point th, .table-point td{
	position:relative;
	z-index:1;
}
/*▽(※あしとみが追加/19/10/25) テーブルth,td調整用▽*/
.table-point th.re10{
	min-width: 10%;
	width: 10%;
}
.table-point th.re30,.table-point td.re30{
	min-width: 30%;
	width: 30%;
}
/*▽(※あしとみが追加/19/10/25) テーブル内ボタン調整用▽*/
.table-point .obtn.buy{
	width: 90%;
	max-width: 90%;
	margin: auto;
}
.table-point .obtn.buy a{
/*	width: 100%;*/
	max-width: 100%;
}

.table-point span.table-point-label{
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	bottom:100%;
	color:#fff;
	background:#D47235;
	padding:10px;
	width:70%;
	display:block;
	z-index:2;
	border-radius:5px;
	line-height:1;
}
.table-point .table-point-top,
.table-point .table-point-center,
.table-point .table-point-bottom{
}
.table-point .table-point-top{
	border-top:5px solid #D47235;
	border-left:5px solid #D47235;
	border-right:5px solid #D47235;
}
.table-point .table-point-center{
	border-left:5px solid #D47235;
	border-right:5px solid #D47235;
}
.table-point .table-point-bottom{
	border-left:5px solid #D47235;
	border-right:5px solid #D47235;
	border-bottom:5px solid #D47235;
}




/*▽(※yが追加) ▽*/
/*  クーポンコードのコピーボタン
---------------------------------------------*/
.coupon_btn{
	color: #050505;
	font-weight:normal;
	padding: 3px 10px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 2px 3px rgba(000,000,000,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

.coupon_btn:hover{
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border: 1px solid #949494;
	-moz-box-shadow:
		1px 2px 3px #aaa inset ;
	-webkit-box-shadow:
		1px 2px 2px #aaa inset ;
	box-shadow:
		1px 2px 2px #aaa inset ;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}






/*▽(※yがbox追加) ▽*/


.box14{
    padding: 0.6em 0.5em;
    margin: 2em 0;
    background: #fcc7b8;
    box-shadow: 0px 0px 0px 10px #fcc7b8;
    border: dashed 2px white;
width: 60%;
  height: auto;
    margin: 0 auto 20px;
}
.box14 p {
    margin: auto; 
    padding: 1px 1px 1px 1px;
text-align: center;
vertical-align: center;
}

.box14 .coupon_btn{
	font-size: 14px;
	display: inline-block;
}