@charset "shift_jis";
@media screen and (max-width: 768px){

body{
	margin           : 0;
	font-family      : "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	font-size        : 11px;
	color            : #727B69;
	background-color : #ffffff;
	width            : 100%;
	min-width        : 320px !important;
}

.clear{
	clear            : both;
}

.fRight{
	float            : right;
}

.fLeft{
	float            : left;
}

a{
	text-decoration  : none;
}

a:link,
a:visited{
	color            : #3f3f3f;
}

.mail,.aghp{
	color            : blue;
	text-decoration  : underline;
}

li{
	list-style       : none;
}

.center{
	text-align       : center;
}

#headerSp{
	margin-left      : auto;
	margin-right     : auto;
	height           :  auto;
	width            : 100%;
	background-color : #f5f5f5;
	border-bottom:15px solid #006c60;
	display:table;
	min-width:320px;
}
/*
#header{
	margin-left      : auto;
	margin-right     : auto;
	height           : 34px;
	width            : 320px;
	background-color : #f5f5f5;
}*/
#header{
	height           : 50px;

 	width            : 100%;
	background-color :none;
	padding-bottom:0px;
	border-bottom:none;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding: 0 ;
}


#contents{
    margin-left      : auto;
    margin-right     : auto;
    min-width            : 320px;
	width:100%;
}

.logo1,.logo2{
	display          : none;
}

.logo3{
	display:block;
	height           : 34px;
	width            : 160px;
	float            : left;
}

.logo4{
	display:block;
	height           : 34px;
	width            : 160px;
	float            : right;
}

#wrapper1{
	text-align       : center;
}

.agentMessage{
	width            : calc(100%  - 20px );
	border           : 1px solid #e9e9e9;
	margin           : 15px auto;
	clear:both;
	box-sizing:border-box;
}

.agentName{
	color            : #006659;
	font-size        : 30px;
	margin-top       : 10px;
	text-align       : center;
/*
	margin-bottom    : 10px;
*/
}
.photo{

	float            : none;
	margin:0 auto !important;
	width:90%;
	box-sizing:border-box;
	padding:10px;
	text-align:center !important;
}
.photo img{ width:100%; max-width:100%; height:auto; padding:0; margin:0;}
.message{
	font-size        : 15px;
	line-height      : 20px;
	padding          : 5px 10px 10px 10px;
	font-family      : "游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo;
	text-align       : left;
	word-wrap        : break-word;
	word-break       : break-all;
	clear:both;
	display:block;
}
#wrapper1{
/*	position         : relative;*/
	display          : block;
	width            : 100%;
	text-align       : left;
	padding:0 0px;
	box-sizing:border-box;
}

#wrapper2{
    text-align       : center;

	 display: -webkit-flex; /* Safari */
  display: flex;

  align-items: stretch;
   -webkit-justify-content: center; /* Safari */
  justify-content:         center;
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;

	width            : 100%;
	background-color : #f9f9f9;
	text-align       : left;
	padding:0;
	border-spacing:0;

}
#wrapper3{
	width            : 100%;
	border-right     : none;
	float            : left;
	font-size        : 18px;
	line-height      : 25px;
	margin           : 15px 0px 20px 0px;
	text-align       : left;
	box-sizing:border-box;
	padding:0 ;
}
#wrapper4{
	text-align       : left;
	float            : none;
	margin           : 15px 0px 20px 0px;
	border-left      : none;
	width:100% !important;
	padding:0;
}



/** 代理店案内 **/
.agentInfo{
	padding     : 10px 10px 20px 10px;
	text-align       : left;
	width:100%;
	box-sizing:border-box;
}

.agentBoxTop{
	/*width            : 300px;*/
	width:100%;
	height           : 10px;
}

.agentBoxMiddle{
/*width            : 300px;*/
	width:100%;
}

.agentBoxBottom{
	/*width            : 300px;*/
	width:100%;
	height           : 5px;
}

