/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com
Twitter:@rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/*行の高さをフォントサイズと同じにしています*/
body{
    line-height:1;
	-webkit-text-size-adjust:100%;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
/*nav ul{
    list-style:none;
}*/
ol, ul{
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q{
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after{
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del{
    text-decoration:line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title]{
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table{
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr{
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select{
    vertical-align:middle;
}

/*画像を縦に並べた時に余白が出ないように*/
img{
    vertical-align:top;
    font-size:0;
    line-height:0;
}

/*box-sizingを全ブラウザに対応*/
*, *:before, *:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
}
i{
	font-size:0.7rem;
	margin:0 5px 0 0;
}

/***************************************************
　font-change
***************************************************/
.f_small{
	font-size:0.6rem;
}
.f_normal{
	font-size:0.9rem;
	font-weight:normal;
}
.f_large{
	font-size:1.4rem;
}
.f_xlarge{
	font-size:2.5rem;
}
.f_red{
	color:#F00;
}
.f_blue{
	color:#03F;
}
.f_yellow{
	color:#FF0;
}
.f_purple{
	color:#F0F;
}
.f_orange{
	color:#F60;
}
.f_gray{
	color:#999;
}
.f_bold{
	font-weight:bold;
}
.f_center{
	text-align:center;
}
.f_undeline{
	text-decoration:underline;
}
.f_requre{
	color:#FFF;
	font-size:0.6rem;
	font-weight:normal;
	vertical-align:middle;
	margin:0 0 0 10px;
	padding:2px 5px;
	background:#F00;
    -moz-border-radius:2rem;
    -webkit-border-radius:2rem;
    border-radius:2rem;
}

/***************************************************
　表・裏サイト共用
***************************************************/
ul.works_link{
	margin:0 0 30px 0;
}
ul.works_link li{
	display:inline;
	border:none;
}
ul.works_link li a{
	color:#FFF;
	font-size:0.8rem;
	font-weight:bold;
	text-align:center;
	text-shadow:1px 1px 0 #000;
	text-decoration:none;
	margin:0 0 10px 0;
	padding:6px 12px;
	background:#06F;
    -moz-border-radius:0.5rem;
    -webkit-border-radius:0.5rem;
    border-radius:0.5rem;
	display:inline-block;
}

/***************************************************
　sns_share
***************************************************/
ul#sns_share{
}
ul#sns_share li{
}
ul#sns_share li i{
	font-size:2.0rem;
	padding:4px 6px;
	background:#FFF;
    -moz-border-radius:0.3rem;
    -webkit-border-radius:0.3rem;
    border-radius:0.3rem;
}
ul#sns_share li#share_tw i{
	color:#00ACEE;
}
ul#sns_share li#share_fa i{
	color:#3B5999;
}
ul#sns_share li#share_pl i{
	color:#DB4A39;
}
ul#sns_share li#share_li i{
	color:#25AF01;
}
ul#sns_share li#share_ha i{
	color:#5D8AC1;
}
ul#sns_share li#share_po i{
	color:#EF3E50;
}
/* Font Awesome hatena bookmark */
.fa-hatena:before{
    content:"B!";
	font-size:2.0rem;
    font-family:Verdana;
    font-weight:bold;
}

/***************************************************
　table
***************************************************/
table{
	font-size:0.8rem;
}
table th{
	text-align:left;
	vertical-align:middle;
	padding:8px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
table td{
	padding:8px;
	border-bottom:1px solid #CCC;
}
table tr:last-child th,
table tr:last-child td{
	border-bottom:none;
}
input{
	width:50%;
	padding:4px;
}
select{
	padding:4px;
}
textarea{
	width:80%;
	height:200px;
	padding:4px;
}
input.set_name{
	width:80px;
}
input.set_mail1{
	width:130px;
}
input.set_mail2{
	width:110px;
}
input.set_post,
input.set_tel{
	width:55px;
}
.custom-radio{
	display:none;
}
.custom-radio + label{
	position:relative;
	display:inline-block;
	margin-right:5px;
	padding-left:23px;
	min-height:18px;
	line-height:18px;
}
.custom-radio + label::before{
	position:absolute;
	display:inline-block;
	left:0;
	top:0;
	width:16px;
	height:16px;
	content:url("../images/site/radio_off.png");
}
.custom-radio:checked + label::before{
	content:url("../images/site/radio_on.png");
}
.custom-radio:disabled + label{
	opacity:.3;
	cursor:not-allowed;
}
#form_btn_1,
#form_btn_2{
	width:250px;
	height:40px;
	margin:20px auto 0 auto;
}
#form_btn_2{
	width:520px;
}
#form_btn_1 button,
#form_btn_2 #form_btn_l button,
#form_btn_2 #form_btn_r button{
	color:#FFF;
	text-shadow:1px 1px 0 #000;
	font-weight:bold;
	width:250px;
	height:40px;
	background:#0060F0;
	border:0;
    -moz-border-radius:0.4rem;
    -webkit-border-radius:0.4rem;
    border-radius:0.4rem;
	outline:none;
}
#form_btn_2 #form_btn_l button{
	background:#333;
}
#form_btn_2 #form_btn_r button.btn_delete{
	background:#F00;
}
#form_btn_2 #form_btn_l,
#form_btn_2 #form_btn_r{
	width:250px;
}

/***************************************************
　paging
***************************************************/
ul.paging_list{
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap; /*IE10*/
	-webkit-flex-wrap:wrap; /* Safari6.1以降 */
}
ul.paging_list li{
	font-size:0.8rem;
	margin:10px 10px 0 0;
}
ul.paging_list li:last-child{
	margin:10px 0 0 0;
}
ul.paging_list li.no_link,
ul.paging_list li a{
	color:#FFF;
	text-decoration:none;
	border:1px solid #333;
	background:#333;
	padding:3px 8px;
    -moz-border-radius:0.3rem;
    -webkit-border-radius:0.3rem;
    border-radius:0.3rem;
	display:block;
}
ul.paging_list li.no_link{
	color:#333;
	background:#FFF;
}

/***************************************************
　overlay
***************************************************/
#overlay{
	display:none;
	position:fixed;
	background:rgba(0,0,0,.6);
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
/* nav open */
.open{
	overflow:hidden;
}
.open #overlay{
	display:block;
}