@charset "UTF-8";

/* リセット */
h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,dl,li,dt,dd,form {
	margin:0;
	padding:0;
	font-weight:normal;
}
li,dt,dd {list-style: none;}
img {
	border: none;
	max-width:100%;
	vertical-align:top;
}
body {
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:140%;
	padding:0;
	margin:0;
	color:#3A3A3A;
	-webkit-text-size-adjust: 100%;
}

.caution {
	color:#ff0000;
}
em.caution {
	font-style:normal;
}

/* Link */
a:link {
	color:#FF9900;
	text-decoration:underline;
}
a:visited{
	color:#FF9900;
}
a:active{
	color:#FF9900;
}
a:hover{
	color:#00B4F2;
	text-decoration:none;
}

/* 青ボタン */
a.btn_blue01 {
	display: block;
	background-color: #0080cb;
	color:#fff;
	border-radius: 8px;
	text-align: center;
	padding: 1.2em 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 0;
	width: 50%;
	margin: 0 auto;
}
/* 緑ボタン */
a.btn_green01 {
	display: block;
	background-color:#156e3d;
	color:#fff;
	border-radius: 8px;
	text-align: center;
	padding: 1.2em 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 2.0rem;
	line-height: 0;
	width: 50%;
	margin: 0 auto;
}
/* 灰ボタン */
.section span.btn_gray01 {
	display: block;
	background-color:#908f8f;
	color:#fff;
	border-radius: 8px;
	text-align: center;
	padding: 1.2em 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 32px;
	line-height: 0;
	width: 50%;
	margin: 0 auto;
}

/* 赤ボタン */
a.btn_red01 {
	background-color: #dd0000;
	display: inline-block;
	padding: 0.5em 1.0em;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	font-size: 14px;
	margin-right: 0.3em;
}




a.btn_blue01:hover,
a.btn_green01:hover,
a.btn_red01:hover {
	opacity: 0.9;
}

table th,
table td{
	line-height:130%;
}


/* ページ内リンクの位置調整 */
#visitor_caution,
#member_caution,
#paymentflow,
#webguideflow04,
#member,
#visitor {
	margin-top: -200px;
	padding-top: 200px;
}



/* Module CSS
------------------------------------------ */
.tL {text-align: left;}
.tR {text-align: right;}
.tC {text-align: center;}
.fL {float: left;}
.fR {float: right;}
.pd00 {padding-bottom: 0 !important;}
.pd05 {padding-bottom: 5px !important;}
.pd10 {padding-bottom: 10px !important;}
.pd20 {padding-bottom: 20px !important;}
.pd30 {padding-bottom: 30px !important;}
.pd40 {padding-bottom: 40px !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.fz12 {font-size: 12px !important;}
.fz14 {font-size: 14px !important;}
.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px !important;}
.fwB {font-weight:bold !important;}


/* Clearfix
------------------------------------------ */
.clearfix {
	zoom: 100%;
}
.clearfix:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
.clr{clear:both; height:0; margin:0; padding:0; line-height:100%; font-size:0;}


/* PCページ 非表示化
------------------------------------------ */
span.pcbr{display:none;}
.pc_none {display:none;}


/* LAYOUT
------------------------------------------ */
.wrap{
	margin-top:199px;
}
	.section .article {
		max-width: 980px;
		width:90%;
		margin:0 auto;	
	}


/* セクション(白色)
------------------------------------------ */
.section {
	padding:40px 0 0;
}
	.section p {
		padding-bottom:8px;
	}


/* セクション(灰色)
------------------------------------------ */
.gray {
	width:auto;
	margin:0 auto;
	padding:40px 0 50px 0;
	background-color:#f1f1f1;
}
	.gray .block{
		max-width: 980px;
		width:90%;
		margin:0 auto;
		padding-bottom:12px;
	}


/* セクション(青)～ガイドページ
------------------------------------------ */
.guide {
	width:auto;
	margin:0 auto;
	padding:0px 0 0px 0;
	border-bottom:1px solid #e6e6e6;
	background:#00007c;
}
	.guide .block{
		width:980px;
		margin:0 auto;
		padding-bottom:12px;
	}


/* title
------------------------------------------ */
h2 {
	text-align:center;
	font-size:56px;
	line-height:110%;
	padding:30px 0 0;
	margin-bottom:48px;
}
h2 span{
	font-size:24px;
}
.section h3{
	font-size:48px;
	text-align:center;
	line-height:1.5em;
	margin-bottom:0.8em;
}
.section h4{
	font-size:36px;
	line-height:110%;
	text-align:center;
	padding:50px 0px 30px 0px;
}
.section h5{
	font-size:18px;
	padding:10px 0px;
}

/* <p>
------------------------------------------ */

