/* ==========================================================================
   Base styles
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Custom base styles
   ========================================================================== */
/*
// ボックス要素
*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.95;
	color: #fff032;
	letter-spacing: 0.12em;
    min-height: 100%;
	background: #10001c;
}
footer {
	text-align: center;
}
.content {
	position: relative;
    width: 100%;
    min-height: 100%;
}
.section {
	margin-bottom: 60px;
}
.main {
	min-width: 700px;
	width: 100%;
	float: right;
	padding-top: 20px;
    transition: all 0.4s;
}
.main__cont {
	/*width: 66%;*/
	width: 700px;
    min-height: 100%;
	margin: 0 auto;
	padding-bottom: 30px;
}
.main__p {
	margin-bottom: 75px;
}
.main__below {
	text-align: center;
}
.main__below__p {
	margin-bottom: 25px;
}
.main__footerReald {
	background: #3273c2;
	width: 100%;
}
.main__footerReald a {
	background: #3273c2;
	text-align: center;
	display:block;
	 padding-left: 0; 
}
.main__below__p.copyright {
	font-size: 9px;
}

/* -------------
 ナビまわり
------------- */
.nav {
	color: #000;
	text-align: left;
	background: #fff032;
    position: fixed;
    top: auto;
   	width: 300px;
	/*width: 30%;*/
	z-index: 500;
	left: -300px;
    transition: all 0.4s;
}
.nav__itemWrap {
	padding: 0 17px;
}
.nav__item {
	line-height: 38px;
    padding: 6px 10px;
}
.nav__logo {
	padding-bottom: 20px;
}
.nav__reald {
	margin-bottom: 25px;
}
.nav__social__tw {
	margin-left: 52px;
	margin-bottom: 10px;
}
.nav__item__link {
	color: #000;
	text-decoration: none;
	display: block;
	margin: 0;
}
.nav__item__link:hover {
	color: #fb0d8a;
}
.nav__link--2lines {
	line-height: 1.55;
}
.nav a:hover {
}
.menu-open {
    -webkit-transform: translate(300px, 0);
          transform: translate(300px, 0);
}
.fade-layer {
    position: fixed;
    width: 100%;

    background-color: rgba(0, 0, 0, 0);
    opacity:0.5;
    visibility: hidden;
    z-index:1;

    transition: background-color 0.4s;
}
.nav__hamburger {
    position: absolute;
    left: 300px;
	top: 90px;
	width: 100px;
	height: 80px;
}
.nav, .main, .swipe, .fade-layer {
	top: 0;
	float: left;
	min-height: 100%;
}
.swipe {
    position: fixed;
    min-width: 20px;
}
/*  PC用スタイル  */
@media only screen and (min-width: 750px) {
    .nav {
        left: 0px;
        padding-top: 20px;
    }
    .main, .swipe {
	position: absolute;
	top: auto;
	left: 300px;
	width: 100%;
    }
     .main  {
		 margin-left: -300px
	}
	.main__cont {
		/*width: 38%;*/
		width: 700px;
		padding-left: 300px;
	}
	.nav__drawer {
		display:none;
	}
    .nav__hamburger {
        visibility: hidden;
    }
	.main__footerReald a {
		background: #3273c2;
		text-align: center;
		display:block;
		padding-left: 300px;
	}
	.main__below__p.copyright {
		font-size: 12px;
		margin-bottom: 0;
	}
}

/*
// 個別要素
*/
p {
	padding: 5px 0;
}
a {
	color: inherit;
}
a:hover {
	text-decoration: none;
}

/* ソーシャルボタン横並び用 */
.below__social {
	width: 270px;
	margin: 0 auto 60px;
}
.below__social__tw {
	float: left;
}
.below__social__fb {
	float: right;
}
#twitter-widget-0 {
	vertical-align: bottom !important;
}
#twitter-widget-1 {
	vertical-align: bottom !important;
}

.pagetop {
	text-align: center;
	margin-bottom: 55px;
}

/* 下層共通 */
.main__cont__body {
	width: 490px;
	margin-left: auto;
	margin-right: auto;
}
.main__cont__body p {
	padding: 10px 0;
}
.child__logo {
	text-align: center;
	margin-bottom: 30px;
}
.inchild__img {
	text-align: center;
	margin-bottom: 25px;
}
.main__back {
	text-align: center;
	margin-bottom: 20px;
}
.main__back__item {
	color: #10001c;
	font-size: 120%;
	text-decoration: none;
	background: #fff032;
	padding: 15px 35px;
}
.main__back__item:hover {
	text-decoration: none;
	background: #fff;
}