/*初期設定*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a,abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-weight: 400;vertical-align: baseline;background: transparent;color:#333333;}
/*
body {
	width:100%;
	font-size:16px;
	background:#defff2;
	font-family:メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif;
}
body{
	overflow-x: hidden;
}
*/
body{
	line-height:1;
	/*	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',メイリオ,Meiryo,'ＭＳ Ｐゴシック',sans-serif;*/
	font-family:"Noto Sans Japanese", "Hiragino Kaku Gothic ProN",  Meiryo,  sans-serif;
	color:#333;
	font-size:16px;
	line-height:1.6;
	overflow-x:hidden;
}
/*
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
*/
header, nav, aside, section, footer {display:block;}
a {text-decoration:none;color:#333;}
a:hover {color:#999;text-decoration:underline;}
#wrapper {width:1050px;margin:0 auto;}
ol, ul {list-style: none;}
img {vertical-align:bottom;}

/* --------------------------------
 * header
 * -------------------------------- */
#header_cover {
	width:100%;
	background:#fff;	
	border-top:#00ACC1 3px solid;	
}
header {
	width:1050px;
	margin:0 auto;
}
header a {
	display:inline-block;
	margin:0 auto;	
/*
	width:309px;
	height:80px;
*/
	padding:15px 0 15px;
	font-size: 30px;
	color: #00ACC1;
	font-weight: bold;
}
header a:hover img{
	opacity: 0.7;
}
/* --------------------------------
 * nav
 * -------------------------------- */
#nav_cover {
	width:100%;
	background:#00ACC1;	
	border-top: 2px solid #00ACC1;
	border-bottom: 2px solid #00ACC1;
}
nav {
	width:1050px;
	margin:0 auto;
}
nav ul {
	display: table;
	table-layout: fixed;
	width:1050px;
}
nav li {
	display: table-cell;
}
nav li a {
	display: table-cell;
	width:300px;
	color:#fff;
	font-weight:500;
	text-align:center;
	line-height:45px;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	background:#00ACC1;
	font-weight:600;
	border-right: 1px solid #defff2;
}
nav li:first-child a{
	border-left: 1px solid #defff2;
}
nav li a .icon-home3{
	color:#fff;
}
/*
nav li a .icon-home3:hover{
 	color:#2ee9a0!important;
}
*/
nav li a:hover {
	color:#00ACC1;
	background:#fff;
    text-decoration: none;
}
nav li a:hover .icon-home3::before{
	color: #00ACC1;
}
/* --------------------------------
 * h1~h4
 * -------------------------------- */
h1 {
	font-size:26px;
	font-weight:700;
	border-bottom:3px solid #00ACC1;
	padding:15px 10px;
	margin-bottom:15px;
	line-height:1.6em;
}
.text h2,  #recommend_area h2{
	position: relative;
	padding:2px ;
	font-size:25px;
	margin-bottom:20px;
	background: #00ACC1;
}
.text h2 .h2_inner{
	color: #fff;
	font-weight: bold;
    padding: 15px;
}
.text h2::after{
	content: "";
	position: absolute;
	top: 100%;
	left: 5%;
	border: 12px solid transparent;
	border-top: 12px solid #00ACC1;
}
section.text h3 {
	padding:10px 0px 10px;
	border-bottom: 4px solid  #00ACC1;
	font-size:21px;
	font-weight:600;
    margin-top: 10px;
	margin-bottom:20px;	
}
section.text h4{
    padding: 15px 10px 15px;   
    color: #555;
    font-size: 18px;
    margin-top: 10px;
    font-weight: bold;
    border: 1px solid #ddd;
    border-left: 10px solid #00ACC1;
    margin-top: 30px;
    margin-bottom: 30px;
}
/* --------------------------------
 * wrappaer
 * -------------------------------- */
#wrappaer {
	width:1050px;
	margin:0 auto ;
}
/* --------------------------------
 * content
 * -------------------------------- */
#content {
	float:left;
	width:690px;