.section p{
	font-size:16px;
	line-height:135%;
	padding-bottom:8px;
}
.section p:last-child{
	padding-bottom:0px;
}
.section p span{
	font-size:14px;
}
span.icon{
	color:#009fe8;
}

/* list
------------------------------------------ */

.section ul.note li{
	padding-bottom:8px;
	text-indent:-1em;
	margin-left:1em;
}

.section div.point{
	background:#fefedb;
	border:3px solid #FFCC00;
	padding:21px 18px 12px 18px;
	margin:18px 0px 10px 0px;
	border-radius:4px;
}

/* ご注意
------------------------------------------ */
.article.procedure_notes {
	border: 3px solid #d00;
	background-color: #fff;
	color: #d00;
	margin-bottom: 3.0em;
}
.article.procedure_notes h2 {
	margin-bottom: 0;
	background-color: #d00;
	color: #fff;
	padding: 0.2em 0;
	font-size:38px;
}
.article.procedure_notes .inner {
	padding: 1.5em;
}
.article.procedure_notes dl {
	font-size: 18px;
	margin-bottom: 2.0em;
}
.article.procedure_notes dl:last-child {
	margin-bottom: 0;
}
.article.procedure_notes dl dt {
	font-weight: bold;
	margin-bottom: 0.3em;
}
.article.procedure_notes dl dd {
	line-height: 1.5em;
}
.article.procedure_notes dl a {
	color: #d00;
	font-weight: bold;
	text-decoration: none;
}
.article.procedure_notes dl a:hover {
	text-decoration: underline;
}
.login_lead {
	font-size: 16px;
    margin-top: 4.0em;
    margin-bottom: 2.0em;
    padding: 0 1.0em;
    line-height: 1.5em;
}


/* マイページおよびログインについて
========================================================== */

.warning {
	border:3px solid #d00;
	padding: 2.0em;
	background-color: #fff0f0;
	margin-bottom: 5.0em;
}
.warning h2.title {
	color: #d00;
	line-height: 1.3em;
	font-size: 2.75rem;
	padding: 0;
}
.warning em {
	color: #d00;
	font-style: normal;
}
.warning p {
	line-height: 1.5em;
	font-size: 18px;
}

.entry_arrow {
	margin: 1.0em auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 50px 0 50px;
	border-color: #acd9ff transparent transparent transparent;
}

/* マイページはこちら */
.btn_mypage {
	text-align: center;
	background-color: #fdffde;
	padding: 1.5em 0;
	margin:0 12px 4.0em;
}
a.mypage {
	background-color: #0067bd;
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	padding:1.5em 4.0em;
	line-height: 0;
	border-radius: 5px;
	font-size: 18px;
}
a.mypage:hover {
	opacity: 0.8;
}
.btn_mypage p.note {
	padding-top: 0.5em;
	padding-left: 0;
	font-size: 14px;
}

/* TOP エントリー種別
------------------------------------------ */
.entry_plan {
	padding:0 0 50px;
	text-align: center;
}

.entry_plan .announcement-date {
	color: #dd0000;
	font-weight: bold;
	font-size: 1.25rem;
}

.entry_plan .category-list {
	margin-bottom: 1.0em;
}
.entry_plan .category-list li {
	/* font-size: 1.375rem; */
	font-size: 1.25rem;
	line-height: 1.4em;
}
.entry_plan .entry_btn {
	margin-bottom: 1.0em;
}
.entry_plan .period {
	font-size: 1.25rem;
}

/* 岡山市民県民優先枠 */
.typePriority {
	padding-top:50px;
	background-color:#e3f1f8;
}
	.typePriority h3 {
		color:#0080cb;
	}


/* 自動エントリー */
dl.auto_entry {
	color:#e90f0f;
	text-align:center;
	margin-bottom:2.0em;
}
	dl.auto_entry dt {
		font-size:36px;
		margin-bottom:0.5em;
	}
	dl.auto_entry dd {
		line-height:1.6em;
	}


/* 一般枠 */
.typeGeneral {
	padding-top:50px;
	background-color:#d5f6e0;
}
.typeGeneral:first-child {
	padding-bottom:0;
}
	.typeGeneral h3 {
		color:#156e3d;
	}


/* TOP エントリー種別　～基本設定～
------------------------------------------ */
.entry_plan ul.planlist li{
	float:left;
	padding:0px 10px 10px 0px;
	margin:0px;
}
.entry_plan ul.planlist li:nth-child(3){
	padding-right:0px;
}

.planlist dl dd.btn a:hover {
	opacity:0.6;
}

