@charset "utf-8";
/*************/
/*  general  */
/*************/
html,body{
	-webkit-overflow-scrolling: touch;
}
body{
	font-family: 'Helvetica Neue',Helvetica,Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;
	margin:0;
	padding:0;
	font-size:1.2em;
    letter-spacing: 0.1em;
}
a{color: #000;}
img{border: none;}
li{list-style: none;}
.head_wrap{
	margin-bottom: 3%;
    background: #ff7600;
}
.head_logo{
	display: inline-block;
	width: 50%;
}
.head_h1{
	font-size: 80%;
    font-weight: normal;
    margin: 0;
    color: #fff;
}
.footer_wrap{}
.footer_chld1{
	display: flex;
    justify-content: space-around;
    border-top: 5px solid #ff7600;

}
.footer_chld2{
	width: 100%;
    background: #ff7600;
    color: #fff;
    padding: 1% 0 1% 2%;
    box-sizing: border-box;
}
.footer_chld2 a{color: #fff;}
.footer_lists{
	width: 49%;
}
.footer_h4{
	color: #00adff;
    margin: 2%;
}
.footer_ul{}
.footer_ul li{margin: 3% 0;}
.copy_btn{
    margin: 0 3%;
    padding: 1% 2%;
    font-size: 1em;
    border: none;
    background: #00adff;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
}
.note{
    background: #ffffbc;
    padding: 10px 15px;
    margin: 15px;
    display: block;}

/*************/
/*  top page */
/*************/
.main_wrap{
	width: 90%;
    margin: 0 auto;
}
.main_h3{
	margin: 0;
    color: #ff7600;
    font-size: 2em;
}
.main_form_wrap{
	margin: 3% auto;
    width: 80%;
}
#shl_input{
    font-size: 1.5em;
    padding: 4px 8px;
    border: 1px solid #000;
    width: 100%;
}
#msgarea{
	display: block;
    font-weight: bold;
    color: #f00;
    font-size: 1.2em;
}
.main_check_wrap{
	margin: 10px 0;
    display: flex;
}
.main_check_inner{
	display: inline-block;
    margin: 10px 10px 10px 0;
}
#shl_cushion{display: none;}
input + .shl_cushion_label{
	background: #666;
    padding: 13px 15px;
    box-sizing: border-box;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}
input:checked + .shl_cushion_label{
	background: #00adff;
}
.main_form_submit{
	display: inline-block;
    margin: 10px;
    padding: 5px 16px;
    font-size: 1.5em;
    border: none;
    cursor: pointer;
    background: #ff7600;
    color: #fff;
    font-weight: bold;
}



/*************/
/* shrinked */
/*************/
#shl_mail{
    font-size: 1.5em;
    padding: 4px 8px;
    border: 1px solid #000;
    width: 100%;
}
.shrinked_ul{
    margin: 3% auto;
    display: block;
    width: 80%;
    padding: 0;
}
.shrinked_ul li span{
	display: block;
	max-width: 100%;
}
.shrinked_ul li span a{
	word-break: break-all;
}
.shrinked_after1{
	margin: 2% 0;
    display: inline-block;
}
.shrinked_after2 a{
	color: #00f;
    text-decoration: underline;
}
.shrinked_before1{
    margin: 2% 0;
    display: inline-block;
}
.shrinked_before2 a{
	color: #00f;
    text-decoration: underline;
}
.shrinked_form_wrap{
	margin: 3% auto;
    width: 80%;
}
.shrinkthanks_p{
    margin: 3% auto;
    width: 80%;
}
.shrinkthanks_top a{color: #00f;}
.shrinkthanks_top{
	margin: 5% auto;
    width: fit-content;
    font-weight: bold;
}


/*************/
/* shrinked */
/*************/
.myurl_box{
	border: 1px solid #222;
    padding: 1% 2%;
    margin: 1% 2%;
}
.myurl_box_urls{
	display: flex;
    flex-flow: column;
}
.myurl_origin{
	word-wrap: break-word;
    width: 100%;
    border-bottom: 1px solid #222;
    padding-bottom: 1%;
}
.myurl_shrnked{
	margin: 1% 0;
}

@media only screen and (max-width: 1099px) {
	body{
		font-size: 1em;
	}
	.head_logo{
		width: 100%;
    	display: block;
	}
	.main_form_wrap {
		margin: 3% 2%;
		width: 95%;
	}
	.main_check_inner {
		margin: 10px 0;
		width: 100%;
	}
	.main_h3{
		font-size: 1.5em;
	}
	.main_check_wrap {
		margin: 20px 0;
		display: block;
	}
	.main_form_submit {
		display: block;
		margin: 20px 0;
		width: 100%;
	}
	#shl_input {
		box-sizing: border-box;
	}
	input:checked + .shl_cushion_label {
    	width: 100%;
		text-align: center;
	}
	.shrinked_before2 a,
	.shrinked_after2 a{
		width: 100%;
    	display: inline-block;
    	word-break: break-word;
	}
	.footer_chld1{
		display: block;
	}
	.footer_lists {
		width: 98%;
	}
	.shrinkthanks_p {
		margin: 3% auto;
		width: 98%;
		word-break: break-word;
		box-sizing: border-box;
	}
	.myurl_shrnked {
		padding: 4%;
		word-break: break-word;
		box-sizing: border-box;
	}
	.myurl_origin {
		padding: 4%;
		box-sizing: border-box;
	}
	.myurl_box {
		margin: 10% 0;
	}
	.copy_btn {
		margin: 5% 3%;
		padding: 3% 2%;
	}
}



/*************/
/*  random   */
/*************/
.random_ul{
	padding: 0;
    width: 100%;
}
.random_li{
	width: 100%;
    word-break: break-all;
    display: block;
    margin: 15px 0;
}