@charset "utf-8";
/* CSS Document
*
*管理画面用css
*
*/
/********************************************************************/
/**********/


/** iPhone対策 ******************************************************************/

/* Form */
input[type="submit"],
input[type="button"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/** common ******************************************************************/
.is_master{
	font-weight:bold;
	color:#0000ff;
}
.is_master::before{
	content: "＜マスター管理者＞";
}
#cofigSide,
#configMain {
	padding: 0.5em;
	box-sizing: border-box;
}
#configMain section{
	margin: 0 0 5em 0;
	}
#configMain article{
	margin-bottom: 4em;
	}
	
dt::before,
.mainSec h4:before{
	content: "●";
	margin-right: 0.2em;
	}
#plogin dt::before{
    content: none;
}

dd {
	margin: 0.3em 0.5em 0.8em 0.5em;
}
input[type="text"], textarea, select, input[type="email"], input[type="password"],input[type="file"]{
	font-size: 16px;
	padding: 0.3em;
	border-radius: 3px;
	box-shadow: none;
	border: 1px solid #666;
}
main#cLogin input[type="submit"], input[type="button"] {
	border-radius: 8px;
	padding: 0.5em 1em;
	border: 3px double #fff;
	width: 250px;
	background: #6f3b1b;
	color: #fff;
	font-size: 1.1rem;
}
.labelName {
	display: inline-block;
	width: 6em;
	font-size: 1.5rem;
}
textarea{
	width: 98%;
	min-height: 200px;
}
input[type="email"], input[type="password"] {
	width: 90%;
}
input[type="text"], input[type="password"] {
	width: 12em;
	padding: 0.5em;
}
#loginSet input[type="email"], #loginSet input[type="password"]{
	margin-bottom: 0.7em;
	}
input.cDate { /*カレンダー入力の際の年月入力部分のinputにclass付与*/
	width: 5.5em;
}

.emphasis{
	padding: 0 0.2em;
	}

/* reset */
.externalLink a,
.change a,
#cofigSide section:not(#currentState) h3 a:hover,
#configMain #mainContentEdit h2 + p a,
#configMain #updateMenu li a,
.forHN li p:last-child a,
#categoryCheck table th[class^="pcat"] a,
li#map a:hover,
.indConf a{
	text-decoration: none;
	}

/* font-family */
#container #title_block h1::after{
	font-family: "Shin Maru Go Medium";
	}
.mainSec h2,
.mainSec h3,
.mainSec h4,
.mainSec dt,
#categoryCheck table th,
.sButton input[type="submit"],
.sButton input[type="button"],
.sButton button,
.mainSec p.subheading,
.emphasis,
.forHN li p:last-child a,
.forHN dt,
.participating{
	font-family: "Noto Sans JP", sans-serif;
}

/* font-size */
#updateMenu li i {
	font-size: 1.8rem;
}
#updateMenu li.twoicon i { /*webiconが2つ並ぶ場合*/
	font-size: 1.6rem;
}
#configMain #updateMenu h2,
.mainSec h2,
.forHN li p:last-child{
	font-size: 1.5rem;
	}
.forHN dt,
.participating{
	font-size: 1.3rem;
	}
#configMain h3,
.forHN li p:last-child a,
.mainSec h4,
.emphasis{
	font-size: 1.1rem;
	}
.sButton input[type="submit"],
.sButton input[type="button"],
.sButton button {
	font-size: 1rem;
	}
span.date,
.mainSec.editBox ul#mainEdit li .writingTitle::before,
.mainSec.editBox ul#mainEdit li .writingText::before,
.forHN li p:first-child,
#form dd li{
	font-size: 0.9rem;
}
#currentState a,
ul.miniList li,
#shopClosed .innerBox p.alert{
	font-size: 0.85rem;
}
.newsCat{
	font-size: 0.8rem;	
	}
