/*WEBフォント*/
@import url("/?originalUrl=http%3A%2F%2Fmplus-webfonts.sourceforge.jp%2Fmplus_webfonts.css");
@import url("/?originalUrl=http%3A%2F%2Ffonts.googleapis.com%2Fearlyaccess%2Fnotosansjapanese.css");
@import url("/?originalUrl=https%3A%2F%2Ffonts.googleapis.com%2Fearlyaccess%2Fsawarabimincho.css");
@import url("/?originalUrl=https%3A%2F%2Fuse.fontawesome.com%2Freleases%2Fv5.11.2%2Fcss%2Fall.css");

html {
	height: 100%;
	font-size: 62.5%;
}
body {
	font-size: 1.2rem;
	color: #C2C2C2;
	background-color: #000;
	margin: 0px;
	padding: 0px;
	text-align: justify;
	line-height: 1.3em;
	height:100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position:relative;
	z-index:-9;
}
body, input, select, textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;}

 /* 背景用 */
div.wrap_gray, div.wrap_l_gray {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	min-width: 1000px;
	position: relative;
/* ページをドリームウィーバーのプレビューで編集するときは下記セレクタをコメントアウト*/
	z-index:-2;
}

 /* 背景用グレー 色指定 */
.wrap_gray {
	background-color: #232323;
}
 /* 背景用グレー 色指定　ライトセット */
.wrap_l_gray {
	background-color: #404040;
}
.wrap10, .wrap11, .wrap12, .wrap15{
	margin: 0 auto;
	position: relative;
	min-width: 1000px;
}
.wrap10{max-width: 1000px;}
.wrap11{max-width: 1100px;}
.wrap12{max-width: 1200px;}
.wrap15{max-width: 1500px;}

.wrap10_f, .wrap11_f, .wrap12_f, .wrap15_f{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	min-width: 1000px;
	margin: 0 auto;
	flex-wrap: wrap;
	position: relative;
}
.wrap10_f{max-width: 1000px;}
.wrap11_f{max-width: 1100px;}
.wrap12_f{max-width: 1200px;}
.wrap15_f{max-width: 1500px;}

/* リセット */
h1,h2,h3,h4,h5,h6,dt,dd {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 1.4rem;
}
ul {
	margin: 0px;
	padding: 0px;
}

/*ヘッダー*/
#header1 {
	background-image: url("/?originalUrl=https%3A%2F%2Fwww.axis-publication.com%2Fimg_common%2Fbg_header.gif");
	background-repeat: repeat-x;
	padding: 0px;
	height: 165px;
	width: 100%;
	margin: 0px;
	clear: both;
	min-width:1000px;
	position: relative;
	z-index: 10;
}
#header2 {
	padding: 0px;
	clear: both;
	height: 100px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: justify;
}



#header3 {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 100px;
	width: 850px;
}


#header3 a img{
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}


#header3 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 */
}

#header4 {
	margin: 0px;
	float: left;
	width: 655px;
	padding: 42px 0 0 0 ;
}
div#header4  img{
	margin: 0 20px 0 0;
	float: right;
}



#header5_tel_mail {
	margin: 0px;
	padding: 20px 0 0 0;
	float: right;
	height: 100px;
	width: 195px;
}


#navi {
	padding: 0px;
	clear: both;
	height: 65px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#navi ul {
	margin: 0px;
	padding: 0px;
	width: 1000px;
	clear: both;
	height: 65px;
}

#navi li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#navi li a:link {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}

#navi_set,
#navi_option,
#navi_goods,
#navi_nyukou,
#navi_gochumon,
#navi_goirai {
	height:65px;
}

#navi_set {width:160px;}
#navi_option {width:220px;}
#navi_goods {width:120px;}
#navi_nyukou {width:130px;}
#navi_gochumon {width:160px;}
#navi_goirai {width:210px;}




/*フッター*/
#footer_wrap1{
	margin: 0px;
	padding: 0px;
	z-index:-9;
}


#footer_wrap2{
	background-color: #151515;
	margin-bottom: 243px;
	clear: both;
	min-width:1000px;
}

#footer_inner2 {
	width: 1000px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
}
div#footer_inner2 ul{
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
div#footer_inner2 ul:last-of-type{
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #6f6f6f;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 15px;
	margin: 0px;
	padding-right: 0px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