/* 岡山市民県民優先枠＞部門 */
.typePriority .planlist dl {
	width:320px;
	color:#fff;
	text-align:center;
}
.typePriority .planlist dl dt {
	padding:20px 0;
	background-color:#0080cb;
	border-radius: 8px 8px 0 0;
	font-size:42px;
	line-height:0.9em;
}
.typePriority .planlist dl dt span {font-size:24px;}
.typePriority .planlist dl dt span:last-child {font-size:36px;}
.typePriority .planlist dl dd {
	text-align:center;
	background-color:#fff;
	color:#333;
}
.typePriority .planlist dl dd.period {
	padding:15px 0;
}
.typePriority .planlist dl dd.btn {
	padding-bottom:5px;
}
.typePriority .planlist dl dd:last-child {
	border-radius: 0 0 8px 8px;
}


/* 一般枠＞部門 */
.typeGeneral .planlist dl {
	width:320px;
	text-align:center;
	color:#fff;
}
.typeGeneral .planlist dl dt {
	padding:20px 0;
	border-radius: 8px 8px 0 0;
	font-size:42px;
	line-height:0.9em;
	background-color:#156e3d;
}
.typeGeneral .planlist.km56 dt {background-color:#a8b809;}

.typeGeneral .planlist dl dt span {font-size:24px;}
.typeGeneral .planlist dl dt span:last-child {font-size:36px;}
.typeGeneral .planlist dl dd {
	text-align:center;
	color:#333;
	background-color:#fff;
}
.typeGeneral .planlist dl dd.period {
	padding:15px 0;
}
.typeGeneral .planlist dl dd.btn {
	padding-bottom:5px;
}
.typeGeneral .planlist dl dd:last-child {
	border-radius: 0 0 8px 8px;
}

/* ファンラン */
.typeGeneral.funrun h3 {
	display:none;
}
.typeGeneral.funrun .entry_plan {
	padding-bottom:50px;
}

/* 申込に関する注意事項 */
.block.notes h2 {
	margin-bottom:0.5em;
}
.block.notes p.caution {
	font-size:36px;
	text-align:center;
	color:#e90f0f;
	margin-bottom:0.5em;
}
	.block.notes ul li {
		text-indent:-1.0em;
		padding-left:1.0em;
		margin-bottom:0.5em;
	}
	.block.notes ul li:last-child {
		margin-bottom:0;
	}
	.block.notes ul.number li {
		text-indent:-2.5em;
		padding-left:2.5em;
	}

/* 個人情報について */
.block.personalinfo {
	max-width: 980px;
	width:90%;
	margin: 0 auto;
	padding-bottom:2.0em;
}
.block.personalinfo p {
	line-height:1.5em;
}


/* TOP エントリー種別　～自動エントリ～
------------------------------------------ */
@keyframes bgcolor {
	0% { background-color: #00c0e5; }
	50% { background-color: #DD0000; }
	100% { background-color: #00c0e5; }
}
.change{
	color:#FFFFFF;
	background:#DD0000;
	border-radius: 20px;
	animation: bgcolor 3s infinite;
	padding:50px 50px;
	margin:60px 0px 80px 0px;
}
.change h4{
	font-size:42px;
	padding:0px 0px 24px 0px;
	text-align:center;
	background:none;
	border:none;
	font-weight:bold;
}
.change p{
	font-size:21px;
	font-weight:bold;
}


ul.comment{
padding:12px 12px 0px 12px;
margin:0px;
}
ul.comment li{
	padding:0px 0px 8px 0px;
	text-indent:-3.2em;
	margin:0px 0px 0px 3em;
}


/* 申込ガイド
------------------------------------------ */

/* タブ */
.guide__menu{
	background-color:transparent;
}
.guide__menu nav {
	width:90%;
	max-width: 980px;
	text-align:center;
	margin:0px auto;
}
.guide__menu nav ul {
	display:table;
}
.guide__menu nav ul li{
	display:table-cell;
	width:490px;
	background-color:#fff;
}

/* icon */
.guide__menu nav ul li.active {
	background:#fff url("../img/icn_arrow_guide01.gif") no-repeat 50% bottom;
	padding-bottom:11px;
}
.guide__menu nav ul li.internet a {
	background:#00007c url("../img/icn_apply_int01_off.gif") no-repeat center 20px;
}
.guide__menu nav ul li.internet p {
	background:#00b4f2 url("../img/icn_apply_int01_on.gif") no-repeat center 20px;
}
.guide__menu nav ul li.loppi a {
	background:#00007c url("../img/icn_apply_loppi01_off.gif") no-repeat center 20px;	
}
.guide__menu nav ul li.loppi p {
	background:#00b4f2 url("../img/icn_apply_loppi01_on.gif") no-repeat center 20px;	
}
	
	
.guide__menu nav ul li.member a,
.guide__menu nav ul li.visitor a {
	background-color: #00007c;
}
	.guide__menu nav ul li.visitor p,
	.guide__menu nav ul li.member p {
	background-color: #00b4f2;
}

.guide__menu nav ul li.active p {
	font-size:22px;
	padding:74px 0 24px;
	color:#fff;
	line-height:1.0em;
}

/* Tab link */
.guide__menu nav ul li a:link {
	font-size:22px;
	text-decoration:none;
	display:block;
	padding:74px 0 24px;
	color:#fff;
	line-height:1.0em;
}
.guide__menu nav ul li a:hover{
	color:#fff;
	opacity:0.5;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.guide__menu nav ul li a:visited {
	color:#fff;
}

.guide__menu nav ul.no-icon li.active p {
	padding-top: 24px;
}
.guide__menu nav ul.no-icon li a:link {
	padding-top: 24px;
}

/* 申込ガイド ～見出し～
------------------------------------------ */
.guide .block h3{
	font-size:30px;
	line-height:120%;
	color:#FFFFFF;
	background:#00007C;
	padding:20px 0px 0px 0px;
	margin:0px;
	border:none;
	text-align:center;
}
.guide .block h3 span{
	font-size:24px;
}
.guide .block h3.loppi{
	line-height:68px;
}



/* 申込ガイド ～ブロック要素～
------------------------------------------ */
.step {
background:#fff;
padding:0 30px 30px;
margin:0;
}
.step h2 {
	padding:40px 0 30px;
	font-size:48px;
	margin-bottom:20px;
}

.step h3 {
	display:table;
	width:100%;
	max-width: 920px;
	font-size:22px;
	text-align:left;
	color:#010080;
	margin-bottom:0;
}
.step h3 .number {
	display:table-cell;
	width:70px;
	font-size:30px;
	line-height:0.8em;
	vertical-align:middle;
	text-align:center;
	color:#fff;
	background-color:#00b4f2;
	padding:5px 0 15px;
}
.step h3 .number span {
	font-size:12px;
}
.step h3 .txt {
	display:table-cell;
	background-color:#abe9ff;
	margin:0;
	vertical-align:middle;
	line-height:1.2em;
	padding:0.5em 0.5em 0.5em 1.0em;
}
.step h3 .txt em {
	font-style: normal;
	font-weight: bold;
}

.step ul{
	padding:12px;
}
.step ul li{
	text-indent:0em;
	margin-left:0em;
	padding:12px 0;
}
.step ul li .photo{
	float:left;
	position: relative;
	padding:10px 0 0 10px;
}
.step ul li .photo .numb {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Oswald', sans-serif;
	width: 44px;
	height: 44px;
	border-radius: 44px;
	top: 0px;
	left:0px;
	background: #009cf2;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
}
.step ul li .txt{
	width:550px;
	float:left;
	padding:20px 0px 0px 0px;
}

.step p {
	padding:0 0 1.0em 24px;
}
.step .text_area{
	padding:20px 20px 20px 0px;
	margin-bottom:1.0em;
}
.step .text_area:last-child {
	margin-bottom:0;
}
.step .text_area h4{
	font-size:18px;
	background:none;
	border:none;
	padding:0px 0px 4px 24px;
	margin:0px;
	text-align:left;
}
.step .text_area h4 span{
	color:#009FE8;
}
.step .inform{
	text-align:center;
	font-size:18px;
	line-height:1.5em;
	color:#FFFFFF;
	background:#DD0000;
	border-radius:8px;
	padding:20px 16px;
	margin:4px 4px 16px 24px;
}
.step .pay h4{
	font-size:32px;
	padding:30px 0px 0px 0px;
}

/* 申込ガイド ～ブロック要素～PONTAポイント
------------------------------------------ */
.pontapoint{
	padding:24px 24px 20px 24px;
	margin:0px 0px 60px 0px;
	text-align:center;
}
.pontapoint p{
	font-size:21px;
	line-height:150%;
	color:#FF6600;
	padding-bottom:20px;
}
.pontapoint p span{
	font-size:30px;
	color:#DD0000;
}
.pontapoint .button{
	width:80%;
	margin:0px auto;
}
.pontapoint .button span{
	padding-top:20px;
}
	
.notice {
	padding: 0 42px 30px;
	background-color:#fff;
}
.notice h2 {
	margin-bottom:20px;
}
.notice h3 {
	font-size:21px;
	text-align:left;
	padding-left:0px;
	margin-bottom:0.5em;
}
.notice h3:before {
	content:"●";
	color:#009fe8;
}


/* 2019/05/09  */
.step .lead_txt {
	text-align:center;
	background-color:#abe9ff;
	padding:1.0em;
	border-radius:5px;
}

.step p.btn {
	text-align:center;
	background-color:#eee;
	padding:1.0em;
}
a.btn_confirm {
	display:inline-block;
	text-align:center;
	background-color:#f35184;
	color:#fff;
	text-decoration:none;
	border-radius:4px;
	padding:1.0em 5.0em;
	font-size:18px;
	font-weight:bold;
}
a.btn_confirm:hover {
	opacity:0.8;
}
.btn_nolink {
	display:inline-block;
	text-align:center;
	background-color:#9e9e9e;
	color:#fff;
	text-decoration:none;
	border-radius:4px;
	padding:1.0em 5.0em;
	font-size:18px;
	font-weight:bold;
}



/* エントリーについてのQ&A
------------------------------------------ */
.faq{
	margin-top:-30px;
}
.faq h3{
	color:#00007c;
	line-height:100%;
	border:1px solid #DDDDDD;
	border-left:4px solid #00007c;
	text-align:left;
	padding:8px 0px 4px 10px;
	margin:0px 0px 20px 0px;
}

/* アコーディオン
------------------------------------------ */
dl.accordion {
	margin-bottom: 40px;
	background: #fff;
}
dl.accordion dt {
	font-size:16px;
	margin:0px 0px 4px 0px;
	padding:4px 1em 10px 1em;
	background:#00007c;
	border-radius:4px;
	color: #FFFFFF;
	cursor: pointer;
}
dl.accordion dt span {
	position:relative;
	top: 6px;
	display:inline-block;
	margin-right:6px;
	width:24px;
	height:24px;
	background: url(../img/icon_faq01.png) no-repeat top left;
}
dl.accordion dt:hover span {
	background: url(../img/icon_faq02.png) no-repeat top left;
}
dl.accordion dt.active span {
	background: url(../img/icon_faq02.png) no-repeat top left;
	}
dl.accordion dt:hover {
	background:#00B4F2;
	color:#FFFFFF;
}
dl.accordion dt.active {
	background:#00B4F2;
	color:#FFFFFF;
	cursor:inherit
}

dl.accordion dd {
	margin:0;
	padding:8px 12px 30px 15px;
	color: #333;
}
dl.accordion dd:last-child {
	padding-bottom:0px;
}
dl.accordion dd ul{
	padding-top:12px;;
}
dl.accordion dd ul li{
	text-indent:-1em;
	margin-left:1em;
}

dl.accordion dd .link{
	color:#00B4F2;
	padding-top:5px;
}

/* お問い合わせ */
.contact h2 {
	margin-bottom: 1.0em;
}
.contact h3 {
	margin-bottom: 1.0em;
}
.contact h4 {
	margin-top: 1.0em;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
	padding: 0;
}
.contact p {
	padding-left: 0;
}
.contact .inner {
	margin-bottom: 4.0em;
}
.contact .mail,
.contact .tell{
	font-size: 290%;
	font-weight: bold;
	color: #D5387D;
	text-align: center;
	padding-bottom: 0;
}
.contact .mailto {
	text-align: center;
	margin-bottom: 0.5em;
}
.contact .info,
.contact .infotime {
	text-align: center;
}
.contact ul {
	padding-top: 0.5em;
	padding-left: 0;
}
.contact ul li {
	padding-bottom: 4px;
    text-indent: -1em;
    padding: 0 0 0 1em;
}


/* 当選後のお支払い手数料詳細
------------------------------------------ */
.faq_price h1{
	text-align:center;
	padding-bottom:40px;
}
.faq_price table{
	margin:0px auto;
	text-align:center;
	border-top:1px solid #3366cc;
	border-left:1px solid #3366cc;
}
.faq_price table th{
	color:#FFFFFF;
	background:#00007c;
}
.faq_price table th,
.faq_price table td{
	border-right:1px solid #3366cc;
	border-bottom:1px solid #3366cc;
	padding:8px 12px;
	white-space:nowrap;
}
.faq_price table td.pricestyle01{
	text-align:left;
}

/* Copyright
------------------------------------------ */
.copyright {
	font-size:12px;
	text-align:center;
	margin-bottom:0;
	padding:20px 0 30px 0px;
	border-top:1px solid #d4d5d5;
}
.copyright .logo{
	padding:0px 0px 6px 0px;
}


p.endcom{
	font-size:28px;
	color:#DD0000;
	text-align:center;
}

p.close {
	display:none;
}
.switch {
	display:none;
}



/* ★☆★☆★　Smart Phone (max-width: 767px)　★☆★☆★
------------------------------------------------------------------------------------ */
@media screen and (max-width: 767px){

body,
.section p{
	font-size:14px;
}

p.close {
	margin-top:1.0em;
	display:block;
	text-align:center;
}

.section .article.accordion {
	margin-bottom:1.0em;
}
.displayNone {display: none;}

/* 青ボタン・緑ボタン・灰ボタン */
a.btn_blue01,
a.btn_green01,
.section span.btn_gray01 {
	width: auto;
	margin: 0 0.2em;
	font-size: 1.25rem;
	line-height: 1.0em;
	padding: 1.0em 0;
}

/* ページ内リンクの位置調整 */
#visitor_caution,
#member_caution,
#paymentflow,
#webguideflow04,
#member,
#visitor {
	margin-top: -55px;
	padding-top: 55px;
}

.wrap .section .step .warning h2.title {
	padding-top: 0;
	text-align: left;
}

/* マイページはこちら */
.btn_mypage {
	padding: 1.0em 0;
	margin: 0 0 4.0em;
}
.btn_mypage p.note {
	text-indent: -1.0em;
	padding-left: 1.0em;
	padding-top: 0.5em;
	margin: 0 1.0em;
	font-size: 12px;
	text-align: left;
}
	/* スマホページ 非表示化
	------------------------------------------ */
	.smp_none {display:none;}
	.pc_none {display:inline;}
	
	.funrun dl.auto_entry.pc_none {display:block;}


	/* LAYOUT
	------------------------------------------ */
	.section .article {
		width:auto;
		padding:0px 10px;
	}


	/* Title
	------------------------------------------ */
		.wrap .section h2 {
			font-size:27px;
			padding:20px 0;
			margin-bottom:0;
			line-height: 1.3em;
		}
		.wrap .section  h2 span{
			font-size:18px;
		}
		.section h3{
			font-size:18px;
			line-height:120%;
			padding:10px 0px 10px 10px;
		}
		.section h4{
			font-size:28px;
			padding:20px 0px 10px 0px;
			margin:0px;
		}
		.section h5{
			font-size:18px;
			padding:6px 0px 0px 0px;
		}

	/* セクション(白色)
	------------------------------------------ */
		.section {
			width:auto;
			padding:10px 0 0;
		}
			.section .block{
				padding:0 10px;
			}

	/* セクション(灰色)
	------------------------------------------ */
		.section.gray {
			padding:20px 0;
		}
			.section.gray .block{
				width:auto;
				margin:0 auto;
				padding-bottom:12px;
			}
			.section.gray p.lead {
				text-align:center;
				margin-bottom:10px;
				padding:0 10px;
			}
	/* セクション(青)～ガイドページ
	------------------------------------------ */
	.guide {
		width:auto;
		margin:0 auto;
		padding:0px 0 0px 0;
		border-bottom:1px solid #e6e6e6;
		background:#00007c;
	}
		.guide .block{
			width:100%;
			margin:0 auto;
			padding-bottom:12px;
		}

	/* リスト
	------------------------------------------ */
		.section div.point ul li{
			font-size:14px;
		}



/* TOP エントリー種別
------------------------------------------ */

/* TOP エントリー種別　～基本設定～ */

/* 自動エントリー */
dl.auto_entry {
	margin:1.0em 0 1.5em;
}
dl.auto_entry dt {
	font-size:16px;
}
dl.auto_entry dd {
	font-size:14px;
	text-align:left;
}

/* プルダウン icon */
h3.switch {
	display:block;
	background:transparent url("../img/icn_arrow_up01.png") no-repeat right center;
}
h3.switch.open {
	display:block;
	background:transparent url("../img/icn_arrow_down01.png") no-repeat right center;
}

.entry_plan .category-list li {
	font-size: 1.0rem;
}
.entry_plan .period {
	font-size: 1.0rem;
}

/* 岡山市民県民優先枠 */
.typePriority {
	padding-top:0;
}
	.typePriority h3 {
		padding:1.0em 10px 0.5em;
		margin:0 -10px;
		color:#0080cb;
		text-align: center;
		font-size: 26px;
		font-weight: bold;
		/* background-color:#0080cb; */
		/* border:5px solid #0080cb; */
	}
	.typePriority h3.open {
		background-color:#0080cb;	
	}

	.typePriority .planlist dl dt {
		padding:10px 0;
		font-size:24px;
		line-height:1.2em;
	}
	.typePriority .planlist dl dt span {font-size:14px;}
	.typePriority .planlist dl dt span:last-child {font-size:24px;}


/* 一般枠 */
.typeGeneral {
	padding-top:0;
}
.typeGeneral .entry_plan {
	padding:10px 0 20px;
}
.typeGeneral.funrun .entry_plan {
	padding-bottom:20px;
}
	.typeGeneral h3 {
		text-align:center;
		padding:1.0em 10px 0.5em;
		margin:0 -10px;
		color:#156e3d;
		font-weight: bold;
		font-size: 26px;
		/* background-color:#156e3d;
		border:5px solid #156e3d; */
	}
	.typeGeneral h3.open {
		background-color:#156e3d;	
	}


	.typeGeneral .planlist dl dt {
		padding:10px 0;
		font-size:24px;
		line-height:1.2em;
	}
	.typeGeneral .planlist dl dt span {font-size:14px;}
	.typeGeneral .planlist dl dt span:last-child {font-size:24px;}


/* ファンラン */
.typeGeneral.funrun h3 {
		display:block;
		background-color:#a8b809;
		border:5px solid #a8b809;
}


	.entry_plan {
		padding:10px 0;
	}

		.entry_plan .plan{
			width:100%;
			float:none;
			margin:0px 0px 20px 0px;
			padding-bottom:0px;
		}
		.entry_plan ul.planlist li{
			float:none;
			padding:0;
			margin-bottom:15px;
		}
		.entry_plan ul.planlist li:last-child {
			margin-bottom:0;
		}
		.entry_plan ul.planlist dl {
			width:auto;
		}


		.entry_plan .plan dl{
			padding:12px 12px 18px 24px;
		}
		.entry_plan .plan dl dt{
			padding-bottom:4px;
		}
		.entry_plan .plan dl dd{
			font-size:14px;
		}
		.entry_plan .plan h3{
			font-size:24px;
			font-weight:normal;
			padding:20px 0px 8px 0px;
		}
		.entry_plan .plan h5{
			font-size:24px;
			font-weight:normal;
			line-height:100%;
			padding-top:20px;
			padding-bottom:0px;
		}
		.entry_plan .plan h5{
			padding-left:8px;
		}
		.button_area {
			padding:0px 10px 0px 12px;
		}
	ul.comment{
		padding:0px 0px 12px 0px;
	}

	/* 個人情報について */
	.block.personalinfo {
		width:auto;
		margin: 0 auto;
		padding-bottom:2.0em;
	}
	.block.personalinfo p {
		line-height:1.5em;
	}


	/* TOP エントリー種別　～自動エントリ～
	------------------------------------------ */
		.change{
			margin:10px 0px 10px 0px;
			border-radius: 10px;
			padding:12px;
		}
		.change h4{
			font-size:20px;
			line-height:110%;
			padding:10px 0px 15px 0px;
		}
		.change p{
			font-size:14px;
		}

		/*  TOP エントリー種別　～エントリーボタン～
		------------------------------------------ */
	        .button {
			font-size: 16px;
			margin-left:11px;
		}
	        .button .ponta {
			font-size:12px;
		}
	        .button .entry {
			font-size:14px;
		}
	        .button h6{
			font-size:14px;
		}

	/* 申込ガイド
	------------------------------------------ */
		.guide{
			background:#FFFFFF;
			margin:-20px;
			padding:0px 12px;
			border:none;
		}

		.gray {
			padding:10px 0 50px;
		}
		.gray .block {
			width:auto;
		}
		/* 申込ガイド ～タブ～
		------------------------------------------ */
		.guide__menu{
			background-color:transparent;
			margin:0 12px;
		}
		.guide__menu nav {
			width:auto;
			text-align: center;
		}
		.guide__menu nav ul {
			width:100%;
		}
		.guide__menu nav ul li{
			width:50%;
			vertical-align:top;
		}
		.guide__menu nav ul li a:link {
			font-size:14px;
		}
		.guide__menu nav ul li a:hover{
			color:#fff;
		}
		.guide__menu nav ul li.active p {
			font-size:14px;
		}
		.guide__menu nav ul.no-icon li.member a:link {
			min-height: 28px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		.guide__menu nav ul.no-icon li.member p {
			min-height: 28px;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
			-webkit-box-pack: center;
			-ms-flex-pack: center;
			justify-content: center;
		}

		/* 申込ガイド ～見出し～
		------------------------------------------ */
		.guide .block h3{
			font-size:21px;
			color:#00007C;
			background:#FFFFFF;
			padding:30px 0px 30px 0px;
			margin:0px 0px 0px -20px;
			border:none;
		}
		.guide .block h3 span{
			font-size:14px;
		}
		.guide .block h3.loppi{
			padding:30px 0px 30px 0px;
			line-height:100%;
		}



		/* 申込ガイド ～ブロック要素～
		------------------------------------------ */
		.wrap .section .step {
			padding:0 10px;
		}
		.wrap .section .step h2{
			font-size:18px;
			padding:20px 0 10px;
			font-weight:bold;
			margin-bottom:0.5em;
		}
		.section .step h3{
			width:100%;
			font-size:14px;
			padding:0;
			line-height:1.2em;
		}
		.step h3 .number {
			width:12%;
			display:table-cell;
			font-size:20px;
			line-height:0.8em;
			padding:3px 8px 5px;
		}
		.step h3 .number span {
			font-size:10px;
		}
		.step h3 .txt {
			width:90%;
			padding-left:0.5em;
			font-size: 16px;
		}


		.step ul li .photo{
			width:auto;
			float:none;
			text-align:center;
			padding-right: 5%;
		}
		.step ul li .photo img{
			max-width:100%;
			padding:0;
		}
		.step ul li .txt{
			width:100%;
			float:none;
			padding:10px 0px 0px 0px;
		}
		.step p{
			font-size:14px;
			padding:0px 0px 10px 0px;
		}
		.step .text_area{
			padding:20px 10px 20px 10px;
		}
		.step .inform{
			font-size:14px;
			text-align:left;
			margin:4px 0 12px;
			padding:16px;
		}
		.step .pay h4{
			padding:20px 10px 0 10px;
			font-size:18px;
		}
		.step .text_area h4{
			font-size:14px;
			font-weight:normal;
			background:none;
			border:none;
			padding:0px 0px 4px 0px;
			margin:0px;
			text-align:left;
		}
		/* .step .text_area h4 span{
		} */

		/* 申込ガイド ～ブロック要素～PONTAポイント
		------------------------------------------ */
			.pontapoint{
				margin:0px 0px 20px 0px;
				padding:0px 0px 16px 0px;
			}
			.pontapoint p{
				font-size:16px;
				line-height:150%;
				color:#FF6600;
				padding:12px 25px 12px 25px;
			}
			.pontapoint p span{
				font-size:20px;
				color:#DD0000;
			}
			.pontapoint .button{
				width:100%;
				margin:0px auto;
			}
			.pontapoint .button span{
				padding-top:10px;
			}


	.notice {
		padding: 0 12px 12px;
		background-color:#fff;
	}
		.wrap .section .notice h2 {
			font-size:24px;
			margin-bottom:0;
			padding-bottom:0;
		}
		.notice h3 {
			font-size:16px;
			text-align:left;
			padding-left:0px;
			margin-bottom:0;
		}
		.notice ul {}
			.notice ul li {
				text-indent:-1.0em;
				padding-left:1.0em;
				margin-bottom:0.3em;
			}
			.notice ul li:last-child{
				margin-bottom:0;
			}


/* 2019/05/09 */
.step .lead_txt {
	text-align:left	;
}
.step p.btn {
	margin-top:-2.0em;
}
	a.btn_confirm {
		display:block;
		border-radius:4px;
		padding:1.0em;
		font-size:16px;
	}
	.btn_nolink {
		display:block;
		border-radius:4px;
		padding:1.0em;
		font-size:16px;
	}
/* エントリーについてのQ&A
------------------------------------------ */

	/* アコーディオン */
	dl.accordion {
		margin:0 -10px 1.0em;
	}
		dl.accordion dt {
			font-size:14px;
			padding:4px 1em 12px;
			line-height:1.5em;
			}
			/* dl.accordion dt span {}
			dl.accordion dt.active span {}
			dl.accordion dt a {}
			dl.accordion dt:hover {}
			dl.accordion dt.active {} */

		dl.accordion dd {
			padding:8px 8px 20px 8px;
			}
		dl.accordion dd:last-child {
			padding-bottom:0px;
		}


		.procedure_notes {
			margin: 0 12px;
			margin-bottom: 2.0em;
		}
		.section .procedure_notes h2 {
			margin-bottom:0;
			padding: 0.2em 0;
			font-size: 24px;
			
		}
		.procedure_notes .inner {
			padding: 1.5em 1.2em;
		}
		.procedure_notes dl {
			font-size: 16px;
			margin-bottom: 1.5em;
		}
		.procedure_notes dl dt {
			text-align: center;
			font-size: 18px;
		}

		/* ご注意
		------------------------------------------ */
		.article.procedure_notes {
			padding: 0;
		}
		.article.procedure_notes .inner {
			width: auto;
			height: auto;
		}

		/* お問い合わせ
		 ------------------------------------------ */
		.contact {
			padding-bottom: 1.0em;
		}
		.contact h2 {
			margin-bottom: 1.0em;
		}
		.contact h3 {
			font-size: 18px;
			padding:0.2em 0 0.2em 0.5em;
			margin-bottom: 1.0em;
		}
		.contact h4 {
			font-size: 16px;
			padding-bottom: 0.2em;
		}
		.contact .inner {
			height: auto;
			width: auto;
		}
		.contact div.inner:not(last-child) {
			margin-bottom: 2.0em;
		}
		.contact .mail,
		.contact .tell{
			font-size: 20px;
			text-align: left;
		}
		.contact .mailto,
		.contact .info,
		.contact .infotime {
			text-align: left;
		}


/* media screen END
------------------------------------------ */
}

@media screen and (max-width: 660px){
	.wrap{
		margin-top:60px;
	}
}