;;
//toggle処理

$( document ).ready( function(){ 

//    $( '.toggle_btn' ).next().hide();
    $( '#school_designer .toggle_btn' ).next().hide();
    $( '#school_business .toggle_btn' ).next().hide();
    $( '#school_kanko .toggle_btn' ).next().hide();
    $( '#school_arts .toggle_btn' ).next().hide();

	$( '#school_arts .toggle_btn' ).on( 'click', function(){
    	$( '#school_business .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
    	$( '#school_designer .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
    	$( '#school_kanko .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
		$( this ).next().css( 'width', '100%' );
		$( this ).next().slideToggle( 400 );
		$( this ).toggleClass( 'toggle_close' );
	} );
	$( '#school_business .toggle_btn' ).on( 'click', function(){
		$( '#school_arts .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
    	$( '#school_designer .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
    	$( '#school_kanko .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
		$( this ).next().css( 'width', '100%' );
		$( this ).next().slideToggle( 400 );
		$( this ).toggleClass( 'toggle_close' );
	} );
	$( '#school_designer .toggle_btn' ).on( 'click', function(){
		$( '#school_arts .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
    	$( '#school_business .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
    	$( '#school_kanko .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
		$( this ).next().css( 'width', '100%' );
		$( this ).next().slideToggle( 400 );
		$( this ).toggleClass( 'toggle_close' );
	} );
	$( '#school_kanko .toggle_btn' ).on( 'click', function(){
		$( '#school_arts .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
    	$( '#school_business .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
    	$( '#school_designer .toggle_btn' ).next().hide().removeClass( 'toggle_close' );
		$( this ).next().css( 'width', '100%' );
		$( this ).next().slideToggle( 400 );
		$( this ).toggleClass( 'toggle_close' );
	} );

	$( '#select_school input[type=radio]' ).each( function(){
		if( $( this ).prop( 'checked' ) == true ){
			$( this ).parent().parent().addClass( 'checked' );
		}
	} );

	$( '#select_school input[name=1st]' ).on( 'click', function(){
		$( '#select_school input[name=1st]' ).parent().parent().removeClass( 'checked disabled' );
		$( '#select_school input[name=2nd]' ).parent().parent().removeClass( 'disabled' );
		$( '#select_school input[name=2nd]' ).prop( 'disabled', false );
		if( $( this ).hasClass( 'radio_V' ) == true ){
			$( '#school_business input[name=2nd]' ).prop( 'checked', false );
			$( '#school_designer input[name=2nd]' ).prop( 'checked', false );
			$( '#school_kanko input[name=2nd]' ).prop( 'checked', false );
			$( '#school_business input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_designer input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_kanko input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_business input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_designer input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_kanko input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_business input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			$( '#school_designer input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			$( '#school_kanko input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			if( $( this ).prop( 'checked' ) == true ){
			   $( this ).parent().parent().addClass( 'checked' );
			}
		}
		if( $( this ).hasClass( 'radio_B' ) == true ){
			$( '#school_arts input[name=2nd]' ).prop( 'checked', false );
			$( '#school_designer input[name=2nd]' ).prop( 'checked', false );
			$( '#school_kanko input[name=2nd]' ).prop( 'checked', false );
			$( '#school_arts input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_designer input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_kanko input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_arts input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_designer input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_kanko input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_arts input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			$( '#school_designer input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			$( '#school_kanko input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			if( $( this ).prop( 'checked' ) == true ){
			   $( this ).parent().parent().addClass( 'checked' );
			}
		}
		if( $( this ).hasClass( 'radio_D' ) == true ){
			$( '#school_arts input[name=2nd]' ).prop( 'checked', false );
			$( '#school_business input[name=2nd]' ).prop( 'checked', false );
			$( '#school_kanko input[name=2nd]' ).prop( 'checked', false );
			$( '#school_arts input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_business input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_kanko input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_arts input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_business input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_kanko input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_arts input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			$( '#school_business input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			$( '#school_kanko input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			if( $( this ).prop( 'checked' ) == true ){
			   $( this ).parent().parent().addClass( 'checked' );
			}
		}
		if( $( this ).hasClass( 'radio_K' ) == true ){
			$( '#school_arts input[name=2nd]' ).prop( 'checked', false );
			$( '#school_business input[name=2nd]' ).prop( 'checked', false );
			$( '#school_designer input[name=2nd]' ).prop( 'checked', false );
			$( '#school_arts input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_business input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_designer input[name=2nd]' ).parent().parent().removeClass( 'checked disabled' );
			$( '#school_arts input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_business input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_designer input[name=2nd]' ).prop( 'disabled', true );
			$( '#school_arts input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			$( '#school_business input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			$( '#school_designer input[name=2nd]' ).parent().parent().addClass( 'disabled' );
			if( $( this ).prop( 'checked' ) == true ){
			   $( this ).parent().parent().addClass( 'checked' );
			}
		}
	} );

	$( '#select_school input[name=2nd]' ).on( 'click', function(){
		$( '#select_school input[name=2nd]' ).parent().parent().removeClass( 'checked' );
		if( $( this ).prop( 'checked' ) == true ){
		   $( this ).parent().parent().addClass( 'checked' );
		}
	} );

} );

//ウィンドウサイズによる画像置換 http://yachin29.hatenablog.com/entry/2016/08/26/004245

$(document).ready(function(){
  var sizeChange = $('.change'), // 置換の対象とするclass属性。
  pcName = '_pc', // 置換の対象とするsrc属性の末尾の文字列
  spName = '_sp',// 置換の対象とするsrc属性の末尾の文字列
  replaceWidth = 767; // 画像を切り替えるウィンドウサイズ。

  sizeChange.each(function(){
  var $this = $(this);
  function imgSize(){
  if(window.innerWidth > replaceWidth) { // ウィンドウサイズが767px以上であれば_spを_pcに置換する。
   $this.attr('src',$this.attr('src').replace(spName,pcName));
   } else {
      $this.attr('src',$this.attr('src').replace(pcName,spName));
			}
		}
		$(window).resize(function(){imgSize();});
	imgSize();
	});
});