/* kyoutsu01 */
body {
  background: linear-gradient(to left,#FF9934 50%,#5620D7 50%);
	}

.prof{
padding: 5px 5px;
margin: 10px 0;
border: solid 1px #5620D7;/*線*/
border-radius: 10px;/*角の丸み*/
}

.hr02 {
	border-top: 2px dotted #808080;
	margin:10px auto;
	}

/* smartphone*/
@media screen and (max-width: 479px) {

img {
	width:100%; 
	max-width: 100%;
	height: auto;
	}

.base {
	margin-top:-10px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-style: none;
	width: 100%;
	height: auto;
	}	

.top_img {
	margin:10px auto 5px auto;
	width:90%;
	}

.logo_img {
	margin:5px auto 5px auto;
	width:80%;
}

.word01 {
	margin:0px 5px 0px 5px;
	text-align: left;
}

.flag{
	width:30%;
	margin:10px 0 0 0;
}

hr{
	width:90%;
	margin:10px auto;
}

.box01{
    padding: 5px 5px;
    margin: 0 0 10px 0;
    color: #000000;
    background: #ffffff;
    border: solid 2px #6eb7ff;
    border-radius: 9px;
}

.photoTB{
margin: 5px 5px 5px 5px;
float: left;
width:140px;
}

.pclear_s{
clear:both;
}

.youlink{
margin: 10px auto 5px auto;
text-align: center;
width:80%;
}

.photobase{
margin: 10px auto 10px auto;
}

.menu_fd {
	padding: 0 0 0 5px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #5620D7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #5620D7;
}

.img_gwaku{
text-align: left;
border:1px solid;
margin: 0 auto 10px auto;
Padding:5px;
float: left;
}

.img_g{
width:100%;
}

.panorama_title {
    padding: 8px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #cde4ff;
    border-top: solid 5px #5989cf;
    border-bottom: solid 5px #5989cf;
}

.panorama_title p {
    margin: 0; 
    padding: 0;
}

}

/* PC */
@media screen and (min-width: 480px) {
.base {
	margin:-10px 0px 0px 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border-style: none;
	width: 1200px;
	height: auto;
	}	
	
.left{
	background-image:url(../img/left_p.jpg);
	background-repeat: repeat-y;
	width:2%;
	height:5000px;
	float: left;
	}

.main{
	background-color: #FFFFFF;
	width:96%;
	height:5000px;
	float:left;
	}

.right{
	background-image:url(../img/right_p.jpg);
	background-repeat: repeat-y;
	width:2%;
	height:5000px;
	float: right;
	}

.right_m{
	background-image:url(../img/right_p.jpg);
	background-repeat: repeat-y;
	width:2%;
	height:1000px;
	float: left;
	}

.top_img {
	margin:10px auto 5px auto;
	}

.logo_img {
	margin:5px auto 5px auto;
	text-align: center;
	width:60%;
}

.word01 {
	margin:0px 5px 0px 5px;
	text-align: left;
}
	
.flag{
	margin:10px 0 0 0;
}

hr{
	width:95%;
	margin:10px auto;
	border-top: 2px  solid dimgrey;
}

.box01{
    padding: 5px 5px;
    margin: 0 0 10px 0;
    color: #FFF;
    background: #6eb7ff;
    border-bottom: solid 6px #3f87ce;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}

.photobase{
text-align: center;
width:660px;
margin: 0 auto 10px auto;
}

.photoTB{
margin: 5px 5px 5px 5px;
float: left;
width:190px;
}

.pclear{
clear:left;
text-align: left;
}

.youlink{
margin: 10px auto 5px auto;
text-align: center;
width:70%;
}

.menu_fd {
	padding: 0 0 0 5px;
	border-left-style: solid;
	border-left-width: 10px;
	border-left-color: #5620D7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #5620D7;
}

.img_gwaku{
text-align: left;
width:1100px;
padding-right:10px;
border:1px solid;
margin: 0 auto 10px auto;
float: left;
}

.img_g{
width:220px;
margin: 5px 10px 5px 5px ;
float: left;
}
}