@charset "UTF-8";
/*
Theme Name: Original Template
Theme URI: http://www.retmo.jp/
Description: ジムライフ様 オリジナルテンプレート
Version: 1.0
Author: 株式会社リトモ
Author URI: http://www.retmo.jp/
*/

@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}

.mincho{
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

body{
    font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
    background-color: #000000;
    color: #FFFFFF;
}

.bodyback{
    background:url(img/bodyback.jpg) center no-repeat;
    background-size: cover;
    /*height: 100vh;*/
    background-attachment: fixed;
    color: #FFFFFF;
    background-repeat: repeat-y;
    background-color: #1f1f1f;
}

h1{
    margin: 0px;
}

.globalnavi{
    background-color: rgba(0,0,0,0.5);
}

#gNavi {
	margin:10px 0;
	padding:0;
	width:100%;
	height:30px;
	overflow:hidden;
	/*background:#009;*/
}
#gNavi li {
    list-style:none; 
    width:25%; 
    float:left;
}

#gNavi li+ li{
    border-left: 1px solid #FFFFFF;
}

#gNavi li a {
	display:block;
	line-height:30px;
	color:#fff;
	text-align:center;
}
#gNavi li a:hover { 
    background:#CCCCCC;
    text-decoration: none;
    color: #000000;
}

.newsarea{
    background-color: rgba(0,0,0,0.5);
}

.newsarea p{
    font-size: 13px:
}

.newsarea a:link,.newsarea a:visited{
    color: #FFFFFF;
}

.news a:link, .news a:visited{
    color: #FFFFFF;
}

/* 投稿画像の枠
=========================================================== */

img[class*="wp-image-"] {
 padding: 5px;
 border: 1px solid #CCCCCC;
}

.attachment-thumbnail{
  padding: 5px;
  border: 1px solid #EEEEEE;
  background-color: #eeeeee;
}

/* 投稿画像の回り込み
=========================================================== */

img.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  padding: 4px;
  margin: 0 0 2px 7px;
  display: inline;
}
img.alignleft {
  padding: 4px;
  margin: 0 7px 2px 0;
  display: inline;
}
.alignright {
  float: right;
}
.alignleft {
  float: left
}

/* スマホ向け画像100%
=========================================================== */

img {
max-width: 100%;
height:auto;
}

/*全てを囲む大枠*/
.w-mail-form {
	width: 80% !important; /*横幅*/
	margin: 40px auto; /*上下の余白40px両サイドは真ん中揃えに*/
	border: solid 1px #ddd;
	padding: 30px; /*内側余白：画面幅にあわせて指定*/
	background-image: url(http://画像のパス.pngまたはimg/img-name.png); /*背景を画像にしない場合background: #ddd;薄いグレーなど色指定*/
	font-size: 4vmin; /*メールマガジンを購読しませんかのフォントサイズ*/
	line-height: 1.3; /*行間*/
	text-align: center; /*文字中央寄せ*/
	font-weight: bold; /*文字を太く*/
}
/*入力フォームのエリア*/
.wysija-paragraph {
	width: 80%; /*入力フォームの幅*/
	margin: 32px auto; /*外側上下余白32px：真ん中寄せ*/
}
/* 入力フォーム内部の指定 */
.wysija-paragraph input[type="text"] {
	border: 1px solid #dedddd;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #727272 inset;
	color: #333;
	font-size: 3vmin;
	padding: 6px 12px;
	width: 100%;
	box-sizing: border-box;
}
/*入力ボタン*/
.wysija-submit {
	width: 85%; /*幅*/
	margin: 30px auto; /*上下余白30px：両横は真ん中寄せ*/
	height: 11vmin; /*高さ*/
	font-size: 5vmin;
	background: #dd212e !important; /*背景色*/
	color: #fff !important; /*文字の色*/
	border: 1px #b4b2b2 solid !important;
	box-shadow: 5px 5px 7px -4px #543232;
	line-height: 1.5;
	padding: 6px 6px;
}
/*見栄え変更ポイント*/
@media screen and (max-width: 500px) {
	/*全体の囲い枠*/
	.w-mail-form {
		width: 90% !important;
		padding: 15px;
		font-size: 20px;
	}
	/*入力フォーム内の指定*/
	.wysija-paragraph input[type="text"] {
		font-size: 16px;
		padding-left: 64px !important;
	}
}

.btn-bd-primary{font-weight:500;color:#FFFFFF;border-color:#FFFFFF}
.btn-bd-primary:active,.btn-bd-primary:hover{color:#fff;background-color:#000000;border-color:#000000}

.btn-bd-primary2{font-weight:500;color:#FFFFFF;border-color:#FFFFFF}
.btn-bd-primary2:active,.btn-bd-primary2:hover{color:#fff;background-color:#C25557;border-color:#C25557}

.area{
    background-color: #C25557;
    padding: 3px;
    margin-right: 10px;
    font-size: 13px;
    padding-top: 5px;
    margin-bottom: 20px;
}

.contents a:link,.contents a:visited{
    color: #FFFFFF;
    text-decoration: underline;
}