/*	margin-left:30px;*/
	padding:0 15px;
	-webkit-box-shadow: 0px 0px 1px #00ACC1;
	box-shadow: 0px 0px 1px #00ACC1;
	background:#fff;
	margin-top:15px;
	margin-bottom:30px;
}
#content p  {
	line-height:1.75em;
	text-align: justify;
	margin-bottom:20px;
	padding:0 10px;
}
#content img{
	display:block;
	margin:0 auto;
	margin-bottom:20px;
    width: 550px;
}
#banner img {
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}
#banner img:hover {
	opacity: 0.5 ;
}
#content img.smafo_img{
    width: 46%;
}
#content .mokuji{
	margin:0 auto;width:500px;border:2px solid #00ACC1;margin-bottom:15px;
	counter-reset: mokuji;
}
#content .mokuji h3{
	font-size:17px;
	text-align:center;
	background:#00ACC1;
	color:#fff;
	margin:0;
	padding: 2px 0;
	border:none;
	font-weight: bold;
}
#content .mokuji ul{margin:20px;list-style-type:none;}
#content .mokuji li{margin-bottom:12px;margin-left:20px; position: relative;}
#content .mokuji li.h2_title{margin-bottom:12px;margin-left:0px;}
.mokuji li a::before{
	content: "└";
	position: absolute;
	top: 0;
	left: 0;
}
.mokuji li.h2_title{margin-bottom:10px;margin-left:0px; position: relative;}
.mokuji li a{padding-left: 25px;}
.mokuji li.h2_title a{padding-left: 15px;}
.mokuji li.h2_title a::before{
	content: counter(mokuji)"." ;
	counter-increment: mokuji;
	position: absolute;
	left: 0;
	text-align: center;
}
#content .mokuji a{font-size:15px;font-weight:normal!important;position:relative;text-decoration:none;}
#content .mokuji a:hover{color:#d01d1d;text-decoration:underline;}

#content .mokuji ul li.f_icon{
	margin-left: 35px;
}
#content .mokuji ul li.f_icon a{
    font-weight: bold!important;
	color: #f61242!important;
}
#content .mokuji ul li.f_icon a::before{
    content:"";
	display: inline-block;
    background: url(../image/pop_chumoku.png);
    background-size: 100%;
	background-repeat: no-repeat;
    position: absolute;
    top: -3px;
    left: -15px;
    width: 40px;
    height: 40px;
/*
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
*/
}
#content .mokuji ul li a{
    color: #184ad6;
}
#content .mokuji ul li a:hover{
    opacity: 0.8;
    text-decoration: underline;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
#content .mokuji ul li.h2_title{
    font-size: 18px;
    padding-left: 25px;
}
#content .mokuji ul li.h2_title a{
    color: #0066cc;
}
#content .mokuji ul li.h2_title a:hover{
    opacity: 0.8;
    text-decoration: underline;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
