@charset "UTF-8";


@font-face{
	font-family:'Klavika R';
	src:url("/wp-content/themes/amd_heroes/fonts/Klavika-Regular.woff2") format("woff2"),url("/wp-content/themes/amd_heroes/fonts/Klavika-Regular.woff") format("woff");
	font-weight:400;
	font-style:normal;
}

@font-face{
	font-family:'Klavika RCond';
	src:url("/wp-content/themes/amd_heroes/fonts/Klavika-RegularCond.woff2") format("woff2"),url("/wp-content/themes/amd_heroes/fonts/Klavika-RegularCond.woff") format("woff");
	font-weight:400;
	font-style:normal;
}

@font-face{
	font-family:'Klavika B';
	src:url("/wp-content/themes/amd_heroes/fonts/Klavika-Bold.woff2") format("woff2"),url("/wp-content/themes/amd_heroes/fonts/Klavika-Bold.woff") format("woff");
	font-weight:400;
	font-style:normal;
}

@font-face{
	font-family:'Klavika BCond';
	src:url("/wp-content/themes/amd_heroes/fonts/Klavika-BoldCond.woff2") format("woff2"),url("/wp-content/themes/amd_heroes/fonts/Klavika-BoldCond.woff") format("woff");
	font-weight:400;
	font-style:normal;
}

html,body{height:100%;}

body{
	-webkit-text-size-adjust: 100%;
	padding:0;
	margin: 0;
	font-family: "メイリオ","Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-feature-settings: "palt" 1;
	-webkit-font-feature-settings: "palt" 1;
}

.font-klavica-r{font-family:"Klavika R",-apple-system,"Hiragino Sans",sans-serif;}
.font-klavica-rcond{font-family:"Klavika RCond",-apple-system,"Hiragino Sans",sans-serif;}
.font-klavica-b{font-family:"Klavika B",-apple-system,"Hiragino Sans",sans-serif;}
.font-klavica-bcond{font-family:"Klavika BCond",-apple-system,"Hiragino Sans",sans-serif;}

/* default */

div,dl,dt,dd,ul,ol,
li,h1,h2,h3,h4,h5,
h6,pre,code,form,fieldset,legend,
input,textarea,p,blockquote,
th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;word-break: break-all;font-size:inherit;width:100%;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q::before,q::after{content:'';}
abbr{border:0;font-variant:normal;}
sup{vertical-align: text-top;font-size: 80%;margin-left: 0.5em;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp{font-family:monospace;*font-size:108%;line-height:100%;}
.aligncenter{text-align:center;}
figure{padding:0;margin:0;}
img{
	vertical-align: bottom;
	line-height: 1;
	max-width:100%;
	height:auto;
}

input[type="submit"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}

a{text-decoration: none;color:#000;transition: all .25s ease;}
a:hover{}

*{box-sizing:border-box;}


/* common item ---------------------------------------*/

.clearfix::after,
.inner::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .foo { color: red } /* IE11 */
}

@media all and (-ms-high-contrast:none){
	.foo { color: green } /* IE10〜Edge */
}


/* layout ---------------------------------------*/

.wrapper{
	padding: 0 30px;
	position:relative;
}

.archive-wrapper{
	padding: 70px 30px 0px;
}

.article-wrapper{
	padding: 0 0 0;}

.inner{
	max-width:1080px;
	margin:0 auto;
}

.section{margin-bottom: 50px;}
.ov-h{overflow: hidden;}
.overlay{display: none;}


/* header ---------------------------------------*/

header{
	position:fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 200;
	border-bottom: 1px solid #5B5A5A;
}

.header-inner{
	height:55px;
	color: #fff;
	background: #000;
}

.header-logo{
	display: block;
	background: url('../img/common/logo.svg') left center no-repeat;
	background-size: 100%;
	width:162px;
	height:21px;
	text-indent: -999em;
	overflow: hidden;
	position:absolute;
	left:80px;
	top:50%;
	transform:translate(0,-50%);
}

.header-nav{
	position:absolute;
	right: 305px;
	top:0;
}

.header-nav::after{
	display:block;
	content:'';
	background:rgba(255,255,255,0.3);
	background-size:100%;
	width:1px;
	height:16px;
	position:absolute;
	left:-10px;
	top:50%;
	transform:translate(0,-50%);
}

.header-nav-list{
	text-align: right;
	font-size:0px;
}

.header-nav-list > li{
	display: inline-block;
	font-size:14px;
}

.header-nav-list > li > a,
.header-nav-list > li > span{
	display: block;
	height: 56px;
	line-height: 12px;
	font-size:12px;
	padding: 20px 10px 0;
	text-align:center;
	min-width: 80px;
	color: #ccc;
	transition: all .25s ease;
}

.header-nav-list > li > a:hover,
.header-nav-list > li.is-active > a,
.header-nav-list > li > span:hover,
.header-nav-list > li.is-active > span{
	background: #C1C1C1;
	color: #000;
}

.header-sns{
	position:absolute;
	right: 125px;
	top:0;
	width: 160px;
	padding: 0 5px;
}

.header-sns::before,
.header-sns::after{
	display:block;
	content:'';
	background:rgba(255,255,255,0.3);
	background-size:100%;
	width:1px;
	height:16px;
	position:absolute;
	top:50%;
	transform:translate(0,-50%);
}

.header-sns::before{left:0;}
.header-sns::after{right:0;}

.header-sns-list{
	text-align: right;
	font-size:0px;
}

.header-sns-list > li{
	display: inline-block;
	font-size:14px;
	vertical-align: middle;
	margin: 0 5px;
}

.header-sns-list > li > a{
	display: block;
	height: 55px;
	line-height: 14px;
	font-size:14px;
	padding: 20px 10px 0;
	text-align:center;
	color: #fff;
	transition: all .25s ease;
}

.header-nav-list > li > a:hover{
	background: #C1C1C1;
	color: #000;
}

.header-contact{
	position: absolute;
	right:68px;
	top:0px;
	height: 100%;
}

.header-contact-btn{
	position:absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 55px;
	text-align:center;
	line-height:1;
	display: block;
	background: none;
	border: none;
	cursor: pointer;
	line-height: 1;
	padding-top: 17px;
}

.header-search{
	position: absolute;
	right:30px;
	top:0px;
	height: 100%;
}

.header-search-btn{
	position:absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 55px;
	text-align:center;
	line-height:1;
	display: block;
	background: none;
	border: none;
	cursor: pointer;
	padding-top: 17px;
}

#openmenu{
	display:block;
	width:55px;
	height:55px;
	text-indent: -99em;
	overflow: hidden;
	position:absolute;
	left:10px;
	top:0;
	cursor: pointer;
	z-index: 120;
}

#openmenu span{
	content:'';
	display: block;
	height:1px;
	background: #fff;
	position: absolute;
	left:11px;
	transition: all .25s ease;
}

#openmenu span:nth-child(1){top:18px;width:31px;}
#openmenu span:nth-child(2){top:26px;width:24px;}
#openmenu span:nth-child(3){top:34px;width:16px;}

#openmenu.is-open span{background: #000;}

#openmenu.is-open span:nth-child(1){
	transform:rotate(45deg);
	top:23px;
	width: 18px;
	left:12px;
}

#openmenu.is-open span:nth-child(2){
	opacity:0;
	left:-25px;
}

#openmenu.is-open span:nth-child(3){
	width: 18px;
	transform:rotate(-45deg);
	top:23px;
	left:12px;
}

.overlay{
	content:'';
	display: block;
	position:fixed;
	width:100%;
	height:300px;
	background: rgba(0,0,0,0.5);
	left:0;
	top:0;
	z-index:6;
}

/* megadrop ---------------------------------------*/

.megadrop{
	position: fixed;
	left: 0;
	top: 55px;
	width: 100%;
	z-index: 110;
	background: #E0E0E0;
	color: #000;
	padding: 50px;
	display: none;
}

