@charset "utf-8";
/* CSS Document */
*{
	padding:0; margin:0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
/* 基本設定 */
html {
  margin: 0;
  padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	font-size: 14px;}
	
h1,h2,h3,h4,h5,h6{ font-size: 14px; font-weight: normal; }

a:link,a:visited{ color: #333; text-decoration: none; }
a:hover{ text-decoration: none; }
body {
    margin: 0;
    padding: 0;
		color: #333;
		background: #fff; }

input, select { padding: 10px;}
	input[type="text"] {
		width: 100%;}
	input[type="submit"] {
		text-align: center;
		display: inline-block;
		line-height: 1.2;
		padding: 18px 100px;
		background: #000 url(../img/bg_button.png) center top;
		color: #fff;
		cursor: pointer; }

.img100{
	display: block;
  width: 100% !important;
	height: auto !important;}

.m_ttl{
	font-family: 'Oswald', sans-serif;
	margin: 0 auto 40px;
	padding-top: 15px;
	text-align: center;
	font-size: 250%;
	font-weight: bold;
	line-height: 1;
	text-transform: uppercase;}
	.m_ttl span{
		display: block;
		padding-top: 15px;
		font-size: 14px;
		font-weight: normal;
		color: #333;
		line-height: 1;}
	.m_description{
		font-family: 'Oswald', sans-serif;
		text-align: center;
		font-size: 120%;}
.ttl{}
.more{
	display: inline-block;
	background: #238E3A url(../img/bg_button_green.png) center top;
	text-align: center;
	line-height: 40px;
	padding: 0 20px;
	position: relative;}
	.more a{ color: #fff; }

/* button */
.button{ text-align: center; }
	.button a{
		display: inline-block;
		line-height: 1.2;
		padding: 18px 50px;
		background: #000 url(../img/bg_button.png) center top;
		color: #fff; }

/* Bg Color */
.blk{ background: #000 url(../img/bg_button.png) !important; color: #fff; }
.red{ background: #e60012 !important; color: #fff;}
.gray{ background: #333 !important; color: #fff; }
.green{ background: #238E3A url(../img/bg_button_green.png) !important; color: #fff; }
.cyan{ background: rgba(0,147,255,1.00)!important; color: #fff; }

.blk a{ background: #000 !important; color: #fff; }
.red a{ background: #e60012 !important; color: #fff;}
.gray a{ background: #333 !important; color: #fff; }
.green a{ background: #238E3A !important; color: #fff; }

/* Font Style */
.mincho{ font-family: "Sawarabi Mincho" !important; }

/* Font Size */
.f220{ font-size: 220% !important; }
.f180{ font-size: 180% !important; }

/* Text Color */
.tred{ color: #e60012 !important; }
.tgray{ color: #333 !important; }
.tgreen{ color: #238E3A !important; }
.tcyan{ color: rgba(0,147,255,1.00) !important; }

/* Text Position */
.tright{ text-align: right !important; }
.tcenter{ text-align: center !important; }

#pagetop{
	position: fixed;
	bottom: 10px;
	right: 0;
	width: 50px;
	height: 50px;
	background: #238E3A url(../img/bg_button_green.png);
	color: #fff;
	z-index: 10;
	border-top-left-radius: 25px;
	border-bottom-left-radius: 25px;
	-webkit-border-top-left-radius: 25px;
	-moz-border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	-moz-border-bottom-left-radius: 25px;}
	.arrow{ position: absolute; top: 20px; left: 16px; }

/* ページ分割 */
#pagenav {
	position: relative;
	overflow: hidden;}
	#pagenav ul {
		position: relative;
		left: 50%;
		float: left;
		margin: 0 0 20px;
		padding: 0px;}
	#pagenav ul li {
		background: none;
		position: relative;
		left: -50%;
		float: left;
		margin: 0px 5px 5px 0px;}
	#pagenav .active{
		display: inline-block;
		*display: inline;
		*zoom: 1; 
		padding: 0px 20px;
		/*width: 30px;*/
		line-height: 30px;
		text-align: center;
		color: #fff;
		background: #238E3A;}
	#pagenav li a {
		display: inline-block;
		*display: inline;
		*zoom: 1; 
		text-decoration: none;
		padding: 0px 20px;
		/*width: 30px;*/
		line-height: 30px;
		text-align: center;
		background:#eee;
		color: #333; }
		#pagenav li a:hover {
			color: #fff;
			background: #ccc;}
		#pagenav li .cr {
			color: #fff;
			background: #ccc;}

/* レイアウト */
#wrap { 
	overflow: hidden;
	min-width: 1000px; }
/* logo */
	#logo{
		position: absolute;
		top: 3px;
		left: 15px;
		max-height: 45px;}
/* グローバルナビ */
#navi {
	position: relative;
	width: 1000px;
	margin: 0 auto;}
	#navi ul{
		width: 100%;
		margin: 0; 
		padding: 0 0 0 150px;
		list-style: none;
		overflow: hidden; }
		#navi ul li{
			display: block;
			float: left;
			text-align: center;
			line-height: 50px;
			width: 16.5%;
			background: none; }
			#navi ul li a{
				display: block;
				text-decoration: none; }
				#navi ul li ul{
					position: fixed;
					top: 120px;
					left: 0;
					width: 100%;
					min-width: 1000px;
					padding: 0;
					float: none;
					background: rgba(255,255,255,0.80);
					border-bottom: 1px #ccc dotted;}
					#navi ul li .nav_list li,
					#navi ul li .nav_entry_list li{
						width: 25%;
						padding: 20px;
						text-align: left;
						float: left;
						border-right: 1px rgba(255,255,255,0.60) solid;
						overflow: hidden; }
							#navi ul li .nav_entry_list li a{ color: #333; }
							#navi ul li .nav_list li .ttl{
								font-size: 100%;
								font-weight: bold;
								line-height: 1.4;
								margin: 0 0 10px;}
							#navi ul li .nav_list li .txt{ font-size: 90%;  line-height: 1.4; }
							/* entry list */
							#navi ul li .nav_entry_list li{ padding: 20px 20px 10px;}
							#navi ul li .nav_entry_list li .img { width: 30%; float: left; }
							#navi ul li .nav_entry_list li .txt_area { width: 70%; padding-left: 15px; float: left; }
								#navi ul li .nav_entry_list li .date{
									display: block;
									width: 90px;
									background: #238E3A;
									margin: 0 0 5px;
									padding: 5px 10px;
									line-height: 1;
									color: #fff;
									font-size: 10px;
									text-align: center;}
#obi{
	padding: 25px 0;
	text-align: center;
	font-size: 1.4rem;
	color: #fff;
	font-weight: 600;
	line-height: 1;
	background: #238E3A; }

/* banner */
#banner {
	position: relative;
	width: 100%;
	height: 400px;
	z-index: 1;
	border-top: 3px solid #238E3A;
	background-size:cover;
	background-position:center center;}
	#banner::after{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 400px;
		z-index: 2;
		content: '';
		background: url(../img/01.png) repeat;}
	.banner_inner{
		position: absolute;
		top: 0;
		width: 100%;
		height: 400px;
		z-index: 4;}
		#banner #japico{
			position: absolute;
			right: 30px;
			bottom: 40px;
			width: 150px;
			z-index: 4; }
		#banner #license{
			position: absolute;
			left: 30px;
			bottom: 40px;
			width: 500px;
			z-index: 4; }
		#banner #slope1{
			position: absolute;
			left: 0;
			bottom: -2px;
			z-index: 3;}
		#banner #slope2{
			position: absolute;
			right: 0;
			bottom: -2px;
			z-index: 3;}

	#banner h1,
	#banner h2{ text-indent: -8888px; }
