/*
Theme Name: hero.grinder-man.com 201808 with ENGLISH ver
Theme URL: http://1kc.jp
Description: This theme is minimal one.
Author: Hitoshi Taguchi
Version: 1.0
*/

body{
	color:#222;
	font-size:16px;
	line-height:220%;
	background:#f2f2f2;
}
body{
	padding-top:65px;
}
/*
a{
	color:#df2b5a;
}
a:hover{
	color:#e95f83;
}
*/
body{
	font-family: "Noto Sans Japanese";
	}
/*----------*/
#masthead{
	background:url('img/0000forweb5.jpg') no-repeat center 0px;
	background-size: cover;
	position: relative;
	overflow:hidden;
	text-align:center;
	height:auto;
}
#masthead .masthead_detail{
	position: absolute;
	top: 20%;	
	left: 5%;
	background: none;
	width: 90%;
	padding: 0;
	z-index:2;
}

#masthead #bg_video{
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: auto;
}


/*container----------------------------------------*/
h2 {
	margin:20px 0 50px;
	letter-spacing:1px;
}

/*txt style----------------------------------------*/
hr {
	margin-top: 80px;
	margin-bottom: 80px;
	border: 0;
	border-top: 1px solid #ddd;
}
/*footer----------------------------------------*/
.footer{
	background-color: #343a40;
	color:#fff;
	font-size:14px;
	padding:1em 0;
	margin:60px 0 0 0;
}
.footer a {
	color: rgba(255,255,255,.5);
}
.footer a:hover {
	color:#fff;
}
.copyright{
	font-size:12px;
}


/* parts----------------------------------------*/
ul, p{
}

ul.li1{
		margin: 40px auto 80px;
}
dl.dl1{
	margin:1em auto 3em;
	width: 80%;
	word-break: break-all;
}
dl.dl1 dt {
  text-align: right;
  font-weight:600;
}
dl.dl2{
	margin:1em auto 3em;
	word-break: break-all;
}
dl.dl2 dt {
  text-align: right;
  font-weight:normal;
}
/*social bot*/
ul.social_bots{
	list-style:none;
	display:table;
	margin: auto;
}
.social_bots li{
	display:table-cell;
	vertical-align:top;
	padding:0 20px 0 0;
	text-align:center;
}
.fb_iframe_widget > span {
    vertical-align: baseline !important;
}
.w100{
	width:100%;
}
.w80{
	width:80%;
}
.twitter-timeline{
	width:80%;
}
/*add for bootstrap modify*/
.navbar-dark .navbar-nav .nav-link:focus {
	color: #fff;
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #fff;
	text-decoration:underline;
}
.navbar-nav .current{
    padding: .5rem 0.5rem;
	color:#fff;
	text-decoration:underline;
}
.img_slider{
	margin:0 0 80px 0;
}

/**/
.langswitch{
    -ms-flex-direction: row;
    flex-direction: row;
}
/**/
.textalign_footer{
	text-align:right;
}
#twitter-widget-0 {
    width:100%;
  }
@media screen and (max-width: 1140px) {
}
@media screen and (max-width: 960px) {
body{
	padding-top:60px;
}
.textalign_footer{
	text-align:center;
}
}
@media screen and (max-width: 720px) {
dl.dl1 {
    width: 100%;
}

ul.li1 {
    margin: 0.8em auto 0.8em;
}
/*imp meta slider square size*/
.metaslider .flexslider {
    margin: 0 -100px !important;
}
.metaslider {
    overflow: hidden;
}
}
@media screen and (max-width: 540px) {
body{
	font-size:14px;
	line-height:180%;
	padding-top:55px;
}
h2 {
    margin: 1em 0 1em;
    letter-spacing: 1px;
	font-size:1.4rem;
}
h3 {
    margin: 1em 0 1em;
	font-size:1.2rem;
}
h4 {
    margin: 1em 0 1em;
	font-size:1.2rem;
	line-height:120%;
}
hr {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 0;
    border-top: 1px solid #ddd;
}
dl.dl1 {
    margin: 1em auto 4em;
}
dl.dl1 dt {
	font-size:12px;
    text-align: left;
}
ul.li1 {
    margin: 0.8em auto 0.8em;
}
#masthead #bg_video{
    margin: 0 auto;
    z-index: 1;
    width: 100%;
    height: auto;
}
.footer {
	padding: 1em 0 10px;
	margin: 40px 0 0 0;
}
.twitter-timeline{
	width:100%;
}
.img_slider {
    margin: 0 0 2em 0;
}
dd {
	margin-bottom: 0rem;
}
.footer{
	font-size:12px;
}
}