.megadrop a{color: #000;}
.megadrop a:hover{text-decoration:underline;}

.megadrop-inner{
	max-width: 1000px;
	margin: 0 auto;
}

.megadrop-category{display: none;}

.megadrop-list{
	display:flex;
	flex-wrap:wrap;
}

.megadrop-list > li{
	width:30%;
	margin-left: 3%;
	min-width: 300px;
	margin-bottom: 10px;
	font-size:16px;
}

.is-case .megadrop-list > li{
	width: auto;
	margin-left: 5%;
	min-width: 0;
}

/* searchdrop ---------------------------------------*/

.searchdrop{
	position: fixed;
	left: 0;
	top: 55px;
	width: 100%;
	z-index: 110;
	background: #E0E0E0;
	color: #000;
	padding: 50px;
	display: none;
}

.searchdrop a{color: #000;}
.searchdrop a:hover{text-decoration:underline;}

.searchdrop-inner{
	max-width: 1000px;
	margin: 0 auto;
}

.searchdrop-input{position:relative;}

.searchdrop-input input{
	width: calc(100% - 70px);
	background: #fff;
	padding: 10px;
	height: 40px;
	font-size:14px;
	border:1px solid #aaa;
}

.searchdrop-input button{
	position:absolute;
	right: 0;
	top: 0;
	width: 70px;
	height: 40px;
	font-size:14px;
	text-align:center;
	border: none;
	background: #000;
	color: #fff;
	cursor: pointer;
}

.searchdrop-input button:hover{
	opacity: 0.8;
}

.searchdrop-close{
	position:absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.searchdrop-close::before,
.searchdrop-close::after{
	display:block;
	content:'';
	background:#000;
	background-size:100%;
	width:28px;
	height:2px;
	position:absolute;
	left: 5px;
	top:18px;
}

.searchdrop-close::before{transform: rotate(45deg);}
.searchdrop-close::after{transform: rotate(-45deg);}


/* gnav ---------------------------------------*/

.gnav{
	background: #fff;
	z-index:100;
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	color: #000;
	transition: all .25s ease;
	transform:translate3d(0,-100%,0);
	overflow: auto;
	height: 100vh;
}

.gnav::after{
	display:block;
	content:'';
	background:#eee;
	background-size:100%;
	width:50%;
	height:100%;
	position:absolute;
	right:0px;
	top:0;
}

.gnav.is-active{
	transform:translate3d(0,0,0);
	opacity:1;
}

.gnav-logo{
	display: block;
	width:162px;
	height:23px;
	overflow: hidden;
	position:absolute;
	left:90px;
	top:12px;
}

.gnav-inner{
	position:relative;
	z-index: 5;
}

.gnav-list{
	margin-bottom: 35px;
	width: 50%;
	padding: 100px 0 100px 50px;
}

.gnav-list-item {
	margin-bottom: 15px;
	float: right;
	clear: right;
}

.gnav-list-item > a,
.gnav-list-item > span{
	display: block;
	color: #999;
	line-height: 1;
	font-size:30px;
	position:relative;
	max-width: 100%;
	width: 350px;
	padding: 16px 26px;
	text-align: left;
	transition: all .25s ease;
}


.gnav-list-item:hover > a,
.gnav-list-item:hover > span{
	color: #000;
}

.gnav-sub{
	position:absolute;
	right: 0;
	width: 50%;
	height: 100%;
	top: 0;
	padding: 120px 50px 80px;
	font-size:16px;
	text-align: left;
	display: none;
}

.gnav-list-item:hover .gnav-sub{
	display: block;
}

.gnav-sub-list{}
.gnav-sub-list li{margin-bottom: 20px;}

.gnav-sub-list li a:hover{text-decoration:underline;}


.gnav-sns{
	width: 50%;
	clear: both;
	padding-bottom: 30px;
	text-align:right;
	padding-top: 30px;
}

.gnav-sns-list{
	font-size:0px;
	max-width: 100%;
	width: 330px;
	display: inline-block;
	text-align: left;
}

.gnav-sns-list li{
	font-size:15px;
	display: inline-block;
	line-height: 1;
	margin-right: 10px;
}

.gnav-sns-list li a{
	display: block;
	padding: 2px 10px;
}

.gnav-toc{
	text-align:right;
	width: 50%;
	clear: both;
	padding-bottom: 60px;
}

.gnav-toc a{
	width: 320px;
	text-align: left;
	display: inline-block;
	max-width: 100%;
	color: #999;
	transition: all .25s ease;
	font-size:14px;
	font-weight:bold;
}

.gnav-toc a::after{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-left: 0px;
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/common/blank.svg') 0 0 no-repeat;
	background-size: 100%;
	width:25px;
	height:25px;
	position:relative;
	top: -2px;
}

.gnav-toc a:hover{color:#000;}


/* footer ---------------------------------------*/

footer{
	padding:50px 30px 30px;
	background: #000;
	color: #fff;
	position:relative;
	z-index: 50;
}

.footer-inner{
	max-width:1100px;
	margin:0 auto;
	position:relative;
}

.footernav{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.footernav-box{width: 19%;}

.footernav-box-head{
	font-size:14px;
	margin-bottom: 20px;
	letter-spacing:0.1em;
}

.footernav-box-head a,
.footernav-box-head > div{
	color: #a4a4a4;
	transition: all .25s ease;
}

.footernav-list{}
.footernav-list-item{
	margin-bottom: 20px;
	font-size:12px;
	line-height: 1.5;
}

.footernav-list-item a{
	color: #666;
}

.footer-menu{
	padding:50px 0 0 0;
	text-align:center;
	margin-bottom: 40px;
}

.footer-sns{
	text-align:center;
	padding-bottom: 30px;
}

.footer-sns-list{
	font-size:0px;
}

.footer-sns-list li{
	font-size:15px;
	display: inline-block;
	line-height: 1;
	margin: 0 10px;
}

.footer-sns-list li a{
	display: block;
	padding: 2px 10px;
}

.footer-logo{
	display: inline-block;
	width: 230px;
	margin-bottom: 25px;
}

.footer-menu-list{
	font-size:0px;
	text-align:center;
}

.footer-menu-list-item{
	font-size:12px;
	display: inline-block;
	border-left: 1px solid #6d6d6d;
	line-height: 1;
}

.footer-menu-list-item:first-child{border-left:none;}

.footer-menu-list-item a{
	padding: 0 10px;
	color:#6d6d6d;
}

.footer-menu-list-item a[target="_blank"]::after{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/common/blank2.svg') 0 0 no-repeat;
	width:10px;
	height:10px;
}

.copyright{
	display: block;
	text-align: center;
	font-size: 10px;
	color:#666;
}


.gotop{
	width:22px;
	position:fixed;
	right:10px;
	bottom:15px;
	z-index:100;
	opacity:0;
}

.gotop a img{width:100%;}


/* margin ---------------------------------------*/

.mt-0{margin-top:0px !important;}
.mt-5{margin-top:5px !important;}
.mt-10{margin-top:10px !important;}
.mt-15{margin-top:15px !important;}
.mt-20{margin-top:20px !important;}
.mt-25{margin-top:25px !important;}
.mt-30{margin-top:30px !important;}
.mt-35{margin-top:35px !important;}
.mt-40{margin-top:40px !important;}
.mt-45{margin-top:45px !important;}
.mt-50{margin-top:50px !important;}
.mt-55{margin-top:55px !important;}
.mt-60{margin-top:60px !important;}
.mt-65{margin-top:65px !important;}
.mt-70{margin-top:70px !important;}
.mt-75{margin-top:75px !important;}
.mt-80{margin-top:80px !important;}
.mt-85{margin-top:85px !important;}
.mt-90{margin-top:90px !important;}
.mt-95{margin-top:95px !important;}
.mt-100{margin-top:100px !important;}

.mb-0{margin-bottom:0px !important;}
.mb-5{margin-bottom:5px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-35{margin-bottom:35px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-45{margin-bottom:45px !important;}
.mb-50{margin-bottom:50px !important;}
.mb-55{margin-bottom:55px !important;}
.mb-60{margin-bottom:60px !important;}
.mb-65{margin-bottom:65px !important;}
.mb-70{margin-bottom:70px !important;}
.mb-75{margin-bottom:75px !important;}
.mb-80{margin-bottom:80px !important;}
.mb-85{margin-bottom:85px !important;}
.mb-90{margin-bottom:90px !important;}
.mb-95{margin-bottom:95px !important;}
.mb-100{margin-bottom:100px !important;}
.mb-110{margin-bottom:110px !important;}
.mb-120{margin-bottom:120px !important;}
.mb-130{margin-bottom:130px !important;}
.mb-140{margin-bottom:140px !important;}


/* width ---------------------------------------*/

.wid-10per{width:10% !important;}
.wid-15per{width:15% !important;}
.wid-20per{width:20% !important;}
.wid-25per{width:25% !important;}
.wid-30per{width:30% !important;}
.wid-40per{width:40% !important;}
.wid-50per{width:50% !important;}
.wid-60per{width:60% !important;}
.wid-70per{width:70% !important;}
.wid-80per{width:80% !important;}
.wid-100per{width:100% !important;}

.wid-300{width:300px !important;}


/* title ---------------------------------------*/

.title-page{
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #222;
}

.title-section{
	font-weight:600;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #222;
}

.title-block{
	font-weight:600;
	font-size: 1.0rem;
	line-height: 1.5;
	color: #222;
}

.title-paragraph{
	font-weight:600;
	font-size: .6rem;
	line-height: 1.5;
	color: #222;
}

.title-small{
	font-weight:600;
	font-size: .7rem;
	line-height: 1.5;
	color: #222;
}


/* text ---------------------------------------*/

.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}

.text-s{
	font-size: 1.2rem;
	line-height: 1.5;
}

.text-m{
	font-size: 1.4rem;
	line-height: 1.5;
}

.text-l{
	font-size: 1.8rem;
	color: #484848;
	line-height: 1.94;
}

.text-bold{font-weight:600;}

.text-red{color: #aa0000 !important;}


.text-ellipsis-2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.text-ellipsis-3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.text-ellipsis-4{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

@media all and (-ms-high-contrast:none){
	.text-ellipsis-2 { height: 3.2em; } /* IE10〜Edge */
	.text-ellipsis-3 { height: 4.7em; } /* IE10〜Edge */
}

.text-ellipsis-count::after{content: '…';}

.text-link{text-decoration: underline;}
.text-link:hover{text-decoration: none;}


/* -------------------- pankuzu --------------------- */

.pankuzu{
	border-bottom:1px solid #ddd;
}

.pankuzu-list{}
.pankuzu-list > li{
	display: inline-block;
	font-size:13px;
}

.pankuzu-list > li a,
.pankuzu-list > li span{
	display: block;
	padding: 0px 30px 0px 10px;
	line-height: 40px;
	position: relative;
}

.pankuzu-list > li a{text-decoration:none;}

.pankuzu-list > li a::after{
	display:block;
	content:'';
	width:25px;
	height:25px;
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	transform: rotate(45deg) translate(0,-50%);
	position:absolute;
	right:10px;
	top:45%;
}

.pankuzu-list > li span{}


/* entrylist ---------------------------------------*/

.entrylist{
	overflow: hidden;
}

.entrylist-item{
	width: calc(50% - 8px);
	margin-bottom: 45px;
	position:relative;
	float: left;
	margin-left: 16px;
}

.entrylist-item:not(.is-item-s):nth-child(2n + 1){
	clear: left;
	margin-left: 0;
}

.entrylist-item.is-item-s{
	width: calc(25% - 12px);
}

.entrylist-item.is-item-s:nth-child(4n + 1){
	clear: left;
}

.entrylist.is-type-a-1 .entrylist-item:nth-child(1){float: right;}
.entrylist.is-type-a-1 .entrylist-item:nth-child(2){margin-left: 0;}
.entrylist.is-type-a-2 .entrylist-item{margin-left: 16px;}
.entrylist.is-type-a-2 .entrylist-item:nth-child(4n+1){margin-left: 0;}
.entrylist.is-type-b .entrylist-item:nth-child(3){margin-left: 16px;}

.entrylist-item > a{
	display: block;
}

.entrylist-item-image{
	margin-bottom: 10px;
	overflow: hidden;
	border-radius:5px;
}

.entrylist-item-body{min-height:130px;}

.entrylist-item-head{
	position:relative;
	padding-bottom: 10px;
}

.entrylist-item-head::after{
	display:block;
	content:'';
	background:#000;
	width:40px;
	height:1px;
	position:absolute;
	left:2px;
	bottom: 0;
}

.entrylist-item-title{
	line-height: 1.5;
	font-weight:bold;
	font-size:16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.entrylist-item-text{
	padding: 15px 0;
	font-size:14px;
	line-height: 1.7;
	color: rgba(77,77,77,1);
}

.entrylist-item-data{
	padding-top: 10px;
	min-height: 70px;
}

.entrylist-item-btn{
	margin-top: 25px;
	font-size: 16px;
	display: inline-block;
	width: 216px;
	border:2px solid #000;
	text-align:center;
	padding: 12px;
	line-height:1.0;
	font-weight:bold;
	transition: all .25s ease;
}

.entrylist-item-btn:hover{
	color: #fff;
	background: #000;
}

.entrylist.is-side .entrylist-item{
	width: 100%;
	margin: 25px 0 0 0;
}

.entrylist-side-title{
	font-size: 18px;
	line-height: 1;
	padding-bottom:10px;
	border-bottom: 1px solid #aaa;
	margin-top: 80px;
}

/* taglist ---------------------------------------*/

.tag-list{
	line-height: 1;
	font-size:0px;
	transition: all .25s ease;
}

.tag-list li{
	display: inline-block;
	font-size:12px;
	margin-right: 7px;
	margin-bottom: 7px;
}

.tag-list li a{
	display: block;
	background: #000;
	color: rgba(204,204,204);
	padding: 4px 6px;
	border-radius:2px;
}


/* noticelist ---------------------------------------*/

.noticelist li{
	text-indent:-1em;
	margin-left: 1em;
	font-size:12px;
	line-height: 1.8;
}


/* category ---------------------------------------*/

.category{
	border:1px solid #000;
	font-size:12px;
	line-height: 1;
	padding: 3px 8px;
	border-radius:3px;
	display: inline-block;
	margin-bottom: 8px;
}

.category-list{
	line-height: 1;
	font-size:0px;
	transition: all .25s ease;
}

.category-list li{
	display: inline-block;
	font-size:13px;
	margin-right: 5px;
	margin-bottom: 15px;
}

.category-list li a{
	display: block;
	background: #fff;
	border:1px solid #000;
	color: #000;
	padding: 5px;
	border-radius:3px;
}

.category-list li a:hover,
.category-list li.is-active a{
	background: #000;
	color: #fff;
	border:1px solid #000;
}

/* archive ---------------------------------------*/

.archive{}

.archive-head{margin-bottom: 40px;}

.archive-title{
	line-height: 1;
	font-size:45px;
}

.archive-category{
	padding: 30px 0 10px;
	border-bottom: 1px solid #ccc;
}

.archive-tag{
	padding: 30px 0 15px;
	border-bottom: 1px solid #ccc;
}

.archive-tag .tag-list li{margin-bottom: 15px}

.archive-tag .tag-list li a{
		font-size:13px;
		padding: 5px 8px;
	}


/* pager ---------------------------------------*/

.pager{
	padding: 50px 0;
}

.pager-list{
	text-align: center;
	font-size:0px;
}

.pager-list li{
	display: inline-block;
	font-size:14px;
	margin: 0 3px;
	line-height: 1;
}

.pager-list li span,
.pager-list li a{
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size:12px;
	text-align:center;
	position:relative;
	overflow: hidden;
}

.pager-list li a{
	background: #000;
	color: #fff;
	transition: all .25s ease;
}

.pager-list li a.prev,
.pager-list li a.next{
	content: '';
	text-indent:-99em;
}

.pager-list li a.prev::after,
.pager-list li a.next::after{
	display:block;
	content:'';
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	width:4px;
	height:4px;
	position:absolute;
	left: 50%;
	top:50%;
}

.pager-list li a.prev::after{
	transform:translate(-25%,-50%) rotate(-225deg);
}

.pager-list li a.next::after{
	transform:translate(-75%,-50%) rotate(-45deg);
}

.pager-list li a:hover{
	background: #666;
}


/* article ---------------------------------------*/

.article-head-category{
	background: #E0E0E0;
	padding: 20px 30px 40px;
	text-align:center;
}

.article-head-category-main{margin-bottom: 30px;}

.article-head-category-list{
}

.article-head-category-list > li{
	display: inline-block;
	margin: 0 10px;
}

.article-head-category-list > li > span{
	color:#666;
	cursor: pointer;
}

.article-head-category-list > li.is-active > span,
.article-head-category-list > li > span:hover{
	text-decoration: underline;
	color: #000;
}

.article-head-category-sub{display: none;}
.article-head-category-sub.is-active{display: block;}

.article-inner{
	display:flex;
	justify-content:space-between;
	padding-top: 40px;
	margin-bottom: 40px;
}

.article-body{
	width: calc(100% - 350px);
}

.article-side{
	width: 250px;
}

.entry-head{
	margin-bottom: 30px;
}

.entry-title{
	font-size:30px;
	line-height: 1.5;
	margin-bottom: 20px;
}

.entry-data{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items: flex-end;
}

.entry-data-tag{}

.entry-data-text{}
.entry-data-text p{
	font-size:13px;
	color: #999;
}

.entry-body-wrapper{
	position:relative;
}

.entry-body-sns{
	position:absolute;
	left: -45px;
	top: 0;
}

.entry-body-sns li{margin-bottom: 5px;}

.entry-kv{
	margin-bottom: 60px;
}

.entry-kv img{
	width: 100%;
}

.entry-index{
	background: #E0E0E0;
	padding: 20px;
	margin-bottom: 20px;
}

.entry-index-title{
	text-align:center;
	font-size:16px;
	line-height: 1.3;
	margin-bottom: 10px;
}

.entry-index-list{}

.entry-index-list li{
	margin-bottom: 5px;
	line-height: 1.6;
	font-size:15px;
}

.entry-index-list li a{text-decoration:underline;}

/* body */

.entry-body{}
.entry-body h1,
.entry-body h2,
.entry-body h3,
.entry-body h4,
.entry-body h5,
.entry-body h6{font-weight:bold;margin-bottom: 1.5em;margin-top: 1.5em;}

.entry-body h1{font-size:30px;}
.entry-body h2{font-size:28px;}
.entry-body h3{font-size:26px;}
.entry-body h4{font-size:24px;}
.entry-body h5{font-size:22px}
.entry-body h6{font-size:20px;}
.entry-body p{
	font-size:16px;
	margin-bottom: 2em;
	line-height: 1.8;
}
.entry-body p.notice{
	font-size:10px;
	color: rgba(77,77,77,1);
	line-height: 1.5;
}

.entry-body-wrapper iframe{
	margin: 30px auto;
	display: block;
}

.entry-body figure{
	padding: 0 30px;
	margin: 30px 0;
}

.entry-body figcaption{
	color: #999;
	font-size:14px;
	line-height: 1.5;
	letter-spacing:0.1em;
	display: block;
	padding-top: 20px;
}

.entry-body .wp-caption {
    max-width: 100%;
}

.entry-body > img{
	display: block;
	margin: 30px 0;
}

.entry-body > a > img{
	display: block;
	margin: 30px 0;
}

.entry-body table{
	width: 100%;
	margin:  30px 0;
}

.entry-body table th,
.entry-body table td{
	border:1px solid #aaa;
	padding: 5px;
}

.entry-body table th{
	text-align:center;
	font-weight:bold;
	background: #eee;
}

.entry-body ul{margin:  30px 0;}

.entry-body ul li{
	position:relative;
	margin-bottom: 10px;
	padding-left: 0px;
}

/*
.entry-body ul li::before{
	display:block;
	content:'';
	background:#000;
	background-size:100%;
	width:5px;
	height:5px;
	border-radius:10px;
	position:absolute;
	left:0px;
	top:8px;
}
*/

.entry-body ol{
	counter-reset: item;
	list-style-type: none;
	margin:  30px 0;
}

.entry-body ol li{
	position:relative;
	text-indent: -1.3em;
	padding-left: 1.3em;
	margin-bottom: 10px;
}

.entry-body ol li::before{
	counter-increment: item;
	content: counter(item)'.';
	/* 以下は自由に装飾... */
	padding-right: .5em;
	font-weight: bold;
	color: #000;
}

.entry-body blockquote{
	background: #eee;
	border-radius:10px;
	padding: 30px;
	margin:  30px 0;
}

.entry-body .box{
	border:1px solid #ccc;
	border-radius:10px;
	padding: 20px;
	font-size: 14px;
	margin-bottom: 60px;
}

.entry-body .box p{font-size:inherit;}

.entry-body .box ul li:not(:first-child){margin-top:20px;}

.entry-body a{
	color: #115DB0;
	text-decoration: underline;
}

.entry-body a[target="_blank"]::after{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/common/blank.svg') 0 0 no-repeat;
	background-size: 100%;
	width:17px;
	height:17px;
}

.entry-body a.btn{
	color: #fff;
	text-decoration:none;
}

.entry-body b,
.entry-body strong{
	font-weight:bold;
}

.entry-body .row{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.entry-body .row .col-2{
	width: 45%;
}

.entry-body .row .col-3{
	width: 32%;
}

.entry-back{
	margin-top: 60px;
	text-align: left;
}

.entry-back a{
	font-size:14px;
	text-decoration:underline;
}

/* article side */

.side-category{margin-bottom: 50px;}

.side-title{
	font-weight:bold;
	font-size:15px;
	line-height: 1.5;
	margin-bottom: 10px;
}

.side-category-list{}

.side-category-list li:first-child{border-top:1px solid #eee;}
.side-category-list li{border-bottom: 1px solid #eee;}

.side-category-list li a{
	padding: 10px 0;
	display: block;
	font-size:14px;
}

.side-category-list li a:hover{text-decoration:underline;}

.popular-posts{margin-bottom: 50px;}

.popular-posts .wpp-list{}

.popular-posts .wpp-list li:first-child{border-top:1px solid #eee;}
.popular-posts .wpp-list li{border-bottom: 1px solid #eee;}

.popular-posts .wpp-list li a{
	padding: 10px 0;
	display: block;
	font-size:14px;
}

.popular-posts .wpp-list li a:hover{text-decoration:underline;}

.popular-posts .wpp-list li{
	display:flex;
	justify-content:space-between;
}

.popular-posts .wpp-list li a:nth-child(1){
	order: 2;
	width: 70px;
}

.popular-posts .wpp-list li a img{max-width:100%;}

.popular-posts .wpp-post-title{
	width: calc(100% - 80px);
	font-size:12px;
}


/* article related */

.entry-related{
	border-top: 1px solid #ccc;
	padding-top: 30px;
	margin-bottom: 50px;
}

.entry-related-title{
	font-size:32px;
	margin-bottom: 20px;
}



/* search result ---------------------------------------*/

.searchresult-input-wrapper{
	margin-top: 20px;
	width: 530px;
	position:relative;
}

.searchresult-input{
	width: 490px;
	padding: 10px;
	height: 41px;
	border:1px solid #ccc;
}

.searchresult-btn{
	border: none;
	display: inline-block;
	width: 40px;
	height: 41px;
	text-align:center;
	border-radius: 0px;
	border:1px solid #ccc;
	background-color: #ccc;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	font-weight:600;
	cursor: pointer;
	position:absolute;
	right: 0;
	top: 0;
}


/* page type1 ---------------------------------------*/

.page-type1{
	padding: 0 0 0;

}

.page-type1-inner{
	background: url("https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/common/bg_page.jpg") no-repeat center top;
	background-size: 100%;
	padding: 0 40px;
}

.page-tipe1-title-flex{
	padding: 50px 0 0px;
	margin-bottom: 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.page-type1-title{
	color: #fff;
	font-size:36px;
	line-height: 1.5;
	padding: 50px 0 0px;
	margin-bottom: 30px;
}

.page-tipe1-title-flex .page-type1-title{
	padding: 0;
	margin-bottom: 0;
}

.page-type1-subtitle{
	color: #fff;
	font-size:20px;
	line-height: 1.5;
	margin-bottom: 50px;
}

.page-category-list{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

.page-category-list-item{font-size: 14px;}

.page-category-list-item:not(:first-child){}

.page-category-list-item a{
	display: block;
	background: #fff;
	border: 1px solid #000;
	color: #000;
	padding: 5px;
	border-radius: 3px;
	transition: all .25s ease;
}

.page-category-list-item a:hover{
	background: #000;
	color: #fff;
}

.downloadlist{
	display:flex;
	flex-wrap:wrap;
}

.downloadlist-item{
	width: 31.3%;
	margin: 0 0 40px 3%;
	background: #EFEFEF;
	border-radius:10px;
	padding: 30px 40px 80px;
	position:relative;
}

.downloadlist-item:nth-child(3n + 1){
	margin-left: 0;
}

.downloadlist-item-image{
	margin-bottom: 15px;
	text-align: center;
}

.downloadlist-item-title{
	font-size:15px;
	font-weight:bold;
	line-height: 1.4;
	margin-bottom: 20px;
}

.downloadlist-body{
	min-height: 350px;
	margin-bottom: 30px;
}

.downloadlist-body > p,
.downloadlist-body > div{
	font-size: 14px;
	line-height: 1.6;
}

.downloadlist-item-btn{
	text-align:center;
	position:absolute;
	left:50%;
	bottom:30px;
	transform:translate(-50%,0);
}



/* page error ---------------------------------------*/

.page-error{
	padding: 150px 0;
}

.page-error-title{
	font-size:38px;
	line-height: 1.5;
	font-weight:normal;
	margin-bottom: 60px;
}

.page-error-text{
	font-size:15px;
	line-height: 1.8;
	margin-bottom: 40px;
}

.page-error-btn{
	text-decoration:underline;
}

/* btn ---------------------------------------*/

.btn{
	display: inline-block;
	min-width: 160px;
	padding: 10px 24px;
	border-radius: 4px;
	border:1px solid #000;
	background-color: #000;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	font-weight:600;
	cursor: pointer;
}

.btn:hover{
	background-color:#333;
	opacity: 1;
}

.btn-download{
	display: inline-block;
	min-width: 180px;
	padding: 8px 24px;
	border-radius: 4px;
	font-size:14px;
	border:1px solid #000;
	background-color: #000;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
	box-shadow:0px 0px 10px 5px rgba(0,0,0,0.1);
}


/* -------------------- table --------------------- */

.table-horizontal{font-size:14px}

.table-horizontal thead th,
.table-horizontal thead td{
	background: #767676;
	color: #fff;
	line-height: 1.94;
	padding: 3px 4px;
	border-top:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	text-align:center;
	white-space: nowrap;
}

.table-horizontal tbody th,
.table-horizontal tbody td{
	line-height: 1.75;
	padding: 6px 8px;
	background: #fff;
	border:1px solid #dbdbdb;
}

.table-horizontal tbody th{text-align:center;}

.table-horizontal tbody td.td-grouptitle{
	font-weight:600;
	text-align:center;
	background: #DCE3E8;
	color: #484848;
}

.table-horizontal.is-zebra tbody tr:nth-child(2n) th,
.table-horizontal.is-zebra tbody tr:nth-child(2n) td{background: #F4F4F4;}

.table-vertical{border-top:1px solid #DBDBDB;}

.table-vertical th{
	text-align: left;
	padding: 16px;
	background: #F4F4F4;
	vertical-align: top;
	font-weight:600;
	border-bottom:1px solid #DBDBDB;
	color: #333;
	line-height: 1.6;
	text-align: left;
	min-width: 145px;
	vertical-align: middle;
}

.table-vertical td{
	text-align: left;
	padding: 16px 16px;
	vertical-align: top;
	border-bottom:1px solid #DBDBDB;
	line-height: 1.6;
	color: #484848;
}

.table-horizontal td a,
.table-vertical td a{color: #0078C6;}

.table-horizontal td a:hover,
.table-vertical td a:hover{text-decoration: underline;}

.table-vertical td small{
	line-height: 1.3;
	display: inline-block;
	font-size:12px;
}


/* modal ---------------------------------------*/

.modal-wrapper{display: none;}

.modal{background: #fff;}

.modal-inner{
	width: 100%;
	padding: 30px;
	background: #fff;
}

.modal-inner-manual{
	text-align: center;
}

.modal-inner-manual iframe{
	width: 600px;
	height: 500px
}

.modal-inner-close{
	position:absolute;
	right: 10px;
	top: 10px;
}


/* form ---------------------------------------*/

.form-area .submit{
	text-align: center;
}

.form-select{
	width: 100%;
	padding: 8px 10px;
	font-size: 13px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/icon_select.png') 97% 50% no-repeat, -webkit-linear-gradient(top, #fff 0%, #fff 50% ,#eee 100%);
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/icon_select.png') 97% 50% no-repeat, linear-gradient(to bottom, #fff 0%, #fff 50% ,#eee 100%);
	background-size: 8px 36px;
	border-radius:0;
	outline: none;
}

select::-ms-expand {
	display: none;
}

.form-text{
	padding:13px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
	-webkit-appearance: none;
	outline: none;
	border-radius:0;
}

.form-radio {
	display: inline-block;
	line-height: 1;
	margin-right: 5px;
	font-size: 14px;
	position:relative;
}

.form-radio label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 25px;
	position: relative;
	vertical-align: top;
}

.form-radio input[type="radio"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

.form-radio label::before{
	display:block;
	content:'';
	border:1px solid #aaa;
	border-radius:50%;
	width:20px;
	height:20px;
	position:absolute;
	left: 0;
	top:50%;
	transform: translate(0,-50%);
}

.form-radio input:checked + label::after{
	display:block;
	content:'';
	background: #2A619B;
	border-radius:50%;
	width:14px;
	height:14px;
	position:absolute;
	left: 4px;
	top:50%;
	transform: translate(0,-50%);
}

.form-radio input:disabled + label {opacity: 0.7;}

.form-checkbox {
	display: inline-block;
	line-height: 1;
	margin-right: 5px;
	font-size: 14px;
	position:relative;
}

.form-checkbox label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 23px;
	margin: 0px 0;
	padding: 3px 0 0 30px;
	position: relative;
	vertical-align: top;
}

.form-checkbox input[type="checkbox"]{position: absolute;left:0px;top:0px;width:1px;height:1px;overflow: hidden;opacity:0;}

.form-checkbox label::before{
	display:block;
	content:'';
	border:1px solid #aaa;
	border-radius:2px;
	width:20px;
	height:20px;
	position:absolute;
	left: 0;
	top:50%;
	transform: translate(0,-50%);
}

.form-checkbox input:checked + label::after{
	display:block;
	content:'';
	background: #2A619B;
	border-radius:1px;
	width:14px;
	height:14px;
	position:absolute;
	left: 4px;
	top:50%;
	transform: translate(0,-50%);
}

.form-checkbox input:disabled + label {opacity: 0.7;}

.form-textarea{
	padding:13px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
	height:80px;
	-webkit-appearance: none; 
	outline: none;
	border-radius:0;
}

::placeholder {color:#ccc;}

.toggle-switch {
	position: relative;
	width: 60px;
	height: 30px;
	margin: auto;
	display: inline-block;
}

.toggle-input {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5;
	opacity: 0;
	cursor: pointer;
}

.toggle-switch label{
	width: 60px;
	height: 30px;
	background: #ccc;
	position: relative;
	display: inline-block;
	border-radius: 30px;
	transition: 0.1s;
	box-sizing: border-box;
}

.toggle-switch label::after {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	transition: 0.1s;
}

.toggle-input:checked + label{background-color: #4BD865;}
.toggle-input:checked + label::after{left: 30px;}

.must{color:#aa0000;}


/* accordion ---------------------------------------*/

.accordion{}
.accordion-title{
	position:relative;
	display: inline-block;
	padding-right: 50px;
	cursor: pointer;
}

.accordion-title:hover{
	color:#2A619B;
	text-decoration: underline;
}

.accordion-title::after{
	display:block;
	content:'';
	border-bottom:3px solid #2A619B;
	border-right:3px solid #2A619B;
	width:10px;
	height:10px;
	margin-top:-17px;
	position:absolute;
	right:10px;
	top:50%;
	transform: rotate(45deg);
	transition: all .25s ease;
}

.accordion-title.is-open::after{
	transform: rotate(225deg);
}

.accordion-body{
	display: none;
}


/* tab ---------------------------------------*/


/* pcのみ */
@media screen and (min-width: 769px){
	.sp{display: none !important;}
	.spbr{display: none;}

	.entry-body-sns.is-fixed{
		position: fixed;
		top: 55px;
		left: 50%;
		margin-left: -585px;
	}
}


/* big pc */
@media screen and (min-width: 1400px){

	.header-logo,
	.gnav-logo{left:150px;}
	#openmenu{left:80px;}
	.header-nav{right:400px;}
	.header-sns{right:230px;}
	.header-contact{right:170px;}
	.header-search{right:130px;}

}


/* small pc */
@media screen and (min-width: 769px) and (max-width: 1260px){

	.header-nav{display: none}

	.downloadlist-item{
		width: 48%;
		margin-left: 4%;
	}

	.downloadlist-item:nth-child(3n + 1){margin-left: 4%}
	.downloadlist-item:nth-child(2n + 1){margin-left: 0}


}

/* page client-products ---------------------------------------*/

.client-products_top {	
  margin-bottom: 6em;	
}	

a.products_box:hover {
	opacity: .7;
}

.products_head {
  position: relative;
  height: 170px;
  background-color: black;
  color: #fff;
  margin-bottom: 3em;
}

.products_head > img {
  height: 170px;
  width: 100%;
  object-fit: cover;
  opacity: .4;
  margin: 0;
}

.products_head_inner {
  position: absolute;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -23%);
  z-index: 1;
  color: #fff;
  font-weight: 900;
  text-align: center;
  width: 80%;
}

.sp_view {
	display: none;
}

h2#h2_1,
h2#h2_2,
h2#h2_3 {
	text-align: center;
	font-size: 28px;
	font-weight: 900;
  position: absolute;
  color: #fff;
  z-index: 1;
}

h2#h2_1 {
  top: 43px;
  left: 12%;
}

h2#h2_2 {
  top: 41px;
  left: 25%;
}

h2#h2_3 {
  top: 65px;
  left: 16%;
}

h3#h3_1,
h3#h3_2,
h3#h3_3 {
	font-size: 25px;
	margin: 0;
}

/*#h3_1 {
  padding-top: 3em;
}*/

.head_h3 {
	margin: 1em 0 2em;
	text-align: center;
	position: relative;
}
.head_h3 h3 {
	font-size: 28px;
  font-weight: 900;
}

.head_h3.top_line:before {
  content: "";
	width: 100%;
	display: block;
	height: 5px;
	background-color: #eef0f4;
	position: absolute;
	left: 0;
	top: -4.5em;
}

ul.client-products_flex {
	display: flex;
	justify-content: space-around;
}

ul.client-products_flex-top {
	display: inline-flex;
  margin: 0.5em 0;
  background-color: #000;
}

ul.client-products_flex-top li {
	font-size: 11px;
  margin: 0;
  padding: 0 1em;
  white-space: nowrap;
}

ul.client-products_flex-top li:not(:last-child):after {
  content: "/";
  position: relative;
  left: 1em;
}

ul.client-products_flex li a {
	font-size: 1.25rem;
	font-weight: 900;
	text-decoration: underline;
	position: relative;
}

ul.client-products_flex li {
	position: relative;
}

ul.client-products_flex li {
	width: 50%;
	border: 1px solid #000;
	text-align: center;
	padding: .5em .85em .5em 0;
}

ul.client-products_flex.lineup-epyc li {
  width: 100%;
}

ul.client-products_flex li::after {
	border-top: 8px solid #000000;
	border-right: 5px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 5px solid transparent;
	content: "";
	position: absolute;
	bottom: 18%;
	right: 4px;
}

ul.client-products_flex.lineup-epyc li::after {
  right: 45%;
}

ul.client-products_flex li a {
	font-size: .6rem;
	font-weight: 900;
	text-decoration: underline;
	color: #000;
}

p.products_btn {
  background-color: #f26522;
  padding: 0.15em 2em;
  width: 30%;
  text-align: center;
  display: block;
  margin: 0 auto;
}

p.products_btn.lineup-blue {
	background-color: #0385a9;
}

ul.client-vender {
  display: flex;
  flex-wrap: wrap;
  gap: 21% 5%;
}

ul.client-vender li {
  width: 30%;
  text-align: center;
  padding: .5em 0;
  margin: .5em 0;
  background-color: #fff;
  color: #f26522;
  border: 2px solid #f26522;
  font-weight: 600;
}

ul.client-vender li.is_active,
ul.client-vender li:hover {
	background-color: #f26522;
  color: #fff;
}

ul.client-vender.lineup-blue li {
  color: #0385a9;
  border: 2px solid #0385a9;
}

ul.client-vender.lineup-blue li.is_active,
ul.client-vender.lineup-blue li:hover {
	background-color: #0385a9;
  color: #fff;
}


ul.client_products {
	display: flex;
	flex-wrap: wrap;
	padding-top: 2em;
	margin-bottom: 5em;
	width: 100%;
}

ul.client_products li {
	width: 45%;
	margin: 0 1em 5em;
}

img.product_logo {
  width: auto;
  height: auto;
  max-height: 50px;
  margin-bottom: 3em;
}

ul.client_products li img:last-of-type {
	height: 200px;
	display: block;
	margin: 0 auto 1em;
}

.product_info p.head {
	display: inline-block;
	padding: .5em 1em;
	border-radius: 8px;
	background-color: #000;
	color: #fff;
	font-weight: 900;
	font-size: .6rem;
	margin-bottom: .75em;
}

.product_name {
	font-weight: 600;
	margin: .25em 0;
}

.product_info span {
	font-size: .8rem;
}

.product_info dl {
	margin: .5em 0;
	font-size: .75rem;
}

.product_info dl dt {
	font-weight: 900;
	float: left;
	font-size: .75rem;
}

.product_info dl dd:first-of-type {
	margin-left: 22%;
	white-space: break-spaces;
	font-size: .75rem;
}

.product_info dl dd:nth-of-type(2) {
	margin-left: 12%;
}

ul.client_products li a {
	width: 60%;
	display: inline-block;
	text-align: center;
	padding: .5em;
	background-color: #ff6623;
	color: #fff;
	font-weight: 600;
	font-size: 1rem;
	margin: 1em 0;
	text-decoration: none;
}

.client_products:last-child li a {
	background-color: #006e8c;
}

ul.client_products li a:hover {
	opacity: .7;
}


/* about ページ ---------------------------------------*/

.aboutmain{
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/about/bg.jpg') no-repeat center center;
	background-size: cover;
	color: #fff;
	text-align:center;
	padding: 100px  50px;
}

.aboutmain-inner{
	max-width: 1080px;
	margin: 0 auto;
}

.aboutmain-title {
	font-size: 54px;
	font-weight:bold;
	line-height: 1.5;
	margin-bottom: 30px;
}

.aboutmain-lead {
	font-size: 20px;
	line-height:1.8;
	margin-bottom: 100px;
}

.aboutmain-lead p{margin-bottom: 1em;}
.aboutmain-osusume {margin-bottom: 80px;}

.aboutmain-osusume-title {
	font-size: 28px;
	line-height:1.8;
	margin-bottom: 50px;
}

.aboutmain-osusume ul{
	display: inline-block;
	max-width: 780px;
	text-align: left;
	font-size: 20px;
	line-height: 1.6;
}

.aboutmain-osusume li{
	text-indent:-1em;
	margin-left: 1em;
}

.aboutmain-image {}

.aboutmain-image ul{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.aboutmain-image ul li{width: 31%;}
.aboutmain-image ul li img{width:100%;}

.aboutitem{
	padding: 100px 50px;
}

.aboutitem-inner{
	max-width: 1080px;
	margin: 0 auto;
}

.aboutitem-title {
	text-align:center;
	font-size: 34px;
	font-weight:bold;
	line-height:1.8;
	margin-bottom: 50px;
}


/* 製品カテゴリトップ ページ ---------------------------------------*/

.productcategory-kv {
	background: #E1E1E2;
	color: #fff;
	padding: 50px;
	margin-bottom: 100px;
}

.productcategory-kv.is-epyc{
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/product/kv_epyc.jpg') no-repeat center center;
	background-size: cover;
}

.productcategory-kv.is-ryzen{
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/product/kv_ryzen.jpg') no-repeat center center;
	background-size: cover;
}

.productcategory-kv.is-threadripper{
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/product/kv_threadripper.jpg') no-repeat center center;
	background-size: cover;
}
.productcategory-kv.is-ryzenpro{
	color: #000000;
	margin-bottom: 0;
}

.productcategory-kv-inner {
    max-width: 1080px;
    margin: 0 auto;
    display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
}

.productcategory-kv-movie {
	width: 45%;
	position:relative;
	padding-top: 26%;
}


.productcategory-kv-movie iframe{
	position:absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.productcategory-kv-body {
	width: 45%;
}

.productcategory-kv-title {
	font-size: 22px;
	line-height: 1.2;
	font-weight:bold;
	margin-bottom: 30px;
}

.productcategory-kv-body p{
	font-size: 16px;
	line-height: 1.6;
	font-weight:bold;
	margin-bottom: 30px;
}

.productcategory-kv-body p.font-normal{font-weight:normal;}

.productcategory-kv-body small{
	font-size: 14px;
	font-weight:normal;
}

.productcategory-kv-body ul{
	font-size: 14px;
	line-height: 1.5;
}

.productcategory-kv-body ul li{
	text-indent:-1em;
	margin-left: 1em;
}

.productcategory-special{
	padding-top: 0px;
	margin-bottom: 80px;
}

.productcategory-special.is-epyc {}

.productcategory-section-title {
	font-size: 34px;
	line-height: 1.5;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

.productcategory-section-title.is-noborder{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

.productcategory-special-text {
	font-size: 18px;
	font-weight:bold;
	line-height: 1.5;
	margin-bottom: 30px;
}

.productcategory-special-img {
	max-width: ;
}

.productcategory-special-btn {
    margin-top: 25px;
    font-size: 16px;
    display: inline-block;
    width: 216px;
    border: 2px solid #000;
    text-align: center;
    padding: 12px;
    line-height: 1.0;
    font-weight: bold;
    transition: all .25s ease;
}

.productcategory-special-btn:hover {
	background: #000;
	color: #fff;
}

.productcategory-special-flex{
	display:flex;
    flex-wrap: wrap;
	justify-content:space-between;
}

.productcategory-special-block{
	width: calc(50% - 8px);
    margin-bottom: 30px;
}

.productcategory-explain {
	color: #fff;
	padding: 50px 50px 60px;
	margin-bottom: 100px;
	background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/product/bg_ryzen_pro.jpg') no-repeat center center;
	background-size: cover;
}

.productcategory-explain-title {
	text-align:center;
	font-size: 20px;
	line-height: 1.5;
	font-weight:bold;
	margin-bottom: 15px;
}

.productcategory-explain-lead {
	text-align:center;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 30px;
}

.productcategory-explain-list {
	display:flex;
	justify-content:space-between;
}


.productcategory-explain-list > li{
	width: 31%;
}

.productcategory-explain-list-image {
	overflow: hidden;
	margin-bottom: 20px;
}

.productcategory-explain-list-body {
	background: #163B48;
	padding: 20px;
	min-height: 185px;
}

.productcategory-explain-list-body-title {
	text-align:center;
	font-size: 20px;
	line-height: 1.5;
	font-weight:bold;
	margin-bottom: 10px;
}
.productcategory-explain-list-body p{
	font-size: 14px;
	line-height: 1.5;
}

.productcategory-notice{padding-bottom:100px}

.productcategory-notice-title{
	font-size: 28px;
	line-height: 1.5;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	position:relative;
	cursor: pointer;
}

.productcategory-notice-title::after{
	content: '';
	position:absolute;
	right: 0;
	top: 50%;
	width: 14px;
	height:  14px;
	border-right: 3px solid #000;
	border-bottom: 3px solid #000;
	transform: translate(0, -50%) rotate(45deg);
	transition: all .25s ease;
}

.productcategory-notice-title.is-open::after{
	transform: translate(0, -50%) rotate(225deg);
}

.productcategory-notice-body{
	font-size: 13px;
	line-height: 1.7;
	display: none;
}

.productcategory-notice-body-inner{
	padding-top: 10px;
}

.productcategory-notice-body p,
.productcategory-notice-body ul{
	margin-top: 1.5em;
}

.productcategory-notice-body ul li{
	padding-left: 2em;
	margin-bottom: 1.5em;
	position:relative;
}

.productcategory-notice-body ul li .num{
	width: 2em;
	position:absolute;
	left: 0;
	top: 0;
}

.productcategory-notice-body a{
	color: #031F7C;
	text-decoration:underline;
}


/* サイドバー ページ ---------------------------------------*/

.side-document-pdf-bnr-list-item{margin-top: 30px;}


@media screen and (max-width: 768px){

	/* default ---------------------------------------*/

	img{max-width:100%;}
	*{box-sizing:border-box;}


	/* common item ---------------------------------------*/

	.pc{display: none !important;}
	.pcbr{display: none;}

	/* layout ---------------------------------------*/

	.header-inner,
	.footer-inner,
	.inner,
	.wrapper{
		min-width:0;
		width:100%;
	}

	.wrapper{padding: 0 20px;}
	.archive-wrapper{padding: 50px 20px 0;}


	/* header ---------------------------------------*/

	header{}
	.header-inner{height:68px;}

	.header-logo{
		width:150px;
		height:20px;
		left: 60px;
		transform: translate(0,-50%);
	}

	.header-nav{display: none}
	.header-sns{display: none}
	.header-contact{right:40px;}

	.header-contact-btn{
		width: 45px;
		height: 68px;
		line-height: 1;
		padding-top: 23px;
	}

	.header-search{
		position: absolute;
		right:0px;
		top:0px;
		height: 100%;
	}

	.header-search-btn{
		position:absolute;
		right: 0;
		top: 0;
		width: 55px;
		height: 55px;
		padding-top: 25px;
	}

	#openmenu{
		width:55px;
		height:68px;
		left:5px;
	}

	#openmenu span{left:17px;}

	#openmenu span:nth-child(1){top:24px;width:21px;}
	#openmenu span:nth-child(2){top:31px;width:16px;}
	#openmenu span:nth-child(3){top:38px;width:11px;}

	#openmenu.is-open span:nth-child(1){
		top:28px;
		width: 20px;
		left:16px;
	}

	#openmenu.is-open span:nth-child(3){
		width: 20px;
		top:28px;
		left:16px;
	}


	/* searchdrop ---------------------------------------*/

	.searchdrop{
		top: 68px;
		padding: 30px 40px;
	}

	.searchdrop-close{
		right: 0px;
		top: 0px;
	}


	/* gnav ---------------------------------------*/

	.gnav{
		width:100%;
		max-width: 100%;
		padding: 0px 35px;
	}

	.gnav-inner{
		padding: 60px 0 50px;
	}

	.gnav::after{display: none}

	.gnav-logo{
		left:60px;
		top:18px;
		z-index: 3;
	}

	.gnav-logo a{
		display: block;
		line-height: 1.0;
	}

	.gnav-list{
		margin-bottom: 10px;
		width: 100%;
		padding: 0px 0 0px 0px;
	}

	.gnav-list-item {
		margin-bottom: 5px;
		float: none;
	}

	.gnav-list-item > a,
	.gnav-list-item > span{
		color: #000;
		line-height: 1.5;
		font-size:18px;
		width: 100%;
		padding: 0px;
		text-align: left;
	}

	.gnav-list-item:hover > a,
	.gnav-list-item:hover > span{
		color: #000;
		background:none;
	}

	.gnav-sub{
		position:relative;
		right: 0;
		width: 100%;
		height: auto;
		top: 0;
		padding: 10px 10px;
		font-size:16px;
		text-align: left;
		display: block;
	}

	.gnav-list-item:hover .gnav-sub{display: block;}
	.gnav-sub-list li{margin-bottom: 0px;}
	.gnav-sub-list li a:hover{text-decoration:underline;}
	.gnav-sub-list li a{
		display: block;
		padding: 5px;
	}

	.gnav-sns{
		width: 100%;
		padding-bottom: 20px;
		text-align:center;
		padding-top: 10px;
	}

	.gnav-sns-list{
		max-width: 100%;
		width: 100%;
		text-align:center;
		display: block
	}

	.gnav-sns-list li{margin: 0 5px;}

	.gnav-toc{
		width: 100%;
		padding-bottom: 30px;
		text-align:center;
	}
	.gnav-toc a{width:auto;padding-left: 0px}


	/* footer ---------------------------------------*/

	footer{padding:60px 40px 20px;}
	.footer-inner{}
	.footernav{display: block;}
	.footernav-box{width: 100%;}

	.footernav-box-head{
		font-size:20px;
		margin-bottom: 15px;
		margin-right: 20px;
		position:relative;
	}

	.footernav-box-head a{display: block}

	.footernav-box-head .open{
		position:absolute;
		right:-40px;
		top:0;
		width: 40px;
		height: 40px;
		cursor: pointer;
	}

	.footernav-box-head .open::after{
		display:block;
		content:'';
		border-right:1px solid #666;
		border-bottom:1px solid #666;
		width:7px;
		height:7px;
		position:absolute;
		left: 50%;
		top: 50%;
		margin: -2px 0 0 -5px;
		transform-origin: center center;
		transition: all .25s ease;
		transform:translate(0,-50%) rotate(45deg);
	}

	.footernav-box-head .open.is-open::after{
		transform:translate(0,-50%) rotate(225deg);
	}

	.footernav-box-head.is-nochild .open::after,
	.footernav-box-head.is-nochild .open.is-open::after{
		transform:translate(0,-50%) rotate(-45deg);
	}

	.footernav-list-wrapper{display: none}

	.footernav-list{padding: 0 0 30px 30px;}
	.footernav-list-item{margin-bottom: 15px;}

	.footer-menu{
		padding:40px 0 0 0;
		margin-bottom:20px;
	}

	.footer-logo{margin-bottom: 25px;}

	.footer-menu-list{
		font-size:0px;
		text-align:center;
	}

	.footer-menu-list-item{
		line-height: 1;
		margin-bottom: 10px
	}

	.copyright{font-size: 10px;}

	.gotop{
		width:22px;
		position:fixed;
		right:10px;
		bottom:15px;
		z-index:100;
		opacity:0;
	}

	.gotop a img{width:100%;}

	/* grid ---------------------------------------*/

	.row {
		margin-right: -4px;
		margin-left: -4px;
	}

	.col-1, .col-2, .col-2-4, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
		padding-right: 4px;
		padding-left: 4px;
	}

	.col-sp-1, .col-sp-2, .col-sp-2-4, .col-sp-3, .col-sp-4, .col-sp-5, .col-sp-6, .col-sp-7, .col-sp-8, .col-sp-9, .col-sp-10, .col-sp-11, .col-sp-12 {
		position: relative;
		width: 100%;
		min-height: 1px;
		padding-right: 4px;
		padding-left: 4px;
	}

	.col {
		flex-basis: 0;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-sp-auto {
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-sp-1 {
		flex: 0 0 8.3333333333%;
		max-width: 8.3333333333%;
	}
	.col-sp-2 {
		flex: 0 0 16.6666666667%;
		max-width: 16.6666666667%;
	}
	.col-sp-2-4 {
		flex: 0 0 20%;
		max-width: 20%;
	}
	.col-sp-3 {
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-sp-4 {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.col-sp-5 {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}
	.col-sp-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sp-7 {
		flex: 0 0 58.3333333333%;
		max-width: 58.3333333333%;
	}
	.col-sp-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.col-sp-9 {
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-sp-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.col-sp-11 {
		flex: 0 0 91.6666666667%;
		max-width: 91.6666666667%;
	}
	.col-sp-12 {
		flex: 0 0 100%;
		max-width: 100%;
	}


	/* margin ---------------------------------------*/

	.mt-sp-0{margin-top:0px !important;}
	.mt-sp-5{margin-top:5px !important;}
	.mt-sp-10{margin-top:10px !important;}
	.mt-sp-15{margin-top:15px !important;}
	.mt-sp-20{margin-top:20px !important;}
	.mt-sp-25{margin-top:25px !important;}
	.mt-sp-30{margin-top:30px !important;}
	.mt-sp-35{margin-top:35px !important;}
	.mt-sp-40{margin-top:40px !important;}
	.mt-sp-45{margin-top:45px !important;}
	.mt-sp-50{margin-top:50px !important;}
	.mt-sp-55{margin-top:55px !important;}
	.mt-sp-60{margin-top:60px !important;}
	.mt-sp-65{margin-top:65px !important;}
	.mt-sp-70{margin-top:70px !important;}
	.mt-sp-75{margin-top:75px !important;}
	.mt-sp-80{margin-top:80px !important;}
	.mt-sp-85{margin-top:85px !important;}
	.mt-sp-90{margin-top:90px !important;}
	.mt-sp-95{margin-top:95px !important;}
	.mt-sp-100{margin-top:100px !important;}

	.mb-sp-0{margin-bottom:0px !important;}
	.mb-sp-5{margin-bottom:5px !important;}
	.mb-sp-10{margin-bottom:10px !important;}
	.mb-sp-15{margin-bottom:15px !important;}
	.mb-sp-20{margin-bottom:20px !important;}
	.mb-sp-25{margin-bottom:25px !important;}
	.mb-sp-30{margin-bottom:30px !important;}
	.mb-sp-35{margin-bottom:35px !important;}
	.mb-sp-40{margin-bottom:40px !important;}
	.mb-sp-45{margin-bottom:45px !important;}
	.mb-sp-50{margin-bottom:50px !important;}
	.mb-sp-55{margin-bottom:55px !important;}
	.mb-sp-60{margin-bottom:60px !important;}
	.mb-sp-65{margin-bottom:65px !important;}
	.mb-sp-70{margin-bottom:70px !important;}
	.mb-sp-75{margin-bottom:75px !important;}
	.mb-sp-80{margin-bottom:80px !important;}
	.mb-sp-85{margin-bottom:85px !important;}
	.mb-sp-90{margin-bottom:90px !important;}
	.mb-sp-95{margin-bottom:95px !important;}
	.mb-sp-100{margin-bottom:100px !important;}


	/* width ---------------------------------------*/

	.wid-sp-100per{width:100% !important;}
	.wid-sp-50per{width:50% !important;}

	.wid-sp-400{width:400px !important;}
	.wid-sp-500{width:500px !important;}
	.wid-sp-600{width:600px !important;}
	.wid-sp-700{width:700px !important;}
	.wid-sp-800{width:800px !important;}
	.wid-sp-900{width:900px !important;}

	/* title ---------------------------------------*/

	.title-page{}

	.title-section{
		font-size: 30px;
		padding: 32px 0;
	}

	.title-section::after{width: 100px;}
	.title-block{font-size: 24px;}
	.title-small{font-size: 16px;}


	/* text ---------------------------------------*/

	.text-sp-center{text-align:center;}
	.text-sp-right{text-align:right;}
	.text-sp-left{text-align:left;}


	/* pankuzu ---------------------------------------*/

	.pankuzu{display: none}


	/* entrylist ---------------------------------------*/

	.entrylist{}

	.entrylist-item{
		width: 100%;
		margin-bottom: 40px;
		margin-left: 0;
	}

	.entrylist-item:nth-child(2n + 1){
		margin-left: 0;
		clear: left;
	}

	.entrylist-item.is-item-s{width: calc(50% - 6px);}

	.entrylist-item:nth-child(2n + 1){margin-left: 0;}

	.entrylist-item.is-item-s{
		width: calc(50% - 8px);
	}

	.entrylist.is-type-a-1 .entrylist-item:nth-child(1){float: right;}
	.entrylist.is-type-a-1 .entrylist-item:nth-child(2){margin-left: 0;}
	.entrylist.is-type-a-2 .entrylist-item{margin-left: 16px;}
	.entrylist.is-type-a-2 .entrylist-item:nth-child(2n + 1){margin-left: 0;}
	.entrylist.is-type-b .entrylist-item:nth-child(2n){margin-left: 16px}
	.entrylist.is-type-b .entrylist-item:nth-child(2){margin-left: 0px;}
	.entrylist.is-type-b .entrylist-item:nth-child(3){margin-left: 0px;}

	.entrylist-item-image{margin-bottom: 12px;}
	.entrylist-item-body{min-height:0;}
	.entrylist-item-head{padding-bottom: 15px;}

	.entrylist-item-head::after{
		width:25px;
		left:0px;
	}

	.entrylist-item-title{
		line-height: 1.4;
		font-weight:bold;
		font-size:15px;
		-webkit-line-clamp: 3;
		overflow: hidden;
		height: auto;
	}

	.entrylist-item-data{
		padding-top: 15px;
		min-height:0;
	}

	.entrylist-item-btn{
		width: 250px;
		display: block;
		margin: 0 auto;
		font-size: 14px;
		border-width: 1px;
	}


	/* taglist ---------------------------------------*/

	.tag-list{}

	.tag-list li{
		font-size:12px;
		margin-right: 5px;
		margin-bottom: 5px;
	}

	.tag-list li a{
		padding: 5px 8px;
		border-radius:2px;
	}


	/* noticelist ---------------------------------------*/

	.noticelist li{
		text-indent:-1em;
		margin-left: 1em;
		font-size:12px;
		line-height: 1.8;
	}


	/* category ---------------------------------------*/

	.category{
		font-size:12px;
		padding: 4px 8px;
		margin-bottom: 5px;
	}

	.category-list{
		line-height: 1;
		font-size:0px;
		transition: all .25s ease;
	}

	.category-list li{
		display: inline-block;
		font-size:13px;
		margin-bottom: 10px;
	}

	.category-list li a{
	}

	.category-list li a:hover{
	}

	/* archive ---------------------------------------*/

	.archive{}

	.archive-head{margin-bottom: 40px;}
	.archive-title{font-size:30px;}
	.archive-category{padding: 30px 0;}

	.archive-tag{
		padding: 40px 0 35px;
		margin-bottom: 50px
	}

	/* article ---------------------------------------*/

	.article-head-category{
		text-align:left;
		padding: 20px 20px;
	}

	.article-inner{
		display: block;
		padding-top: 40px;
		margin-bottom: 40px;
	}

	.article-body{width: 100%;}
	.article-side{
		width: 100%;
		padding: 50px 20px;
	}

	.entry-head{
		padding: 0 20px;
		margin-bottom: 30px;
	}

	.entry-title{
		font-size:26px;
		line-height: 1.3;
		margin-bottom: 20px;
	}

	.entry-data{display: block}
	.entry-data-tag{margin-bottom: 20px}
	.entry-data-text{text-align: right}
	.entry-data-text p{font-size:12px;}

	.entry-body-wrapper{
		position:relative;
	}

	.entry-body-sns{
		position:relative;
		left: 0;
		padding: 0 20px;
		margin-bottom: 60px
	}

	.entry-body-sns li{
		display: inline-block;
		margin: 0 10px 0 0;
	}

	.entry-body-sns li img{width:35px;}

	.entry-kv{margin-bottom: 60px;}
	.entry-kv img{}

	.entry-index{
		padding: 30px 20px 20px;
		margin: 0 20px 40px;
	}

	.entry-index-title{
		font-size:16px;
		margin-bottom: 20px;
		font-weight:bold;
	}

	.entry-index-list{}

	.entry-index-list li{
		margin-bottom: 10px;
		font-size:16px;
		text-indent:-1em;
		margin-left: 1em
	}


	/* search result ---------------------------------------*/

	.searchresult-input-wrapper{width: 100%;}
	.searchresult-input{width: calc(100% - 40px);}


	/* body */

	.entry-body{padding:0 20px;}

	.entry-body h1,
	.entry-body h2,
	.entry-body h3,
	.entry-body h4,
	.entry-body h5,
	.entry-body h6{font-weight:bold;margin-bottom: 1.5em;margin-top: 1.5em;line-height: 1.7}

	.entry-body h1{font-size:26px;}
	.entry-body h2{font-size:24px;}
	.entry-body h3{font-size:22px;}
	.entry-body h4{font-size:20px;}
	.entry-body h5{font-size:18px}
	.entry-body h6{font-size:16px;}
	.entry-body p{
		font-size:14px;
		margin-bottom: 2em;
		line-height: 2.2;
	}

	.entry-body-wrapper iframe{max-width:100%;}

	.entry-body figure{
		padding: 0 0px;
		margin: 30px 0;
	}

	.entry-body figcaption{
		line-height: 1.7;
		font-size:13px;
		padding-top: 10px;
	}
        
    .entry-body .wp-caption {
        max-width: 100%;
    }

	.entry-body table th,
	.entry-body table td{
		padding: 3px;
		font-size:13px;
	}

	.entry-body ul,
	.entry-body ol,
	.entry-body blockquote{font-size:13px;}

	.entry-body .row{display: block;}

	.entry-body .row .col-2{
		width: 100%;
		margin: 30px 0;
	}

	.entry-body .row .col-3{
		width: 100%;
		margin: 30px 0;
	}

	.entry-back{
		text-align: center;
		padding: 0px 20px;
	}

	.entry-back a{
		display: block;
		font-size:14px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
		text-decoration:none;
	}

	.entry-back a::before{
		content:'<';
		display: inline-block;
		vertical-align: middle;
		margin-right: 10px;
		position:relative;
		top: -2px;
	}


	/* article side */

	.side-category{margin-bottom: 50px;}

	.side-title{
		text-align:center;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		line-height: 1.5;
		padding: 15px;
		margin-bottom: 40px;
	}

	.popular-posts{margin-bottom: 50px;}

	.popular-posts .wpp-list{
		max-width: 350px;
		margin: 0 auto;
	}

	.popular-posts .wpp-list li:first-child{border-top:none;}
	.popular-posts .wpp-list li{
		border-bottom: none;
		margin-bottom: 20px;
	}

	.popular-posts .wpp-list li a{
		padding: 10px 0;
		display: block;
		font-size:16px;
	}

	.side-ranking-item{display: block;}

	.popular-posts .wpp-list li a:nth-child(1){
		order: 2;
		margin-bottom: 15px;
		width: 100%;
	}

	.popular-posts .wpp-list li a{width:100%;}

	.popular-posts .wpp-post-title{
		width: 100%;
		font-size:16px;
	}


	/* article related */

	.entry-related{
		padding-top: 50px;
		margin: 0 20px 50px;
	}

	.entry-related-title{
		font-size:22px;
		margin-bottom: 30px;
	}


	/* page type1 ---------------------------------------*/

	.page-type1{padding: 0;}

	.page-type1-inner{
		background: url("https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/common/bg_page.jpg") no-repeat center top;
		background-size: 350%;
	}

	.page-tipe1-title-flex{
		padding: 60px 0 0px;
		margin-bottom: 30px;
		display: block;
	}

	.page-type1-title{
		text-align:center;
		font-size:24px;
		padding: 60px 0 0px;
		margin-bottom: 30px;
	}

	.page-tipe1-title-flex .page-type1-title{
		margin-bottom: 30px;
	}

	.page-type1-subtitle{
		text-align:center;
		font-size:16px;
		padding: 0px 0 20px;
		margin-bottom: 30px;
	}

	.page-category-list-item{font-size: 12px;}
	.page-category-list-item a{padding: 4px;}

	.downloadlist{display: block;}

	.downloadlist-body{
		min-height:0;
		margin-bottom: 30px;
	}

	.downloadlist-item{
		width: 100%;
		margin: 0 0 30px 0;
		border-radius:5px;
		padding: 30px 30px;
	}

	.downloadlist-item-btn{
		position:relative;
		left:0;
		bottom:0;
		transform:translate(0,0);
	}

	/* about ページ ---------------------------------------*/

	.aboutmain{
		padding: 40px 20px 20px;
	}
	.aboutmain-inner{}

	.aboutmain-title {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.aboutmain-lead {
		font-size: 14px;
		line-height:1.6;
		margin-bottom: 40px;
	}

	.aboutmain-lead p{margin-bottom: 1.5em;}
	.aboutmain-osusume {margin-bottom: 40px;}

	.aboutmain-osusume-title {
		font-size: 17px;
		font-weight:bold;
		line-height:1.4;
		margin-bottom: 35px;
	}

	.aboutmain-osusume ul{
		font-size: 12px;
		line-height: 1.6;
	}

	.aboutmain-image ul{display: block;}

	.aboutmain-image ul li{
		width: 100%;
		margin-bottom: 5px
	}

	.aboutitem{padding: 50px 20px;}
	.aboutitem-inner{}

	.aboutitem-title {
		font-size: 22px;
		margin-bottom: 35px;
	}


	/* 製品カテゴリトップ ページ ---------------------------------------*/

	.productcategory-kv {
		padding: 20px;
		margin-bottom: 60px;
	}

	.productcategory-kv.is-epyc{
		background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/product/kv_epyc.jpg') no-repeat center center;
		background-size: cover;
	}

	.productcategory-kv.is-ryzen{
		background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/product/kv_ryzen.jpg') no-repeat center center;
		background-size: cover;
	}

	.productcategory-kv.is-threadripper{
		background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/product/kv_threadripper.jpg') no-repeat center center;
		background-size: cover;
	}
	.productcategory-kv.is-ryzenpro{margin-bottom: 0;}
	.productcategory-kv-inner {display: block;}

	.productcategory-kv-movie {
		width: 100%;
		padding-top: 56%;
	}

	.productcategory-kv-body {
		margin-top: 30px;
		width: 100%;
		padding-bottom:10px;
	}
	.productcategory-kv-body sup{margin-left: 5px}

	.productcategory-kv-title {
		font-size: 17px;
		line-height: 1.2;
		margin-bottom: 30px;
	}

	.productcategory-kv-body p{
		font-size: 13px;
		line-height: 1.6;
		margin-bottom: 15px;
		font-weight:normal;
	}

	.productcategory-kv-body small{
		font-size: 13px;
	}

	.productcategory-kv-body ul{
		font-size: 13px;
		line-height: 1.5;
	}

	.productcategory-special{
		margin-bottom: 60px;
		padding: 0 20px;
	}

	.productcategory-section-title {
		font-size: 17px;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}

	.inner > .productcategory-section-title{
		margin-left: 20px;
		margin-right: 20px
	}

	.productcategory-special-text {
		font-size: 13px;
		margin-bottom: 20px;
	}

	.productcategory-special-btn {
	    font-size: 12px;
	    display: block;
	    margin: 20px auto 0;
	    width: 230px;
	    border: 1px solid #000;
	    padding: 10px;
	}

	.productcategory-special-flex{display: block}
	.productcategory-special-block{width: 100%;margin-bottom: 30px}

	.productcategory-explain {
		padding: 30px 20px 25px;
		margin-bottom: 60px;
		background: url('https://biz.amd-heroes.jp/wp-content/themes/amd_heroes/img/product/bg_ryzen_pro.jpg') no-repeat center center;
		background-size: cover;
	}

	.productcategory-explain-title {
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 15px;
	}

	.productcategory-explain-lead {
		font-size: 12px;
		line-height: 1.5;
		margin-bottom: 15px;
	}

	.productcategory-explain-list {display: block;}

	.productcategory-explain-list > li{
		width: 100%;
		margin-bottom: 10px
	}

	.productcategory-explain-list-image {
		margin-bottom: 10px;
	}

	.productcategory-explain-list-body {
		padding: 20px 8px 15px;
		min-height: 0;
	}

	.productcategory-explain-list-body-title {
		font-size: 15px;
		margin-bottom: 10px;
	}
	.productcategory-explain-list-body p{
		font-size: 12px;
		line-height: 1.3;
	}

	.productcategory-notice{padding-bottom:60px}

	.productcategory-notice-title{
		font-size: 17px;
		line-height: 1.5;
		padding-bottom: 5px;
	}

	.productcategory-notice-body{
		font-size: 11px;
		line-height: 1.7;
	}

	.productcategory-notice-body-inner{
		padding-top: 10px
	}

	.productcategory-notice-body p{
		margin-top: 1.5em;
	}

	.productcategory-notice-body ul li{
		padding-left: 2em;
		margin-bottom: 1.5em;
		position:relative;
	}

	.productcategory-notice-body ul li .num{
		width: 2em;
		position:absolute;
		left: 0;
		top: 0;
	}

	.productcategory-notice a{
	}


	/* page client-products ---------------------------------------*/

	.sp_view {
		display: block;
	}

	.products_head_inner {
		transform: translate(-50%, -21%);
		width: 100%;
	}

	ul.client-products_flex li {
		padding: 0.5em 0.5em 1.5em;
	}

	ul.client-products_flex li::after {
		bottom: -3%;
		right: 45%;
	}

	ul.client-products_flex.lineup-epyc li {
    padding: 1em;
  }

	ul.client-products_flex.lineup-epyc li::after {
    right: 37%;
    bottom: 13%;
  }

  .products_head ul:first-of-type {
		width: 60%;
    display: initial;
    padding: 0.25em 1em;
	}

	.products_head ul:first-of-type li {
    display: inline;
  }


	h2#h2_1{
		font-size: 24px;
	}

	h2#h2_2,
	h2#h2_3 {
		font-size: 20px;
	}

	h2#h2_1 {
		top: 50px;
		left: 2%;
	}

	h2#h2_2 {
		top: 31%;
		left: 12%;
	}

	h2#h2_3 {
		top: 42%;
		left: 4%;
	}

	h3#h3_1,
	h3#h3_2,
	h3#h3_3 {
	  font-size: 15px;
    margin: auto auto 0.5em;
	}

	.head_h3 img {
		max-height: 100px;
		max-width: 200px;
	}

	ul.client_products {
		display: block;
	}

	ul.client_products li {
		width: 100%;
		margin: 0 0 2em;
		padding: 1em;
	}

	ul.client_products li a {
		width: 100%;
	}

  p.products_btn {
    margin: 0.5em auto;
    width: 60%;
  }

  ul.client-vender li {
  	width: 47%;
  	white-space: nowrap;
    text-align: center;
  }

}

    /* ポップアップバナー */

        .amazon-img {
            z-index: 9999;
            margin-bottom: 10px;
            position: fixed;
            bottom: 0 !important;
            right: 10px;
            width: 90vw;
            max-width: 300px;
        }
@media screen and (max-width: 768px){
    .amazon-img {
        max-width: 210px;
    }
}

        .fadeUp{
        animation-name:fadeUpAnime;
        animation-duration:3s;
        animation-fill-mode:forwards;
        animation-delay:1s;
        opacity:0;
        }
        @keyframes fadeUpAnime{
          from {
            opacity: 0;
            transform: translateY(100px);
          }

          to {
            opacity: 1;
            transform: translateY(0);
            position: fixed;
            bottom: 10px;
            right: 10px;
          }
        }


/* iphone5 iphoneSE用 */
@media screen and (max-width: 370px){

}



/* common header */

/*
header {display: none;}
*/

.indexkv-wrapper {padding-top: 0 !important;}

.commonheader {}

.commonheader-logoarea {
	background: #000;
	padding: 26px 35px;
}

.commonheader-logoarea-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
}

.commonheader-openmenu {display: none;}

.commonheader-logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 35px;
	width: 235px;
}

.commonheader-logo a {transition: all .28s ease;}
.commonheader-logo a:hover {opacity: 0.7;}
.commonheader-logo-amd {position: relative;}

.commonheader-logo-amd::before {
	display: block;
	content: '';
	width: 1.5px;
	height: 80%;
	background: #fff;
	position: absolute;
	right: -17px;
	top: 50%;
	transform: translate(0, -50%);
	opacity: 0.2;
}

.commonheader-logo-amd img {
	height: 2.125rem;
	width: 6.875rem;
}

.commonheader-logo-local img {
	height: 1.898rem;
	width: 6.875rem;
}

.commonheader-icon-nav {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}

.commonheader-icon-nav-item {
	position: relative;
}

.commonheader-icon-nav-btn {
	color: #fff;
	font-size: 1.27rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.7rem;
}

.commonheader-icon-nav-btn:hover {
	background-color: #27282b;
	border: none;
	border-radius: 5px;
	padding-bottom: .625rem;
	padding-top: .625rem;
	opacity: 1;
}

.commonheader-icon-nav-btn .commonheader-icon-nav-svg {
	text-rendering: auto;
	fill: #fff;
	display: inline-block;
	height: 1em;
	vertical-align: -.125em;
	width: 2.6rem;
}

.commonheader-icon-nav-dropdown {
	display: none;
	position: absolute;
	right: 0;
	top: 34px;
	z-index: 2999;
	min-width: 27.9rem;
	width: calc(100% - 25px);
}

.commonheader-icon-nav-dropdown.is-open {
	display: block;
}

.commonheader-icon-nav-pointer {
	border-bottom: .625rem solid #1a1a1b;
	border-left: .625rem solid transparent;
	border-right: .625rem solid transparent;
	height: 0;
	margin: auto;
	width: 0;
	margin-left: auto;
	margin-right: 10px;
}

.commonheader-icon-nav-search {
/*	min-width: 29.625rem;*/
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	background: #636466;
	color: #fff;
	list-style-type: none;
	margin: 0;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .24);
	border-radius: 5px;
	overflow: hidden;
}

.commonheader-icon-nav-search .searchdrop-input {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}
.commonheader-icon-nav-search .searchdrop-input button {
	position: static;
	right: auto;
	top: auto;
	width: 70px;
	height: 40px;
	width: 3rem;
	height: auto;
	font-size: 14px;
	text-align: center;
	border: none;
	background: #636466;
	color: #fff;
	cursor: pointer;
}

.commonheader-icon-nav-search .searchdrop-input button span {
	display: inline-block;
	width: 1rem;
	height: 1rem;
}

.commonheader-icon-nav-search .searchdrop-input button svg {
	fill: #fff;
	width: 100%;
	max-height: 100%;
	aspect-ratio: 1 / 1;
	height: auto;
}

.commonheader-icon-nav-search .searchdrop-input input {
	width: calc(100% - 48px);
	width: 100%;
	background: #636466;
	height: 50px;
	font-size: 14px;
	border: none;
	padding: 0.875rem 1rem;
	caret-color: #fff;
	font-size: 1rem;
	color: #fff;
}
.commonheader-icon-nav-search .searchdrop-input input:focus {
	outline: 0;
}

.commonheader-nav {
	background: #1A1A1B;
	padding: 26px 35px;
}

.commonheader-gnav {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 58px;
}

.commonheader-gnav-item{}
.commonheader-gnav-item.commonheader-gnav-item-onlyhamburger {display: none;}
.commonheader-gnav-item.commonheader-gnav-item-dropdown {position: relative;}

.commonheader-gnav-link {
	color: #fff;
	line-height: 1.2;
	position: relative;
	padding-bottom: .25rem;
}

.commonheader-gnav-link::after {
	border: 0;
	border-bottom: 2px solid #fff;
	content: "";
	display: block;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0) translate(-50%, 0);
	transition: transform .25s ease-in-out;
	width: 100%;
}

.commonheader-gnav-link:hover::after {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	outline: none;
	transform: scaleX(1);
}

.is-open.commonheader-gnav-link::after {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	outline: none;
	transform: scaleX(1);
}

.commonheader-gnav-link .caret {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	fill: #fff;
	content: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23fff" viewBox="0 0 512 512"><path d="m256 429.3 22.6-22.6 192-192 22.7-22.7-45.3-45.3-22.6 22.6L256 338.7 86.6 169.4 64 146.7 18.7 192l22.6 22.6 192 192 22.7 22.7z"/></svg>');
	display: inline-block;
	height: 1em;
	transition: all .5s ease;
	vertical-align: -.125em;
	width: 2.125rem;
}

.commonheader-gnav-link:hover .caret {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	outline: none;
	transform: scaleX(1);
}

.is-open.commonheader-gnav-link .caret {
	transform: rotate(180deg);
	transition: all .5s ease;
}

.commonheader-gnav-dropdown {
	display: none;
	background: transparent;
	top: 50px;
	background-clip: padding-box;
	display: none;
	font-size: 1rem;
	margin: 0;
	min-width: 10rem;
	position: absolute;
	text-align: left;
	z-index: 1000;
}

.is-open.commonheader-gnav-dropdown {
	display: block;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 8px 28px 0 rgba(0, 0, 0, .24);
}

.commonheader-gnav-dropdown-list {
	align-self: stretch;
	color: #fff;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
}

.commonheader-gnav-dropdown-list::after {
	-webkit-backdrop-filter: blur(30px);
	backdrop-filter: blur(30px);
	background-color: rgba(26, 26, 27, .63);
	border-radius: 0 0 10px 10px;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.commonheader-gnav-link.dropdown-item {
	align-items: center;
	border-radius: 0;
	border-top: 1px solid #27282b;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	font-size: 1rem;
	font-weight: 500;
	justify-content: space-between;
	line-height: 1.5rem;
	padding: .625rem 1.625rem;
	text-align: left;
	background-color: transparent;
	clear: both;
	white-space: nowrap;
	width: 100%;
}

.commonheader-gnav-link.dropdown-item::after {display: none;}

.commonheader-gnav-link.dropdown-item:hover {
	background-color: #fff;
	box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .24);
	color: #000;
	font-weight: 500;
}

.commonheader-gnav-dropdown-list li:first-of-type .commonheader-gnav-link.dropdown-item {border-top: 1px solid #27282b;}
.commonheader-gnav-dropdown-list li:last-of-type .commonheader-gnav-link.dropdown-item {border-radius: 0 0 10px 10px;}


/* footer */

footer {display: none;}
.commonfooter {background: #000;}

.commonfooter-inner {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 1.625rem 5.625rem;
	max-width: 1600px;
}

.commonfooter-logoarea {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
	padding-top: 1.625rem;
	padding-bottom: 1.625rem;
}

.commonfooter-logo {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 35px;
	width: 235px;
	margin-bottom: 1rem;
}

.commonfooter-logo a {transition: all .28s ease;}
.commonfooter-logo a:hover {opacity: 0.7;}
.commonfooter-logo-amd {position: relative;}

.commonfooter-logo-amd::before {
	display: block;
	content: '';
	width: 1px;
	height: 80%;
	background: #fff;
	position: absolute;
	right: -17px;
	top: 50%;
	transform: translate(0,-50%);
	opacity: 0.2;
}

.commonfooter-logo-amd img {
	height: 2.125rem;
	width: 6.875rem;
}

.commonfooter-logo-local img {
	height: 1.898rem;
	width: 6.875rem;
}

.commonfooter-logoarea-nav {flex: 1;}

.commonfooter-logoarea-nav-list {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.625rem;
}

.commonfooter-logoarea-nav-item {
	color: #fff;
	font-size: 1.27rem;
	font-weight: 500;
	line-height: 1.7rem;
}

.commonfooter-logoarea-nav-item:hover {
	background-color: #27282b;
	border: none;
	border-radius: 5px;
	padding-bottom: .25rem;
	padding-top: .25rem;
	opacity: 1;
}

.commonfooter-logoarea-nav-item svg {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	fill: #fff;
	display: inline-block;
	height: 1em;
	vertical-align: -.125em;
	width: 2.265rem;
}

.visually-hidden {
	clip: rect(0, 0, 0, 0) !important;
	border: 0 !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	white-space: nowrap !important;
	width: 1px !important;
}

.commonfooter-menu {
	padding-bottom: 1.625rem !important;
	padding-top: 1.625rem !important;
}

.commonfooter-menu-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 0 19px;
	margin-bottom: 1.625rem;
}

.commonfooter-menu-list a,.commonfooter-menu-list button {
	font-size: .75rem;
	line-height: 1.125rem;
	color: #9d9fa2;
	position: relative;
}

.commonfooter-menu-list a:hover,
.commonfooter-menu-list button:hover {
	color: #fff;
	text-decoration: underline;
}

.commonfooter-menu-list a::after,.commonfooter-menu-list button::after {
	display: block;
	content: '';
	width: 1px;
	height: 90%;
	background: #9d9fa2;
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translate(0, -50%);
}

.commonfooter-menu-list li:last-of-type *::after {display: none;}
.commonfooter-menu-copyright {text-align: center;}

.commonfooter-menu-copyright span {
	color: #9d9fa2;
	font-size: .75rem;
	line-height: 1.125rem;
}

/* footer ポップアップボタン */
.commonfooter-inner > #ot-sdk-btn {
	display: none !important;
}

.commonfooter-menu-list .ot-sdk-show-settings {
	cursor: pointer;
	background: none !important;
	border: none !important;
}

/* small pc */
@media screen and (max-width: 1199px){


	body.is-open {overflow: hidden;}

	/* header */

	.commonheader-openmenu {
		display: block;
		height: 1rem;
		position: relative;
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		width: 1.4rem;
		border-radius: .25rem;
		font-size: 1.25rem;
		line-height: 1;
		background-color: #000;
		border: none;
		color: #fff;
		margin: .625rem;
		order: 1;
		padding: 0;
	}

	.commonheader-openmenu span {
		background: #fff;
		display: block;
		height: 2px;
		left: 0;
		opacity: 1;
		position: absolute;
		transform: rotate(0deg);
		transition: .25s ease-in-out;
		width: 100%;
	}

	.commonheader-openmenu span:nth-of-type(1) {
		left: 0;
		top: 0;
		transform: none;
		transform-origin: left center;
	}

	.commonheader-openmenu span:nth-of-type(2) {
		opacity: 1;
		top: 8px;
		transform-origin: left center;
		width: 100%;
	}

	.commonheader-openmenu span:nth-of-type(3) {
		left: 0;
		top: 16px;
		transform: none;
		transform-origin: left center;
	}

	.commonheader-openmenu.is-open span:nth-child(1) {
		left: 0;
		transform: rotate(45deg);
	}

	.commonheader-openmenu.is-open span:nth-child(2) {
		opacity: 0;
		width: 0;
	}

	.commonheader-openmenu.is-open span:nth-child(3) {
		left: 0;
		transform: rotate(-45deg);
	}

	.commonheader-logo {
		padding: 0 0 0 1.625rem;
		order: 2;
	}

	.commonheader-icon-nav {
		order: 4;
		flex-wrap: nowrap;
	}
	.commonheader-nav {padding: 0;}

	.commonheader-gnav-wrapper {
		flex-basis: 100%;
		flex-grow: 1;
		background-color: #1a1a1b;
		order: 3;
		overflow-x: hidden;
		overflow-y: scroll;
		position: fixed;
		right: 0;
		z-index: 3000;
		height: calc(100% - 88px);
		left: 0;
		top: 88px;
		width: 60%;
		display: none;
	}

	.commonheader-gnav {
		display: flex;
		flex-direction: column;
		list-style: none;
		margin-bottom: 0;
		padding-left: 0;
		gap:0;
	}
	.commonheader-gnav-item {width: 100%;}

	.commonheader-gnav-item.commonheader-gnav-item-onlyhamburger {display: block;}

	.commonheader-gnav-link {
		text-decoration: none;
		align-items: center;
		border-radius: 0;
		border-top: 1px solid #27282b;
		color: #fff;
		display: flex;
		flex-wrap: wrap;
		font-size: 1rem;
		font-weight: 500;
		justify-content: space-between;
		line-height: 1.5rem;
		margin: 0;
		padding: 1rem 1.625rem;
		text-align: left;
	}

	.commonheader-gnav-link::after {display: none;}
	.commonheader-gnav-link:hover::after {display: none;}
	.commonheader-gnav-dropdown {position: static;}

	.commonheader-gnav-link.dropdown-item {
		padding: 1rem 1.625rem;
		background-color: #27282b;
	}

	.commonheader-gnav-link.dropdown-item:hover {
		background-color: #27282b;
		box-shadow: unset;
		color: #fff;
	}

	/* footer */

	.commonfooter-inner {padding: 1.625rem 5.625rem;}

	.commonfooter-logoarea {
		justify-content: center;
		gap: 0;
		padding-top: 1.9rem;
		padding-bottom: 1.9rem;
	}

	.commonfooter-logo,
	.commonfooter-logoarea-nav {
		width: 100%;
		flex: unset;
		justify-content: center;
	}

	.commonfooter-logo {margin-bottom: 3.5rem;}
	.commonfooter-logo-amd::before {height: 110%;}

	.commonfooter-logo-amd img {
		height: 1.563rem;
		width: 5.625rem;
	}

	.commonfooter-logo-biz img {
		height: 2.125rem;
		width: 5.625rem;
	}

	.commonfooter-logoarea-nav-list {
		justify-content: center;
		margin-bottom: 1.625rem;
	}

}

@media screen and (min-width: 769px) and (max-width: 991px){


	/* footer */

	.commonfooter-inner {padding: 1.625rem;}
	.commonfooter-logoarea-nav-list {gap: 1rem;}

}


/* sp */
@media screen and (max-width: 768px){


	/* footer */
	.commonfooter-logoarea-nav-list {gap: .375rem;}

	.commonfooter-menu-list {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 2px;
	}

	.commonfooter-menu-list li {
		width: 100%;
		text-align: center;
	}

	.commonfooter-menu-list li *::after {display: none;}

	.commonheader-gnav-link::after {display: none;}
}


/* small */
@media screen and (max-width: 575px){

	.commonheader-logoarea {
		background-color: #000;
		box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .24);
		color: #fff;
		padding: .625rem;
	}

	.commonheader-logoarea-inner {
		align-items: center;
		display: flex;
		flex-wrap: inherit;
		justify-content: space-between;
	}

	.commonheader-logo {
		padding: 0 0 0 .625rem;
	}

	.commonheader-logo-amd img {
		height: 2.25rem;
		width: 5.3rem;
	}

	.commonheader-logo-local img {
		height: 1.466rem;
		width: 5.3rem;
	}

	.commonheader-icon-nav {
		gap: 0;
	}

	.commonheader-icon-nav-dropdown {
		display: none;
		position: absolute;
		right: 0;
		top: 34px;
		z-index: 2999;
		min-width: 90vw;
		width: calc(100% - 25px);
	}

	.commonheader-gnav-wrapper {
		box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .24);
		height: calc(100% - 56px);
		right: auto;
		left: 0;
		top: 56px;
		width: 100%;
		z-index: 3000;
	}
}