/* archive */
.archive{}
	.archive #banner { height: 150px; }
	.archive #banner::after{ height: 150px; }
	.archive .banner_inner{ height: 150px; }
		.archive #banner .ttl_area {
				top: 33%;
				right: 5%;}
	.archive #banner #japico{
				position: absolute;
				right: 30px;
				bottom: 10px;
				width: 100px;
				z-index: 4; }

	/* pagebody */
	.archive #pagebody{ width: 100%; }
		.archive #pagebody_inner{ width: 1000px; margin: 0 auto; overflow: hidden; }
	/* main */
	.archive #main{ width: 75%; float: left; }
	/* sidebar */
	.archive #sidebar{ width: 25%; float: left; }

/* content */
.contents{}
.contents_inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 50px;}
	.archive .contents_inner:first-of-type{ padding: 30px 50px; }

/* sub_menu */
.sub_menu{ overflow: hidden; padding: 30px 0; }
.sub_menu li{ text-align: center; }
	.sub_menu li a{
		line-height: 1;
		padding: 18px 10px;
		background: #238E3A url(../img/bg_button_green.png) center top;
		color: #fff; }
	.menu_list2 li a{ width: 46%; margin: 0 2%; float: left; }
	.menu_list3 li a{ width: 29.3%; margin: 0 2%; float: left; }
	.menu_list4 li a{ width: 21%; margin: 0 2%; float: left; }

/* box_list */
.contents_inner .box_list1{
	border-top: 1px dotted #ccc;
	margin-bottom: 50px; }
	.contents_inner .box_list1 li{
		padding: 20px 15px;
		border-bottom: 1px dotted #ccc;}
		.contents_inner .box_list1 li .img{}
		.contents_inner .box_list1 li .txt_area .ttl{
			font-size: 140%;
			margin-bottom: 15px;
			color: #238E3A; }
		.contents_inner .box_list1 li .txt_area .date{
			display: inline-block;
			background: #238E3A;
			margin: 0 0 10px;
			padding: 5px 10px;
			line-height: 1;
			color: #fff;
			font-size: 12px; }
			.contents_inner .box_list1 li .txt{
				margin-bottom: 15px; }

.contents_inner .box_list3,
.contents_inner .box_list4{ overflow: inherit; }
	.contents_inner .box_list2 li{
		margin:0 0 20px;
		padding: 10px 10px 20px;}
	.contents_inner .box_list3 li{
		position: relative;
		width: 27.33%;
		margin: 0 3% 20px;
		padding: 0 0 20px;
		z-index: 3;}
	.contents_inner .box_list4 li{
		position: relative;
		width: 23%;
		margin: 0 1% 20px;
		padding: 0 0 20px;
		z-index: 3;}
		.contents_inner .box_list2 li .txt_area,
		.contents_inner .box_list3 li .txt_area,
		.contents_inner .box_list4 li .txt_area{
			margin-bottom: 15px;}
			.contents_inner .box_list3 li .date,
			.contents_inner .box_list4 li .date{
				position: absolute;
				height: 56px;
				width: 56px;
				top: -20px;
				left: -10px;
				display: inline-block;
				background: #238E3A;
				margin: 0 0 5px;
				padding: 12px 5px 0;
				line-height: 1.3;
				color: #fff;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				border-radius: 50%; 
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;}
				.contents_inner .box_list3 li .date span,
				.contents_inner .box_list4 li .date span{ display: block; }
				.contents_inner .box_list3 li .date span::after,
				.contents_inner .box_list4 li .date span::after{ content: 'th'; }

			.contents_inner .box_list3 li .ico,
			.contents_inner .box_list4 li .ico{
				font-family: 'Oswald', sans-serif;
				display: inline-block;
				background: #000;
				margin: 0 5px 5px 0px;
				padding: 5px 10px;
				line-height: 1;
				color: #fff;
				font-size: 14px;
				text-align: center;
				text-transform:uppercase;}

			.contents_inner .box_list1 li .ttl,
			.contents_inner .box_list2 li .ttl,
			.contents_inner .box_list3 li .ttl,
			.contents_inner .box_list4 li .ttl{
				font-weight: bold;
				font-size: 16px;
				line-height: 1.2;
				margin-bottom: 15px;}
			.contents_inner .box_list1 li .txt_area,
			.contents_inner .box_list2 li .txt_area,
			.contents_inner .box_list3 li .txt_area,
			.contents_inner .box_list4 li .txt_area{	margin-bottom: 25px;}

			.contents_inner .box_list1 li .more,
			.contents_inner .box_list2 li .more,
			.contents_inner .box_list3 li .more,
			.contents_inner .box_list4 li .more{
				display: inline-block;
				color: #fff;}
				.contents_inner .box_list1 li .more a,
				.contents_inner .box_list2 li .more a,
				.contents_inner .box_list3 li .more a,
				.contents_inner .box_list4 li .more a{
					text-decoration: none;}
				.contents_inner .box_list1 li .more a:hover,
				.contents_inner .box_list2 li .more a:hover,
				.contents_inner .box_list3 li .more a:hover,
				.contents_inner .box_list4 li .more a:hover{
					padding: 0 5px 0 15px; }

		.contents_inner .box_list1 li ul,
		.contents_inner .box_list2 li ul{ overflow: hidden; margin-bottom: 15px; }
			.contents_inner .box_list1 li ul li,
			.contents_inner .box_list2 li ul li{
				width: 100%;
				padding: 8px 0;
				border-bottom: 1px dotted #ccc !important; }
			.contents_inner .box_list1 li ul li span,
			.contents_inner .box_list2 li ul li span{ display: block; }

		.contents_inner .box_list2 .m_ttl{
				font-size: 220%;
				font-family: "Sawarabi Mincho"; 
				font-weight: normal;
				text-align: left;
				text-transform: inherit;
				margin: 0 0 30px; }
				.contents_inner .box_list2 .m_ttl span{ font-size: 70%; }
				.contents_inner .box_list2 .txt{
					margin-bottom: 30px;}
					.contents_inner .box_list2 .txt:last-of-type{ margin-bottom: 50px; }

	/* top common*/
	/* concept */
	#concept {
		background: url(../img/bg_concept.jpg) no-repeat right 15px top;}
		#concept .contents_inner{ padding: 0 50px 50px;}
			#concept .box_list2 .m_ttl{ font-family: 'Oswald', sans-serif; }
			#concept .contents_inner .box_list2 li .ttl{
				font-weight: bold;
				font-size: 120%;
				line-height: 1.6;
				margin-bottom: 25px;}
			#concept .box_list2 li{ width: 60% !important; }
			#concept .box_list2 li:last-of-type{ width: 40% !important; }

	/* news */
		#news{}
		#news .contents_inner{}
			#news .contents_inner ul{}
				#news .contents_inner ul li{
					border-bottom: #666 1px dotted;
					padding: 10px 50px;}
					#news .contents_inner ul li .date{
						background: #238E3A;
						font-size: 80%;
						color: #fff;
						padding: 2px 8px;
						margin-right: 10px; }

	/* photos */
	.photos{}
		.photos ul{}
		.photos ul li{ position: relative; padding: 0 !important; }
			.photos ul li .img{ margin: 0; }
			.photos ul li .img .img100{ width: 100% !important; }
			.photos ul li .more{
				position: absolute;
				left: 0;
				bottom: 20px;
				color: #fff;}

	/* links */
	#links { padding: 20px 0;}
	#links .contents_inner{}

	/* news */
	#news{
		position: relative;
		z-index: 1;}

	/* package */
	#package .box_list3 li .more,
	#package .box_list2 li .more,
	#development .box_list2 li .more,
	#etc .box_list3 li .more{ display: block !important; }

	/* package entry */
	.pack{}
		.pack .box_list2 li .ttl{
			font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
			font-size: 140%; }
		.pack .box_list2 li p{ margin-bottom: 15px; }
		.pack .entry .entry_body{ overflow: inherit !important; }

	/* rakuda */
	.rakuda{}
	#rakuda{}
		#rakuda .box_list2 li .ttl{ padding-top: 50px; }
	/* ayumi */
	.ayumi
	#ayumi{}
		#ayumi .box_list2 li .ttl{ padding-top: 100px; }
	/* sonael */
	.sonael{}
	#sonael{}
		#sonael .box_list2 li .ttl{ padding-top: 120px; }

	/* support */
	#support{ background: url(../img/bg_support_entry.png) no-repeat left top; }
		#support .contents_inner .entry{ padding-left: 270px; }

	/* google map */
	#gmap{ padding-bottom: 50px; }

/* contact */
.conatac{}
    .contact .form_tbl input[type="text"],
    .contact .form_tbl input[type="tel"]{ width: 40% !important; margin-right: 2%; }
    .contact .form_tbl textarea{ width: 100% !important; height: auto !important; }
.contact .mailform button{
    text-align: center;
    display: inline-block;
    line-height: 1.2;
    padding: 18px 100px;
    background: #000 url(../img/bg_button.png) center top;
    color: #fff;
    cursor: pointer; }

/* SNS Button */
.wp_social_bookmarking_light{
    border: 0 !important;
    overflow: hidden;
		padding: 15px;}
	.wp_social_bookmarking_light>div{
		float: left !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 5px 0px 0 !important;
		min-height: 20px !important;
		text-indent: 0 !important;}
	.wp_social_bookmarking_light img{
		border: 0 !important;
		padding: 0;
		margin: 0;
		vertical-align: top !important;}
	.wp_social_bookmarking_light_clear{
		clear: both !important;
		display: none;}
	#fb-root{
		display: none;}
	.wsbl_twitter{}
	.wsbl_twitter .twitter-share-button{
		width: 78px !important;
		font-family: 'Oswald', sans-serif;
		text-indent: -8888px;
		padding: 1px 7px;
		background: #1b95e0; 
		border-radius: 2px;
		-webkit-border-radius: 2px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 2px;   /* Firefox用 */
		color: #fff;}
	.wsbl_facebook_like iframe{
		max-width: none !important;}
	.wsbl_pinterest a{
		border: 0px !important;}
	.wsbl_pocket{
		width: 60px;}

/* entry */
.entry{}
	.entry .ttl{
		margin-bottom: 50px;
		font-family: "Sawarabi Mincho"; 
		font-size: 180%;
		line-height: 1.4;}
	.entry .entry_img{
		display: block;
		text-align: center;
		margin-bottom: 15px; }
		.entry .entry_img img{ margin: 0 auto; }
		.entry .entry_img .img100{ width: inherit !important; max-width: 100% !important; }
	.entry .entry_body{ overflow: hidden; }
	.entry .entry_body h2,h3,h4,h5,h6{ line-height: 1.3; margin-bottom: 35px;}
	.entry .entry_body ul,
	.entry .entry_body ol,
	.entry .entry_body table{ margin-bottom: 35px; }
		.entry .entry_body h2{
			font-size: 150%;
			font-weight: bold;}
		.entry .entry_body h3{
			font-size: 120%;
			font-weight: bold;
			border-bottom: 1px dotted #238E3A;
			padding: 8px 10px;}
		.entry .entry_body h4{
			position: relative;
			font-size: 120%;
			font-weight: bold;
			margin-bottom: 45px;}
			.entry .entry_body h4::before{
				position: absolute;
				bottom: -20px;
				font-size: 10px;
				color: #238E3A;
				content: "・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"}
		.entry .entry_body h5{
			color: rgba(51,51,51,1.00);
			font-size: 120%;
			font-weight: bold;}
			.entry .entry_body h5::before{ color: #238E3A; content: ">> "}
		.entry .entry_body h6{
			color:#238E3A;
			font-size: 120%;
			font-weight: bold;}
			.entry .entry_body h6::before{ content: "※"}

		.entry .entry_body p{ line-height: 1.8; margin-bottom: 35px; }
			.entry .entry_body p a{
				position: relative;
				z-index: 2;
				overflow: hidden;
				background: rgba(255,0,4,0.20); }
				.entry .entry_body p a:hover{
					text-decoration: none; }
				.entry .entry_body p a::before,
				.entry .entry_body p a::after {
					position: absolute;
					z-index: -1;
					display: block;
					content: '';}
					.entry .entry_body p a,
					.entry .entry_body p a::before,
					.entry .entry_body p a:after {
						-webkit-transition: all .4s;
						transition: all .4s;}
						.entry .entry_body p a::after {
							top: 0;
							left: -50%;
							width: 100%;
							height: 100%;}
						.entry .entry_body p a:hover::after {
							top: 0;
							left: 0;
							border-bottom: 1px solid #238E3A;}

		.entry .entry_body ul{ padding: 0; }
			.entry .entry_body ul li{
				margin-bottom: 5px;
				padding: 8px 10px;
				border-bottom: 1px dotted #666;}

		.entry .entry_body ol{ padding: 0; }
			.entry .entry_body ol li{
				list-style: decimal inside;
				margin-bottom: 5px;
				padding: 0 10px 5px;
				border-bottom: 1px dotted #666;}

		.entry .entry_body table{ width: 100%; }
			.entry .entry_body table tr{}
				.entry .entry_body table tr th{
					width: 25%;
					padding: 20px;
					vertical-align: top;
					border-bottom: 1px solid rgba(102,102,102,1.00);
					background: #eee;}
				.entry .entry_body table tr td{
					width: 75%;
					padding: 20px;
					border-bottom: 1px solid rgba(102,102,102,1.00);
					background: #fff;}
		.entry .entry_body .table3{ border-top: 1px solid rgba(102,102,102,1.00) }
			.entry .entry_body .table3 th{ width: 20% !important; }
			.entry .entry_body .table3 td{ width: 40% !important; border-right: 1px dotted #ccc; }
				.entry .entry_body .table3 td span{ display: block; margin-bottom: 10px; font-weight: bold; }
				.entry .entry_body .table3 td .ttl{ font-size: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; }

	/* Contact form */
	.entry table .must{ color: #e60012; }
	.wpcf7 .screen-reader-response{ font-size: 110%; color: #e60012; }

	/*▽youtube*/
	.youtube {
		position: relative;
		width: 100%;
		padding-top: 56.25%;
		margin: 0px auto 20px;
		text-align: center;}
		.youtube iframe {
			position: absolute;
			top: 0;
			right: 0;
			width: 100% !important;
			height: 100% !important;}

/*sidebar*/
.archive #sidebar .contents{}
	.archive #sidebar .contents .contents_inner{ padding: 35px 0 35px 20px; }
		.archive #sidebar #news .contents_inner ul{}
			.archive #sidebar #news .contents_inner ul li{
				padding: 5px;
				border-bottom: 1px solid #238E3A;}
			.archive #sidebar #news .contents_inner ul li::before{ content: "> "; color: #238E3A; }
		.archive #sidebar #ad .contents_inner ul li{ margin-bottom: 10px;}

/* Search */
.searchform{}
#search_result .searchform{
	width: 50%;
	margin: 0 auto 50px; }

/* footer */
#footer {
	width: 100%;
	min-width: 1000px;
	height: 130px;
	clear: both;
	background: url(../img/bg_footer.png) center bottom no-repeat;}
	#footer .contents_inner{
		background: url(../img/bg_footer_inner.png) center bottom;
		padding: 76px 0 0;}
		#footer .contents_inner ul{ text-align: center; margin: 0 auto 10px; }
			#footer .contents_inner li{
				display: inline-block;}
				#footer .contents_inner li a{ margin: 0 10px; }
		#footer .contents_inner .txt { text-align: center; }

/*=ＰＣ表示=*/
@media only screen and (min-width: 737px) {
	.mobi_only{ display: none;}
}

/* 表示=*/	
@media only screen and (max-width: 736px) {
/* 共　通 */
.img100{ margin: 0 auto; }
.pc_only{ display: none;}
.m_ttl{ font-size: 250%; }
	
input, select { padding: 5px 10px;}
	input[type="text"] {
		width: 100%;}
	input[type="submit"] {
		width: 100%; }
	
/* ぺージ分割 */
.pagination {
	font-size: 12px;
	line-height: 12px;}
.pagination span, .pagination a {
	padding: 8px 10px 8px 10px;}
.pagination .current{
	padding: 8px 10px 8px 10px;}
	
#wrap{
	min-width: inherit;
	padding-bottom: 100px;}
.contents{}
.contents_inner{ padding: 35px 30px; }

/* sub_menu */
.sub_menu{}
	.menu_list2 li a,
	.menu_list3 li a,
	.menu_list4 li a{ width: 100%; margin: 0 0 5px;}

/* box_list */
.contents_inner .box_list1 li .img{}
.contents_inner .box_list4 li{ width: 44% !important; }
	
/* logo */
#mobi_logo{
	position: absolute;
	top: 2px;
	left: 0;
	height: 50px;
	z-index: 10;}
	
/* グローバルナビ */
#navi { display: none; }
#navi ul li ul li .ttl{ font-size: 100%; font-weight: normal; }
	
/* banner */
	#banner {
		width: 100%;
		height: 300px; }
		#banner::after{
			height: 295px; }
		.banner_inner{
			height: 300px;}
		#banner #japico{
			position: absolute;
			left: 10px;
			bottom: 0;
			width: 100px;
			z-index: 4; }
		#banner #license{
			position: absolute;
			left: 10px;
			bottom: -20px;
			width: 95% !important;
			z-index: 4; }
		#banner #slope3{
			position: absolute;
			left: 0;
			bottom: 0;
			z-index: 3;}
	