#cofigSide section p,
#cofigSide section:not(#currentState) h3 a,
.lastupdate,
#configMain #updateMenu li a,
.redIcon{
	font-size: 0.75rem;
}

/* List */
ul.nomalList{
	padding: 1em;	
	}
ul.miniList { /*注釈系で使用*/
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 0.8em;
}
ul.discList { /*リストで先頭に●を付けたい場合*/
	list-style: disc;
	margin-left: 2em;
}
ul.nomalList li,
ul.miniList li{
	margin-bottom: 0.8em; /*標準マージンの半分*/
	}
ul.twicem li{
	margin-bottom: 3em;	/*標準のマージンの2倍*/
	}
ul.pcat_link li { /*矢印付きリスト横並び*/
	display: inline-block;
	margin: 0.5em 0.8em 0 0;
	padding: 0.3em;
}
ul.asteriskMark li::before{ /*asteriskMark*/
	content: "※";
	}
ul.listLastLink li:last-child{ /*最後に一覧へのリンクが必要なリスト（ulに.listLastLink付与）*/
	text-align: right;
	}
#configMain ul li:last-child{
	margin-bottom: 0;
	}
.mainSec ul.aDes li{
	text-align: center;
	}


/* ---- 汎用divデザイン（divにclassを追加） ---- */

/* leadtext */
.leadText {
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #666;
	}

/* sectionの中でmarginを持たせたboxを作成 */
.innerBox {
	margin-bottom: 2em;
}

/* 枠の右上隅に三角のマーキング　マーキングする枠には.dogearを追加 */
.dogear{
	position: relative;
	}
.dogear::before {
	content: "";
	top: 0;
	right: 0;
	border-bottom: 3em solid transparent;
	border-right: 3em solid #666; /*三角内の色*/
	position: absolute;
	z-index: 100;
	}
.dogear::after {
	content: "●";
	display: block;
	top: 5px;
	transform: rotate(45deg);
	color: #fff;
	right: 8px;
	position: absolute;
	z-index: 101;
	font-size: 0.8rem;
	}

/*2つの要素横並び*/
.sbs {
	display: inline-table;
	width: 45%;
	text-align: center;
}

/* 外部リンク */
.externalLink{
	}

/*目立たせたいsubmitボタン（divに.sButtonを付与）*/
.sButton{
	text-align: center;
	margin: 1.5em auto;
	}
.mainSec ul.aDes li .sButton{
	margin-bottom: 0;
	}
	
.sButton input[type="submit"],
.sButton input[type="button"],
.sButton button {
	padding: 0.8em 2.5em;
	width: auto;
	min-width: 10em;
	background: #f90;
	box-shadow: none;
	border: 3px double #fff;
	border-radius: 8px;
	color: #fff;
}
.sButton a:hover input[type="submit"],
.sButton a:hover input[type="button"],
.sButton a:hover button{
	cursor: pointer;
	}
	
/* 編集等のinput以外のボタン */
.change a {
	border: 1px solid #363636;
	border-radius: 5px;
	padding: 0.6em;
	width: 6em;
	display: block;
	margin: 0 auto;
	color: #363636;
}
.change a:hover {
	background: rgba(111, 59, 27,.3);
}

/* 参加ボタンカラー */
.participating {
	color: #c00;
	padding: 0.6em;
}

/* 表示確認ボタン */
.indConf{
	margin-bottom: 0;
	margin-top: 0.3em;
	margin-left: 1em;
	float: right;
}
.indConf a {
	padding: 0.3em 0.7em;
	border: 3px double #fff;
	border-radius: 5px;
	display: block;
	background: #666;
	color: #fff;
}
/*永久掲載ボタン*/
/*.fttb {
	border: 1px solid #363636;
	background: #6f3b1b;
	color: #fff;
	padding: 0.3em;
	border-radius: 3px;
	margin-left: 1em;
}*/


/** ヘッド（#title_block）******************************************************************/