.agentBox01{
	background-image : url("../../img/myagent/image/myagentpage/green_topLeft.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 10px;
	float            : left;
	display:none;
}

.agentBox02{
	background-image : url("../../img/myagent/image/myagentpage/green_top.png");
	width            :calc( 100% - 10px);
	height           : 10px;
	float            : left;
	display:none;
}

.agentBox03{
	background-image : url("../../img/myagent/image/myagentpage/green_topRight.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 10px;
	float            : left;
	display:none;
}

.agentBox04{
	background-image : url("../../img/myagent/image/myagentpage/green_left.png");
	width            : 5px;
	float            : left;
	display:none;
}

.agentBox05{
	background-color : #ffffff;
	/*width            : 270px;*/
	width:100%;
	float            : none;
	padding-left     : 10px;
	padding-right    : 10px;
	box-sizing:border-box;
	margin:0 auto;
}

.agentBox06{
	background-image : url("../../img/myagent/image/myagentpage/green_right.png");
	width            : 5px;
	float            : left;
	display:none;
}

.agentBox07{
	background-image : url("../../img/myagent/image/myagentpage/green_bottomLeft.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 5px;
	float            : left;
	display:none;
}

.agentBox08{
	background-image : url("../../img/myagent/image/myagentpage/green_bottom.png");
	width            : calc( 100% - 10px);
	height           : 5px;
	float            : left;
	display:none;
}

.agentBox09{
	background-image : url("../../img/myagent/image/myagentpage/green_bottomRight.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 5px;
	float            : left;
	display:none;
}

.agentBox05 .title{
	height           : 36px;
	padding-top      : 10px;
	color            : #289286;
	font-size        : 16px;
	font-weight      : bold;
	border-bottom    : 1px solid #289286;
}

#agentMark{
	width            : 32px;
	height           : 32px;
	margin-right     : 7px;
	vertical-align   : middle;
}

table.agentTable{
	margin           : 5px 0px 5px 0px;
	width            :100%;
	border-bottom    : 1px solid #e9e9e9;
	border-collapse  : collapse;

}

.agentTable td{
	border-bottom    : solid 1px #e9e9e9;
	padding          : 5px;
	word-wrap        : break-word;
	word-break       : break-all;
}

.td1{
	width            : 90px;
	font-weight      : bold;
}

.td2 {
    width            : 150px;
	word-break       : break-all;
}

.align{
	vertical-align   : top;
}

/** 関連サイト **/
.siteInfo{

	text-align       : left;
	padding:10px 10px 20px 10px;
	width:100%;
	box-sizing:border-box;
}

.siteBoxTop{
	width            :  calc( 100% - 10px);
	height           : 10px;
	box-sizing:border-box;
}

.siteBoxMiddle{
	width            : 100%;
}

.siteBoxBottom{
	width            : 100%;
	height           : 5px;
}

.siteBox01{
	background-image : url("../../img/myagent/image/myagentpage/blue_topLeft.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 10px;
	float            : left;
	display:none;
}

.siteBox02{
	background-image : url("../../img/myagent/image/myagentpage/blue_top.png");
	width            : calc( 100% - 10px);
	height           : 10px;
	float            : left;
	display:none;
}

.siteBox03{
	background-image : url("../../img/myagent/image/myagentpage/blue_topRight.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 10px;
	float            : left;
	display:none;
}

.siteBox04{
	background-image : url("../../img/myagent/image/myagentpage/blue_left.png");
	width            : 5px;
	float            : left;
	display:none;
}

.siteBox05{
	border-top:15px solid #276092;
	background-color : #ffffff;
	width            : calc( 100% -10px );
	width:100%;
	float            : none;
	padding-left     : 10px;
	padding-right    : 10px;
	box-sizing:border-box;
	margin:0 auto;
}

.siteBox06{
	background-image : url("../../img/myagent/image/myagentpage/blue_right.png");
	width            : 5px;
	float            : left;
	display:none;
}

.siteBox07{
	background-image : url("../image/myagentpage/blue_bottomLeft.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 5px;
	float            : left;
	display:none;
}

.siteBox08{
	background-image : url("../image/myagentpage/blue_bottom.png");
	width            :  calc( 100% - 10px);
	height           : 5px;
	float            : left;
	display:none;
}

.siteBox09{
	background-image : url("../image/myagentpage/blue_bottomRight.png");
	background-repeat: no-repeat;
	width            : 5px;
	height           : 5px;
	float            : left;
	display:none;
}

.siteBox05 .title{
	height           : 36px;
	padding-top      : 10px;
	color            : #285b92;
	font-size        : 16px;
	font-weight      : bold;
	border-bottom    : 1px solid #285b92;
}

#siteMark{
	width            : 32px;
	height           : 32px;
	margin-right     : 7px;
	vertical-align   : middle;
}

.siteLink{
	padding          : 10px;
}

.siteTitle{
	background-color : #f5f6f5;
	padding          : 5px;
	width            : 100%;
	box-sizing:border-box;
	border           : 1px solid #ebebeb;
}

.linkImage{
	padding-right    : 5px;
	border           : 0 none;
}

.siteText{
	padding-top      : 5px;
	color            : #9f9f9f;
}

/** インターネット申込 **/
.internetInfo{
	padding          : 10px 15px 10px 15px;
	width            : 100%;
	box-sizing:border-box;
}

.internetText{
	padding          : 5px;
	font-size        : 11px;
	text-align       : left;
}

.internetText2{
	text-align       : left;
	padding-top      : 5px;
}

.netHoken{
	width            : 100%;
	padding-top      : 10px;
	box-sizing:border-box;
	min-width:320px;
/*
	background-image : url("/img/image/myagentpage/internetBack.png");
	background-repeat: repeat-x;
*/
}
.netHoken img{ width:100%; box-sizing:border-box; padding:10px; }

.internetText{
	padding          : 5px;
	font-size        : 16px;
}


.netBox{
	background-color : #ffffff;
	padding          : 10px;
	border           : 1px solid #c8c8c8;
	margin-top       : 0px;
	margin-bottom:15px;
	box-shadow:0 1px 3px rgba(0,0,0,0.25);
		font-size:16px;
}

.box_red{ border:3px solid #D71318; border-radius:10px;}
.box_aqua{ border:3px solid #006AB1; border-radius:10px;}
.box_green2{ border:3px solid #2a8881; border-radius:10px;}
.box_orange{ border:3px solid #F47A45; border-radius:10px;}
.box_green{ border:3px solid #59B747; border-radius:10px;}
.box_pink{ border:3px solid #F6628D; border-radius:10px;}
.box_yellow{ border:3px solid #FFD700; border-radius:10px;}
.netBox .center{ display:block; height:auto;}
.netBox .center img{ width:80%; height:auto; display:block; margin:0 auto;}

.netBack{
	background-image : url(../../img/myagent/image/myagentpage/internetBack2.png);
	background-repeat: repaet-x;
	background-position:bottom;
	background-size:10% 100%;
	min-height           : 82px;
	height:auto;
	padding:10px;
}


.travel{
	color            : #df661b;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.travelLink{
	background-repeat: repeat-x;
	width            : 100%;
	box-sizing:border-box;
	padding:10px;
}

.cycle{
	color            : #f00343;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.cycleLink{
	background-repeat: repeat-x;
	width            : 100%;
	box-sizing:border-box;
	padding:10px;
}

.golf{
	color            : #4da118;
	font-weight      : bold;
	padding-bottom   : 10px;
}

.golfLink{
	background-repeat: repeat-x;
	width            : 100%;
	box-sizing:border-box;
	padding:10px;
}

.netImage{
	height           : 45px;
	width            : 150px;
}


.netLink{
	border           : 0 none;
	height           : 50px;
	width            : 100%;
	border-radius:6px;
	box-shadow:0 1px 5px rgba(0,0,0,0.3);
	background-image:url(../../img/myagent/image/myagentpage/icon_white_arrow.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:20px;
	font-size:16px;
	color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	cursor:pointer;
}
.bg_red{ background-color:#d71318;}
.bg_orange{ background-color:#f47a45;}
.bg_green{ background-color:#59b747;}
.bg_pink{ background-color:#f6628d;}

/** フッター **/
#footerLink{
    margin-left      : auto;
    margin-right     : auto;
	width            : 100%;
	height           : auto;
	border-top       : 2px solid #e9e9e9;
	background-color : #f5f7f4;
	color            : #717171;
	margin-bottom:0;
	display:block;
	box-sizing:border-box;
}

#footerLink ul{
	padding          : 10px;
	width:100%;
	display:block;
	margin:0;
	box-sizing:border-box;
}

.footerLink img{
	border           : 0 none;

}

.footerLink{
	background-image : url("../../img/myagent/image/myagentpage/linkMark.png");
	background-repeat: no-repeat;
	background-position:left center;
	background-size:12px;
	padding-left     : 10px;
	margin           :0  8px;
}

#footerLink li{
	display          :  block;
	text-align:left;
	padding:5px 5px 5px 20px;
	font-size:16px;
	box-sizing:border-box;
}

#copyRight{
	margin-left      : auto;
    margin-right     : auto;
	width            : 100%;
	line-height      : 15px;
	background-color : #01584f;
	color            : #ffffff;
	word-wrap        : break-word;
	box-sizing:border-box;
	padding:10px;
}

.dairitenImage {
	width            : 300px;
	float            : none;
	padding          : 3%
}


}