#content .mokuji ul li.h2_title::before{
    content: none;
}
#content .link_text{
    color: #184ad6;
    text-align: right;
    font-size: 17px;
    padding: 9px 0;
    margin-bottom: 0;
}
#content .link_text::after{
    content: "\f101";
    font-size: 37px;
    font-family: FontAwesome;
    padding-left: 6px;
    vertical-align: text-bottom;
}
#content .link_text a{
    font-weight: bold;
    color: #184ad6;
    font-size: 19px;
}
#content .link_text a:visited{
    color: #00a497;
}
#content .link_text.left{
    text-align: left;
}
#content .link_text.center{
    text-align: center;
}
/*-- price(価格表) --*/
.price{
    border-collapse:separate;
    width: 95%;
    margin: 10px auto ;
}
.price th{
    border: 3px solid #00ACC1;
    font-weight: bold;
    color: #444;
    padding: 4px;
    width: calc(100%/6);
}
.price td{
    border: 1px solid  #999;
    padding: 6px;
    text-align: right;
}
.price td.sitename{
    text-align: center;
    vertical-align: middle;
/*    background: #efefef;*/
}
.price td.left{
    text-align: left;
}
.price td.center{
    text-align: center;
}
.price td.sitename_red{
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #cc2222;
}
.price td.cheapest_price{
    border:3px solid #cc0000;
    font-weight: bold;
    color: #cc0000;
    text-align: center;
}
.come{
    color: #cc0000;
}
.price2{
    border-collapse:separate;
    width: 95%;
    margin: 0px auto 30px ;
}
.price2 th{
    border: 3px solid #00ACC1;
    font-weight: bold;
    color: #444;
    padding: 4px;
}
.price2 td{
    border: 1px solid  #999;
    padding: 6px;
    text-align: center;
}
.price2 td.sitename{
    text-align: center;
}
.price2 td.sitename_red{
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #cc2222;
}
.price2 td.cheapest_price{
    border:3px solid #cc0000;
    font-weight: bold;
    color: #cc0000;
}
/*-- span item --*/
span{
    background-color: #ffff66;
    color: #ff3333;
/*    border-bottom: 2px solid #ff3333;*/
}
#content b{
    font-weight: bold;
    font-size: 17px;
    color: #333;
}
#content span.red{
    color: #ff3333;
    font-weight: bold;
    font-size: 18px;
    background: none;
    border: none;
}
#content span.kyotyo{
    color: #333;
    font-weight: bold;
    font-size: 18px;
    border: none;
}
.content_list {
	margin-bottom:10px;
	margin-top:-5px;	
}
.content_list li{
	padding-left: 1.4em;
    text-indent: -1em;
    list-style-position: inside;
    line-height:1.7em;
    font-weight: bold;
    color: #de3030;
}
.content_list li::before{
    content: "・";
    font-weight: bold;
    font-size: 30px;
    vertical-align: middle;
}
.name{
	font-weight:110%;
	font-weight:600;
}
#content .infoarea{
    width: 85%;
    margin: 50px auto 30px;
    padding: 5px;
    border: 3px solid #c62828;
    position: relative;
}
#content .infoarea > p{
    padding: 10px;
}
#content .infoarea b.title{
    color: #fff;
    background: #c62828;
    padding: 5px 7px;
    font-size: 19px;
    position: absolute;
    top: -40px;
    left: -3px;
}
#content .infoarea span.red{
    background: none;
    border: none;
}
/*-- product --*/
.product{
    width: 85%;
    margin: 30px auto;
    border: 4px solid #00a497;
    padding: 10px 0;
}
#content .product img{
    width: 250px;
    height: 150px;
    margin: 0 5px;
    border: 1px solid #ccc;
}
.product .product_detail{
    width: 100%;
    margin: 0;
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#content .product_name{
    margin: 5px 0;
    font-size: 21px;
    text-align: center;
    padding-right: 30px;
}
#content .product_name a{
    font-weight: bold;
    color: #0033ff;
    -webkit-transition:all 0.15s linear;
    transition:all 0.15s linear;
}
.product_name a:hover{
    text-decoration: underline;
    color: #ff4400;
}
.text_area{
    padding-left: 10px;
}
.product_text{
    font-size: 16px;
    margin: 5px 0;
    font-weight: bold;
    padding: 2px 10px;
    background: #ffff99;
}
#content .kakaku{
    font-weight: normal;
    border: none;
    color: #fff;
    background: #cc3333;
    padding:2px 5px;
    font-size: 17px;
}
.product_detail .product_text li{
    font-weight: bold;
    padding-bottom: 5px;
}
/*-- button --*/
.buttonspace{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    margin: 10px 0 30px 0;
}
.buttonspace .linkbtn {
    width: calc(100%/2);
    font-size: 0.8em;
}
.buttonspace .linkbtn a{
    width: 80%;
    font-size: 1.5em;
}

/*リンクボタン共通*/
.linkbtn{
    padding: .5em 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}

.linkbtn a::after{
    content: "\f0a9";
    font-family: FontAwesome;
    position: absolute;
    font-weight: bold;
    top: 50%;
    right: 2%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2em;
    color: #fff;
}
.linkbtn a:hover{
/*    box-shadow: 1px 1px 2px 0 #a1a1a1;*/
    filter: alpha(opacity=70);
    opacity: .7;
    text-decoration: none;
}
/**/

