@charset "utf-8";
/*
Theme Name: monster_LP
Description: 
Version: 1.0
Author: ざっくん
Tags: LP
*/

@import url("css/flexslider.css");
@import url("css/slicknav.css");
@import url("css/margin.css");
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

@charset "utf-8";
/* ==========================================================

	ブラウザリセット

========================================================== */
.mapimg{
	width:100%;
	height:auto;
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small,sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video{margin: 0; padding: 0; font-weight: 400;border: 0;outline: 0; font-size: 100%; vertical-align: baseline;background: transparent;  word-break: normal; line-break: strict;　word-wrap: normal;}

textarea,input[type="button"],input[type="text"],input[type="image"],input[type="submit"]{
	-webkit-appearance:none;
}

*{
	outline: none;
}

body {font-size: 12px; word-break:break-all; -webkit-text-size-adjust: none; }
* html body {font-size: small; font: x-small;}
*:first-child+html body {font-size: small; font: x-small;}

img {border: 0; vertical-align: bottom;}

ul,dl {text-indent: 0;}
ul li {list-style: none;}

ol li{ list-style:decimal; margin: 0 0 0 1em; padding: 0 0 0 2em;}
ol li ul li{ margin:0; padding: 0;}
ol ul li {list-style: none;}

address,caption,cite,code,dfn,em,th,var {font-style: normal; font-weight: normal;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

input,textarea,select {font-family: inherit; font-size: inherit; font-weight:inherit;}
* html input,* html textarea,* html select {font-size: 100%;}
*:first-child+html+input,*:first-child html+textarea,*:first-child+html select {font-size: 100%;}

table {border-collapse: separate; border-spacing: 0; font-size: inherit; font: 100%;}
th,td {text-align: left; vertical-align: top;}
caption {text-align: left;}

pre,code,kbd,samp,tt {font-family: monospace;}
* html pre,* html code,* html kbd,* html samp,* html tt {font-size: 108%; line-height: 100%;}
*:first-child+html pre,*:first-child html+code,*:first-child html+kbd,*:first-child+html+samp,*:first-child+html tt {font-size: 108%; line-height: 100%;}

input,select,textarea {font-size: 100%; font-family: Verdana, Helvetica, sans-serif;}

button {margin:0; padding:0; background:none; border:none; cursor:pointer;}

/*メインcss*/
body{
	min-height:100%;
	background:#231F20;
	color:#fff;
}

.pageway{
	width:1250px;
	margin:0 auto;
	padding:80px 0;
}
.pageway h3{
	text-align:center;
	font-family: 'Cormorant Garamond', serif;
	font-size: 350%;
	line-height: 60px;
	margin:0 0 50px 0;
}
.pageway h3.smallttl{
	font-size: 180%;
	line-height: 3;
	margin:50px 0 20px 0;
}
.pageway ul{
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}

.pageway ul li{
	width:50%;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

.pageway ul.type02 li{
	width:33.3333%;
}
.pageway ul li a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.pageway p{
	width:70%;
	margin:0 auto;
	padding:0;
	display:block;
	font-size:120%;
}
.pageway p.jptx{
	margin-bottom:50px;
}
a.hover:hover{
opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
img {
/*width:100%;*/
max-width: 100%;
height: auto;
}
@media screen and (max-width: 880px) {

.pageway{
	width:100%;
	margin:0 auto;
	padding:50px 0;
}
.pageway h3{
	text-align:center;
	font-family: 'Cormorant Garamond', serif;
	font-size: 200%;
	line-height: 40px;
	margin:0 0 50px 0;
}
.pageway h3.smallttl{
	font-size: 150%;
	line-height: 3;
	margin:50px 0 20px 0;
}
.pageway ul li{
	width:100%;
	margin:0;
	padding:0;
	display:block;
	float:none;
}
	
.pageway ul.type02 li{
	width:100%;
}
	
.pageway ul li img{
	max-width:100%;
}
.pageway p{
	width:85%;
	margin:0 auto;
	padding:0;
	display:block;
	font-size:110%;
}
.pageway p.jptx{
	margin-bottom:30px;
}
}

/* .top_links */

.top_links{
  width: 70%;
  margin: 20px auto 0 auto;
  max-width: 768px;
}

.top_links_title{
  font-size: 17px !important;
  margin: 0 0 10px 0 !important;
  text-align: center;
}

.top_links_title .text01{
  display: inline-block;
  text-align: left;
}

.top_links_text{
  text-align: right;
  font-size: 13px;
}

.top_links_text a{
  color: aqua !important;
}
.top_links_text a:hover{
  text-decoration: none !important;
}

@media screen and (max-width: 880px) {
  .top_links{
    width: 85%;
  }
}