#container.shopConfig #title_block h1 {
	margin-top: 5px;
}
/*#container #title_block h1::after{
	content: "様 マイページ";
	margin-left: 0.5rem;
	}
*/
#logout {
	/* margin-top: -3em; */
	margin-top: 0.5em;
	padding: 0.5em 1em;
	border-radius: 5px;
	border: 3px double #fff;
	background-color: #999;
	color: #fff;
}

#title_block p {
	text-align: right;
	margin-right: 0.5em;
}
.lastupdate::before{
	content: "前回ログイン："
	}


/** サイドメニュー（#configSide）******************************************************************/

#cofigSide{
	clear: left;
	overflow: hidden;
	}
#cofigSide section:not(#currentState) {
	border: 1px solid #666;
	padding: 0.5em;
	width: calc( (100% - 2em) / 2 );
	float: left;
	margin: 0 0.5em 0.5em 0.5em;
	box-sizing: border-box;
	text-align: center;
    box-shadow: 1px 2px 2px #eee;
    border-radius: 5px;
}
#cofigSide section h3 i {
	color: #cc0000;
	margin-left: 0.3em;
}

#cofigSide section p{
	display: none;
}
#cofigSide section:not(#currentState) h3:hover + p,
#cofigSide section:not(#currentState) h3 a{
	display: block;
	} 
#cofigSide section:not(#currentState) h3 a{
	color: #6f3b1b;
	}

/**ステイタス(#currentState) ONLY********/
#cofigSide #currentState{
	text-align: center;
    line-height: 1.35;
	}
#currentState .indConf {
	float: none;
	margin: 1em auto;
	width: 6em;
}


/** スライダーボタン ******************************************************************/

#currentState input[type=checkbox],
#mainContentEdit.editBox input[type=checkbox]{
    display: none;
}
#currentState label>input[type=checkbox]~span,
#mainContentEdit.editBox label>input[type=checkbox]~span {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80px;
    height: 28px;
    font-size: 0.9rem;
    border-style: none;
    border-radius: 15px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	margin: 0.5em auto;
}

#mainContentEdit.editBox label>input[type=checkbox]~span{
	float: right;
	}

/* ---- スイッチがONのとき ---- */
#currentState label>input[type=checkbox]:checked+span,
#mainContentEdit.editBox label>input[type=checkbox]:checked+span {
    display: flex;
    padding-left: 8px;
    color: white;
    background-color: #f90;
}
#currentState label>input[type=checkbox]:checked+span+span,
#mainContentEdit.editBox label>input[type=checkbox]:checked+span+span {
    display: none;
}

/* ---- スイッチがOFFのとき ---- */
#currentState label>input[type=checkbox]+span,
#mainContentEdit.editBox label>input[type=checkbox]+span {
    display: none;
}
#currentState label>input[type=checkbox]+span+span,
#mainContentEdit.editBox label>input[type=checkbox]+span+span {
    display: flex;
    padding-right: 8px;
    color: gray;
    background-color: lightgray;
}

/* ---- 丸ボタンのデザイン ---- */
#currentState label>input[type=checkbox]:checked+span::after,
#currentState label>input[type=checkbox]+span+span::before,
#currentState label>input[type=checkbox]:checked+span::after,
#currentState label>input[type=checkbox]+span+span::before,
#mainContentEdit.editBox label>input[type=checkbox]:checked+span::after,
#mainContentEdit.editBox label>input[type=checkbox]+span+span::before,
#mainContentEdit.editBox label>input[type=checkbox]:checked+span::after,
#mainContentEdit.editBox label>input[type=checkbox]+span+span::before {
    display: block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin: 3px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    content: "";
}

/**メインコンテンツ（#configMain）******************************************************************/

section#contractStatus{
	padding:0 40px;
}

/*span付与*/
#contractStatus span{
	border-bottom: #c00 3px double;
	padding: 0.3em 0.5em;
	margin: 0 0.3em;
    font-weight: 600;
	}