.linkbtn a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	color: #ffffff;
    width: 70%;
	padding: 1em;
	background: -moz-linear-gradient(
		top,
		#f74d4d 0%,
		#e02d2d 25%,
		#ff0000 50%,
		#c90000 75%,
		#4d0004);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f7cdcd),
		color-stop(0.25, #e02d2d),
		color-stop(0.50, #ff0000),
		color-stop(0.75, #c90000),
		to(#4d0004));
	border-radius: 15px;
	border: 3px solid #ffffff;
	-webkit-box-shadow:
		0px 1px 5px rgba(0,0,0,1),
		inset 0px 0px 10px rgba(10,1,1,0.8);
	box-shadow:
		0px 1px 5px rgba(0,0,0,1),
		inset 0px 0px 18px rgba(10,1,1,0.85);
	text-shadow:
		0px 1px 8px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.3);
    position: relative;
    font-weight: bold;
    display: inline-block;
}

/*ボタン色*/
.green{
    background: -moz-linear-gradient(
		top,
		#96ffaf 0%,
		#7aff7e 25%,
		#00f731 50%,
		#0ecc04 75%,
		#095c02)!important;
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#96ffaf),
		color-stop(0.25, #7aff7e),
		color-stop(0.50, #00f731),
		color-stop(0.75, #0ecc04),
		to(#095c02))!important;
}
.red{
    background: #da2020;
    background: -webkit-gradient(linear, left top, left bottom, from(#da2020), to(#ea0303));
    background: linear-gradient(#da2020, #ea0303);
}
.orange{
    background: #ff8b38;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff8b38), to(#e67d11));
    background: linear-gradient(#ff8b38, #e67d11);
}
/**/
.reflection a{
     overflow: hidden;
}
.reflection a::before{
    -moz-animation: reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
.reflection + .reflection a::after{
    -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
.product .linkbtn a{
     font-size: 1.52em;
     padding: 1em 1.5em .8em;
     width: 75%;
}
/*-- manager(運営者用) --*/
section.text .manager{
    width: 90%;
    overflow: hidden;
    margin: 30px auto;
    border: 3px solid #2ee9a0;
    border-radius: 10px;
}
#content .manager img{
    width: 130px;
    height: 130px;
    margin:10px 5px 5px 20px;
    padding: 10px 10px;
    float: left;
    border: 1px solid #bbb;
    border-radius: 50%;
}
#content .manager p.mg_name{
    width: 65%;
    float: right;
    font-size: 15px;
    margin-top: 20px;
    margin-bottom: 0;
    font-weight: bold;
}
#content .manager p.detail{
    width: 65%;
    float: right;
    font-size: 13px;
}
table.mg_info{
    border-collapse: collapse;
    width: 80%;
    margin: 40px auto;
}
table.mg_info th{
    border: 1px solid #2ee9a0;
    padding: 10px;
    vertical-align: middle;
}
table.mg_info td{
    border: 1px solid #2ee9a0;
    padding: 10px;
}
/*-- point --*/
.point{
    border: double #00ACC1;
    margin: 10px 10px 30px 10px;
    padding: 15px;
    display: inline-block;
    background: #f1fbf8;
}
.point li{
    font-weight: bold;
    color: #4a4a4a;
    padding:0 0 7px 15px;
    line-height: 1.7em;
    position: relative;
}
.point li::before{
    content: "・";
    position: absolute;
    left: 0;
}
/*-- recommend_area(関連記事用) --*/
#recommend_area{
	width:690px;
	padding-bottom:20px;
}
#recommend_area img {
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}
#recommend_area img:hover {
	opacity: 0.5 ;
}
.recommend h3{
	font-size:17px;
	font-weight:500;
}
.recommend{
	float: left;
	width:335px;
	margin:0 5px;
}
.recommend img {
	float:left;
	width: 150px;
	padding-right:8px;
}
#recommend_area p{
 font-size:15px;
 line-height:1.3em;
}

/*-- procedure(購入手順) --*/
.procedure{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding:15px 10px;
    margin-bottom: 25px;
    border-bottom: 3px solid #00a497;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.procedure p{
    width: 50%;
    border: 2px solid #999;
    padding: 15px 10px!important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.procedure p::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    border: 15px solid transparent;
    border-left: 15px solid #999;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50);
}
.procedure img{
    display: block;
    max-width: 45%;
    height: 45%;
    margin: 0 5px;
    -webkit-box-shadow: 0 2px 4px 1px silver;
    box-shadow: 0 2px 4px 1px silver;
}
.procedure.smafo{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/*-- code_box --*/
.code_box{
    background-color:#ecf9e3; border:5px #87eb9e ridge; width: 80%; border-radius: 15px; margin: 0px auto 70px;
    text-align: center;
    padding: 10px 0;
}
/* --------------------------------
 * aside
 * -------------------------------- */
aside {
	float:right;
	width:300px;
	margin-top:15px;
	margin-bottom:30px;	
}
aside img {
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}
aside img:hover {
	opacity: 0.5 ;
}
.side_bannker {
	margin-bottom:20px;
}
aside .popular, aside .ichiran{
	background:#fff;
	-webkit-box-shadow: 0px 0px 1px #00ACC1;
	box-shadow: 0px 0px 1px #00ACC1;
	margin-bottom:20px;
}	
aside h2{
	position: relative;
	padding:10px;
	font-size:16px;
	font-weight:500;
    background: #00ACC1;
    color: #fff;
}
aside h2::before{
	content: "\f058";
	font-family: FontAwesome;
	padding-right: 5px;
}
cite{
    color: #666;
    word-break: break-all;
    font-size: 13px;
}
.time{
    color: #5e66cc;
    word-break: break-all;
    font-weight: bold;
}
.ichiran li{
	line-height:3em;
	border-bottom:solid 1px #ddd;
    font-size: 15px;
}
.ichiran li:last-child{
	border-bottom:none;
}
.ichiran li a{
	display: block;
	padding:0 12px;
}
.popular li{
	border-bottom:solid 1px #ddd;
	padding:10px 5px 10px 10px;
	line-height:1.3em;
}
.popular li p{
	font-size:90%;
	text-align: justify;	
}
.popular li:last-child{
	border-bottom:none;
}
.popular img{
	float:left;
	padding-right:5px;
	width:120px;
	height:120px;
}
#content .message{
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
}
#content .message .mg_name{
    text-align: center;
}
#content .message .mg_name img{
    min-width: 130px;
    min-height: 130px;
    width: 130px;
    height: 130px;
    margin: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
/*    border: 1px solid #ccc;*/
    border-radius: 50%;
}
#content .message .mg_name p{
    font-weight: bold;
    color: #444;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding-left: 10px;
}
.message .manager_ms{
    position: relative;
    display: inline-block;
    margin: 0 0 1.5em 25px;
    padding: 7px 9px;
    height: auto;
    color: #333;
    font-size: 16px;
    border: 2px solid #00ACC1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 15px;
}
.message .manager_ms::before{
    content: "";
    position: absolute;
    top: 50%;
    left: -30px;
    margin-top: -12px;
    border: 12px solid transparent;
    border-right: 20px solid #fff;
    z-index: 2;
}
.message .manager_ms::after{
    content: "";
    position: absolute;
    top: 50%;
    left: -36px;
    margin-top: -14px;
    border: 14px solid transparent;
    border-right: 22px solid #00ACC1;
    z-index: 1;
}
#content .message .manager_ms p{
    margin: 0;
    padding:5px 10px;
    font-size: 15px;
}
.message .manager_ms span{
    background: none;
    color: #333;
    border: none;
    font-weight: bold;
    font-size: 17px;
}
/* --------------------------------
 * footer
 * -------------------------------- */
footer {
	clear:both;
	width:100%;
	-webkit-box-shadow: 0px 0px 1px #00ACC1;
	box-shadow: 0px 0px 1px #00ACC1;
}
#footer_link_cover{
	width:100%;
	background:#fff;
	padding:20px 0;
}
#footer_link{
	width:1050px;
	margin:0 auto;
}
#copy_right p {
	width:1050px;
	margin:0 auto;
	text-align:center;
	color:#fff;
	line-height:2em;
	font-size:90%;
}
#copy_right{
	width:100%;
	background:#00ACC1;
}
.footer_link_box{
	width:1200px;
	margin-left: 20px;
}
#first_box{
	margin-left: 15px;
}
.footer_link_box dt{
	border-left:5px solid #00ACC1;
	padding-left:10px;
	font-weight:600;
	margin-bottom:5px;
	font-size:95%;
}
.footer_link_box ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
}
.footer_link_box li{
    margin: 5px 2px 10px 0;
}
.footer_link_box li a{
	font-size:90%;
	display:block;
    padding: 5px 10px;
/*    color: #184ad6;*/
}
.footer_link_box li a::before{
    content: "\f0a9";
	font-family: FontAwesome;
	padding-right: 5px;
	color: #f61242;
}
/* --------------------------------
 * page_top,mokuji_btn
 * -------------------------------- */