/* archive */
.archive{}
	.archive #banner { height: 150px; }
	.archive #banner::after{ height: 145px; }
	.archive .banner_inner{ height: 150px; }
	
	.archive #banner #japico{
		position: absolute;
		right: 10px;
		bottom: 0;
		width: 100px;
		z-index: 4; }
	
	/* pagebody */
	.archive #pagebody{}
		.archive #pagebody_inner{ width: 100%; margin: inherit; }
	/* main */
	.archive #main{ width: 100% !important; float: none; }
	.archive #sidebar{
		width: 100% !important;
		float: none;}
		.archive #sidebar .contents .contents_inner{ padding: 35px 20px; }
	/* archive content */
	.archive .contents_inner:first-of-type,
	.archive .contents_inner{ padding: 35px 30px; }
	
	/* concept */
	#concept{ background: none; }
		#concept .contents_inner{ padding: 35px 20px;}
		#concept .box_list2 .m_ttl{ line-height: 1.4; }
		#concept .box_list2 li,
		#concept .box_list2 li:last-of-type{ width: 100% !important; }

	/* news */
	#news{}
		#news .contents_inner ul li{ padding: 10px;}
			#news .contents_inner ul li .date{
				display: block;
				width: 100px;
				text-align: center;
				margin-bottom: 8px; }
	
	/* pack */
	.pack .box_list2 li .ttl{ padding-top: 0;}
	
	/* rakuda */
	.rakuda{}
	#rakuda{}
		#rakuda .box_list2 li .ttl{ padding-top: 0; }
	/* ayumi */
	.ayumi
	#ayumi{}
		#ayumi .box_list2 li .ttl{ padding-top: 0; }
	/* sonael */
	.sonael{}
	#sonael{}
		#sonael .box_list2 li .ttl{ padding-top: 0; }
	
	/* support */
	#support{ background: none; }
		#support .contents_inner .entry{ padding-left: 0; }


	/* entry */
.entry{}
	.entry .ttl{ width: 100%; }
		.entry .entry_body h4::before{
				content: "・・・・・・・・・・・・・・・・・・・・・"}
				.entry .entry_body table tr th,
				.entry .entry_body table tr td,
				.entry .entry_body .table3 tr th,
				.entry .entry_body .table3 tr td{ display: block; width: 100% !important; }
					.entry .entry_body .table3 tr td{ border: none; }

/* Search */
.searchform{}
#search_result .searchform{
	width: 80%;
	margin: 0 auto 35px; }
	
	/* footer */
	#footer{
		width: 100% !important;
		min-width: inherit;}
		#footer .contents_inner{ background: none; }
		#footer .contents_inner .txt{ text-align: center; }
		#footer .contents_inner li{ line-height: 1.3; }
			#footer .contents_inner li a{ margin: 0 5px; }
	
/* mobi navi*/
#foot_nav{
	position: fixed;
	width: 100%;
	left: auto;
	bottom: 0px;
	z-index: 100;
	overflow: hidden;
	background: #333; }
	#foot_nav li{
		float: left;
		width: 25%;
		text-align: center;
		height: 50px; }
	#foot_nav li img{
		max-height: 100% !important;
		width: auto;
		margin: auto; }
}