.redIcon { /*背景バック赤のアイコン*/
	background: #cc0000;
	margin-left: 0.8em;
	border-radius: 3px;
	color: #fff;
	padding: 0.1em 5px;
	box-sizing: content-box;
}

/*日付webicon付与*/
span.date{
	display: block;
}


/* ---- 汎用sectionデザイン（sectionに.mainSecを付与） ---- */
.mainSec ul{
	margin: 0 1em;
}
.mainSec li{
	margin-bottom: 1em;
	}
.mainSec i,
.mainSec img{
	margin-right: 0.3em;
	}
.mainSec p{
	margin: 0.2em 0 0.5em 0;
	padding: 0;
	}
.mainSec img{
	max-width: 100%;
	}
.mainSec h2{
	padding: 0.3em;
	border-bottom: 1px solid #6f3b1b;
}
.mainSec h2{
	margin-bottom: 1.5em;
}
.mainSec h4{
	margin-bottom: 0.5em;
	}

/* sectionの中で要素にpaddingを持たせたい場合 */
.secBox{
	padding: 0 1.3em;
	}

/* アラート系 */
.mainSec .alert{
	color: #cc0000;
	}
.mainSec .cautionBox{
	border: 1px solid #F30;
	padding: 1em;
	margin: 1em 0;
	}
.mainSec .cautionBox h4 {
	background: #f30;
	padding: 0.2em 0.5em;
	color: #fff;
	margin: 0 0 0.8em 0;
	}

/*hタグを使うまでもない小見出し*/
.mainSec p.subheading {
	margin-top: 1em;
}
/*小見出し+リスト*/　/*小見出し+リスト+リスト*/
.mainSec p.subheading + ul, 
.mainSec p.subheading + ul + ul{
    padding-top: 0;
	}

/* サムネイル表示 */
.mainSec .photoSpace{
	width: 150px;
	height: 150px;
	margin-right: 1em;
	}
.mainSec .photoSpace img{
	max-width: 150px;
	max-height: 150px;
	width: 100%;
	object-fit: contain; 
	}
	

/*特定Sectionとのmarginとり*/
section + #rss_chofu {
	margin-top: 8em;
}

/*リスト内にGoogleMap挿入*/
li#map a {
	display: block;
	padding: 0.3em 0.5em;
	border: 1px solid #666;
	border-radius: 5px;
	margin: 0.5em auto;
	width: 8rem;
	text-align: center;
}
li#map iframe {
	margin: 0 auto;
}

.writingTitle {
	margin-bottom: 1em;
}
li.hiddenEdit {
	background: #efefef;
}
.mainSec p.editButton{
	border:1px solid #ccc;
	padding: 0.3em 0.5em;
	border-radius: 5px;
	float: right;
	width: 5em;
	text-align: center;
}


/*上部固定fixメニュー（#updateMenu） ONLY*/
#configMain #mainContentEdit header{
	border-bottom: 1px solid #6f3b1b;
	}
#configMain #mainContentEdit header h2{
	border-bottom: none;
	float: left;
	margin-bottom: 0;
	}
#configMain #updateMenu{
	margin-bottom: 1em;
	}
#configMain #updateMenu h2 {
	margin-bottom: 0.5em;
	}
#configMain #updateMenu li{
	float: left;
	}
#configMain #updateMenu ul{
	overflow: hidden;
	background: beige;
	clear: left;
	}
#configMain #updateMenu li {
	margin: 0.2em;
}
#configMain #updateMenu li a {
	transition: .5s;
	transform: rotateY(0deg );
	padding: 1em 0.8em 0.5em;
	width: 80px;
	height: 80px;
	line-height: 25px;
	text-align: center;
	box-sizing: border-box;
	display: block;
	color: #6f3b1b;
}
#configMain #updateMenu li a:hover{
	transform: rotateY( 360deg );	
	}