#page_top {
    position: fixed;
    bottom: 90px;
    right: 10px;
    font-size: 77%;
}
#mokuji_btn{
	position: fixed;
	bottom: 170px;
	right: 10px;
	font-size: 77%;
}
#page_top a,#mokuji_btn a {
    background: #00ACC1;
    text-decoration: none;
    color: #fff;
    width: 60px;
	height: 60px;
    padding: 5px;
    display: flex;
	justify-content: center;
	flex-flow: wrap;
    border-radius: 5px;
	border: 2px solid #fff;
	font-weight: bold;
}
#page_top a::before{
	content: "\f0aa";
	font-family: FontAwesome;
	font-size: 20px;
}
#mokuji_btn a::before{
	content: "\f0ca";
	font-family: FontAwesome;
	font-size: 20px;
}
#page_top a::after{
	content: "\トップへ";
	display: block;
	font-size: 11px;
}
#mokuji_btn a::after{
	content: "\もくじへ";
	display: block;
	font-size: 11px;
}
#page_top a:hover,#mokuji_btn a:hover {
    text-decoration: none;
    background: #999;
    color:#fff;
}
/* --------------------------------
 * font-icon
 * -------------------------------- */
@font-face {
  font-family: 'icomoon';
  src:  url('/fonts/icomoon.eot?i5yrr9');
  src:  url('/fonts/icomoon.eot?i5yrr9#iefix') format('embedded-opentype'),
    url('/fonts/icomoon.ttf?i5yrr9') format('truetype'),
    url('/fonts/icomoon.woff?i5yrr9') format('woff'),
    url('/fonts/icomoon.svg?i5yrr9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-star:before {
  content: "\e900";
}
.icon-home3:before {
  content: "\e902";
}
.icon-pencil2:before {
  content: "\e906";
}
.icon-files-empty:before {
  content: "\e925";
}
.icon-star, .icon-home3,.icon-pencil2{
	margin-right:5px;
	color:#333333;
	background:none;
	border:none;
}
.icon-files-empty{
    color: #fff;
    background: none;
    border: none;
}
/* --------------------------------
 * breadcrumb
 * -------------------------------- */
#breadcrumb li {
	display: inline;
}
#breadcrumb li:last-child:before {
	content:"＞";
}
#breadcrumb ul {
	margin-left:10px;
	margin-top:5px;
}
#breadcrumb {
	width:1050px;
	margin:0 auto;
	font-size:90%;
}
#breadcrumb ul li a{
	color:#f61242;
}
/*追記*/
/*更新日部分*/
.date_space{
    margin: 10px 0;
}
.update_text{
    color: #666;
    font-size: 13px;
    border: 1px solid #ddd;
    padding: 3px;
}
.update_text::before{
    content: "\f017";
    font-family: FontAwesome;
    padding-right: 3px;
    font-size: 17px;
}
/*ここまで*/
/*コピーボタン&ボックス 2018　0720追記*/