div#footer_inner2 ul:last-of-type li h6{
	text-align: center;
	font-size: 1.4rem;
	padding-top: 15px;
	padding-bottom: 5px;
}
div#footer_inner2 ul li{
	font-size: 1rem;
	line-height: 2.5rem;
	padding-left: 10px;
}
div#footer_inner2 ul li.bg{
	font-size: 1.2rem;
	line-height: 3.2rem;
	background-image: url("/?originalUrl=https%3A%2F%2Fwww.axis-publication.com%2Fimg_common%2Ficon_sankaku1.png");
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 12px;
}
div#footer_inner2 ul li a{
	display: block;
	color: #c2c2c2;
}
div#footer_inner2 ul li a:link a:visited{
	color: #c2c2c2;
}
div#footer_inner2 ul li a:hover {
	color: #FF9900;
}
#footer_image {
	height: 150px;
	width: 100%;
	background-repeat: no-repeat;
	position: fixed;
	z-index: -10;
	bottom: 160px;
	clear: both;
	background-position: center bottom;
}
#footer_wrap3 {
	clear: both;
	width: 100%;
	z-index: -10;
	position: fixed;
	bottom: 0px;
}
#footer_inner3{
	height: 120px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}
div#footer_inner3 img{
	float: left;
}
div#footer_inner3 p{
	padding-left: 20px;
	font-size: 1.1rem;
	letter-spacing: 0.1rem;
	float: left;
}
div#footer_inner3 p:last-of-type{
	padding-left: 0px;
	font-size: 0.9rem;
	letter-spacing: 0.1rem;
	float: right;
	padding-top: 15px;
}
#footer_page_top {
	clear: both;
	width: 980px;
	margin:0 auto;
	text-align:right;
}

div#footer_page_top a img{
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}

div#footer_page_top 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 */
}



 /* 見出し1 ロゴ */
div#h1 {
	margin: 0px;
	float: left;
	height: 100px;
	width: 150px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding:22px 0 0 15px;
}
div#h1 img {
	width: 125px;
	height: auto;
}
 /* 見出し2 */
div#h2 {
	width: 100%;
	height: 80px;
	margin: 0 auto 20px;
	background-image: -webkit-gradient(linear,left top, left bottom,from(rgba(35,35,35,1.00)),to(rgba(56,56,56,1.00)));
	background-image: linear-gradient(180deg,rgba(35,35,35,1.00) 0%,rgba(56,56,56,1.00) 100%);
  }

div#h2 h2{
	position: relative;
	width: 980px;
	height: 50px;
	margin: 0 auto;
	padding: 30px 0 0 20px;
	font-family: 'Mplus 1p', sans-serif;
	font-size: 2.8rem;
	font-weight: 700;
	background: #333;
	background: -webkit-linear-gradient(top, #f0f0f0 48%,#c9c9c9 50%,#ababab 92%);
	-webkit-text-fill-color: transparent;
  	-webkit-background-clip: text;

}
div#h2 h2 span{
font-size:2rem;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-weight:900;
}
div#h2 h2 a img{
	float:right;
	margin-top:-3px;
	margin-right:15px;
}
#h2 h2::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    z-index: -1;
    content: '';
            box-shadow: 0 10px 10px rgba(0,0,0,0.8);
            border-radius: 400px / 15px;
  }
img {
	vertical-align: middle;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
	text-align: justify;
}


.navi_to_top {
	margin: 0px;
	clear: both;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
}
.navi_to_top a img{
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}

.navi_to_top 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 */
}

/* ご注文　まとめ　お支払い　手順 */
.box_100perx20-left_line {
	width: 100%;
	height: 19px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #474747;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;

}


.box_100per-center {
	text-align: center;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
}