#configMain #updateMenu li:first-child,
#configMain #updateMenu li:nth-child(6){
	background: #fbad38;
	}
#configMain #updateMenu li:nth-child(2),
#configMain #updateMenu li:nth-child(7){
	background: #FC0;
	}
#configMain #updateMenu li:nth-child(3),
#configMain #updateMenu li:nth-child(8){
	background: #9C3;
	}
#configMain #updateMenu li:nth-child(4){
	background: #6CC;
	}
#configMain #updateMenu li:nth-child(5){
	background: #F99;
	}
#configMain #updateMenu li.twoicon i { /*webiconが2つ並ぶ場合liにtwoiconを付加*/
	margin-top: 0.1em;
}
#configMain #updateMenu li.twolines a { /*メニュー 2行にわたる場合の調整*/
	line-height: 8px;
}

/*　PR依頼ONLY　*/
#request.mainSec img{
    height: 1.1em;
}


/* ---- 汎用section編集デザイン（sectionに　.mainSec +.editBox） ---- */
.mainSec.editBox li {
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 0.8em;
	border-radius: 5px;
}
.mainSec.editBox li.activeEdit {
	border: 5px double #ccc;
}

/*本文編集（ulに#mainEdit付与）ONLY*/
#configMain #mainContentEdit li header{
	clear: both;
	overflow: hidden;
	border: none;
	}
.mainSec.editBox ul#mainEdit li h3{
	float: left;
	width: 50%;
	}
.mainSec.editBox ul#mainEdit li label{
	float: right;
	width: 50%;
	}
.mainSec.editBox ul#mainEdit li .writingTitle::before,
.mainSec.editBox ul#mainEdit li .writingText::before{
	display: block;
	}
.mainSec.editBox ul#mainEdit li .writingTitle::before{
	content: "タイトル";
	}
.mainSec.editBox ul#mainEdit li .writingText::before{
	content: "本文";
	}	
.mainSec.editBox ul#mainEdit li h3::before{
	content: "本文";
	}
.mainSec.editBox ul#mainEdit li.hiddenEdit h3::before,
.mainSec.editBox.menu ul#mainEdit li.hiddenEdit h3::before{
	content: "非表示";
	}
.mainSec.editBox ul#mainEdit li.hiddenEditF{
	border: none;
	text-align: center;
	}
.mainSec.editBox ul#mainEdit li.hiddenEditF::before{
	content: "ここより下にあるコンテンツは、表示されません";
	display: block;
	}

/* メニュー編集画面ONLY */
#menuMidashi {
	margin: 1em;
}
.mainSec.editBox.menu ul#mainEdit li h3::before{
	content: "メニュー・サービス";
	}
.mainSec.editBox.menu ul#mainEdit li:first-child label{
	display: unset;
	}
	
/* リンク編集画面ONLY */
.mainSec.editBox.link ul#mainEdit li h3::before{
	content: "関連リンク";
	}
.mainSec.editBox.link ul#mainEdit li:first-child label{
	display: unset;
	}
	
/* ---- 汎用section情報設定デザイン（sectionに　.mainSec + .setBox） ---- */
.mainSec.setBox h3 {
	background: #6f3b1b;
	padding: 0.3em 0.5em;
	margin-bottom: 1em;
	border-radius: 5px;
	color: beige;
}

/*リスト*/
.mainSec.setBox ul {
	margin: 0 0 2em 0;
}
.mainSec.setBox ul.addtype {　/*リストの先頭に何かつける場合*/
	margin-left: 0.5em;
}

/*input*/
.mainSec.setBox input[type="text"],
.mainSec.setBox textarea{
	width: 90%;
	margin-bottom: 0.5em;
	}
.mainSec.setBox input[type="text"].inputNum{
	width: 3em;
	}
.mainSec.setBox input[type="text"].freeEnt{
	width: 50%;
	}