.flex_btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -moz-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 0;
}
#copy_button{
   display: block;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: auto;
    font-weight: bold;
    color: #fff;
    background: #ff8623;
    padding: 5px;
    margin-left: 5px;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #ff8623;
    border-radius: 10px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-box-shadow: 0 2px 4px 1px silver;
    box-shadow: 0 2px 4px 1px silver;
}
#copy_button.is-copied{
    background: #666;
    border-color: #666;
}

#copy_button1{
   display: block;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: auto;
    font-weight: bold;
    color: #fff;
    background: #ff8623;
    padding: 5px;
    margin-left: 5px;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    border: 1px solid #ff8623;
    border-radius: 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
#copy_button1.is-copied{
    background: #666;
    border-color: #666;
}
/*コピーボタンend*/

/* review_box(口コミ用) */
.review_box{
    max-width: 100%;
/*    background: #defff2;*/
/*    border-top: 3px solid #00ACC1;*/
    border-bottom: 2px solid #00ACC1;
    padding: 10px;
    margin-bottom: 20px;
}
.review_user{
    margin-bottom: 10px;
}
.review_user img{
    display: inline-block!important;
    width: 80px;
    height: 80px;
    max-width: 80px;
    border-radius: 50%;
    border: 2px solid #ddd;
    background: #fff;
    margin:0 5px 0 0!important;
}
.review_user figcaption{
    display: inline-block;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    vertical-align:40px;
}
.review_text{
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #00ACC1;
    background: #defff2;
}
.review_text p{
    margin: 0;
    padding: 0!important;
    font-size: 15px;
}
.review_text cite{
    font-size: 11px;
    color: #666;
    word-break: break-all;
    text-align: right;
}