.box_100per_img {
	padding: 0px;
	clear: both;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.box_100per_img a img{
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.box_100per_img 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 */
}


.box_1000_img {
	padding: 0px;
	clear: both;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.box_1000_img a img{
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.box_1000_img 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 */
}





.box_940 {
	padding: 0px;
	clear: both;
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


.box_860 {
	padding: 0px;
	clear: both;
	width: 860px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.otoiawase_zaiko {
	padding: 0px;
	clear: both;
	width: 740px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/* ご注文関係　まとめ */
.box_3d_110_right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 110px;
}
.box_3d_215-190_left {
	margin: 0px;
	float: left;
	width: 190px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
.box_3d_675_right {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 675px;
}

/*a テキストリンクの設定*/
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
	outline:none;
}
a:link, a:visited {
	color: #99c5fd;
	-webkit-transition: color 0.3s ease-out;
	transition: color 0.3s ease-out;
}
a:hover {
	color: #FF9900;
}


.kadomaru8 {-webkit-border-radius: 8px;border-radius: 8px;}
.kadomaru8_line {
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	border: 1px solid #3E3E3E;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}
.line_gray {
	border: 1px solid #4e4e4e;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}

.hilight {
	box-shadow: 0 0px 15px 1px #FF0000;
	-moz-box-shadow: 0 0px 15px 1px #FF0000;
	-webkit-box-shadow: 0 0px 15px 1px #FF0000;
}


.shadow1 {
	box-shadow: 3px 4px 5px 1px #000000;
	-moz-box-shadow: 3px 4px 5px 1px #000000;
	-webkit-box-shadow: 3px 4px 5px 1px #000000;
}



#back-top {
	position: fixed;
	margin-left: 1010px;
	width: 30px;
	padding: 20px 5px;
	z-index:1; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(14,14,14,0)),color-stop(13%, rgba(14,14,14,0.75)),color-stop(25%, rgba(14,14,14,1)),color-stop(75%, rgba(14,14,14,1)),color-stop(87%, rgba(14,14,14,0.75)),color-stop(99%, rgba(14,14,14,0.06)),to(rgba(14,14,14,0)));
	background: linear-gradient(to bottom,  rgba(14,14,14,0) 0%,rgba(14,14,14,0.75) 13%,rgba(14,14,14,1) 25%,rgba(14,14,14,1) 75%,rgba(14,14,14,0.75) 87%,rgba(14,14,14,0.06) 99%,rgba(14,14,14,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e0e0e', endColorstr='#000e0e0e',GradientType=0 );	bottom: 200px;

}
#back-top1200 {
	position: fixed;
	bottom: 200px;
	margin-left: 1110px;
	width: 30px;
	padding: 20px 5px;
	z-index:1; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(14,14,14,0)),color-stop(13%, rgba(14,14,14,0.75)),color-stop(25%, rgba(14,14,14,1)),color-stop(75%, rgba(14,14,14,1)),color-stop(87%, rgba(14,14,14,0.75)),color-stop(99%, rgba(14,14,14,0.06)),to(rgba(14,14,14,0)));
	background: linear-gradient(to bottom,  rgba(14,14,14,0) 0%,rgba(14,14,14,0.75) 13%,rgba(14,14,14,1) 25%,rgba(14,14,14,1) 75%,rgba(14,14,14,0.75) 87%,rgba(14,14,14,0.06) 99%,rgba(14,14,14,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e0e0e', endColorstr='#000e0e0e',GradientType=0 ); /* IE6-8 */

}
#back-top_right {
	position: fixed;
	bottom: 200px;
	width: 30px;
	margin:0 auto;
	padding: 20px 5px;
	z-index:1; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
	background: -webkit-gradient(linear,  left top, left bottom,  from(rgba(14,14,14,0)),color-stop(13%, rgba(14,14,14,0.75)),color-stop(25%, rgba(14,14,14,1)),color-stop(75%, rgba(14,14,14,1)),color-stop(87%, rgba(14,14,14,0.75)),color-stop(99%, rgba(14,14,14,0.06)),to(rgba(14,14,14,0)));
	background: linear-gradient(to bottom,  rgba(14,14,14,0) 0%,rgba(14,14,14,0.75) 13%,rgba(14,14,14,1) 25%,rgba(14,14,14,1) 75%,rgba(14,14,14,0.75) 87%,rgba(14,14,14,0.06) 99%,rgba(14,14,14,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000e0e0e', endColorstr='#000e0e0e',GradientType=0 ); /* IE6-8 */
}
@media (max-width: 1359px) {
#back-top_right{right: -40px;}
}
@media (min-width: 1360px) {
#back-top_right{right: 50px;}
}


/* 画像配置用 */
.col3, .col4, .col5, .col6{
	width: 100%;
	margin: 0 auto 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
}
.col3 figure, .col4 figure, .col5 figure, .col6 figure{
	margin: 0 0 30px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.col3 figure{
	-webkit-flex-basis: 33.3%;
	        flex-basis: 33.3%;
	width: 33.3%;
}
.col4 figure{
	-webkit-flex-basis: 25%;
	        flex-basis: 25%;
	width: 25%;
}
.col5 figure{
	-webkit-flex-basis: 20%;
	        flex-basis: 20%;
	width: 20%;
}
.col6 figure{
	-webkit-flex-basis: 16.6%;
	        flex-basis: 16.6%;
	width: 16.6%;
}

.col3 figure img, .col4 figure img, .col5 figure img, .col6 figure img{
	width: 100%;
	height: auto;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.col3 figure div, .col4 figure div, .col5 figure div, .col6 figure div{
	overflow: hidden;
	margin: 0 0 14px; /* リボン掛けした場合とのfigcaptionの位置調整用 */
}
.col3 figure div img, .col4 figure div img, .col5 figure div img, .col6 figure div img{
	-webkit-transform: scale(1,1);
	        transform: scale(1,1);
}
.col3 figure a:hover div img, .col4 figure a:hover div img, .col5 figure a:hover div img, .col6 figure a:hover div img{
	-webkit-transform: scale(1.1,1.1);
	        transform: scale(1.1,1.1);
	cursor: pointer;
}
.col3 figure figcaption, .col4 figure figcaption, .col5 figure figcaption, .col6 figure figcaption{
	width: 100%;
	margin: 10px 0 15px;
	line-height: 130%;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.col3 figure figcaption, .col4 figure figcaption{
	padding: 0 15px;
}
.col5 figure figcaption, .col6 figure figcaption{
	padding: 0 5px;
}
.col3 figure p, .col4 figure p, .col5 figure p, .col6 figure p{
	width: 100%;
	margin: 0;
	padding: 0 15px;
	line-height: 130%;
	text-align: left;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: 1.2rem;
}
/* .col3 figure figcaption{font-size:1.6rem;}
.col4 figure figcaption{font-size:1.4rem;}
.col5 figure figcaption{font-size:1.2rem;}
.col6 figure figcaption{font-size:1.2rem;} */

/* エンボスニス加工　パターン　アイコン補正用 */
.col3 figure figcaption div[class^="icon_soft_"],
.col4 figure figcaption div[class^="icon_soft_"],
.col5 figure figcaption div[class^="icon_soft_"],
.col6 figure figcaption div[class^="icon_soft_"]{
	margin:5px 5px 5px 0;
}







/*リボン*/
.ribon_red,
.ribon_blue {
	position: relative;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	font-weight: bold;
	font-size: 0.8em;
	margin: 0;
}
/* col3～6との調整用 */
.col3 .ribon_red, .col4 .ribon_red, .col5 .ribon_red, .col6 .ribon_red,
.col3 .ribon_blue, .col4 .ribon_blue, .col5 .ribon_blue, .col6 .ribon_blue  {
	margin: 0;
}
.ribon_red p,
.ribon_blue p {
	display: inline;
}
/* col3～6との調整用 */
figure .ribon_red p,
figure .ribon_blue p {
	padding: 0;
	margin: 0;
}

.ribon_red p span,
.ribon_blue p span {
	position: absolute;
	display: inline-block;
	top: 10px;
	right: -32px;
	-webkit-box-shadow: 1px 2px 8px rgba(0,0,0,0.5);
	        box-shadow: 1px 2px 8px rgba(0,0,0,0.5);
	text-align: center;
	text-transform: uppercase;
	width: 100px;
	padding: 3px 10px;
	-webkit-transform: rotate(38deg);
	-moz-transform: rotate(38deg);
	-o-transform: rotate(38deg);
	-ms-transform: rotate(38deg);
}
.ribon_red p span{background-color: #9F0000;}
.ribon_blue p span{background-color: #004e84;}

a:link .ribon_red p span, a:link .ribon_blue p span,
a:visited .ribon_red p span, a:visited .ribon_blue p span,
a:hover .ribon_red p span, a:hover .ribon_blue p span, {
	color:#fff;
	padding:0;
	margin:0;
}

.ribon_red p:before,
.ribon_blue p:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: -10px;
	right: 69px;
	z-index: -1;
	border-top-width: 17px;
	border-right-width: 17px;
	border-bottom-width: 17px;
	border-left-width: 17px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: transparent;
	border-right-color: transparent;
	border-left-color: transparent;
}
.ribon_red p:before{border-bottom-color: #731111;}
.ribon_blue p:before{border-bottom-color: #003960;}

.ribon_red p:after,
.ribon_blue p:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 74px;
	z-index: -1;
	right: -10px;
	border-top-width: 17px;
	border-right-width: 17px;
	border-bottom-width: 17px;
	border-left-width: 17px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.ribon_red p:after{border-top-color: #731111;}
.ribon_blue p:after{border-top-color: #003960;}

.ribon_red a:link p span,
.ribon_blue a:link p span,
.ribon_red a:hover p span,
.ribon_blue a:hover p span,
.ribon_red a:visited p span,
.ribon_blue a:visited p span{
	color: #fff;
}



/*テーブル　基本設定*/
.table_red, .table_blue, .table_green, .table_orange, .table_purple {
	border:1px solid #525252;
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
	color: #B0B0B0;
	clear:both;
	margin-bottom: 40px;
}
/*偶数行*/
table.table_red tr.even td,table.table_red tr.even th,
table.table_blue tr.even td,table.table_blue tr.even th,
table.table_green tr.even td,table.table_green tr.even th,
table.table_orange tr.even td,table.table_orange tr.even th,
table.table_purple tr.even td,table.table_purple tr.even th{
	background:#171717;
}
table.table_red th,table.table_red td,
table.table_blue th,table.table_blue td,
table.table_green th,table.table_green td,
table.table_orange th,table.table_orange td,
table.table_purple th,table.table_purple td{
	border-right:1px solid #525252;
	border-bottom:1px solid #525252;
	font-weight: normal;
	margin: 0px;
	padding: 4px;
	text-align: center;
	white-space: nowrap;
}
table.table_red th.left,
table.table_blue th.left,
table.table_green th.left,
table.table_orange th.left,
table.table_purple th.left{
	text-align: left;
}

/*オンマウスの文字の色　共通*/
table.table_red tbody tr td.active, table.table_red tr.odd th.hover, table.table_red tr.even th.hover,
table.table_blue tbody tr td.active, table.table_blue tr.odd th.hover, table.table_blue tr.even th.hover,
table.table_green tbody tr td.active, table.table_green tr.odd th.hover, table.table_green tr.even th.hover,
table.table_orange tbody tr td.active, table.table_orange tr.odd th.hover, table.table_orange tr.even th.hover,
table.table_purple tbody tr td.active, table.table_purple tr.odd th.hover, table.table_purple tr.even th.hover{
	color: #FFFFFF;
}

/*テーブル　赤　ヘッダとフッタ*/
table.table_red thead th{
	background-color: #6A0003;
}
table.table_red tfoot th{
	background-color: #6A0003;
}
/*テーブル　赤　オンマウス セルの色*/
table.table_red tbody tr td.active {
	background-color: #750000;
}
/*テーブル　赤　オンマウス　縦横の色*/
table.table_red tr td.hover {
	background: #400000;
}
/*テーブル　赤　オンマウス　ヘッダの色*/
table.table_red tr.odd th.hover,
table.table_red tr.even th.hover {
	background-color: #AE0000;
}

/*テーブル　青　ヘッダとフッタ*/
table.table_blue thead th{
	background-color: #003c5e;
}
table.table_blue tfoot th{
	background-color: #003c5e;
}
/*テーブル　青　オンマウス セルの色*/
table.table_blue tbody tr td.active {
	background-color: #003F73;
}
/*テーブル　青　オンマウス　縦横の色*/
table.table_blue tr td.hover {
	background: #002440;
}
/*テーブル　青　オンマウス　ヘッダの色*/
table.table_blue tr.odd th.hover,
table.table_blue tr.even th.hover {
	background-color: #005091;
}

/*テーブル　緑　ヘッダとフッタ*/
table.table_green thead th{
	background-color: #063304;
}
table.table_green tfoot th{
	background-color: #063304;
}
/*テーブル　緑　オンマウス セルの色*/
table.table_green tbody tr td.active {
	background-color: #1d3600;
}
/*テーブル　緑　オンマウス　縦横の色*/
table.table_green tr td.hover {
	background: #031c02;
}
/*テーブル　緑　オンマウス　ヘッダの色*/
table.table_green tr.odd th.hover,
table.table_green tr.even th.hover {
	background-color: #2f5700;
}

/*テーブル　オレンジ　ヘッダとフッタ*/
table.table_orange thead th{
	background-color: #95250b;
}
table.table_orange tfoot th{
	background-color: #95250b;
}
/*テーブル　オレンジ　オンマウス セルの色*/
table.table_orange tbody tr td.active {
	background-color: #8f1d00;
}
/*テーブル　オレンジ　オンマウス　縦横の色*/
table.table_orange tr td.hover {
	background: #4d1000;
}
/*テーブル　オレンジ　オンマウス　ヘッダの色*/
table.table_orange tr.odd th.hover,
table.table_orange tr.even th.hover {
	background-color: #ce3109;
}

/*テーブル　紫　ヘッダとフッタ*/
table.table_purple thead th{
	background-color: #3e1d50;
}
table.table_purple tfoot th{
	background-color: #3e1d50;
}
/*テーブル　紫　オンマウス セルの色*/
table.table_purple tbody tr td.active {
	background-color: #3e0c59;
}
/*テーブル　紫　オンマウス　縦横の色*/
table.table_purple tr td.hover {
	background: #1e092a;
}
/*テーブル　紫　オンマウス　ヘッダの色*/
table.table_purple tr.odd th.hover ,
table.table_purple tr.even th.hover {
	background-color: #5a1f7a;
}


/*6カラム*/

.thumb6 {
	clear: both;
	width: 1000px;
	margin: 0px;
	padding: 0px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
div.thumb6 figure{
	margin: 0px;
	float: left;
	width: 150px;
	margin: 0 16px 40px 0;
}
div.thumb6 figure:nth-of-type(6n+0){
	margin-right: 0px;
}
div.thumb6 figure:nth-of-type(6n+1){
	clear: left;
}
div.thumb6 figure img{
	padding:0 0 5px 0;
	width:100%;
	height:auto;
}
div.thumb6 figcaption{
	margin: 0px;
	padding: 8px 5px 0;
	width: 100%;
	clear: both;
	font-size: 1.2rem;
	white-space: nowrap;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
}
div.thumb6 figure p{
	margin: 0px;
	clear: both;
	width: 100%;
	font-size: 1rem;
	padding: 5px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.thumb6 figure div.ribon_red p,
div.thumb6 figure div.ribon_red img,
div.thumb6 figure div.ribon_blue p,
div.thumb6 figure div.ribon_blue img{
	padding:0;
}



/*5カラム*/

.thumb5 {
	clear: both;
	width: 1000px;
	margin: 0px;
	padding: 0px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
div.thumb5 figure{
	margin: 0px;
	float: left;
	width: 176px;
	margin:0 25px 40px 0;
}
div.thumb5 figure:nth-of-type(5n+0){
	margin-right: 0px;
}
div.thumb5 figure:nth-of-type(5n+1){
	clear: left;
}
div.thumb5 img{
	padding:0 0 5px 0;
	width:100%;
	height:auto;
}
div.thumb5 figcaption{
	margin: 0px;
	padding: 8px 5px 0;
	width: 158px;
	clear: both;
	font-size: 1.2rem;
	white-space: nowrap;
	text-align: center;
}
div.thumb5 p{
	margin: 0px;
	clear: both;
	width: 172px;
	font-size: 0.9em;
	padding: 5px;
}
div.thumb5 figure div.ribon_red p,
div.thumb5 figure div.ribon_red img,
div.thumb5 figure div.ribon_blue p,
div.thumb5 figure div.ribon_blue img{
	padding:0;
}

.super {
	font-size: 0.7em;
	vertical-align: super;
}


/*〆切　イベントバナー配置用*/

.shimekiri {
	clear: both;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.shimekiri a img{
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.shimekiri a:hover img{
opacity: 0.7;
}


/*パンくずリスト*/
#pankuzu {
	width: 940px;
	padding: 0;
	margin: 0 auto;
	padding: 10px 0 25px;
}
#pankuzu ul li{
	font-size: 1.2rem;
	display: inline-block;
	margin: 0 4px 0 0;
}
#pankuzu ul li a:after{
	content:"\00a0>";
	color:#C2C2C2;
	margin:0 0 0 4px;
}
/*イメージ写真　写真4枚まで*/
#image_pic {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 50px;
}
div #image_pic a {
	float: left;
	display: block;
}
div #image_pic a:nth-of-type(2n+0) {
	margin-bottom: 15px;
	margin-right: 0px;
	float:right;
}

div #image_pic a:nth-of-type(2n+1) {
	margin-bottom: 15px;
	margin-right: 15px;

}

/*イメージ写真の中の画像　6カラム*/
.image_pic_thumb6{
	width: 980px;
	clear: both;
}
div.image_pic_thumb6 figure{
	width: 150px;
	float:left;
	text-align: center;
	margin-right: 16px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.image_pic_thumb6 figure:nth-child(6n+0){
	margin-right: 0px;
}
div.image_pic_thumb6 figure:nth-child(6n+1){
	clear: left;
}
div.image_pic_thumb6 figure img{
	height: auto;
	width: 150px;
}

/*イメージ写真の中の画像　5カラム*/
.image_pic_thumb5{
	width: 980px;
	clear: both;
}
div.image_pic_thumb5 figure{
	width: 184px;
	float:left;
	text-align: center;
	margin-right: 15px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.image_pic_thumb5 figure:nth-child(5n+0){
	margin-right: 0px;
}
div.image_pic_thumb5 figure:nth-child(5n+1){
	clear: left;
}
div.image_pic_thumb5 figure img{
	height: auto;
	width: 184px;
}

/*イメージ写真の中の画像　4カラム*/
.image_pic_thumb4{
	width: 980px;
	clear: both;
}
div.image_pic_thumb4 figure{
	width: 233px;
	float:left;
	text-align: center;
	margin-right: 16px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.image_pic_thumb4 figure:nth-child(4n+0){
	margin-right: 0px;
}
div.image_pic_thumb4 figure:nth-child(4n+1){
	clear: left;
}
div.image_pic_thumb4 figure img{
	height: auto;
	width: 233px;
}

/*イメージ写真の中の画像　3カラム*/
.image_pic_thumb3{
	width: 980px;
	clear: both;
}
div.image_pic_thumb3 figure{
	width: 316px;
	float:left;
	text-align: center;
	margin-right: 16px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
div.image_pic_thumb3 figure:nth-child(3n+0){
	margin-right: 0px;
}
div.image_pic_thumb3 figure:nth-child(3n+1){
	clear: left;
}
div.image_pic_thumb3 figure img{
	height: auto;
	width: 316px;
}


/*矢印*/

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 0px;
color: #000;
vertical-align: middle;
text-decoration: none;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.sample4-1::before{
left: 6px;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
width: 0px;
height: 6px;
border: 6px solid transparent;
border-left: 4px solid #fff;
}

/*注意点*/

.chui {
	padding-bottom: 70px;
	clear: both;
}
div.chui h5 {
	width: 450px;
	font-weight: bold;
	padding-left: 30px;
	font-size: 1.4em;
	padding-top: 50px;
	padding-bottom: 10px;
	line-height: 120%;
}
div.chui h5:first-of-type{
	padding-top: 30px;
}
div.chui p {
	width: 450px;
	padding-left: 30px;
	font-size: 1.2em;
	line-height: 160%;
	padding-bottom: 10px;
}
div.chui img{
	float: right;
	margin-right: 20px;
	margin-top: -40px;
}

/*見出し*/
div[class^="midashi_"]{
	position: relative;
	width: 100%;
	margin: 0 0 20px 0;
	border-bottom: solid 10px;
	clear: both;
}
div[class^="midashi_"] h3,
div[class^="midashi_"] h2{
	font-size: 2.4rem;
	font-weight: normal;
	letter-spacing: 0.1em;
	padding:0 0 20px 60px;
}

div[class^="midashi_"]:before{
	content: "";
	position: absolute;
	left: 25px;
    height: 8px;
    width: 8px;
    border:solid 2px #d5d5d5;
}
div[class^="midashi_"]:after{
	content: "";
	position: absolute;
	right:0;
	margin:0 0 0 auto;
    width: 40%;
    height: 5px;
}
/*見出し 赤*/
div.midashi_red{border-bottom: solid 10px #680004;}
div.midashi_red:after{background-color: #c40007;}
/*見出し 青*/
div.midashi_blue{border-bottom: solid 10px #004e7a;}
div.midashi_blue:after{background-color: #0081cc;}
/*見出し 緑*/
div.midashi_green{border-bottom: solid 10px #054600;}
div.midashi_green:after{background-color: #086e00;}
/*見出し オレンジ*/
div.midashi_orange{border-bottom: solid 10px #b22e00;}
div.midashi_orange:after{background-color: #d15800;}
/*見出し 紫*/
div.midashi_purple{border-bottom: solid 10px #410063;}
div.midashi_purple:after{background-color: #73009d;}



/*ソフトウェア アイコン 20ピクセル*/
div.icon_soft_photo20,div.icon_soft_ill20,div.icon_soft_pdf20,div.icon_soft_clip20{
	width: 20px;
	height: 20px;
	background: url("/?originalUrl=https%3A%2F%2Fwww.axis-publication.com%2Fimg_common%2Ficon_soft.svg") no-repeat 0 0 /400% 100% ;
	display: inline-block;
	margin:0 5px 5px 0;
	vertical-align: middle;
}
/*ソフトウェア アイコン 20ピクセル ダウンロードマークなし*/
div.icon_soft_ill20{background-position: 33.5% 0%}
div.icon_soft_pdf20{background-position: 66% 0%}
div.icon_soft_clip20{background-position: 100.15% 0%}


/*ソフトウェア アイコン 40ピクセル 共通*/
div.icon_soft_photo40,div.icon_soft_ill40,div.icon_soft_pdf40,div.icon_soft_clip40,
div.icon_soft_dl_photo40,div.icon_soft_dl_ill40,div.icon_soft_dl_pdf40,div.icon_soft_dl_clip40{
	width: 40px;
	height: 40px;
	background: url("/?originalUrl=https%3A%2F%2Fwww.axis-publication.com%2Fimg_common%2Ficon_soft.svg") no-repeat 0 0 /400% 100% ;
	display: inline-table;
	margin:0 10px 0 0;
	vertical-align: middle;
}
/*ソフトウェア アイコン 40ピクセル ダウンロードマークなし*/
div.icon_soft_ill40{background-position: 33.5% 0%}
div.icon_soft_pdf40{background-position: 66% 0%}
div.icon_soft_clip40{background-position: 100.15% 0%}

/*ソフトウェア アイコン 40ピクセル ダウンロードマークあり*/
div.icon_soft_dl_photo40,div.icon_soft_dl_ill40,div.icon_soft_dl_pdf40,div.icon_soft_dl_clip40{
	background: url("/?originalUrl=https%3A%2F%2Fwww.axis-publication.com%2Fimg_common%2Ficon_soft_dl.svg") no-repeat 0 0 /400% 100% ;
}
div.icon_soft_dl_ill40{background-position: 33.5% 0%}
div.icon_soft_dl_pdf40{background-position: 66.5% 0%}
div.icon_soft_dl_clip40{background-position: 100.15% 0%}


/*ソフトウェア アイコン 100ピクセル 共通*/
div.icon_soft_photo100,div.icon_soft_ill100,div.icon_soft_pdf100,div.icon_soft_clip100,
div.icon_soft_dl_photo100,div.icon_soft_dl_ill100,div.icon_soft_dl_pdf100,div.icon_soft_dl_clip100{
	width: 100px;
	height: 100px;
	background: url("/?originalUrl=https%3A%2F%2Fwww.axis-publication.com%2Fimg_common%2Ficon_soft.svg") no-repeat 0 0 /400% 100% ;
	margin:0;
	float: left;
}
/*ソフトウェア アイコン 100ピクセル ダウンロードマークなし*/
div.icon_soft_ill100{background-position: 33.2% 0%}
div.icon_soft_pdf100{background-position: 66.5% 0%}
div.icon_soft_clip100{background-position: 100.5% 0%}

/*ソフトウェア アイコン 100ピクセル ダウンロードマークあり*/
div.icon_soft_dl_photo100,div.icon_soft_dl_ill100,div.icon_soft_dl_pdf100,div.icon_soft_dl_clip100{
	background: url("/?originalUrl=https%3A%2F%2Fwww.axis-publication.com%2Fimg_common%2Ficon_soft_dl.svg") no-repeat 0 0 /400% 100% ;
}
div.icon_soft_dl_ill100{background-position: 33.2% 0%}
div.icon_soft_dl_pdf100{background-position: 66.5% 0%}
div.icon_soft_dl_clip100{background-position: 100.5% 0%}



/* 基本形　テキストと画像 */
.kihon_text{
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: center;
	        align-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: 0;
	padding: 0 30px 0 10px;
}
.kihon_text h4{
	font-size: 1.8rem;
	margin:0 0 10px;
	line-height: 130%;
	-webkit-flex-basis: 100%;
	        flex-basis: 100%;
	font-weight: bold;
}
.kihon_text h4 small{
	font-size: 1.2rem;
}
.kihon_text p{
	font-size: 1.4rem;
	margin:0 0 5px;
	line-height: 150%;
	-webkit-flex-basis: 100%;
	        flex-basis: 100%;
}
.kihon_text p:last-of-type{
	margin-bottom:0;
}
.kihon_img{
	-webkit-flex-basis: 45%;
	        flex-basis: 45%;
	margin: 0;
	padding: 0 10px;
}
.kihon_img img{
	width:100%;
}
/* 基本形　テキストと画像　ボタン */
.kihon_text p a:link.kihon_link,
.kihon_text p a:visited.kihon_link{
	color: #666;
	text-decoration: none;
    padding:10px 20px;
    border: solid 1px #aaa;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    position: relative;
    top:20px;
    left: -webkit-calc(100% - 150px);
    left: calc(100% - 150px);
}
.kihon_text p a:hover.kihon_link{
	color: #53D4FF;
    border: solid 1px #53D4FF;
}


/*大きいタイトルと箇条書き説明*/
.big_title_kajyou{
	width: 100%;
	margin: 40px 0 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}
.big_title_kajyou.border{
	border-bottom: dotted 1px #525252;
	padding-bottom: 30px;
}
.big_title,
.oshiharai_righ{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: center;
	        align-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
}
.big_title{
	-webkit-box-flex:1.5;
	-webkit-flex:1.5;
	        flex:1.5;
	padding: 0 40px;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG 明朝 E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	-webkit-transform: rotate(.03deg);
	        transform: rotate(.03deg);
	font-size: 2.6rem;
	line-height: 150%;
	letter-spacing: 0.1em;
}
.big_title.small{
	-webkit-box-flex:0.75;
	-webkit-flex:0.75;
	        flex:0.75;
}
.kajyou{
	-webkit-box-flex:2;
	-webkit-flex:2;
	        flex:2;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: center;
	        align-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	        align-items: center;
	padding: 0 20px 0 0;
}
.kajyou ul li,
.kajyou p{
	font-size: 1.6rem;
	line-height: 150%;
	margin: 0 0 10px;
}
.kajyou ul li{
	text-indent:-1em;
	padding-left:1em;
}
.kajyou ul li:before {
    content: "• ";
    color: #a00000;
}
.disnon {
	display: none;
  }

/* タブ切り替え */
.tab{
	width: 100%;
	display: flex;
	margin: 0 0 10px;
	border-bottom: 2px solid #525151;
}
.tab li{
	padding: 15px 20px;
	margin: 0 15px;
	font-size: 1.4rem;
	background: #000000;
	background: linear-gradient(#000000 0%,#262626 100%);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #525151;
}
.tab li.select{
	background: #a00303;
	background: linear-gradient(#a00303 0%,#6e0000 100%);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ce0404;
	color: #FFF;
}
.tab_box{

}
.tab_wrap{

}