.mainSec.setBox input[type="text"].freeEnt::after{
	content: "この項目名は変更可能です";
	color: #fff;
	}


/***** カテゴリー設定Only *****/
#configMain article#categoryCheck p {
	margin: 1em 0;
	padding: 0;
}
#categoryCheck form{
	margin-bottom: 3em;
	}
#categoryCheck form table{
	width: 100%;
	}
#categoryCheck table th {
	text-align: left;
	padding: 1em 0.5em 0.5em;
	border-bottom: 3px dotted #6f3b1b;
}
#categoryCheck table th[class^="pcat"] {
	padding-left: 0;
	border-bottom: none;
	}
#categoryCheck table th[class^="pcat"] a {
	padding: 0.5em;
	border: 1px solid #6f3b1b;
	display: block;
	color: #6f3b1b;
}
#categoryCheck table.cat td{
	padding: 0.3em;
	}

/****** コラボ企画 ******/
#ichioshi, #chofuds {
	border: 1px solid;
	border-radius: 8px;
}
#ichioshi h3, #chofuds h3{
	margin-bottom: 1em;
	}
.mainSec.setBox h3 span{
	margin-left: 0.5em;
	}
.mainSec.setBox h3 span a {
	background: beige;
	padding: 0 0.2em;
	border-radius: 3px;
	color: #6f3b1b;
}


/*管理機能*/
.mainSec.setBox input[type="text"].datepicker {
	width: 10em;
}
#revise .sButton input[type="button"],
#revise .sButton button{
	width: 95%;
	padding: 1em 0;
	}
/*アクセス履歴*/
.counter_table{
	clear: both;
	}
.counter_table td {
    line-height: 150%;
}
.graph {
	background-color: #ff0000;
	line-height: 80%;
}

/***** ログイン画面*****/
#cLogin {
	margin: 2em auto;
	text-align: center;
}
#cLogin .loginMain {
	margin: 4em auto 6em auto;
}



/*****トップメニューをスクロール後固定させたい場合 *****/
.mFixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
    background: rgba(255,255,255,.8);
}
#configMain #updateMenu.mFixed h2 {
	padding: 0.2em;
	margin-bottom: 0;
}
.mainSec.setBox article:not(:first-of-type){
	padding-top: 10em;
	}


/** オーバーレイForm(#form) ******************************************************************/
#form {
	margin: 0 1%;
}
#form dd li {
	list-style: circle;
	margin-left: 1em;
}
#form select{
	width: 100%;
	}
/* ホットニュースONLY */
.forHN li p:first-child::before {
	content: "表示期間：";
}
.newsCat {
	border: 3px double #fff;
	padding: 0 0.2em;
	background: burlywood;
	margin-right: 0.2em;
	width: 5em;
	text-align: center;
	display: inline-block;
}
.forHN li p:last-child{
	text-align: center;
	}
.forHN li p:last-child a {
	margin: 0 0.8em;
	border: 1px solid #363636;
	padding: 0.1em 0.5em;
	border-radius: 5px;
}
.forHN dt{
	margin: 2em 0 0.5em 0;
	}


/** Web icon(Sett FontAwesome) ******************************************************************/

span.date::before,
ul.listLastLink li:last-child::before,
#cofigSide section:not(#currentState) h3 a::before,
.pcat_link li::before,
#categoryCheck table th[class^="pcat"] a::after,
.externalLink a::after,
.participating::before,
#collaboProject li h3 span a:before,
.indConf a::before{
	font-family: "fontawesome";
	}
span.date::before,
ul.listLastLink li:last-child::before,
#cofigSide section:not(#currentState) h3 a::before,
.pcat_link li::before,
.participating::before,
.indConf a::before{
	margin-right: 0.2em;
	}
#categoryCheck table th[class^="pcat"] a::after,
.externalLink a::after{
	margin-left: 0.5em;
}