/*ここまで*/
/*コピーボタン&ボックス 2019　0207追記*/
.item-box {
  padding: 10px;
  border:  1px solid #ccc;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #ccc;
}
.item-box:after {
    content: '';
    display: block;
    clear: both;
}

.item-box img {
  max-width: 100%;
}

.item-box > div {
  float:  left;
  width: 50%;
}

.item-box-left {
  padding-left: 0;
}

.item-box-right {
  position: relative;
}

.item-box-right h4 {
    margin: 0;
    padding: 10px;
    background: #eee;
    border-radius: 5px;
}

.item-box-right h4 a {
      letter-spacing: 1px;
  font-size:  20px;
  font-weight: bold;
  color:  #666;
  margin-top: 0;
  padding-top: 0;
}

.item-box-right p {
  font-size: 14px;
}

.item-box-right .item-btn {
    font-size:18px;
    text-decoration:none;
    letter-spacing: 1px;
    display:block;
    text-align:center;
    padding: 10px 20px;
    color:#fff;
    background-color:#4CAF50;
    border-radius:5px;
    box-shadow:2px 2px 0 #00ACC1, 0px 3px rgba(0,0,0,0.5);
}

.item-box-right .item-btn a {
  text-decoration: none;
  color:  #fff;
  display: block;
}

.item-box-right .item-label {
  background-color:  #FBC02D;
  display: inline-block;
  border-radius: 50%;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  color: #fff;
  position: absolute;
  top: -50px;
  right: -50px;
  transform: rotate(10deg);
  box-shadow: 1px 1px 5px #ccc; 
}

@media screen and (max-width: 720px) {
  .item-box > div {
    width: 100%;
  }
  .item-box-right {
    margin-top: 40px;
  }

  .item-box-right .item-label {
    right: -20px;
  }
}
/*ここまで*/
	
/* ▽※追加分(比較表) */
.comparison,.comparison2{
	max-width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.comparison th, .comparison td,.comparison2 th, .comparison2 td{
	padding: 10px;
	font-size: 14px;
	border: 1px solid #aaa;
	vertical-align: middle;
}

.comparison th ,.comparison2 th{
	font-weight: bold;
	background: #87eb9e;
	line-height: 1.1;
}
.comparison td img{
	max-width: 100%;
}
.comparison2 td img{
	max-width: 30%;
	margin: 0!important;
}
.comparison td a ,.comparison2 td a{
	text-align: center;
	display: inline-block;
	color: #03f;
}
.comparison td ul,.comparison2 td ul{
	padding: 0;
}
.comparison td ul li,.comparison2 td ul li{
	margin-bottom: 10px;
	line-height: 1.5;
}
.comparison td.link_area{
	text-align: center;
}
.comparison td.link_area,.comparison td.base{
	vertical-align: inherit;
}
.comparison td .linkbtn,.comparison2 td .linkbtn{
	max-width: 100%;
	overflow: inherit;
}
.comparison td .linkbtn a{
	font-size: 14px;
	color: #fff;
/*	width: 80%;*/
}
.comparison2 td .linkbtn a{
	font-size: 12px;
	color: #fff;
	width: 60%;
}
.comparison td .linkbtn a::after{
	content: none;
}