@charset "UTF-8";

/*
SENDAI CITY TOMIZAWA SITE MUSEUM CSS
Author: YOICHI KANEKO
Author URI:https://www.konp.co.jp/
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* 00 ----- charset & import */
@import "customize/customize.css";
@import url(https://fonts.googleapis.com/css?family=Roboto);

/* 01 ----- dom */
html {
	color: #222;
	font-size: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	word-break: normal;}
body {
	font-family: Roboto,'Lucida Grande','Helvetica Neue','Hiragino Kaku Gothic ProN',"メイリオ",meiryo,sans-serif;
 	line-height: 22px;
 	webkit-font-smoothing: antialiased;
 	moz-osx-font-smoothing: grayscale;}
a {
	color: #222;
	text-decoration: none;}
a img {border: none;}
a:hover {color: #84c8eb;}
a img:hover,.areamain a:hover,.navblock a {
	opacity: 0.6;
	filter: alpha(opacity =60);}
h1 {
	padding: 10px 12px;
	color: #fff;
	font-size: 20px;
	line-height: 22px;
	background: #008092;}
h1.topcaption {margin: 0;}
h2 {
	padding: 10px 0;
	color: #222;
	font-size: 18px;
	line-height: 22px;
	border-bottom: 5px solid #008092;}
h3 {
	padding: 3px 6px;
	color: #222;
	font-size: 16px;
	line-height: 22px;
	border-left: 3px solid #008092;}
h4 {
	margin: 5px 0;
	padding: 3px 6px;
	line-height: 22px;}
ul,ol {
	margin: 0 0 0 24px;
	padding: 0;}

/* 02 ----- size */
.fullsize {width: 100%;}
.mainsize {width: 1000px;margin: 0 auto;}
.column2 {width: 495px;}
.column3 {width: 32.5%;}
.column4 {width: 24%;}
.areaside {width: 230px;font-size: 90%;float: left;}
.areaside h2 {
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	font-size: 110%;}
.areaside dl {margin: 0 0 10px 0;}
.areaside dt {
	color: #008092;
	font-size: 100%;
	font-weight: bold;
	border-left: none;}
.areaside dd {
	margin: 0 0 0 10px;
	padding: 0 5px 0 14px;
	font-size: 90%;
	position: relative;}
.areaside dd:before {
	content: "";
	top: 6px;
	left: 0;
	width: 6px;
	height: 6px;
	border-top: 2px solid #008092;
	border-right: 2px solid #008092;
	vertical-align: top;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;}
.areamain {
	width: 740px;
	min-height: 500px;
	line-height: 32px;
	float: right;}
.areamain a {color: #84c8eb;}
.areafoot {
	padding: 10px 0;
	border-top: 1px solid #222;}
.areafoot p {
	line-height: 22px;
	font-size: 90%;}

/* 03 ----- nav */
/* ＝＝＝＝＝＝＝＝＝＝ horizontal ＝＝＝＝＝＝＝＝＝＝ */
.horizontal a {
	margin: 0 10px 0 0;
	padding: 0 0 0 14px;
	font-size: 80%;
	position: relative;}
.horizontal a:before {
	content: "";
	top: 3px;
	left: 0;
	width: 6px;
	height: 6px;
	border-top: 2px solid #008092;
	border-right: 2px solid #008092;
	vertical-align: top;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;}
/* ＝＝＝＝＝＝＝＝＝＝ headsubnav ＝＝＝＝＝＝＝＝＝＝ */
.headsubnav {
	width:663px;
	text-align: right;
	float: right;}
/* ＝＝＝＝＝＝＝＝＝＝ gnavarea ＝＝＝＝＝＝＝＝＝＝ */
.gnavarea {background: #e8f7ff;}
/* ＝＝＝＝＝＝＝＝＝＝ globalnav ＝＝＝＝＝＝＝＝＝＝ */
.globalnav {width: 1000px;margin: 0 auto;}
.globalnav a {
	width: 108.3px;
	height: 38px;
	padding: 26px 0 0 0;
	font-size: 80%;
	text-align: center;
	line-height: 14px;
	border-right: 1px solid #008092;
	background: #95ebff;
	display: block;
	float: left;}
.globalnav .double {
	height: 44px;
	padding-top: 20px;}
.globalnav a.last {
	width: 125px;
	border-right: 0;}
.globalnav a:hover,.globalnav a.active {
	color: #fff;
	font-weight: bold;
	background: #008092;
	opacity: 1;
	filter: alpha(opacity =100);}
.globalnav.english a {width: 141.85px;}
.globalnav.english a.last {width: 142.85px;}
/* ＝＝＝＝＝＝＝＝＝＝ footnav ＝＝＝＝＝＝＝＝＝＝ */
.footnav {padding: 10px;}
.footnav .hanaimage {width: 48px;}
.footnavlist {
	width: 680px;
	margin: 0 auto;
	text-align: center;}
/* 04 ----- widget */
/* ＝＝＝＝＝＝＝＝＝＝ reset ＝＝＝＝＝＝＝＝＝＝ */
.aaaaaaa {margin: 0;padding: 0;}
/* ＝＝＝＝＝＝＝＝＝＝ newsframe ＝＝＝＝＝＝＝＝＝＝ */
.home .newsframe {display: none;}
/* ＝＝＝＝＝＝＝＝＝＝ addcursol ＝＝＝＝＝＝＝＝＝＝ */
.addcursol {
	padding: 0 0 0 14px;
	font-size: 90%;
	position: relative;}
.addcursol:before {
	content: "";
	top: 4px;
	left: 0;
	width: 6px;
	height: 6px;
	border-top: 2px solid #008092;
	border-right: 2px solid #008092;
	vertical-align: top;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	position: absolute;}
.infobox .addcursol:before {top: 2px;}
/* ＝＝＝＝＝＝＝＝＝＝ navblock ＝＝＝＝＝＝＝＝＝＝ */
.navblock {
	padding: 5px;
	color: #fff;
	background: #008092;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;}
/* ＝＝＝＝＝＝＝＝＝＝ searchbox ＝＝＝＝＝＝＝＝＝＝ */
.searchbox input[type="text"] {
	width: 200px;
	height: 28px;
	border:1px solid #008092;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;}
/* ＝＝＝＝＝＝＝＝＝＝ headlogo ＝＝＝＝＝＝＝＝＝＝ */
.headlogo img{width: 297px;}
/* ＝＝＝＝＝＝＝＝＝＝ mainvis＝＝＝＝＝＝＝＝＝＝ */
.mainvis {
	width: 1000px;
	height: 350px;
	position: relative;
	background: url("../images/parts/mainvisual.jpg") 0 0 no-repeat;}
.mainvis a {
	color: #fff;
	text-decoration: underline;}
.mainvistext {
	width: 680px;
	top: 22px;
	left: 200px;
	color: #fff;
	font-size: 90%;
	line-height: 20px;
	position: absolute;}
.mainvis.english .mainvistext {top: 12px;}
/* ＝＝＝＝＝＝＝＝＝＝ homeguide ＝＝＝＝＝＝＝＝＝＝ */
.homeguide {
	width: 475px;
	padding: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;}
.homeguide img {max-width: 100%;}
.guide2 {
	width: 46%;
	padding: 10px 5px;
	background: #95ebff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	display: block;}
.guide2 img {
	width: 100%;
	margin: 5px 0 0 0;}
/* ＝＝＝＝＝＝＝＝＝＝ homebanner ＝＝＝＝＝＝＝＝＝＝ */
.homebanner {
	width: 1000px;
	padding: 20px 0 0 0;
	text-align: center;}
.homebanner img {margin: 0 5px;}
.homebanner.english .endel {display: none;}
/* ＝＝＝＝＝＝＝＝＝＝ sidebanner ＝＝＝＝＝＝＝＝＝＝ */
.sidebanner img {
	max-width: 200px;
	padding: 0 0 5px 0;}
.sidebanner.english .endel {display: none;}
/* ＝＝＝＝＝＝＝＝＝＝ closeinfo ＝＝＝＝＝＝＝＝＝＝ */
.closeinfo {
	width: 97%;
	margin: 0;
	padding: 1%;
	border: 1px solid #008092;
	float: left;}
/* ＝＝＝＝＝＝＝＝＝＝ infobox ＝＝＝＝＝＝＝＝＝＝ */
.infobox {
	width: 97.5%;
	padding: 1% 1%;
	font-size: 90%;
	border: 1px solid #008092;}
.infobox p {line-height: 22px;}
.infobox td {border-bottom: 1px solid #ddd;}
/* ＝＝＝＝＝＝＝＝＝＝ footinfo＝＝＝＝＝＝＝＝＝＝ */
.footinfo{
	height: 190px;
	position: relative;}
.footinfo .leftbox {
	top: 20px;
	left: 110px;
	width: 320px;
	position: absolute;}
.footinfo .rightbox {
	top: 20px;
	left: 540px;
	width: 320px;
	position: absolute;}
.footinfo img {max-width: 100%;}
/* ＝＝＝＝＝＝＝＝＝＝ table ＝＝＝＝＝＝＝＝＝＝ */
.tableset {
	width: 100%;
	border: 1px solid #ddd;}
.tableset td {
	padding: 1%;
	line-height: 22px;
	border: 1px solid #ddd;
	vertical-align: top;}
.tableset img {
	max-width: 100%;
	height: auto;}
.w20 {width: 20px;}
.w50 {width: 50px;}
.w80 {width: 80px;}
.w90 {width: 90px;}
.w100 {width: 100px;}
.w120 {width: 120px;}
.w150 {width: 150px;}
.w180 {width: 180px;}
.w200 {width: 200px;}
.w250 {width: 250px;}
.w300 {width: 300px;}
.w350 {width: 350px;}
.w400 {width: 400px;}
.w420 {width: 420px;}
.w450 {width: 450px;}
.w480 {width: 480px;}
.w500 {width: 500px;}
.w550 {width: 550px;}
.w600 {width: 600px;}
.w650 {width: 650px;}
.w700 {width: 700px;}
.w720 {width: 720px;}
.w740 {width: 740px;}
.w5per {width: 5%;}
.w10per {width: 10%;}
.w12per {width: 12%;}
.w13per {width: 13%;}
.w15per {width: 15%;}
.w20per {width: 20%;}
.w22per {width: 22%;}
.w25per {width: 25%;}
.w30per {width: 30%;}
.w40per {width: 40%;}
.w45per {width: 45%;}
.w50per {width: 50%;}
.w60per {width: 60%;}
.w65per {width: 65%;}
.w70per {width: 70%;}
.w80per {width: 80%;}
.w90per {width: 90%;}
.borderall {border: 1px solid #ddd;}
.borderall-gray {border: 1px solid #666;}
.tableset input[type="text"] {
	font-size: 100%;
	padding: 3px;}
.tableset textarea {
	width: 80%;
	height: 150px;
	padding: 3px;
	font-size: 100%;}
/* ＝＝＝＝＝＝＝＝＝＝ link ＝＝＝＝＝＝＝＝＝＝ */
.areamain a[href $='.pdf'],.areamain a[href $='.PDF'] {
	margin: 0 5px 0 0;
	padding: 0 20px 5px 0;
	background: url("../images/parts/icon-pdf.png") top right no-repeat; }
.areamain a[href $='.doc'],.areamain a[href $='.docx'] {
	margin: 0 5px 0 0;
	padding: 0 20px 5px 0;
	background: url("../images/parts/icon-word.png") top right no-repeat; }
.areamain a[href $='.xls'],.areamain a[href $='.xlsx'] {
	margin: 0 5px 0 0;
	padding: 0 20px 5px 0;
	background: url("../images/parts/icon-excel.png") top right no-repeat; }
.areamain a[href $='.zip'] {
	padding: 5px 24px 5px 0;
	background: url("../images/parts/icon-zip.png") top right no-repeat; }
.areamain a[href^="http"],.areamain a[href^="https"] {
	margin: 0 5px 0 0;
	padding: 0 20px 5px 0;
	background: url("../images/parts/icon-link.png") top right  no-repeat; }
.noicon {background-image: none!important;}
/* ＝＝＝＝＝＝＝＝＝＝ etc＝＝＝＝＝＝＝＝＝＝ */
.summary {display: none;}
.news .newstitle {
	color: #008092;
	font-size: 110%;
	font-weight: bold;}
.news .summary {display: block;}
.news .del {display: none;}
.tag {
	font-size: 80%;
	padding: 4px 6px;
	background: #008092;}

/* 05 ----- color */
.txw {color: #fff;}
.txgray {color: #ccc;}
.tx-blue {color: #008092;}
.tx-lightblue {color: #e8f7ff;}
.bg-lightblue {background: #e8f7ff;}
.bgw {background-color: #fff;}
.bb {border-bottom: 1px solid #ddd;}
.advice {color: #f60;font-weight: bold;}
.alert {color: #c00;}
.alertbox {
	margin: 0 5px;
	padding: 3px 5px;
	color: #fff;
	background: #f00;
	vertical-align: middle;}

/* 06 ----- typography */
.txt-xl {font-size: 180%;}
.txt-ml {font-size: 140%;}
.txt-l {font-size: 120%;}
.txt-s {font-size: 85%;}
.txt-xs {font-size: 75%;}

/* 07 ----- spacing */
.mblock {margin: 1.25rem 0;}
.pblock {padding: 1.25rem 0;}

.mreset {margin: 0;}
.mt5 {margin-top: 0.3125rem!important;}
.mt10 {margin-top: 0.625rem!important;}
.mt20 {margin-top: 1.25rem!important;}
.mt30 {margin-top: 1.875rem!important;}
.mb10 {margin-bottom: 0.625rem!important;}
.mb20 {margin-bottom: 1.25rem!important;}
.mb30 {margin-bottom: 1.875rem!important;}

.preset {padding: 0;}
.p10 {padding: 0.625rem!important;}
.pt5 {padding-top: 0.3125rem!important;}
.pt10 {padding-top: 0.625rem!important;}
.pt20 {padding-top: 1.25rem!important;}
.pt30 {padding-top: 1.875rem!important;}
.pb10 {padding-bottom: 0.625rem!important;}
.pb20 {padding-bottom: 1.25rem!important;}
.pb30 {padding-bottom: 1.875rem!important;}

/* 08 ----- position */
.va-top {vertical-align: top;}
.va-mid {vertical-align: middle;}
.va-bot {vertical-align: bottom;}
.flo-l {float: left;}
.fix {margin: 0 auto;}
.flo-r {float: right;}
.p-rel {position: relative;}
.p-abs {position: absolute;}
.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}
.lhclear {margin: 0 0 6px 0;line-height: 18px;}

.imgicon {vertical-align: middle;}
.imgleft {margin: 0 8px 8px 0;}
.imgright {margin: 0 0 8px 8px;}
.imgframe {max-width: 47%;height: auto;border: 1px solid #ccc;}

/* 09 ----- option */
/* ---------- crumb */
.crumb {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 80%;}
.crumb li {
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	background: url("../images/parts/icon-cursol.jpg") 1px no-repeat;
	display: inline-block;}
.crumb li:nth-last-child(1) {color: #008092;}
/* ---------- clear */
.txt-indent-clear {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;}
.clearfix:after {
	clear: both;}
.clearfix {
	*zoom: 1;}



.pconly {display: block;}
.sponly {display: none;}
@media screen and (max-width: 667px) {
	header {margin-bottom: 10px;}
	img {max-width: 100%;height: auto;}
	input[type="image"] {
		height: 35px;
		margin: 2px 0 0 0;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		background: #008092;}
	a img:hover,.areamain a:hover {
		opacity: 1;
		filter: alpha(opacity = 100);}

	.mainsize,.areafoot,.headlogo img,.homebanner {width: 100%;}
	.column2,.column3,.column4,.areamain,.areaside,.headlogo,.headsubnav,.horizontal,.sidebanner {
		width: 100%;
		margin: 0 auto;
		float: none;}
	.w5per,.w10per,.w13per,.w15per,.w20per,.w22per,.w25per,.w30per {width: 40%;}
	.headsubnav {text-align: center;}
	.areaside {margin-top: 30px;}
	.areaside dd a {
		width: 96%;
		margin: 0;
		padding: 14px 0;
		border-bottom: 1px solid #ddd;
		display: block;}
	.sidebanner img {margin: 0 3px;}
	.footinfo,.footinfo .leftbox,.footinfo .rightbox{width:100%;position: static;}
	.footinfo{height:auto;}
	.footinfo .leftbox,.footinfo .rightbox {top:0;left:0;width:100%;display:block;float:none;}
	.footnavlist {text-align: left;}
	.footnavlist.horizontal a {
		width: 96%;
		padding: 10px 0 10px 16px;
		border-bottom: 1px solid #008092;
		display: block;}
	.footnavlist.horizontal a:before,.areaside dd:before {top: 40%;}
	.mainvis {
		width: 100%;
		background: url("../images/parts/mainvisual-sp.jpg")0 0 no-repeat;
		background-size: cover;}
	.mainvistext {
		width: 90%;
		top: 0;
		left: 12px;
		padding: 5px 7px;
		font-size: 80%;
		background: #008092;
		border-radius: 5px;
		webkit-border-radius: 5px;
		moz-border-radius: 5px;
		position: absolute;}
	.homeguide {width: 95%;}
	.navblock {padding: 10px;}
	.closeinfo {
		width: 97%;
		margin: 10px 0;}

	.pconly,.del {display: none;}
	.sponly {display: block;}

	.tableset {border: none;}
	.tableset td {
		width: 98%;
		padding: 1%;
		vertical-align: middle;
		border-top: 0;
		border-right: 0;
		border-bottom: 1px solid #ddd;
		border-left: 0;
		float: left;}

}