span.date::before{
	content: "\f073"; /*calendar*/
	}
ul.listLastLink li:last-child::before,
#cofigSide section:not(#currentState) h3 a::before,
.pcat_link li::before{
	content: "\f0a9"; /*arrow-circle-right*/
	}
.pcat_link li::before{
	content: "\f07b"; /*folder*/
	}
#categoryCheck table th[class^="pcat"] a::after {
	content: "\f078"; /*chevron-down*/
}
.externalLink a::after{
	content: "\f08e"; /*external-link*/
	}
.participating::before{
	content: "\f091"; /*trophy */
	}
#collaboProject li h3 span a:before{
	content: "\f015"; /*home*/
	}
.indConf a::before{
	content: "\f06e"; /*eye*/
	}





/*media Queries ブレイクポイント　PC対応用
----------------------------------------------------*/
@media screen and (min-width: 741px) {

    #logout {
        float: right;
    }

    .shopConfig{
        clear: both;
        overflow: hidden;
        }

    #cofigSide {
        float: left;
        position: fixed;
        width: 205px;
		padding-bottom: 0;
		top: 70px;
        }
    #configMain {
        float: right;
        width: 75%;
    }

    #configMain textarea{
        width: 450px;
    }

    li#map iframe {
        width: 500px;
        margin: 0 auto;
    }

    /*メニューで2行にわたる場合*/
    #configMain #updateMenu li.twolines a {
        line-height: 15px;
    }

    /*メニューをスクロール後固定させたい場合*/
    .mFixed {
        left: 32%;
        width: auto;
    }
    .mainSec.setBox article:not(:first-of-type){
        padding-top: 8em;
        }
        
    /*カテゴリー*/
    #categoryCheck table th[class^="pcat"] a {
        width: 20rem;
    }

    ul.tripleList li { /*3つの横並びリスト*/
        display: inline-table;
        width: 32%;
    }
    ul.twinList li { /*2つの横並びリスト*/
        display: inline-table;
        width: 48%;
    }

    /**サイドメニュー******************************************************************/
    #cofigSide section,
    #cofigSide section:not(#currentState){
        margin: 0 0 1.5em 0;
    }
	#cofigSide section, #cofigSide section:not(#currentState):last-of-type {
		margin-bottom: 0;
	}
    #cofigSide section:not(#currentState){
        text-align: left;
        width: 100%;
        float: none;
    }
    #cofigSide section p{
        font-size: 0.85rem;
    }
    #cofigSide section:not(#currentState) h3 a{
        font-size: 1.1rem;
    }

    .mainSec .photoSpace{
        float: left;
    }
}

@media screen and (max-width: 740px){
    .secBox{
        padding: 0 0.5em;
    }
    .mainSec.setBox table{
        margin: 0 auto;
    }
    .mainSec.setBox article:not(#categoryCheck) table th{
        display: none;
    }
    .mainSec.setBox table td,
    article#categoryCheck table th{
        display: block;
    }
    .mainSec.setBox table td,
    article#categoryCheck table{
        width: 100%;
    }
    .mainSec.setBox table td#cityName::before{
        content: "市区村名";
    }
    .mainSec.setBox table td#detailAdd::before{
        content: "町名";
    }
    .mainSec.setBox table td#choName::before{
        content: "半角数字のみ";
    }
    .mainSec.setBox table td#otherAdd::before{
        content: "住所の残り部分";
    }
    .mainSec.setBox table td#buildingName::before{
        content: "建物名";
    }
    .mainSec.setBox table td#floorNum::before{
        content: "階・室番号等";
    }

    ul.nomalList{
        padding: 1em 0;
    }

    #configMain #updateMenu li a {
        transition: none;
        padding: 0.5em 0 0;
        width: 55px;
        height: 55px;
        line-height: 18px;
        font-size: 0.6rem;
    }
	
	input[type='file'] 	
}