@charset "utf-8";
/* 
html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
*/
html {-webkit-text-size-adjust: 100%;/* 2 */-ms-text-size-adjust: 100%;}
body { width:100%; overflow-x:hidden;}
* { font-family:"arial","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
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, strong, 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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video { margin:0; padding:0;	border:0;	outline:0;	list-style:none;	vertical-align:baseline;	background:transparent; outline:none;}
body { line-height:1;}
img {border-style: none;} 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display:block;}
nav ul, ul, li { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
body{background: #f0f0f0;}
/*===================
 LINK
=====================*/
a, a img {-webkit-transition:0.4s; -moz-transition:0.4s; -o-transition:0.4s; transition:0.4s;}
a, a:visited, a:hover, a:active { text-decoration:none; outline: none; text-decoration: underline;}
a:hover, a:hover img { opacity:1; filter: alpha(opacity=100);}
@media screen and (max-width: 660px) {body, html { width:100%; overflow-x:hidden;}}
@media screen and (max-width: 480px) {body { background: #fff;}}
/*============================
selection
==============================*/
::selection { color:#555; background:#eee; text-shadow:none; opacity:1;}
::-moz-selection { color:#555; background:#ffffcc; text-shadow:none; opacity:1;}
/*===================
 FONT
=====================*/
h1,h2,h3,h4,h5,h6 {line-height:1.6em; font-size:18px; font-weight: bold; color:#333;	letter-spacing:1px;}
p,li,dt,dl,span { font-size:16px; letter-spacing:1px; line-height:1.6em; color:#444;}
@media screen and (max-width: 860px) {
p,li,dt,dl,span { font-size:15px;}
}
@media screen and (max-width: 400px) {
h1,h2,h3,h4,h5,h6 {line-height:1.5em; font-size:16px;}
p,li,dt,dl,span { line-height:1.5em; font-size:14px;}
}
/*===================
	CONTENTS
=====================*/
.contMin{ width:100%; width:940px\9; *width:940px; margin:0 auto; overflow:hidden\9; *overflow:hidden; position:relative; z-index:1;}
header, footer, .cont, .inner, article { width:100%; float:left; position: relative; z-index: 1;}
@media screen and (min-width: 941px) {.contMin {max-width:860px;}}
@media screen and (max-width: 940px) {.contMin { float: left;}}
/*============================
  clearfix
==============================*/
.cf:before, .cf:after { content: " "; display: table;}
.cf:after { clear: both;}
.cf { *zoom: 1;}
/*============================
  切り替え
==============================*/
.pc{display: block;}
.sp{display: none;}
@media screen and (max-width: 640px) {
.pc{ display: none;}
.sp{ display: block;}
}
.noPC{ display: none;}
.Block{ display: block;}
@media screen and (max-width: 600px) { .noPC{ display: block;}}
/*============================
  共通クラス
==============================*/

/**/
.town_logo{ width: 240px; height: auto; margin: 10px 0 ;}
.town_logo img{ width: 100% !important; height: auto;}
/*title*/
#pageTitle { width: 96%; padding: 10px 2%; float: left; background: #1c9157; color: #fff; z-index: 100; position: relative; border-radius: 4px;  margin-bottom: 10px; font-weight: bold; font-size: 18px;
}
#pageTitle *{font-weight: bold;}
.mvImage{ width: 100%; height: auto; float: left;}
.mvImage img{ max-width: 100%; height: auto;}
/*footer*/
#footerLinks{ padding-top: 40px;}
#footerLinks *{ font-size: 12px;}
#footerLinks > *{ display: inline-block;}
#footerLinks ul{ float:left;}
#footerLinks ul li{ padding-right: 15px; display: inline-block;}
#footerLinks .copy{ float: right; color: #666;}


@media screen and (max-width: 980px) {
#commonContents .town_logo img{ margin-left: 15px;}
#pageTitle { width: 92%; margin: 10px 2%;}
}
@media screen and (max-width: 896px) {
#pageTitle{ font-size: 15px;}
}
@media screen and (max-width:800px) {
#footerLinks ul, 
#footerLinks .copy{ width: 96%; margin: auto 2% 5px;  text-align: center;}
}
@media screen and (max-width: 600px) {
#footerLinks ul li{ width: 100%; margin: 5px 0;}
}

/*============================
  共通テンプレート用
==============================*/
#commonContents{ padding: 10px 0 0;}
#commonContents .town_logo{ margin: 20px 0 10px;}
#commonContents #txtInfo { width: 100%; float: left; }
#commonContents #txtInfo img{ width: 100%; height: auto;}

#commonContents #TxtArea{ width: 100%; float: left;}
#commonContents #TxtArea *{ line-height: 1.6em; margin: 0; padding:5px 10px;}
#commonContents .only_form form{ margin: 0 auto; }

@media screen and (max-width: 900px) {
#commonContents .town_logo{ margin: 5px 0 10px;}
}

@media screen and (max-width: 480px) {
#commonContents{ padding:0;}
#commonContents .town_logo{ margin: 20px 10px 5px;}
#commonContents #txtInfo > span{ font-size: 13px;}
#commonContents .only_form{}
}




input[type="text"]:focus,
.mast:focus,
textarea:focus { box-shadow:0 0 0 2px #e54737; border: 1px solid #e54737; background: #fff; }
 select {
	padding:0 10px;
    line-height: 30px;
    color: #555;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
    cursor: pointer;
}

/*============================
  個別
==============================*/
/*1033 配信停止*/
#mktoForm_1033 *{ font-size: 17px;}
#mktoForm_1033 .mktoButton{ width: 100%; line-height: 34px; margin-top: 15px;}
@media screen and (max-width: 700px) {
#mktoForm_1033 *{ font-size: 16px;}
#mktoForm_1033{ width: 90% !important; margin: 0 5% !important;}
#mktoForm_1033 .mktoFormCol, 
#mktoForm_1033 .mktoFormCol .mktoFieldWrap{width: 100%;}
#mktoForm_1033 label{ margin-bottom: 5px;}
#mktoForm_1033 input[type="email"]{ width: 100% !important; padding: 5px 0;}

#mktoForm_1033 .mktoButtonRow, 
#mktoForm_1033 .mktoButtonRow .mktoButtonWrap, 
#mktoForm_1033 .mktoButton {width: 100%; float: left;}
#mktoForm_1033 .mktoButtonRow .mktoButtonWrap{ margin-left: 0px!important;}

}
@media screen and (max-width: 600px) {
#mktoForm_1033 *{ font-size: 16px;}
#mktoForm_1033 input[type="text"]{ font-size: 17px; line-height: 34px;}
}
@media screen and (max-width: 500px) {
#mktoForm_1033 *{ font-size: 14px;}
#mktoForm_1033{ width:100% !important; margin: 0 0% !important;}
#mktoForm_1033 input[type="email"]{ font-size: 17px; line-height: 34px;}
#mktoForm_1033 input[type="checkbox"]{ float: left;}
    
}

/*1030　ログインID*/
#mktoForm_1030 *{ font-size: 17px;}
#mktoForm_1030 .mktoButton{ width: 100%; line-height: 34px; margin-top: 15px;}
@media screen and (max-width: 700px) {
#mktoForm_1030 *{ font-size: 16px;}
#mktoForm_1030{ width: 90% !important; margin: 0 5% !important;}
#mktoForm_1030 .mktoFormCol, 
#mktoForm_1030 .mktoFormCol .mktoFieldWrap{width: 100%;}
#mktoForm_1030 label{ margin-bottom: 5px;}
#mktoForm_1030 input[type="email"]{ width: 100% !important; padding: 5px 0;}

#mktoForm_1030 .mktoButtonRow, 
#mktoForm_1030 .mktoButtonRow .mktoButtonWrap, 
#mktoForm_1030 .mktoButton {width: 100%; float: left;}
#mktoForm_1030 .mktoButtonRow .mktoButtonWrap{ margin-left: 0px!important;}

}
@media screen and (max-width: 600px) {
#mktoForm_1030 *{ font-size: 16px;}
#mktoForm_1030 input[type="text"], 
#mktoForm_1030 input[type="email"]{ font-size: 17px; line-height: 24px; padding:6px; height: 36px;}
}
@media screen and (max-width: 500px) {
#mktoForm_1030 *{ font-size: 14px;}
#mktoForm_1030{ width:100% !important; margin: 0 0% !important;}
#mktoForm_1030 input[type="checkbox"]{ float: left;}

}








select{ text-indent: 0.4em;}



@media screen\0 {
input[type="text"]　{ display: block; background: #0ff; padding-bottom: 5px;}
}